36

BAB IV

IMPLEMENTASI DAN PEMBAHASAN

4.1 Analisa Sistem.

Aplikasi ini dibuat dengan tujuan untuk membantu semua orang agar dapat
dengan lebih mudah mencari ruangan-ruangan yang dicari,karena ruangan yag ada di
gedung UNAKI sangat banyak mengingat gedung UNAKI terdiri dari sepuluh lantai dan
tiap lantai memiliki spesifikasi yang cukup banyak. Aplikasi ini berusaha menampilkan
semua bagian yang ada di tiap lantai di gedung UNAKI dengan mendetail, mulai dari
nama ruangan, nama para karyawan yang ada di tiap-tiap ruangan, sehingga misalnya ada
tamu atau mahasiswa yang ingin mencari ruang dosen bisa mengetahuinya dari aplikasi
ini tanpa harus bertanya kepada satpam. Aplikasi ini juga akan menampikan item-item
yang berhubungan dengan keamanan misalnya tangga darurat.

4.2 Bagan Alur Sistem

TAMPILAN
AWAL

MENU
UTAMA

GEDUNG GEDUNG 2 PETA UNAKI

UTAMA

LANTAI 1 LANTAI 2 LANTAI 3

L. 1 L. 2 L. 3 L. 4 L. 5 L. 6 L. 7 L. 8 L. 9 L. 10 L. 11
 37

4.3 Desain Sistem

4.3.1 Desain Menu Awal

4.3.2 Desain Menu Utama

 38

4.3.2.1 Desain Sub Menu Gedung A

4.3.2.1.1 Desain Menu Lantai 1

 39

4.3.2.1.2 Desain Menu Lantai Dua

4.3.2.1.3 Desain Menu Lantai Tiga

 40

4.3.2.1.4 Desain Menu Lantai Empat

4.3.2.1.5 Desain Menu Lantai Lima

 41

4.3.2.1.6 Desain Menu Lantai Enam

4.3.2.1.7 Desain Menu Lantai Tujuh

 42

4.3.2.1.8 Desain Menu Lantai Delapan

4.3.2.1.9 Desain Menu Lantai Sembilan

 43

4.3.2.1.10 Desain Menu Lantai Sepuluh

4.3.2.1.11 Desain Menu Lantai Sebelas

 44

4.3.2.2 Desain Sub Menu Gedung B

4.3.2.2.1 Desain Menu Lantai 1 Gedung B

 45

4.3.2.2.2 Desain Menu Lantai 2 Gedung 2

4.3.2.2.3 Desain Menu Lantai 3 Gedung 2

 46

4.3.2.3 Desain Menu Peta UNAKI

 47

4.4 Deskripsi Menu

4.4.1 Desain Menu Awal

Dalam menu awal ini ditampilkan gambar bumi yang jika di-klik di
tombol yang disediakan maka gambar itu akan terus membesar sehingga
memberikan efek zooming, sampai akhirnya akan menembus awan dan akan
sampai ke gambar benua Asia, lalu pulau jawa dan akhirnya menampilkan gambar
gudung UNAKI dari atas,dan setelah itu akan langsung masuk ke menu utama. Di
menu awal ini akan ada efek suara untuk menyambut user yang memakai aplikasi
ini sehingga akan lebih hidup dan menarik.
 48

4.4.2 Desain Menu Utama

Pada menu utama ini akan ada dua pilihan yang bisa dipilih yaitu
gedung utama atau gedung 2 yang ada di belakang gedung utama.Jika memilih
gedung utama maka akan ada sebelas pilihan yang bisa diplih oleh user yaitu
pilihan untuk melihat tampilan lantai 1 sampai latai 11.yang mana pengunjung
tinggal meng-klik tombol-tombol yang tersedia untuk melihat menu yang mereka
perlukan. Tetapi jika memilih gedung 2 maka hanya akan ada 3 pilihan karena
gedung 2 hanya ada tiga lantai. Sedangkan pilihan other menu akan berisi peta
UNAKI dan juga foto-foto yang menarik dan tentunya seputar UNAKI juga.
 49

