Windows Navigation Diagram

Windows Navigation Diagram adalah sebuah diagram yang menggambarkan perpindahan atau transisi dari sebuah window ke window yang lainnya, berserta interface dasarnya dan tombol apa atau event apa yang menyebabkan perpindahan dari satu window ke window yang lain.


Navigation diagram adalah sebuah produk kerja low-level architecture diagram yang mendokumentasikan bagaimana navigasi dari komponen yang ada pada sebuah aplikasi. Jadi dapat disimpulkan bahwa navigation diagram adalah suatu diagram yang menunjukan bagaimana interaksi dari keseluruhan interface yang ada pada sebuah aplikasi.
Contoh :

User Experience Design

User Experience Design atau yang biasa disebut UX Design yaitu adalah:

Proses meningkatkan kepuasan pengguna (pengguna aplikasi, pengunjung website) dalam meningkatkan kegunaan dan kesenangan yang diberikan dalam interaksi antara pengguna dan produk.

Bahasa gampangnya, UX Design itu proses membuat sebuah website atau aplikasi yang kamu buat menjadi mudah untuk digunakan dan tidak membingungkan ketika digunakan oleh pengguna.

Perbedaan UX dan UI

Banyak orang yang salah kaprah bahwa UI sama UX itu adalah suatu hal yang sama. Pada faktanya UX dan UI itu berbeda, namun satu sama lain saling berhubungan.

Pada dasarnya, User Experience adalah tentang “memahami penggunamu”. Tujuan UX adalah mencari tahu siapa mereka, apa yang mereka capai dan apa cara terbaik bagi mereka untuk melakukan “sesuatu”.

UX berkonsentrasi pada bagaimana sebuah produk terasa dan apakah itu memecahkan masalah bagi pengguna.

Sedangkan User Interface adalah bagaimana suatu website atau aplikasi yang kamu buat terlihat dan berbentuk seperti apa. Hal tersebut mencakup Layout (tata letak), Visual Design (desain visual) dan Branding.

Sequence Diagram

Sequence diagram digunakan untuk menggambarkan prilaku pada sebuah skenario. Diagram jenis ini memberikan kejelasan sejumlah obyek dan pesan-pesan yang diletakkan diantaranya didalam sebuah use case. Komponen utamanya adalah obyek yang digambarkan dengan kotak segi empat, message yang digambarkan dengan garis penuh, dan waktu yang ditunjukkan dengan progress vertical.

Kegunaan Sequence Diagram

Sequence diagram digunakan untuk memberikan gambaran detail dari setiap use case diagram yang dibuat sebelumnya. Setiap obyek yang terlibat dalam sebuah use case digambarkan dengan garis putus-putus vertical, kemudian massage yang dikirim oleh obyek digambarkan dengan garis horisontal secara kronologis dari atas ke bawah. Sequance diagram dapat dilihat pada Gambar berikut.

State Chart Diagram

Diagram status atau statechart diagram menunjukkan kondisi yang dapat dialami atau terjadi pada sebuah objek sehingga setiap objek memiliki sebuah status. Diagram status diadopsi dari penggambaran kondisi state machine yang menggambarkan status apa saja yang dialami oleh mesin, misalnya mesin pembelian minuman kaleng dengan uang koin/kertas.

Diagram Status mengambarkan seluruh state  yang memungkinkan obyek-obyek dalam class dapat dimiliki dan kejadian-kejadian yang menyebabkan satus berubah. Perubahan dalam suatu state disebut juga transition. Suatu transition juga dapat memiliki sebuah aksi yang dihubungkan pada status, lebih spesifik apa yang harus dilakukan dalam hubungannya dengan transition status. Pada diagram ini, perilaku sistem ditunjukkan. Sebuah status adalah kondisi selama hidup objek atau interaksi selama memenuhi suatu kondisi, melaksanakan suatu aksi, atau menunggu suatu kejadian.

Class Diagram

