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.