4.4.2.1 Desain Sub Menu Gedung A

Pada sub menu Gedung A ini akan ada sebelas pilihan yang bisa
dipilih yaitu sesuai dengan jumlah lantai yang ada di gedung UNAKI, dan untuk
memilihnya user tinggal klik nomor yang ada maka setelah memilih user akan
langsung masuk ke tampilan dari lantai yang dipilih.
 50

4.4.2.1.1 Desain Menu Lantai 1

Setelah user memilih menu lantai satu maka akan muncul tampilan seperti
ini yang juga dilengkapi dengan efek suara untuk menjelaskan tentang isi dari
lantai 1 yaitu marketing dan mini market yang dilengkapi dengan warnet dan juga
fotocopy. Di menu ini kita juga bisa melihat foto dari para staff marketing yaitu
hanya dengan menaruh kursor mouse di atas keterangan yang menunjukan foto
staff atau kepala marketing.Di sini akan ada juga efek tangga berjalan sehingga
menunjukan arah tangga itu apakah ke atas atau ke bawah Di pojok bawah ada
button menu untuk kembali ke menu utama.
 51

4.4.2.1.2 Desain Menu Lantai Dua

Dari menu utama kita masuk ke lantai dua dimana di lantai dua ini adalah
ruangan dari para purek dan ketua yayasan, juga bagian BAK,BAAK,EDP, dan
kepala EDP. Di lantai dua ini juga kita bias melihat isi dari tiap ruangan dengan
menggerakan kursor kita di atas item yang ingin kita lihat. Di sini akan ada juga
efek tangga berjalan sehingga menunjukan arah tangga itu apakah ke atas atau ke
bawah. Dan untuk kembali ke menu utama kita tinggal klik tanda panah di bawah.
 52

4.4.2.1.3 Desain Menu Lantai Tiga

Dari menu utama kita masuk ke lantai tiga yaitu lab computer dan elektro,
dan juga perpustakaan. Seperti di lantai sebelumnya kita untuk melihat isi dari
sebuah ruangan kita tinggal menggerakan kursor kita di atas item yang ingin kita
lihat. Di sini akan ada juga efek tangga berjalan sehingga menunjukan arah tangga
itu apakah ke atas atau ke bawah. Dan untuk kembali ke menu utama kita tinggal
klik tanda panah di bawah.
 53

4.4.2.1.4 Desain Menu Lantai Empat

Dari menu utama kita masuk ke lantai empat yaitu ruang kuliah S2 dan
juga ruang dosen.mulai dari lantai empat ini gedung hanya terdiri dari satu lapis
karena di lantai satu sampai tiga gedung UNAKI ada dua lapis yaitu depan dan
belakang. Seperti di lantai sebelumnya kita untuk melihat isi dari sebuah ruangan
kita tinggal menggerakan kursor kita di atas item yang ingin kita lihat. Di sini
akan ada juga efek tangga berjalan sehingga menunjukan arah tangga itu apakah
ke atas atau ke bawah. Dan untuk kembali ke menu utama kita tinggal klik tanda
panah di bawah.
 54

4.4.2.1.5 Desain Menu Lantai Lima

Dari menu utama kita masuk ke lantai lima yaitu ruang dosen SI dan ruang
kuliah mahasiswa. Seperti di lantai sebelumnya kita untuk melihat isi dari sebuah
ruangan kita tinggal menggerakan kursor kita di atas item yang ingin kita lihat. Di
sini akan ada juga efek tangga berjalan sehingga menunjukan arah tangga itu
apakah ke atas atau ke bawah. Dan untuk kembali ke menu utama kita tinggal klik
tanda panah di bawah.
 55

4.4.2.1.6 Desain Menu Lantai Enam