Diagram kelas digunakan untuk menampilkan kelas-kelas atau paket-paket di dalam sistem dan relasi antar mereka. Ia memberikan gambaran sistem secara statis. Biasanya, dibuat beberapa diagram kelas untuk satu sistem.

Elemen-eleman class diagram dalam pemodelan UML terdiri dari: Class-class, struktur class, sifat class (class behavior), perkumpulan/gabungan (association), pengumpulan/kesatuan (agregation), ketergantungan (dependency), relasi-relasi turunannya, keberagaman dan indikator navigasi, dan role name (peranan/tugas nama).

Elemen -  elemen dalam class diagram :

• Class: Class adalah blok - blok pembangun pada pemrograman berorientasi obyek. Sebuah class digambarkan sebagai sebuah kotak yang terbagi atas 3 bagian. Bagian atas adalah bagian nama dari class. Bagian tengah mendefinisikan property/atribut class. Bagian akhir mendefinisikan method dari sebuah class.
• Association : Sebuah asosiasi merupakan sebuah relationship paling umum antara 2 class dan dilambangkan oleh sebuah garis yang menghubungkan antara 2 class. Garis ini bisa melambangkan tipe-tipe relationship dan juga dapat menampilkan hukum-hukum multiplisitas pada sebuah relationship.(Contoh: One-to-one, one-to-many,many-to-many).
• Composition: Jika sebuah class tidak bisa berdiri sendiri dan harus merupakan bagian dari class yang lain, maka class tersebut memiliki relasi Composition terhadap class tempat dia bergantung tersebut. Sebuah relationship composition digambarkan sebagai garis dengan ujung berbentuk jajaran genjang berisi/solid.
• Dependency : Kadangkala sebuah class menggunakan class yang lain. Hal ini disebut dependency. Umumnya penggunaan dependency digunakan untuk menunjukkan operasi pada suatu class yang menggunakan class yang lain. Sebuah dependency dilambangkan sebagai sebuah panah bertitik-titik.
• Aggregation : Aggregation mengindikasikan keseluruhan bagian relationship dan biasanya disebut sebagai relasi.
• Generalisasi / inheritence digunakan dalam hubungan antara kelas induk dengan kelas turunan ( inherited). Relasi antar kelas dengan makna generalisasi spesialisasi (umum - khusus).
  Multiplicity atau multiplisitas memnunjukkan jumlah suatu objek yang bias berhubungan dengan objek lain.

Communication Diagram

Definisi Communication Diagram
Communication Diagram menggambarkan interaksi antar objek/bagian dalam bentuk urutan pengiriman pesan. Diagram ini merepresentasikan informasi yang diperoleh dari diagram kelas. Pada Diagram ini yang dituliskan adalah operasi/metode yang dijalankan antar objek.

Simbol-simbol Diagram Communication

• Object merupakan instance dari sebuah class dan dituliskan tersusun secara horizontal. Digambarkan sebagai sebuah class (kotak) dengan nama object didalamnya yang diawali dengan sebuah titik koma. 
• Actor juga dapat berkomunikasi dengan object , maka actor juga dapat diurutkan sebagai kolom. Simbol Actor sama pada Actor Use Case Diagram.
• Message digambarkan dengan anak panah yang mengarah antar obyek dan diberi label urutan nomor yang mengindikasikan urutan komunikasi yang terjadi antar obyek.

Tujuan Communication Diagram:

• Model pesan melewati antara objek atau peran yang mengantarkan fungsionalitas kasus dan operasi penggunaan.
• Mekanisme model dalam desain arsitektur system.
• Tangkap interaksi yang menunjukkan pesan yang dilewatkan antara objek dan peran dalam skenario kolaborasi.
• Model skenario alternatif dalam kasus penggunaan atau operasi yang melibatkan kolaborasi dari berbagai objek dan interaksi.
• Dukung identifikasi objek (karenanya kelas), dan atributnya (parameter pesan) dan operasi (pesan) yang ikut serta dalam use case.

Contoh :

Activity Diagram

What is an Activity Diagram?

