Postingan

Windows Navigation Diagram

Gambar
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. Menurut  Mathiassen  (2000,  p344),  a  navigation  diagram  is  a special kind of statechart diagram that focuses on the overall dynamic of the user interfaces. Navigation diagram adalah sejenis statechart diagram yang fokus pada keseluruhan user interface yang dinamis, diagram ini menunjukan windows yang ada dan transisi yang antara windows- windows tersebut. yang dimaksud dengan navigation diagram adalah : “A navigation diagram is a low-level architecture diagram work product that documents how to navigate around the presentation components of an application”. Navigation diagram adalah sebuah produk kerja low-level architecture diagram yang mendokumentasikan bagaimana navigasi dari komponen yang ada pada sebuah aplikasi
Posting Komentar
Baca selengkapnya

Tips & Trik to Design User Experience

Gambar
Definisi Design User Experience Design User Experience 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. Usability User Experience Pada dasarnya suatu produk atau system dibuat dan dirancang sedemikian rupa untuk menjadi daya tarik mata dan terlihat nyaman untuk digunakan untuk pengguna/user. User  Experience membuat sebuah pengalaman dari sebuah produk terhadap pengguna/user sebagai pengguna didunia nyata.  Usability sendiri menjadi tolak ukur dalam user experience dimana pengalaman pengguna adalah ukuran  yang memiliki kualitas baik atau buruk, dimana interaksi antara pengguna dengan produk atau sistem (Internet, perangkat lunak, teknologi bergerak dan lainnya) yang
Posting Komentar
Baca selengkapnya

Sequence Diagram

Gambar
Sequence diagram mendeskripsikan bagaimana entitas dalam system berinteraksi, termasuk pesan yang digunakan saat interaksi. Semua pesan dideskripsikan dalam urutan dari eksekusi. Sequence diagram berhubungan erat dengan Use Case diagram, dimana 1 Use Case akan menjadi 1 Sequence Diagram. Berikut komponen - komponen yang ada pada sequence diagram : 1.      Object - adalah komponen berbentuk kotak yang mewakili sebuah class atau object. Mereka mendemonstrasikan bagaimana sebuah object berperilaku pada sebuah system. 2.      Activation boxes - adalah komponen yang berbentuk persegi panjang yang menggambarkan waktu yang diperlukan sebuah object untuk menyelesaikan tugas. Lebih lama waktu yang diperlukan, maka activation boxes akan lebih panjang. 3.      Actors - adalah komponen yang berbentuk stick figure. Komponen yang mewakili seorang pengguna yang berinteraksi dengan system. 4.      Lifeline - adalah komponen yang berbentuk garis putus - putus. Lifeline biasanya memuat kota
Posting Komentar
Baca selengkapnya

Statechart Diagram

Gambar
Diagram status atau statechart diagram atau statechart diagram menunjukkan kondisi yang dapat dialami atau terjadi pada sebuah objek sehingga setiap objek memiliki sebuah diagram status. Diagram status diadopsi dari penggambaran kondisi mesin status (state machine) yang menggambarkan status apa saja yang dialami oleh mesin, misalnya mesin pembelian kopi dengan uang koin. Diagram Status mengambarkan seluruh state/status yang memungkinkan obyek-obyek dalam class dapat dimiliki dan kejadian-kejadian yang menyebabkan satus berubah. Perubahan dalam suatu state disebut juga transisi (transition). Suatu transisi juga dapat memiliki sebuah aksi yang dihubungkan pada status, lebih spesifik apa yang harus dilakukan dalam hubungannya dengan transisi 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. Simbol-simbol yang ada pada diagram stat
2 komentar
Baca selengkapnya

Class Diagram

Gambar
Definisi Class Diagram Class Diagram adalah diagram yang menunjukan class-class yang ada dari sebuah sistem dan hubungannya secara logika. Class diagram menggambarkan struktur statis dari sebuah sistem. Karena itu class diagram merupakan tulang punggung atau kekuatan dasar dari hampir setiap metode berorientasi objek termasuk UML (Henderi, 2008). Sementara menurut (Whitten L. Jeffery et al 2004:432) class diagram adalah gambar grafis mengenai struktur objek statis dari suatu sistem, menunjukan class-class objek yang menyusun sebuah sistem dan juga hubungan antara class objek tersebut. Elemen - elemen Class Diagram 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). Simbol - simbol class diagram 1.   Class: Class
Posting Komentar
Baca selengkapnya

Communication Diagram

Gambar
Definisi Communication Diagram Communication Diagram Merupakan penyederhanaan dari Diagram Kolaborasi. Menggambarkan interaksi antar objek/bagian dalam bentuk urutan pengiriman pesan. Diagram ini merepresentasikan informasi yang diperoleh dari diagram kelas. Dalam Diagram ini yang dituliskan adalah operasi/metode yang dijalankan antar objek. Tujuan Communication Diagram: 1.    Model pesan melewati antara objek atau peran yang mengantarkan fungsionalitas kasus dan operasi penggunaan. 2.      Mekanisme model dalam desain arsitektur system. 3.   Tangkap interaksi yang menunjukkan pesan yang dilewatkan antara objek dan peran dalam skenario kolaborasi. 4.     Model skenario alternatif dalam kasus penggunaan atau operasi yang melibatkan kolaborasi dari berbagai objek dan interaksi. 5.     Dukung identifikasi objek (karenanya kelas), dan atributnya (parameter pesan) dan operasi (pesan) yang ikut serta dalam use case. Contoh  Communication Diagram: Penjelasan:  K
2 komentar
Baca selengkapnya

Use Case Diagram and Activity Diagram

Gambar
Definisi Use Case Diagram Use Case diagram adalah gambar dari beberapa atau seluruh aktor dan use case dengan tujuan mengenali interaksi mereka dalam suatu sistem. Gambaran fungsionalitas yang diharapkan dari sebuah sistem menekankan pada “APA” bukan “BAGAIMANA” yg dibuat system. Menyatakan suatu job/pekerjaan tertentu misal : login ke sistem, create data penjualan. 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. 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 i
6 komentar
Baca selengkapnya