Dari menu utama kita masuk ke lantai enam yaitu ruang kuliah mahasiswa
saja. Seperti di lantai sebelumnya kita untuk melihat isi dari sebuah ruangan kita
tinggal menggerakan kursor kita di atas item yang ingin kita lihat. Di sini akan
ada juga efek tangga berjalan sehingga menunjukan arah tangga itu apakah ke atas
atau ke bawah. Dan untuk kembali ke menu utama kita tinggal klik tanda panah di
bawah.
 56

4.4.2.1.7 Desain Menu Lantai Tujuh

Dari menu utama kita masuk ke lantai tujuh yaitu ruang kuliah mahasiswa
saja. Seperti di lantai sebelumnya kita untuk melihat isi dari sebuah ruangan kita
tinggal menggerakan kursor kita di atas item yang ingin kita lihat. Di sini akan
ada juga efek tangga berjalan sehingga menunjukan arah tangga itu apakah ke atas
atau ke bawah. Dan untuk kembali ke menu utama kita tinggal klik tanda panah di
bawah.
 57

4.4.2.1.8 Desain Menu Lantai Delapan

Dari menu utama kita masuk ke lantai delapan yaitu ruang kuliah
mahasiswa dan ada juga ruang dosen FE. Seperti di lantai sebelumnya kita untuk
melihat isi dari sebuah ruangan kita tinggal menggerakan kursor kita di atas item
yang ingin kita lihat. Di sini akan ada juga efek tangga berjalan sehingga
menunjukan arah tangga itu apakah ke atas atau ke bawah. Dan untuk kembali ke
menu utama kita tinggal klik tanda panah di bawah.
 58

4.4.2.1.9 Desain Menu Lantai Sembilan

Dari menu utama kita masuk ke sembilan yaitu ruang serbaguna

mahasiswa atau hall yang biasa dipakai untuk wisuda. Seperti di lantai
sebelumnya kita untuk melihat isi dari sebuah ruangan kita tinggal menggerakan
kursor kita di atas item yang ingin kita lihat. Di sini akan ada juga efek tangga
berjalan sehingga menunjukan arah tangga itu apakah ke atas atau ke bawah. Dan
untuk kembali ke menu utama kita tinggal klik tanda panah di bawah.
 59

4.4.2.1.10 Desain Menu Lantai Sepuluh

Dari menu utama kita masuk ke sepuluh yaitu ruang kuliah untuk FBS dan
ada juga ruang Dekan FBS dan PD I dan II. Seperti di lantai sebelumnya kita
untuk melihat isi dari sebuah ruangan kita tinggal menggerakan kursor kita di atas
item yang ingin kita lihat. Di sini akan ada juga efek tangga berjalan sehingga
menunjukan arah tangga itu apakah ke atas atau ke bawah. Dan untuk kembali ke
menu utama kita tinggal klik tanda panah di bawah.
 60

4.4.2.1.11 Desain Menu Lantai Sebelas

Dari menu utama kita masuk ke sebelas atau yang lebih akrab disebut
lantai sepuluh setengah karena sebenarnya masih bagian dari lantai sepuluh juga.
Di sini semua ruangan digunakan untuk ujian akhir. Seperti di lantai sebelumnya
kita untuk melihat isi dari sebuah ruangan kita tinggal menggerakan kursor kita di
atas item yang ingin kita lihat. Di sini akan ada juga efek tangga berjalan sehingga
menunjukan arah tangga itu apakah ke atas atau ke bawah. Dan untuk kembali ke
menu utama kita tinggal klik tanda panah di bawah.
 61

4.4.2.2 Desain Sub Menu Gedung B

Untuk memilih lantai berapa yang ingin kita kihat maka tinggak memilih
nomor yang ada di dalam gedung ini. Setelah itu akan langsung masuk ke denah
dari lantai yang dipilih.
 62

4.4.2.2.1 Desain Menu Lantai Satu Gedung 2

Di sini akan ditampilkan mulai dari lapangan basket dan lapangan