Diagram aktivitas secara visual menyajikan serangkaian tindakan atau aliran kontrol dalam sistem yang mirip dengan flowchart atau diagram alir data. Diagram aktivitas sering digunakan dalam pemodelan proses bisnis. Mereka juga bisa menggambarkan langkah-langkah dalam use case diagram. Aktivitas yang dimodelkan bisa berurutan dan bersamaan. Dalam kedua kasus diagram aktivitas akan memiliki awal dan akhir

Basic Activity Diagram Notations and Symbols

Initial State or Start Point

Lingkaran kecil yang diikuti oleh panah mewakili keadaan tindakan awal atau titik awal untuk diagram aktivitas apa pun. Untuk activity diagram menggunakan swimlanes, pastikan start point diletakkan di pojok kiri atas kolom pertama.

Activity or Action State

Status tindakan mewakili tindakan objek yang tidak dapat diinterupsi. Anda bisa menggambar sebuah tindakan di SmartDraw menggunakan persegi panjang dengan sudut membulat.

Action Flow

Aliran tindakan, juga disebut tepi dan jalur, menggambarkan transisi dari satu negara tindakan ke tindakan lainnya. Mereka biasanya digambar dengan garis panah.

Object Flow

Alur objek mengacu pada penciptaan dan modifikasi objek berdasarkan aktivitas. Panah alir objek dari suatu tindakan ke objek berarti bahwa tindakan menciptakan atau mempengaruhi objek. Sebuah panah aliran objek dari suatu objek ke suatu tindakan menunjukkan bahwa keadaan aksi menggunakan objek.

Decisions and Branching

Diamond mewakili keputusan dengan jalur alternatif. Bila suatu aktivitas memerlukan keputusan sebelum beralih ke aktivitas berikutnya, tambahkan berlian di antara kedua aktivitas tersebut. Alternatif keluar harus diberi label dengan kondisi atau ekspresi penjaga. Anda juga bisa memberi label pada salah satu jalur "yang lain".

Guards

Di UML, penjaga adalah pernyataan tertulis di samping keputusan berlian yang harus benar sebelum bergerak disamping aktivitas selanjutnya. Ini tidak penting, namun bermanfaat bila jawaban yang spesifik, seperti "Ya, tiga label dicetak," diperlukan sebelum melangkah maju.

Synchronization

Simpul garpu digunakan untuk membagi arus masuk tunggal menjadi beberapa aliran bersamaan. Ini diwakili sebagai garis lurus dan sedikit lebih tebal dalam diagram aktivitas. Sebuah simpul bergabung menggabungkan beberapa arus konkuren kembali ke arus keluar tunggal.

Mode garpu dan join yang digunakan bersama sering disebut sebagai sinkronisasi.

Time Event

Ini mengacu pada peristiwa yang menghentikan arus untuk sementara waktu; 

sebuah jam pasir menggambarkannya.

Merge Event

Acara gabungan menyatukan beberapa arus yang tidak bersamaan

Sent and Received Signals

Sinyal mewakili bagaimana aktivitas dapat dimodifikasi dari luar sistem. 

Mereka biasanya muncul dalam pasang sinyal yang dikirim dan diterima, karena keadaan tidak 

dapat berubah sampai respons diterima, seperti pesan sinkron dalam diagram urutan. 

Misalnya, otorisasi pembayaran diperlukan sebelum pesanan bisa selesai.

Interrupting Edge

An event, such as a cancellation, that interrupts the flow denoted with a lightning bolt.

Swimlanes
Swimlanes group related activities into one column.

USE CASE DIAGRAM

Use case diagram biasanya disebut sebagai diagram perilaku yang digunakan untuk menggambarkan satu set tindakan (use case) yang mungkin atau harus dilakukan beberapa sistem atau sistem (subjek) bekerja sama dengan satu atau lebih pengguna sistem (aktor) eksternal. Setiap kasus penggunaan harus menyediakan beberapa hasil yang dapat diamati dan berharga bagi aktor atau pemangku kepentingan lainnya dari sistem.

Use Case Diagram digunakkan untuk mengilustrasikan hubungan antara sistem dan user ada beberapa keuntungannya meliputi:

