Posts

Tips User Experience

Image
Ketika anda pertama kali mengunjungi sebuah situs, apa yang pertama kali anda lihat dan nilai?. Desain!. Yaa, desain memberikan kesan pertama pada pengunjung. Baik buruknya desain sebuah blog di mata pengunjung menjadi aspek penting yang harus anda perhatikan. Jika tidak, bisa jadi ketika pengunjung anda baru mengakses blog anda, sepersekian detik kemudian langsung mengklik icon x di pojok tab browser karena desain yang tidak menarik. Baik buruknya desain blog adalah cermin dari konten yang berkualitas. Desain Ramah Pengguna (User-friendly) Oleh karena itu, Desain yang  catchy  harus anda terapkan di blog anda. Desain anda harus memikat dan memberi kenyamanan kepada pengunjung sehingga mereka ingin balik lagi nantinya. Namun, yang jadi masalah adalah bagaimana membuat desain blog yang membuat pengunjung nyaman. Ingat loh : Kenyamanan pengunjung. Karena desain blog yang keren juga belum tentu membuat pengunjung anda nyaman. Nah, untuk hal ini saya mempunyai beberapa tips yang s
Post a Comment
Read more

Sequence Diagram

Image
Sequence Diagram  adalah salah satu dari diagram - diagram yang ada pada UML, sequence diagram ini adalah diagram yang menggambarkan kolaborasi dinamis antara sejumlah  object . Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara  object  juga interaksi antara  object.  Sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Dalam UML,  object  pada  sequence diagram  digambarkan dengan segi empat yang berisi nama dari  object  yang digarisbawahi. Pada  object  terdapat 3 cara untuk menamainya yaitu : nama  object , nama  object  dan  class,  dan nama  class . Berikut contoh dari ketiga cara tersebut : Dalam sequence diagram, setiap  object  hanya memiliki garis yang digambarkan garis putus-putus ke bawah. Pesan antar  object  digambarkan dengan anak panah dari  object  yang mengirimkan pesan ke  object  yang menerima pesan. Komponen - komponen Berikut komponen - komponen yang ada pada sequence diagram : Object - adalah komponen berbentuk kotak yang m
Post a Comment
Read more

Statechart Diagram (State Diagram)

Image
Statechart diagram adalah teknik yang umum digunakan untuk menggambarkan  behaviour sebuah sistem. Hal ini digunakan untuk membantu analis, perancang dan  pengembang untuk memahami perilaku obyek pada sistem. Statechart diagram menggambarkan transisi dan perubahan keadaan (dari  satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli yang diterima.  Pada umumnya statechart diagram menggambarkan classtertentu (satu class dapatmemiliki  lebih dari satu statechart diagram ). Dalam UML, state digambarkan berbentuk segiempat  dengan sudut membulat dan memiliki nama sesuai kondisinya saat itu. Transisi antar state umumnya memiliki kondisi guard yang merupakan syarat terjadinya transisi yang  bersangkutan, dituliskan dalam kurung siku. Action yang dilakukan sebagai akibat  dari event tertentu dituliskan dengan diawali garis miring. Titik awal dan akhir digambarkan  berbentuk lingkaran berwarna penuh dan berwarna setengah. Tidak cukup hanya mengimplementasi
Post a Comment
Read more

Class Diagram

Image
Class diagram  merupakan salah satu diagram utama dari UML untuk menggambarkan  class  atau  blueprint   object  pada sebuah sistem. Analisis pembentukan class diagram merupakan aktivitas inti yang sangat mempengaruhi arsitektur piranti lunak yang dirancang hingga ke tahap pengkodean. Notasi  Class Diagram Hubungan antar  class Pada  class diagram  juga digambarkan bagaimana interaksi hubungan antar  class  dalam sebuah konstruksi piranti lunak seperti hubungan asosiasi, agregasi, komposisi, dan  inheritance  dan generalization 1. Asosiasi Asosiasi, yaitu hubungan statis antar  class . Umumnya menggambarkan  class  yang memiliki atribut berupa  class  lain, atau  class  yang harus mengetahui eksistensi  class  lain. Panah  navigability  menunjukkan arah  query  antar  class . Contoh: Contoh diatas menunjukan  domain model class  yang  simple  dimana terdapat 3  class :  Member, Sales Order , dan  Product.  Kita bisa lihat  Member class  dapat mempunyai minimal 1 da
Post a Comment
Read more

Communication Diagram (Iteraction Diagram)

Image
Communication diagram menggambarkan interaksi antar objek seperti sequence diagram, tetapi lebih menekankan pada peran masing-masing objek. Setiap message memiliki sequence number, dimana message dari level tertinggi memiliki Nomor 1. Diagram membawa informasi yang sama dengan diagram Sequence, tetapi lebih memusatkan atau memfokuskan pada kegiatan obyek dari waktu pesan itu dikirimkan. Communication Diagram, seperti Sequence Diagram, pada dasarnya memberikan pandangan tentang aspek dinamis dari sebuah sistem berorientasi objek. Mereka dapat menunjukkan bagaimana anggota satu set objek bekerja sama untuk menerapkan use case atau skenario use case. Mereka juga dapat digunakan untuk memodelkan semua interaksi di antara seperangkat benda berkolaborasi, dengan kata lain, sebuah kolaborasi. Dalam kasus ini, Communication Diagram dapat menggambarkan bagaimana bergantung pada objek yang berbeda satu sama lain. Communication Diagram pada dasarnya adalah diagram objek yang menunjukkan h
Post a Comment
Read more

Flow of Event

Image
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. Elemen ini adalah elemen terakhir dalam penyusunan Use case description yang dimana elemen ini menjelaskan tentang proses bisnis dari tiap use case yang ada. Flow of event sendiri dibagi menjadi tiga steps antara lain : Normal flow : Berisikan tentang steps atau langkah langkah umum dari proses bisnis yang ada dari tiap use case. Sub-Flow : Berisikan tentang proses bisnis yang dipecah dari normal flow yang terlalu kompleks sehingga menjadi sebuah proses lain yang masih berhubungan dengan normal flownya Alternative/Exceptional flow : Beriskan informasi tentang kendala-kendala yang menyebabkan proses bisnis tidak dapat  berjalan secara Baik. Sistematika flow of events terdiri dari beberapa elemen berikut : Deskripsi singkat : deskripsi  singkat yang menjelaskan apa yang ak
Post a Comment
Read more

Activity Diagram (UML)

Image
Activity diagram , sesuai dengan namanya diagram ini menggambarkan tentang aktifitas yang terjadi pada sistem. Dari pertama sampai akhir, diagram ini menunjukkan langkah – langkah dalam proses kerja sistem yang kita buat. Sebagai contoh, langkah – langkah memasak air. Tetapi kita akan menjelaskannya dengan bentuk grafik.  Struktur diagram ini juga mirip dengan flowchart. Fungsi Activity Diagram Menggambarkan  proses bisnis dan urutan aktivitas dalam sebuah proses Memperlihatkan urutan aktifitas proses pada sistem Activity diagram dibuat berdasarkan sebuah atau beberapa use case pada use case diagram Element - Element Pada Activity Diagram Berikut adalah contoh activity diagram yang simple Pada kasus diatas, pertama - tama pegawai menerima pesanan, lalu pegawai bisa langsung mengisi pesanan (fill order) dan mengirimkan tagihan (send invoice) saat pegawai mengisi pesanan, pelanggan bisa memilih prioritas pesanan. Jika iya maka akan masuk ke  overnight  delivery tetapi j
Post a Comment
Read more