Laporan tugas akhir imk id
LAPORAN TUGAS AKHIR
INTERAKSI MANUSIA DAN
KOMPUTER
DISUSUN OLEH
:
1.RAGA YUSTIA
(115060807113044)
2.DIMAS AJI PRATAMA
(115060807113015)
3.BETYA MEILATAMI AGRIUS
(115060807113011)
4.M.HASBI WA KAFA
(115060807113049)
TEKNIK INFORMATIKA
PROGRAM TEKNOLOGI INFORMASI DAN ILMU KOMPUTER
UNIVERSITAS BRAWIJAYA
SATWAPEDIA
01/01/2013
KEDIRI
2013
DAFTAR ISI
BAB 1................................................................................... - 2 PENDAHULUAN.....................................................................- 2 1.1 LATAR BELAKANG..........................................................- 2 1.2 MAKSUD
DAN
TUJUAN.....................................................- 3 -
BAB 2................................................................................... - 4 SATWAPEDIA........................................................................- 4 2.1 NAMA APLIKASI.................................................................- 4 2.2 FUNGSI APLIKASI...............................................................- 4 2.3 FITUR APLIKASI.................................................................- 4 2.4 PENGGUNA APLIKASI...........................................................- 4 2.5 RANCANGAN APLIKASI.........................................................- 5 2.5.1 Rancangan Interface...............................................- 5 2.5.2 Skenario Aplikasi....................................................- 5 2.5.3 Segi Ergonomis.......................................................- 5 2.5.4 Segi Dayaguna........................................................- 6 2.6 PARAMETER : 8 GOLDEN RULE DESIGN............................- 6 2.7 IMPLEMENTASI APLIKASI......................................................- 7 2.8 HASIL IMPLEMENTASI........................................................- 13 BAB 3.................................................................................- 19 KESIMPULAN DAN SARAN....................................................- 19 -
SATWAPEDIA
1
SATWAPEDIA
01/01/2013
BAB 1
PENDAHULUAN
1.1
LATAR BELAKANG
Penggunaan teknologi komputer di zaman sekarang sudah tidak
hanya digunakan dalam sistem pemerintahan dan militer. Banyak
manusia menjadikan komputer sebagai bagian dari hidup mereka.
Banyak developer mengembangkan komputer untuk dunia pendidikan,
sistem keamanan, transportasi, bahkan sampai sistem jual-beli tidak
luput “terjamah” oleh komputer.
Dalam dunia pendidikan sendiri banyak pengajar merasa terbantu
dengan bantuan teknologi komputer. Mulai dari taman pendidikan
kanak-kanak, sampai di bangku kuliah semua telah memanfaatkan
teknologi komputer. Tidak hanya para pengajar yang merasa terbantu
dengan keberadaan teknologi komputer yang perkembangannya
sanagatlah pesat ini, tapi para orang tua pun juga merasa terbantu
untuk mendidik anak-anak mereka. Bagi masyarakat Indonesia,
teknologi komputer tidak hanya membantu di dunia pendidikan tapi
juga sudah tumbuh menjadi life style.
Seiring dengan berkembangnya teknologi pula, banyak masyarakat
yang lebih memilih bertahan di depan komputer berjam-jam hanya
untuk social media, game, online shop dll. Hal tersebut cenderung
membuat mereka lebih bersikap individualis. Mereka telah melupakan
hal-hal yang penting salah satunya adalah rasa saling peduli. Pada
SATWAPEDIA
2
SATWAPEDIA
laporan
ini
01/01/2013
kami
mencoba
untuk
menumbuhkan
kembali
rasa
kepedulian dan sebagai sarana untuk menambah wawasan terhadap
fauna di indonesia yang mulai punah. Kami menggunakan visual
studio sebagai media yang kami gunakan untuk membuat aplikasi
yang kami beri nama “ SATWAPEDIA” ini.
1.2 MAKSUD dan TUJUAN
1.2.1 Maksud
Maksud dari penyusunan laporan ini adalah sebagai berikut:
Mengetahui proses dalam penggunaan Visual Studio.
Sebagai sarana pembelajaran bagi kami, Mahasiswa
Teknik Informatika, dalam mengaplikasikan ilmu yang tidak
diperoleh pada pembelajaran formal pada umumnya.
Sebagai bahan referensi bagi mahasiswa lainnya dalam
mengembangkan dan membangun program aplikasi dengan
menggunakan Visual Studio.
Pemenuhan Tugas Project Akhir pada Mata Kuliah
Interaksi Manusia dan Komputer sebagai pengganti UAS.
1.2.2 Tujuan
Hal apapun yang dilakukan tentu memiliki tujuan/goals yang
ingin diraih. Begitupun dalam pembuatan program aplikasi ini.
Tujuan yang ingin diraih, yaitu:
Memperoleh pengetahuan tentang penggunaan Visual Studio
dalam pembuatan interface dari program aplikasi yang dibuat.
SATWAPEDIA
3
SATWAPEDIA
01/01/2013
Menerapkan Visual Studio sebagai Aplikasi Developer untuk
pembuatan dan pengembangan aplikasi yang dibuat.
Terpenuhinya Tugas Project Akhir pada mata kuliah Interaksi
Manusia dan Komputer yang ditujukan kepada mahasiswa Teknik
Informatika Universitas Brawijaya semester 3.
BAB 2
SATWAPEDIA
2.1 Nama Aplikasi
Aplikasi yang bernama “SATWAPEDIA” ini adalah sebuah
aplikasi yang menekankan pada informasi tentang hewan-hewan
khas dari berbagai pulau di Indonesia yang mulai terancam
kelestariaanya. Aplikasi ini menggunakan sebuah tema interface
yangceria, simple, dan juga memakai button yang mudah dipahami
oleh anak-anak sehingga tidak terjadi kesulitan ketika menjalankan
aplikasi ini.
2.2 Fungsi Aplikasi
Aplikasi ini dibuat untuk menambahkan wawasan serta
meningkatkan rasa kesadaran dankepeduliankepada pengguna
sehingga bisa lebih menjaga dan melestarikanhewan-hewan di
Indonesia yang mulai terancam punah.
2.3 Fitur Aplikasi
Satwapedia menyediakan berbagai ftur untuk kenyamanan
dan kemudahan saat menjalankan aplikasi ini. Berikut ini ftur yang
dimiliki oleh aplikasi Satwapedia adalah:
SATWAPEDIA
4
SATWAPEDIA
01/01/2013
Help,yaitu ftur yang berisi informasi tentang hal
penting yang perlu di perhatikan. Adapun konten yang
ada di dalamnya adalah sebagai berikut :
o Deskripsi
: berisi deskripsi singkat tentang
aplikasi
o Panel
:
Penjelasan
tentang
fungsi-fungsi
button yang
ada di dalam aplikasi
o Developer: Profl dari teman-teman pembuat
aplikasi
AudioControl button,yaitu ftur yang digunakan
untuk mengatur hidup matinya suara
Interface yang simple beserta simbol button control
yang
umum
digunakan
sehingga
pengguna
tidak
kesulitan memahami tiap button.
2.4 Pengguna Aplikasi
Aplikasi ini bisa digunakan oleh siapapun dari kalangan
dewasa maupun anak-anak, tapi aplikasi ini ditekankan untuk anakanak agarbisa memberikan pengetahuankepada generasi muda
tentang berbagai profl hewan khas di Indonesiasupaya sejak dini
tertanam rasa ikut peduli untuk menjaga kelestarian hewa-hewan
khas Indonesia yang sudah mulai terancam kelestariaannya. Oleh
aplikasi ini dibuat semenarik dan seceria mungkin agar anak-anak
tertarik untuk melihat konten yang kami sediakan di aplikasi ini.
2.5 Rancangan Aplikasi
2.5.1Rancangan Interface
Pada tampilan awalnya aplikasi ini tampak seperti game
agar terlihat menarik untuk anak-anak, selain itu kami
mengonsep
SATWAPEDIA
tatanannya
seperti
game
anak-anak
pada
5
SATWAPEDIA
01/01/2013
umumnya agar ketika anak-anak mengoprasikannya tidak
mengalami kesulita. Kemudian pada form selanjutnya setelah
meng-klik button “mulai” pada form utama,akan muncul peta
indonesia dengan tambahan ikon hewan-hewan yangterletak
menyebar
di
berbagai
pulau
sesuai
habitatnya.
Untuk
tampilan peta kami mengonsep dengan warna yang cerah
agar muncul kesan ceria dengan ikon hewan kartun yang lucu
sehingga lebih menarik lagi di mata anak-anak sebagai
penggunanya. Ketika Arahkan cursor ke ikon binatang maka
akan otomatis muncul nama binatang dan klik gambar untuk
menuju ke form profl binatang yang dipilih.
2.5.2 Skenario Aplikasi
Anak-anak sudah memiliki aplikasi satwapedia. mereka
ingin mencari tau informasi tentang hewan komodo. Lalu
merekamenjalankan aplikasi tersebut dengan langsung mengklik 2x shortcut atau aplikasi bernama “SATWAPEDIA” yang
memiliki ikon jerapah. Tetapi muncul error yang mengatakan
perlunya menginstall net framework 4 terlebih dahulu sebab
aplikasi ini membutuhkan net framework minimal versi 4. Oleh
karena itu mereka harus mendownload net framework 4
terlebih dahulu pada website microsoft dan menginstallnya.
Setelah terdapat net framework 4, mereka bisa menjalankan
satwapedia dengan langsung meng-klik 2x shortcut atau
aplikasi yang bergambar jerapah tadi. mereka masuk ke form
utama aplikasi. Disana terdapat beberapa tombol yaitu help
(untuk informasi seputar aplikasi), sound (untuk mengatur
nyala/matinya suara), keluar (keluar dari aplikasi), dan tombol
mulai (untuk memulai aplikasi). Untu memulainya kemudian
meng-klik
tombol
mulai
yang
ukurannya
cukup
besar
sehingga dapat dengan mudah dilihat. Lalu muncul peta
indonesia beserta icon dari hewan-hewan yang ada di setiap
SATWAPEDIA
6
SATWAPEDIA
01/01/2013
wilayah indonesia. Lalu mereka mengarahkan mouse ke
gambar komodo dan akan muncul tulisan nama hewan yang
memudahkan anak-anak dalam proses pencarian hewan yang
diinginkan.
Lalu
mereka
meng-klik
gambar
tersebut.
Kemudian muncul informasi tentang hewan komodo yang
mereka cari.
2.5.3 Segi Ergonomis
Dari
segi
Ergonomis,
Aplikasi
ini
menggunakan
tampilanbutton yang letak dan maksudnya mudah dimengerti
oleh
anak-anak
sehingga
tidak
menyulitkan
dalam
penggunaannya. Tampilandan sound yang ceria cocok untuk
anak-anak sehingga dapat lebih menarik perhatian anak-anak
untuk menggunakan aplikasi ini.
2.5.4 Segi Dayaguna
Selain
diperuntukan
video
untuk
game
tidak
edukasi
banyak
aplikasi
anak-anak,padahal
yang
sangat
penting untuk pertumbuhan anak-anak dalam mengetahui
banyak pengetahuan. Oleh karena itu aplikasi ini dirancang
kepadaanak-anak untuk memberikan pengetahuan tentang
hewan-hewan khas Indonesia yang sudahmulai terancam
kelestariaanya agar muncul rasa peduli untuk ikut menjaga
kelestariaannya.
2.6 PARAMETER : 8 GOLDEN RULE DESIGN
a. Konsistensi
Aplikasi ini menggunakan perintah atau istilah yang
sama. urutan tindakannya konsisten dari awal sehingga
tidak terjadi kebingungan ketika ingin menjalankan dan
mengakhiri aplikasi ini. Selain itu ikon button yang terdapat
SATWAPEDIA
7
SATWAPEDIA
01/01/2013
di dalamnya juga tidak jauh beda dengan button yang ada
di aplikasi lain sehingga user tidak perlu susah-susah
menghafal dan mempelajarinya.
b. Memungkinkan
pengguna
untuk
menggunakan shortcut
Aplikasi ini bisa juga dijalankan dengan menggunakan
shortcut yang biasanya ditaruh di dekstop dengan ikon
kartun hewan jerapah sehingga enak dipandang ketika
menjadi shortcut di desktop.
c.
Memberikan umpan balik yang informative
Terdapat beberapa umpan balik dari aplikasi untuk
user sepertiketika pada form peta hewan ketika user
mengarahkan kursor ke gambar hewan yang diinginkan
maka
secara
informasi
otomatis
nama
akan
hewan
muncul
tersebut,
tulisan
lalu
tentang
ketika
user
mengarahkan kursor tidak pada satupun ikon gambar maka
secara otomatis akan muncul dialog pertanyaan “Binatang
apa yang ingin kamu lihat ? (klik pada gambar binatang
yang kamu inginkan)” .
d. Merancang
dialog
untuk
menghasilkan
suatu
penutupan
Aplikasi ini sudah terancang beberapa dialog saat
menekan tombol mulai pada form utama maka akan muncul
dialog loading “Please Wait” untuk mempersiapkan form
selanjutnya dan menutup form utama. Selain itu juga saat
menekan tombol kembali pada form peta maka juga akan
muncul dialog loading “Please Wait” untuk menutum form
peta dan membuka kembali form utama. Lalu saat menekan
tombol keluar maka akan muncul kotak dialog untuk
SATWAPEDIA
8
SATWAPEDIA
01/01/2013
konfrmasi, tombol “Ya” untuk setuju keluar dari aplikasi dan
tombol “Tidak” untuk membatalkan keluar dan kembali ke
form utama.
e. Memberikan penanganan kesalahan yang sederhana
Aplikasi ini dirancang sesederhana mungkin dantidak
akan timbul kesalahan seperti “app-crash”. Tetapi apabila
terjadi kesalahan atau aplikasi tidak berjalan seketika
terdapat tombol exit yang memudahkan untuk user keluar
dari aplikasi ini sehingga tidak mempengaruhi system yg
lain. Dan umumnya ketika kami mencoba survey ke
beberapa teman untuk menjalankan aplikasi ini yaitu ada
kesalahan ketika menklik tombol help maka akan muncul
kotak dialog help, tanpa sengaja user menklik form utama
yang ada di belakang dialog help tanpa menutup dialog help
sehingga form utama menumpuk dialog help, maka dari itu
agar tidak terjadi penumpukan, lalu kami inputkan beberapa
koding agar saat user menekan tombol selain help pada
form utama maka akan juga memberikan perintah untuk
menutup
kotak
dialog
help
sehingga
tidak
terjadi
penumpukkan.
f.
Mudah kembali ke tindakan sebelumnya
Aplikasi
ini menyediakan button
“kembali”
yang
membantu user untuk kembali ke halaman sebelumnya.
Selain itu ketika terjadi ketidak sengajaan menekan tombol
keluar akan muncul peringatan konfrmasi agar pengguna
bisa membatalkannya.
SATWAPEDIA
9
SATWAPEDIA
01/01/2013
g. Mendukung
tempat
pengendali
internal
(internal
locus of control)
Aplikasi
ini
terdapat
sound
Control
yang
memungkinkan user untuk memilih menjalankan aplikasi ini
dengan suara atau tanpa suara.
h. Mengurangi beban ingatan jangka pendek
Tampilan aplikasi ini yang sederhana dan tidak terlalu
banyak langkah dan halaman form yang dilewati user
sehingga
akan
membantu
user
dalam
mengingat
dan
bertindak.
SATWAPEDIA
10
SATWAPEDIA
01/01/2013
2.7 Implementasi Aplikasi
2.7.1 implementasi form awal (halaman utama)
2.7.2 Kotak Dialog 1
SATWAPEDIA
11
SATWAPEDIA
01/01/2013
2.7.3 Kotak Dialog 2
2.7.4 Kotak Dialog 3
SATWAPEDIA
12
SATWAPEDIA
01/01/2013
2.7.5 Kotak Dialog 4
SATWAPEDIA
13
SATWAPEDIA
01/01/2013
2.7.6 Form Peta Indonesia beserta ikon hewan
SATWAPEDIA
14
SATWAPEDIA
SATWAPEDIA
01/01/2013
15
SATWAPEDIA
01/01/2013
2.8 Hasil Implementasi
SATWAPEDIA
16
SATWAPEDIA
01/01/2013
2.8.1 Tampilan Awal
Keterangan:
1. Pada gambar yang menunjukkan angka 1 adalah sebuah button
untuk mensetting apakah suara aplikasi dinyalakan apa tidak.
2. Pada gambar yang menunjukkan angka nomor 2 adalah sebuah
button yang digunakan untuk memberikan informasi tentang
aplikasi satwapedia ini.
3. Pada gambar yang menunjukkan angka 3 adalah sebual button
yang digunakan untuk memulai aplikasi.
4. Pada gambar yang menurnjukkan angka nomor 4 adalah sebuah
button yang digunakan untuk keluar dari aplikasi ini.
SATWAPEDIA
17
SATWAPEDIA
01/01/2013
2.8.2 Tampilan Peta Hewan
Keterangan:
Pada gambar yang menunjukkan angka nomor 1 adalah button yang
digunakan untuk kembali ke halaman sebelumnya
Pada gambar yang menunjukkan angka nomor 2 adalah salah satu
panel yang digunakan untuk memberitahukan detail dari setiap
hewan
Pada gambar yang menunjukkan angka nomor 3 adalah salah satu
button yang digunakan untuk memberitahukan detail dari setiap
hewan
SATWAPEDIA
18
SATWAPEDIA
01/01/2013
2.8.3 Detail Hewan
Keterangan:
Pada gambar yang menunjukkan angka 1 adalah panel yang
digunakan untuk kembali ke halaman sebelumnya
SATWAPEDIA
19
SATWAPEDIA
01/01/2013
2.8.4 Notifkasi Keluar Aplikasi
Keterangan:
Pada gambar yang menunjukkan angka 1 adalah pilihan jika
memang akan keluar dari aplikasi
Pada gambar yang menunjukkan angka 2 adalah pilihan jika ingin
batal keluar dari aplikasi
SATWAPEDIA
20
SATWAPEDIA
01/01/2013
2.8.5 Menu Bantuan
SATWAPEDIA
21
SATWAPEDIA
01/01/2013
Bagian ini menjelaskan tentang aplikasi “SATWAPEDIA” secara umum.
Bagian ini menjelaskan tentang button-button yang ada di dalam aplikasi.
SATWAPEDIA
22
SATWAPEDIA
01/01/2013
Bagian ini menunjukkan developer/pengembang aplikasi ini.
BAB 3
KESIMPULAN DAN SARAN
3.1 KESIMPULAN:
Kami menggunakan visual studio untuk membuat suatu aplikasi
yang kami beri nama “SATWAPEDIA”
sebagai hasil dari tugas project
akhir pada matakuliah Interaksi Manusia dan Komputer yang merupakan
tugas pengganti UAS semester 3. Di sisi lain SATWAPEDIA ini kami tujukan
kepada anak-anak sebagai sarana untuk menambah wawasan dan
meningkatkan rasa simpati terhadap hewan-hewan di Indonesia yang
mulai punah.
3.2 SARAN
SATWAPEDIA
23
SATWAPEDIA
01/01/2013
Banyak sekali aplikasi-aplikasi yang sudah dibuat oleh banyak orang
dan mempunyai tema yang berbeda-beda. Tetapi masih sangat kurang
aplikasi yang khusus diperuntukkan kepada anak-anak supaya mereka
menjadi lebih semangat untuk belajar dengan adanya aplikasi yang
menyenangkan.
Oleh sebab itu, pembuatan aplikasi khusus anak-anak sangatlah
penting. Hal ini dimaksudkan untuk lebih bisa meningkatkan kesenangan
untuk anak-anak dalam mempelajari sesuatu menggunakan sarana yang
lebih baik.
SATWAPEDIA
24
INTERAKSI MANUSIA DAN
KOMPUTER
DISUSUN OLEH
:
1.RAGA YUSTIA
(115060807113044)
2.DIMAS AJI PRATAMA
(115060807113015)
3.BETYA MEILATAMI AGRIUS
(115060807113011)
4.M.HASBI WA KAFA
(115060807113049)
TEKNIK INFORMATIKA
PROGRAM TEKNOLOGI INFORMASI DAN ILMU KOMPUTER
UNIVERSITAS BRAWIJAYA
SATWAPEDIA
01/01/2013
KEDIRI
2013
DAFTAR ISI
BAB 1................................................................................... - 2 PENDAHULUAN.....................................................................- 2 1.1 LATAR BELAKANG..........................................................- 2 1.2 MAKSUD
DAN
TUJUAN.....................................................- 3 -
BAB 2................................................................................... - 4 SATWAPEDIA........................................................................- 4 2.1 NAMA APLIKASI.................................................................- 4 2.2 FUNGSI APLIKASI...............................................................- 4 2.3 FITUR APLIKASI.................................................................- 4 2.4 PENGGUNA APLIKASI...........................................................- 4 2.5 RANCANGAN APLIKASI.........................................................- 5 2.5.1 Rancangan Interface...............................................- 5 2.5.2 Skenario Aplikasi....................................................- 5 2.5.3 Segi Ergonomis.......................................................- 5 2.5.4 Segi Dayaguna........................................................- 6 2.6 PARAMETER : 8 GOLDEN RULE DESIGN............................- 6 2.7 IMPLEMENTASI APLIKASI......................................................- 7 2.8 HASIL IMPLEMENTASI........................................................- 13 BAB 3.................................................................................- 19 KESIMPULAN DAN SARAN....................................................- 19 -
SATWAPEDIA
1
SATWAPEDIA
01/01/2013
BAB 1
PENDAHULUAN
1.1
LATAR BELAKANG
Penggunaan teknologi komputer di zaman sekarang sudah tidak
hanya digunakan dalam sistem pemerintahan dan militer. Banyak
manusia menjadikan komputer sebagai bagian dari hidup mereka.
Banyak developer mengembangkan komputer untuk dunia pendidikan,
sistem keamanan, transportasi, bahkan sampai sistem jual-beli tidak
luput “terjamah” oleh komputer.
Dalam dunia pendidikan sendiri banyak pengajar merasa terbantu
dengan bantuan teknologi komputer. Mulai dari taman pendidikan
kanak-kanak, sampai di bangku kuliah semua telah memanfaatkan
teknologi komputer. Tidak hanya para pengajar yang merasa terbantu
dengan keberadaan teknologi komputer yang perkembangannya
sanagatlah pesat ini, tapi para orang tua pun juga merasa terbantu
untuk mendidik anak-anak mereka. Bagi masyarakat Indonesia,
teknologi komputer tidak hanya membantu di dunia pendidikan tapi
juga sudah tumbuh menjadi life style.
Seiring dengan berkembangnya teknologi pula, banyak masyarakat
yang lebih memilih bertahan di depan komputer berjam-jam hanya
untuk social media, game, online shop dll. Hal tersebut cenderung
membuat mereka lebih bersikap individualis. Mereka telah melupakan
hal-hal yang penting salah satunya adalah rasa saling peduli. Pada
SATWAPEDIA
2
SATWAPEDIA
laporan
ini
01/01/2013
kami
mencoba
untuk
menumbuhkan
kembali
rasa
kepedulian dan sebagai sarana untuk menambah wawasan terhadap
fauna di indonesia yang mulai punah. Kami menggunakan visual
studio sebagai media yang kami gunakan untuk membuat aplikasi
yang kami beri nama “ SATWAPEDIA” ini.
1.2 MAKSUD dan TUJUAN
1.2.1 Maksud
Maksud dari penyusunan laporan ini adalah sebagai berikut:
Mengetahui proses dalam penggunaan Visual Studio.
Sebagai sarana pembelajaran bagi kami, Mahasiswa
Teknik Informatika, dalam mengaplikasikan ilmu yang tidak
diperoleh pada pembelajaran formal pada umumnya.
Sebagai bahan referensi bagi mahasiswa lainnya dalam
mengembangkan dan membangun program aplikasi dengan
menggunakan Visual Studio.
Pemenuhan Tugas Project Akhir pada Mata Kuliah
Interaksi Manusia dan Komputer sebagai pengganti UAS.
1.2.2 Tujuan
Hal apapun yang dilakukan tentu memiliki tujuan/goals yang
ingin diraih. Begitupun dalam pembuatan program aplikasi ini.
Tujuan yang ingin diraih, yaitu:
Memperoleh pengetahuan tentang penggunaan Visual Studio
dalam pembuatan interface dari program aplikasi yang dibuat.
SATWAPEDIA
3
SATWAPEDIA
01/01/2013
Menerapkan Visual Studio sebagai Aplikasi Developer untuk
pembuatan dan pengembangan aplikasi yang dibuat.
Terpenuhinya Tugas Project Akhir pada mata kuliah Interaksi
Manusia dan Komputer yang ditujukan kepada mahasiswa Teknik
Informatika Universitas Brawijaya semester 3.
BAB 2
SATWAPEDIA
2.1 Nama Aplikasi
Aplikasi yang bernama “SATWAPEDIA” ini adalah sebuah
aplikasi yang menekankan pada informasi tentang hewan-hewan
khas dari berbagai pulau di Indonesia yang mulai terancam
kelestariaanya. Aplikasi ini menggunakan sebuah tema interface
yangceria, simple, dan juga memakai button yang mudah dipahami
oleh anak-anak sehingga tidak terjadi kesulitan ketika menjalankan
aplikasi ini.
2.2 Fungsi Aplikasi
Aplikasi ini dibuat untuk menambahkan wawasan serta
meningkatkan rasa kesadaran dankepeduliankepada pengguna
sehingga bisa lebih menjaga dan melestarikanhewan-hewan di
Indonesia yang mulai terancam punah.
2.3 Fitur Aplikasi
Satwapedia menyediakan berbagai ftur untuk kenyamanan
dan kemudahan saat menjalankan aplikasi ini. Berikut ini ftur yang
dimiliki oleh aplikasi Satwapedia adalah:
SATWAPEDIA
4
SATWAPEDIA
01/01/2013
Help,yaitu ftur yang berisi informasi tentang hal
penting yang perlu di perhatikan. Adapun konten yang
ada di dalamnya adalah sebagai berikut :
o Deskripsi
: berisi deskripsi singkat tentang
aplikasi
o Panel
:
Penjelasan
tentang
fungsi-fungsi
button yang
ada di dalam aplikasi
o Developer: Profl dari teman-teman pembuat
aplikasi
AudioControl button,yaitu ftur yang digunakan
untuk mengatur hidup matinya suara
Interface yang simple beserta simbol button control
yang
umum
digunakan
sehingga
pengguna
tidak
kesulitan memahami tiap button.
2.4 Pengguna Aplikasi
Aplikasi ini bisa digunakan oleh siapapun dari kalangan
dewasa maupun anak-anak, tapi aplikasi ini ditekankan untuk anakanak agarbisa memberikan pengetahuankepada generasi muda
tentang berbagai profl hewan khas di Indonesiasupaya sejak dini
tertanam rasa ikut peduli untuk menjaga kelestarian hewa-hewan
khas Indonesia yang sudah mulai terancam kelestariaannya. Oleh
aplikasi ini dibuat semenarik dan seceria mungkin agar anak-anak
tertarik untuk melihat konten yang kami sediakan di aplikasi ini.
2.5 Rancangan Aplikasi
2.5.1Rancangan Interface
Pada tampilan awalnya aplikasi ini tampak seperti game
agar terlihat menarik untuk anak-anak, selain itu kami
mengonsep
SATWAPEDIA
tatanannya
seperti
game
anak-anak
pada
5
SATWAPEDIA
01/01/2013
umumnya agar ketika anak-anak mengoprasikannya tidak
mengalami kesulita. Kemudian pada form selanjutnya setelah
meng-klik button “mulai” pada form utama,akan muncul peta
indonesia dengan tambahan ikon hewan-hewan yangterletak
menyebar
di
berbagai
pulau
sesuai
habitatnya.
Untuk
tampilan peta kami mengonsep dengan warna yang cerah
agar muncul kesan ceria dengan ikon hewan kartun yang lucu
sehingga lebih menarik lagi di mata anak-anak sebagai
penggunanya. Ketika Arahkan cursor ke ikon binatang maka
akan otomatis muncul nama binatang dan klik gambar untuk
menuju ke form profl binatang yang dipilih.
2.5.2 Skenario Aplikasi
Anak-anak sudah memiliki aplikasi satwapedia. mereka
ingin mencari tau informasi tentang hewan komodo. Lalu
merekamenjalankan aplikasi tersebut dengan langsung mengklik 2x shortcut atau aplikasi bernama “SATWAPEDIA” yang
memiliki ikon jerapah. Tetapi muncul error yang mengatakan
perlunya menginstall net framework 4 terlebih dahulu sebab
aplikasi ini membutuhkan net framework minimal versi 4. Oleh
karena itu mereka harus mendownload net framework 4
terlebih dahulu pada website microsoft dan menginstallnya.
Setelah terdapat net framework 4, mereka bisa menjalankan
satwapedia dengan langsung meng-klik 2x shortcut atau
aplikasi yang bergambar jerapah tadi. mereka masuk ke form
utama aplikasi. Disana terdapat beberapa tombol yaitu help
(untuk informasi seputar aplikasi), sound (untuk mengatur
nyala/matinya suara), keluar (keluar dari aplikasi), dan tombol
mulai (untuk memulai aplikasi). Untu memulainya kemudian
meng-klik
tombol
mulai
yang
ukurannya
cukup
besar
sehingga dapat dengan mudah dilihat. Lalu muncul peta
indonesia beserta icon dari hewan-hewan yang ada di setiap
SATWAPEDIA
6
SATWAPEDIA
01/01/2013
wilayah indonesia. Lalu mereka mengarahkan mouse ke
gambar komodo dan akan muncul tulisan nama hewan yang
memudahkan anak-anak dalam proses pencarian hewan yang
diinginkan.
Lalu
mereka
meng-klik
gambar
tersebut.
Kemudian muncul informasi tentang hewan komodo yang
mereka cari.
2.5.3 Segi Ergonomis
Dari
segi
Ergonomis,
Aplikasi
ini
menggunakan
tampilanbutton yang letak dan maksudnya mudah dimengerti
oleh
anak-anak
sehingga
tidak
menyulitkan
dalam
penggunaannya. Tampilandan sound yang ceria cocok untuk
anak-anak sehingga dapat lebih menarik perhatian anak-anak
untuk menggunakan aplikasi ini.
2.5.4 Segi Dayaguna
Selain
diperuntukan
video
untuk
game
tidak
edukasi
banyak
aplikasi
anak-anak,padahal
yang
sangat
penting untuk pertumbuhan anak-anak dalam mengetahui
banyak pengetahuan. Oleh karena itu aplikasi ini dirancang
kepadaanak-anak untuk memberikan pengetahuan tentang
hewan-hewan khas Indonesia yang sudahmulai terancam
kelestariaanya agar muncul rasa peduli untuk ikut menjaga
kelestariaannya.
2.6 PARAMETER : 8 GOLDEN RULE DESIGN
a. Konsistensi
Aplikasi ini menggunakan perintah atau istilah yang
sama. urutan tindakannya konsisten dari awal sehingga
tidak terjadi kebingungan ketika ingin menjalankan dan
mengakhiri aplikasi ini. Selain itu ikon button yang terdapat
SATWAPEDIA
7
SATWAPEDIA
01/01/2013
di dalamnya juga tidak jauh beda dengan button yang ada
di aplikasi lain sehingga user tidak perlu susah-susah
menghafal dan mempelajarinya.
b. Memungkinkan
pengguna
untuk
menggunakan shortcut
Aplikasi ini bisa juga dijalankan dengan menggunakan
shortcut yang biasanya ditaruh di dekstop dengan ikon
kartun hewan jerapah sehingga enak dipandang ketika
menjadi shortcut di desktop.
c.
Memberikan umpan balik yang informative
Terdapat beberapa umpan balik dari aplikasi untuk
user sepertiketika pada form peta hewan ketika user
mengarahkan kursor ke gambar hewan yang diinginkan
maka
secara
informasi
otomatis
nama
akan
hewan
muncul
tersebut,
tulisan
lalu
tentang
ketika
user
mengarahkan kursor tidak pada satupun ikon gambar maka
secara otomatis akan muncul dialog pertanyaan “Binatang
apa yang ingin kamu lihat ? (klik pada gambar binatang
yang kamu inginkan)” .
d. Merancang
dialog
untuk
menghasilkan
suatu
penutupan
Aplikasi ini sudah terancang beberapa dialog saat
menekan tombol mulai pada form utama maka akan muncul
dialog loading “Please Wait” untuk mempersiapkan form
selanjutnya dan menutup form utama. Selain itu juga saat
menekan tombol kembali pada form peta maka juga akan
muncul dialog loading “Please Wait” untuk menutum form
peta dan membuka kembali form utama. Lalu saat menekan
tombol keluar maka akan muncul kotak dialog untuk
SATWAPEDIA
8
SATWAPEDIA
01/01/2013
konfrmasi, tombol “Ya” untuk setuju keluar dari aplikasi dan
tombol “Tidak” untuk membatalkan keluar dan kembali ke
form utama.
e. Memberikan penanganan kesalahan yang sederhana
Aplikasi ini dirancang sesederhana mungkin dantidak
akan timbul kesalahan seperti “app-crash”. Tetapi apabila
terjadi kesalahan atau aplikasi tidak berjalan seketika
terdapat tombol exit yang memudahkan untuk user keluar
dari aplikasi ini sehingga tidak mempengaruhi system yg
lain. Dan umumnya ketika kami mencoba survey ke
beberapa teman untuk menjalankan aplikasi ini yaitu ada
kesalahan ketika menklik tombol help maka akan muncul
kotak dialog help, tanpa sengaja user menklik form utama
yang ada di belakang dialog help tanpa menutup dialog help
sehingga form utama menumpuk dialog help, maka dari itu
agar tidak terjadi penumpukan, lalu kami inputkan beberapa
koding agar saat user menekan tombol selain help pada
form utama maka akan juga memberikan perintah untuk
menutup
kotak
dialog
help
sehingga
tidak
terjadi
penumpukkan.
f.
Mudah kembali ke tindakan sebelumnya
Aplikasi
ini menyediakan button
“kembali”
yang
membantu user untuk kembali ke halaman sebelumnya.
Selain itu ketika terjadi ketidak sengajaan menekan tombol
keluar akan muncul peringatan konfrmasi agar pengguna
bisa membatalkannya.
SATWAPEDIA
9
SATWAPEDIA
01/01/2013
g. Mendukung
tempat
pengendali
internal
(internal
locus of control)
Aplikasi
ini
terdapat
sound
Control
yang
memungkinkan user untuk memilih menjalankan aplikasi ini
dengan suara atau tanpa suara.
h. Mengurangi beban ingatan jangka pendek
Tampilan aplikasi ini yang sederhana dan tidak terlalu
banyak langkah dan halaman form yang dilewati user
sehingga
akan
membantu
user
dalam
mengingat
dan
bertindak.
SATWAPEDIA
10
SATWAPEDIA
01/01/2013
2.7 Implementasi Aplikasi
2.7.1 implementasi form awal (halaman utama)
2.7.2 Kotak Dialog 1
SATWAPEDIA
11
SATWAPEDIA
01/01/2013
2.7.3 Kotak Dialog 2
2.7.4 Kotak Dialog 3
SATWAPEDIA
12
SATWAPEDIA
01/01/2013
2.7.5 Kotak Dialog 4
SATWAPEDIA
13
SATWAPEDIA
01/01/2013
2.7.6 Form Peta Indonesia beserta ikon hewan
SATWAPEDIA
14
SATWAPEDIA
SATWAPEDIA
01/01/2013
15
SATWAPEDIA
01/01/2013
2.8 Hasil Implementasi
SATWAPEDIA
16
SATWAPEDIA
01/01/2013
2.8.1 Tampilan Awal
Keterangan:
1. Pada gambar yang menunjukkan angka 1 adalah sebuah button
untuk mensetting apakah suara aplikasi dinyalakan apa tidak.
2. Pada gambar yang menunjukkan angka nomor 2 adalah sebuah
button yang digunakan untuk memberikan informasi tentang
aplikasi satwapedia ini.
3. Pada gambar yang menunjukkan angka 3 adalah sebual button
yang digunakan untuk memulai aplikasi.
4. Pada gambar yang menurnjukkan angka nomor 4 adalah sebuah
button yang digunakan untuk keluar dari aplikasi ini.
SATWAPEDIA
17
SATWAPEDIA
01/01/2013
2.8.2 Tampilan Peta Hewan
Keterangan:
Pada gambar yang menunjukkan angka nomor 1 adalah button yang
digunakan untuk kembali ke halaman sebelumnya
Pada gambar yang menunjukkan angka nomor 2 adalah salah satu
panel yang digunakan untuk memberitahukan detail dari setiap
hewan
Pada gambar yang menunjukkan angka nomor 3 adalah salah satu
button yang digunakan untuk memberitahukan detail dari setiap
hewan
SATWAPEDIA
18
SATWAPEDIA
01/01/2013
2.8.3 Detail Hewan
Keterangan:
Pada gambar yang menunjukkan angka 1 adalah panel yang
digunakan untuk kembali ke halaman sebelumnya
SATWAPEDIA
19
SATWAPEDIA
01/01/2013
2.8.4 Notifkasi Keluar Aplikasi
Keterangan:
Pada gambar yang menunjukkan angka 1 adalah pilihan jika
memang akan keluar dari aplikasi
Pada gambar yang menunjukkan angka 2 adalah pilihan jika ingin
batal keluar dari aplikasi
SATWAPEDIA
20
SATWAPEDIA
01/01/2013
2.8.5 Menu Bantuan
SATWAPEDIA
21
SATWAPEDIA
01/01/2013
Bagian ini menjelaskan tentang aplikasi “SATWAPEDIA” secara umum.
Bagian ini menjelaskan tentang button-button yang ada di dalam aplikasi.
SATWAPEDIA
22
SATWAPEDIA
01/01/2013
Bagian ini menunjukkan developer/pengembang aplikasi ini.
BAB 3
KESIMPULAN DAN SARAN
3.1 KESIMPULAN:
Kami menggunakan visual studio untuk membuat suatu aplikasi
yang kami beri nama “SATWAPEDIA”
sebagai hasil dari tugas project
akhir pada matakuliah Interaksi Manusia dan Komputer yang merupakan
tugas pengganti UAS semester 3. Di sisi lain SATWAPEDIA ini kami tujukan
kepada anak-anak sebagai sarana untuk menambah wawasan dan
meningkatkan rasa simpati terhadap hewan-hewan di Indonesia yang
mulai punah.
3.2 SARAN
SATWAPEDIA
23
SATWAPEDIA
01/01/2013
Banyak sekali aplikasi-aplikasi yang sudah dibuat oleh banyak orang
dan mempunyai tema yang berbeda-beda. Tetapi masih sangat kurang
aplikasi yang khusus diperuntukkan kepada anak-anak supaya mereka
menjadi lebih semangat untuk belajar dengan adanya aplikasi yang
menyenangkan.
Oleh sebab itu, pembuatan aplikasi khusus anak-anak sangatlah
penting. Hal ini dimaksudkan untuk lebih bisa meningkatkan kesenangan
untuk anak-anak dalam mempelajari sesuatu menggunakan sarana yang
lebih baik.
SATWAPEDIA
24