Pertemuan 1 Balsamiq Mockup - 2 [PDF]

Citation preview

Pertemuan 1 Pengenalan Balsamiq Mockups



Sebelum membuat suatu aplikasi anda dapat mendesain terlebih dahulu desain yang anda inginkan, dapat anda buat menggunakan aplikasi balsamiq mockups, langkah yang di lakukan sebagai berikut : 1. Download Aplikasi Balsamiq Mockups 3.3.6, di alamat https://balsamiq.com/download/ 2. Kemudian Instal Aplikasi tersebut sebagai berikut langkahnya : a. Pilih lokasi yang akan di install setelah itu pilih Continue



b. Akan muncul di bawah ini



c. Jika Selesai dapat masuk ke tampilan awal di project awal:



Program Studi Teknik Informatika – S2 Oleh : Bagus Budi Prakoso, S.T



1



3. Carilah ide untuk membuat rancangan desain anda, seandainya anda akan membuat sistem aplikasi web, anda dapat mengkombinasi tampilan yang akan anda buat, dari website lain maupun dari ide anda, dan harap di perhatikan, rancangan desain yang anda buat harus interaktif yang terkait dengan pengguna, dari tampilan, warna dan kemudahan pengguna dalam mengerti dalam memakai. 4. Untuk membuat tampilan web pilih Big  Browser  kemudian Drag



5. Ketik alamatnya seandainya http://fastkuliner.com



Program Studi Teknik Informatika – S2 Oleh : Bagus Budi Prakoso, S.T



2



6. Anda dapat mengubah ukuran dan Posisi di bagian Position dan Size, Untuk mengubah warna dapat di ganti di bagian Background.



7. Kemudian silahkan mulai berkreasi sekreatif mungkin, saya ambil contoh 8. membuat aplikasi web dari website http://www.kraukk.com/ 9. Kemudian untuk tombol menggunakan Buttons pilih Button kemudian drag dan beri nama Link nama halaman yang anda inginkan, Contoh : Home



Program Studi Teknik Informatika – S2 Oleh : Bagus Budi Prakoso, S.T



3



10. Untuk warna tinggal ubah di sebelah kanan Background, untuk member gambar pilih Media  Image  Drag image



11. Pilih Gambar yang akan di gunakan, di bagian menu bawah kanan pilih di tombol +



Program Studi Teknik Informatika – S2 Oleh : Bagus Budi Prakoso, S.T



4



12. Maka akan muncul di bawah ini :



Tugas ! Buatlah suatu perancangan desain aplikasi baik aplikasi mobile dengan tema “Technoprenurship”. Buatlah tampilan interface yang friendly dan mudah di pahami oleh pengguna, sehingga menimbulkan kenyamanan dan kemudahan dalam mendapatkan informasi di sistem tersebut



Program Studi Teknik Informatika – S2 Oleh : Bagus Budi Prakoso, S.T



5