a.       Use Case ringkas, sederhana, dan dipahami oleh beberapa pihak.

b.   Use Case mengatur sejumlah aktifitas dalam proses perencanaan iterasi, sistem deployment, pembuatan dan validasi model desain, pembuatan dokumentasi bagi para pengguna.

c.        Use Case membantu sinkronisasi isi model yang berbeda.

Simbol yang digunakan

Konsep Dasar Flow of Event

Flow of Event bertujuan untuk mendokumentasikan alur logika dalam usecase yang menjelaskan secara rinci apa yang pemakai  akan lakukan  dan apa yang system itu sendiri lakukan.

Sistematika flow of events terdiri dari beberapa elemen berikut :

1.     Deskripsi  singkat yang menjelaskan apa yang akan system lakukan.

2.     Prasyarat  kondisi yang harus dipenuhi sebelum usecase dijalankan.

3.     Alur utama   sebuah jalur utama dalam usecase yang membawa tercapainya tujuan utama sebuah usecase.

4.     Alur alternative merupakan penyimpangan dari alur utama atau alur alternative yang menyatakan kondisi eror dari sistem

5.     alur salah  penyimpangan dari alur utama dan bukan sebagai kondisi salah.

6.     Kondisi akhir  kondisi yang selalu benar setelah usecase dijalankan.

Contoh use case

RUP

Rational Unified Process adalah pedoman umun dalam pembuatab software dengan menggunakan fokus pada analisa kebutuhan dan design.

Di dalam RUP akan ada UML atau model-model yang ada di dalam RUP.

RUP di bagi menjadi 2, yaitu time dan komponen proses.
Time itu pembagian life cycle dari fase-fqse atau iterasi-iterasi.
Komponen proses itu urutan langkah-langkah dalam membangub software.

Proses mendefinisikan :
WHO --> siapa yang memakai sofware.
WHAT --> untuk apa software dipakai.
WHEN --> kapan software dipakai.
WHERE --> di mana dipakai.
HOW --> bagaimana cara memakai software.
Semua proses mempunyai tujuan yaitu goal yang dituju.

Misal, goal adalah membuat erp, maka dalam proses akan di tanya 4W1H tersebut.

Pertamax

Lorem ipsum dolor sit amet, ex repudiare sadipscing scriptorem eos, mutat iracundia urbanitas at eum. Usu no bonorum singulis mediocrem, lorem vocent lobortis nam eu. Purto saperet ne pri. Prodesset reformidans ex vim, sed quaestio reformidans at.

Id eum causae quaeque, quidam mediocrem ut cum. His cibo volumus ex, mel no adhuc eloquentiam. In sale repudiandae eam, id sed quidam honestatis disputationi. Utinam comprehensam usu cu, meliore reformidans an pri, esse repudiare eu sea. Vix ne nemore percipit conclusionemque. Et choro accusamus referrentur sea, has no enim ornatus temporibus.

Vis ex meis magna liberavisse, ad mel nominavi vituperata, nec et labitur consulatu. Nibh erant eruditi cu sea. Paulo scripta praesent an cum, eam ea minimum sensibus vituperata, dictas menandri ne mei. Sanctus praesent evertitur ut vel, eius perpetua vis at, an illum dicam mei. In mel utroque dissentiet, vis antiopam moderatius no, usu ei dico modus. Eos ut insolens reformidans, vis te oporteat adolescens instructior.

Mel cu eirmod gloriatur adolescens. Ex usu putant adipisci accusamus, in sale meliore consectetuer eam. Ius laoreet maiestatis at. In mei agam vidit reformidans, electram interesset sit ea, pri alii postea pertinax at.

Percipitur signiferumque usu te. Menandri neglegentur suscipiantur id eos, id pro cibo possit vivendo, prima dicam detraxit usu ne. Vix ut dicant constituto, cu nisl legimus fabellas sea. Ne putant periculis principes his. Mei velit postea ut, labore facete habemus ea mel, nec an laoreet insolens.