volley dan juga denah kantin. Seperti di lantai sebelumnya kita untuk melihat isi
dari sebuah ruangan kita tinggal menggerakan kursor kita di atas item yang ingin
kita lihat. Di sini akan ada juga efek tangga berjalan sehingga menunjukan arah
tangga itu apakah ke atas atau ke bawah. Dan untuk kembali ke menu utama kita
tinggal klik tanda panah di bawah.
 63

4.4.2.2.2 Desain Menu Lantai Dua Gedung 2

Di lantai dua sedikit lebuh rumit karena ruangannya juga lebih

banyak yaitu mushola, beauty clinic, dan juga ada tempat yang akan dijadikan
warnet oleh pihak kampus. Di sini kita bias melihat juga profil dari beauty clinic
dengan mengklik tombol keterangan beauty clinic. Dan untuk kembali ke menu
utama kita tinggal klik tanda panah di bawah.
 64

4.4.2.2.3 Desain Menu Lantai Tiga Gedung 2

Di lantai tiga ini semua ruangan adalh ruangan dari Unit Kegiatan
Mahasiswa atau UKM, belum semua UKM terisi jadi masih ada ruangan yang
kosong. Di sini akan disediakan profil dari masing-masing UKM dengan
mengklik tombol-tombol yang disediakan. Dan untuk kembali ke menu utama
kita tinggal klik tanda panah di bawah.
 65

4.4.2.3 Desain Menu Peta UNAKI

Dalam peta ini kita bisa melihat jalan-jalan protocol yang ada di
kota Semarang, caranya kita cukup klik saja tombol yang ada nama jalanya di
sebelah kiri layer maka setelah itu tanda panah akan mengarah ke jalan yang
dimaksud. Dan akan ada juga jalur bis agar para mahasiswa yang belum tahu
tentang jalur angkutan kota bisa terbantu.
 66

5.1 Implemantasi

5.1.1 Implementasi Software

Implementasi pada aplikasi ini menggunakan software yaitu Macromedia

Flash MX 2004 dan juga Sound Recorder yang digunakan untuk merekam suara
yang nantinya akan diimport ke dalam flash dan juga notepad, Sistem operasi
yang dipakai adalah Microsoft Windows 98 SE/2000/ME/XP.

5.1.2 Implementasi Hardware

Adapun spesifikasi hardware yang diperlukan untuk implementasi aplikasi

ini adalah:
1. Intel Pentium III atau di atasnya
2. Ram 128 atau di atasnya
3. Harddisk 40 GB
4. CD-Rom 50x
5. Monitor SVGA 1024x768 pixel dengan kedalaman warna 16-bit
6. Mouse dan keyboard
7. Kartu Grafik 64 MBuntuk mengolah data gambar
8. Speaker untuk output musik dan suara

6.1 Proses Publishing

Langkah terakhir pada pembuatan movie flash adalah publishing yang

artinya menyebarluaskan movie flash tersebut ke dalam format-format file
tertentu. Secara garis besar file movie flash dapat dipublikasikan ke dalam format
antara lain (*.swf), (*.html), (*.gif), (*.exe).
Salah satu format untuk mempublikasikan file movie flash yaitu stand
alone projector (exe) yang dapat digunakan pada windows atau macintosh. Pada
format ini user dapat langsung melihat movie flash tanpa perlu memiliki flash
player.
 67

6.1.1 Tampilan Proses Publishing

Pilih file yang ingin anda publish lalu click menu bar file-publish settings
atau dengan shortcut Ctrl+Shift+F12. Setelah anda lakukan itu akan muncul
tampilan seperti ini :

Secara default file anda akan dipublish dalam format (*.swf) dan (*.html)
tetapi bisa juga anda hilangkan lalu klik pilihan windows projector (*.exe) agar
bisa dibuka di semua komputer tanpa harus memiliki flash player.
 68

Setelah semua proses tersebut selesai maka anda bisa melihat hasilnya dari
windows explorer, dan untuk menjalankanya anda tinggal click dua kali pada ikon
yang baru saj anda buat.