Posts

PERTEMUAN 9 : PENGERTIAN DAN CONTOH WINDOWS NAVIGATION DIAGRAM

Image
WINDOWS NAVIGATION DIAGRAM Window 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 yan

PERTEMUAN 8 : PENGERTIAN DAN KEUNTUNGAN USER EXPERIENCE

Image
USER EXPERIENCE Dalam dunia design,  User Experience  saat ini menjadi perhatian penting sebagai pertimbangan dalam mendesain  User Interface  (antarmuka) baik itu berbasis web maupun berbasis Desktop. Baik dan tidaknya aplikasi yang dibuat oleh developer atau programmer sedikit banyak dipengaruhi oleh aspek  user experience.  Namun sebenarnya apa  User Experience  itu? Berikut akan saya coba jelaskan. Secara harafiah,  User Experience  berarti :  User  (pengguna) dan  Experience (pengalaman).  User Experience  berorientasi pada pengguna. Jadi  User Experience  adalah pengalaman pengguna dalam menggunakan dan merasakan suatu barang atau produk, salah satunya aplikasi komputer yang efektif dan efisien. Sebagai tolak ukur atau paramater dari  User Experience  adalah bagaimana pengguna menggunakan aplikasi dengan cepat dan mudah tanpa harus  banyak belajar untuk menggunakannya terlebih dahulu dengan intensif. User Experience  masuk dalam kategori HCI (Human Computer Interacti

PERTEMUAN 7 : PENGERTIAN DAN CONTOH STATECHART DIAGRAM

Image
STATECHART DIAGRAM Diagram status atau state 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 kejadaian. Simbol-simbol yang ada pada di

PERTEMUAN 6 : PENGERTIAN DAN CONTOH SEQUENCE DIAGRAM

Image
SEQUENCE DIAGRAM Diagram  sequence  merupakan salah satu yang menjelaskan bagaimana suatu operasi itu dilakukan;  message  (pesan) apa yang dikirim dan kapan pelaksanaannya. Diagram ini diatur berdasarkan waktu. Obyek-obyek yang berkaitan dengan proses berjalannya operasi diurutkan dari kiri ke kanan berdasarkan waktu terjadinya dalam pesan yang terurut. Diagram  sequence menampilkan  interaksi  antar  objek  dalam  dua  dimensi. Dimensi   vertikal   adalah   poros   waktu,   dimana   waktu   berjalan ke  arah  bawah. Sedangkan dimensi horizontal merepresentasikan objek-objek individual. Tiap objek (termasuk  actor ) tersebut mempunyai waktu aktif yang direpresentasikan dengan kolom vertikal yang disebut  dengan  lifeline.  Pesan  ( message )  direpresentasikan  sebagai  panah  dari  satu lifeline ke lifeline yang lain. Message digambarkan sebagai garis berpanah dari satu objek ke objek lainnya. Pada fase desain berikutnya, message akan dipetakan menjadi operasi/metoda dari class.

PERTEMUAN 5 : PENGERTIAN DAN CONTOH CLASS DIAGRAM

Image
Class Diagram Adalah  Class diagram  adalah diagam yang digunakan untuk menampilkan beberapa kelas serta paket-paket yang ada dalam sistem/perangkat lunak yang sedang kita gunakan. Class diagram memberi kita gambaran (diagram statis) tentang sistem/perangkat lunak dan relas-relasi yang ada didalamnya. Definisi Class Diagram Class adalah kumpulan objek-objek dengan dan yang mempunyai struktur umum, behavior umum, relasi umum, dan semantic/kata yang umum. Class-class ditentukan/ditemukan dengan cara memeriksa objek-objek dalam sequence diagram dan collaboration diagram. Sebuah class digambarkan seperti sebuah bujur sangkar dengan tiga bagian ruangan. Class sebaiknya diberi nama menggunakan kata benda sesuai dengan domain/bagian/kelompoknya (Whitten L. Jeffery et al, 2004). 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 meru

PERTEMUAN 4 : PENGERTIAN DAN CONTOH COMMUNICATION DIAGRAM

Image
Apa itu Communication Diagram? Communication diagram mirip dengan sequence diagram dalam hal tujuan yang ini dicapai; yaitu untuk menunjukkan interaksi dinamis dari obyek-obyek yang ada dalam suatu sistem. Yang membedakan Communication diagram dari yang lain adalah diagram itu menunjukkan obyek-obyek dan asosiasi dengan obyek-obyek yang lain dalam sistem bersamaan dengan interaksinya. Asosiasi ini tidaklah dijelaskan dalam sequence diagram. Suatu Communication diagram dengan mudah dapat direpresentasikan dengan obyek-obyek modelling dan asosiasi antar objek-objek tersebut yang berupa link-link (hubungan-hubungan). Interaksi antar objek ditunjukkan dengan anak panah. Dan untuk menunjukkan urutan dari mana objek ini berawal maka diberikan petunjuk yang berupa angka-angka. Elemen-elemen dari suatu Communication diagram: Perbandingan dengan sequence diagram Sequence diagram hanya menunjukkan objek-objek dan pesan-pesan yang ikut serta dalam interaksi tersebut serta