Posts

User Experience Design

Image
User Experience Tips & Trick User Experience Design Sebelum membahas dan masuk ke dalam User Experience, mari kita ketahui dulu apakah Human Computer Interactions atau yang lebih sering dikenal dengan singkatan HCI. Sebenarnya, apa yang kita lakukan dengan komputer ataupun gadget selama ini merupakan bagian dari interaksi dengan komputer. dimana saat anda menggeser layar smartphone, kemudian anda akan mendapatkan akses penuh terhadap smartphone tersebut, itulah Interaksi. Semakin berkembangnya zaman maka interaksi antara manusia dan komputer semakin menarik bahkan terkesan natural. Jika kita mengingat pada awal munculnya komputer dengan tampilan layar hitam disertai huruf dan angka yang berbaris memenuhi layar, hingga saat ini, komputer sudah menampilkan berbagai macam warna dan icon untuk mempermudah pengguna dalam memahami berbagai macam fungsi yang tersedia. Tidak sampai disitu, saat ini manusia bisa berinteraksi dengan komputer dengan sentuhan, gasture dan suara untu

Window Navigation Diagram

Image
Window Navigation Diagram Pembahasan utama kali ini adalah Windows Navigation Diagram. Sebelum masuk ke Windows Navigation Diagram, mari kita kenali dulu apa itu Interface. Interface adalah fasilitas-fasilitas yang membuat model dan fungsi-fungsi tersedia bagi actor. Hasil dari interfaces adalah user interface dan system interface. User interface adalah style dialog dan bentuk-bentuk presentasi, daftar elemen dari user interface yang lengkap, windows diagram yang dipilih dan navigation diagram. System interface adalah class diagram untuk eksternal device dan protokol-protokol untuk interaksi dengan sistem lain. Navigation diagram merupakan semua window dari user interface dan hubungan dinamiknya. Menurut Satzinger, Jackson dan Burd (2009), Navigation Diagram adalah proses mengeluarkan sebuah objek pengenal dari satu objek dan menggunakannya untuk akses objek lain. Christian dan Azzahra (2011), “Sistem Informasi Akutansi Pembelian Material Pada Perusahaan Kontraktor” Seminar Ap

Sequence Diagram

Image
Sequence Diagram Setelah membahas Communication Diagram, Sequence Diagram merupakan diagram yang mirip dengannya. Berikut penjelasan Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display/form) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan. Diagram ini secara khusus berasosiasi dengan use case diagram dan memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk menghasilkan sesuatu di dalam use case. Namun kurang mampu menjelaskan detail dari sebuah algoritma (loop, branching)

Communication Diagram

Image
Communicaton Diagram Pada pertemuan ini, Communication Diagram yang menjadi topik pembahasan. Communication Diagram adalah suatu diagram yang memperlihatkan/menampilkan pengorganisasian interaksi yang terdapat disekitar objek (seperti halnya sequence diagram) dan hubungannya terhadap yang lainnya. Communication Diagram lebih menekankan kepada peran setiap objek dan bukan pada waktu penyampaian pesan/message. Communication Diagram digunakan untuk: a. Pandangan dalam arti perilaku sistem, berfokus pada link-link di antara objek-objek. b. Ilustrasi dari suatu diagram use-case. c. Menyatakan objek-objek yang diperlukan untuk merealisasikan suatu layanan. d. Memeriksa jalur-jalur pengaksesan. Dalam Communication Diagram terdapat 3 buah notasi, yaitu : Class roles, yang menggambarkan bagaimana benda berperilaku. Gunakan simbol objek UML untuk menggambarkan Class Roles, tetapi class roles tidak terdaftar di objek attribute. Association roles, menje

State Chart Diagram

Image
State Chart Diagram State Chart Diagram atau state diagram atau diagram status 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

Class Diagram

Image
Class Diagram Class diagram adalah model statis yang menggambarkan struktur dan deskripsi class serta hubungannya antara class. Class diagram mirip ER-Diagram pada perancangan database, bedanya pada ER-diagram tidak terdapat operasi/metode tapi hanya atribut. Class terdiri dari nama kelas, atribut dan operasi/methode. Kelas memiliki 3 bagian utama yaitu attribute, operation, dan name. Kelas-kelas yang ada pada struktur sistem harus dapat melakukan fungsi-fungsi sesuai dengan kebutuhan sistem. Sususan struktur kelas yang baik pada class diagram sebaiknya memiliki jenis-jenis kelas berikut :  Kelas Main. Yaitu kelas yang memiliki fungsi awal dieksekusi ketika sistem dijalankan.  Kelas Interface. Kelas yang mendefinisikan dan mengatur tampilan ke pemakai. Biasanya juga disebut kelas boundaries.  Kelas yang diambil dari pendefinisian usecase. Merupakan kelas yang menangani fungsi-fungsi yang harus ada dan diambil dari pendefinisian usecase.  Kelas Entitas, merupakan kelas yang

Interaction Diagram

Image
Interaction Diagram Pada pertemuan kali ini akan membahas mengenai Interaksi Diagram 1. Use Case Realization Fungsionalitas use case direpresentasikan dengan aliran peristiwa-peristiwa. Skenario digunakan untuk menggambarkan bagaimana use case-use case direalisasikan sebagai interaksi antara object-object. Interaction diagram merupakan model yang menjelaskan bagaimana sejumlah object bekerja sama dalam beberapa kelakuan. Interaksi diagram digunakan ketika kita ingin melihat kelakuan dari beberapa object dalam use case tunggal. Diagram ini baik saat menunjukkan kolaborasi diantara object-object, namun kurang baik dalam mendefinisikan behaviour(sifat). Ada dua macam bentuk interaksi diagram yaitu Sequence Diagram dan Collaboration Diagram. 2. Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi vert