Fitur untuk mengatur waktu ujian j. Fitur untuk mengatur nilai ujian

3. Hitam, penggunaan warna ini adalah sebagai pelengkap, penjelas juga sebagai penyatu dari warna merah dan crem. c. Layout 1. Header and footer Pada header terdapat logo al-azhar dan teks header yang bertuliskan ”Aplikasi Ujian Mata Pelajaran Teknologi Informasi Berbasis Multimedia, SMA Al- Azhar BSD”. 2. Menu ujian 1. Soal gambar, audio dan video Pada layout ini ditampilkan sebelah kiri aplikasi ujian dengan alasan agar dapat dilihat secara langsung. Karena pandangan pertama mata orang indonesia dalam membaca dan melihat suatu bacaan selalu diposisi kiri terlebih dahulu. 2. Pertanyaan Pertanyaan ujian diletakkan pada sisi atas agar mudah dibaca oleh siswa. 3. Pilihan ganda Pada pilihan ganda diletakkan dibawah pertanyaan dengan bentuk hyperteks. Jika siswa menjawab salah satu jawaban maka jawaban yang dipilih akan berubah warnanya dari warna hitam menjadi warna merah. Ujian yang ditampilkan akan berbentuk seperti slide yaitu soal akan muncul satu persatu. Pertimbangan Pendistribusian Sistem Penyebaran aplikasi ini melalui media Jaringan LAN File swf yang tersimpan dalam localhost.Beberapa hal yang perlu dipertimbangkan dengan penyebaran informasi melalui media ini lebih cepat dalam penyebaran informasi serta data-data dapat diperbarui kapanpun dan dari manapun. Pada aplikasi ujian mata pelajaran TIK berbasis multimedia yang dibuat berbasiskan jaringan LAN bertujuan agar siswa dalam dalam menghadapi ujian secara langsung dan bersama sehingga guru masih dapat mengontrol proses ujian. Kemudian dengan media jaringan LAN dapat mempercepat penyebaran soal, pemberian nilai kepada siswa tanpa datang ke guru untuk meminta file dan meminta nilai.Aplikasi ini terdapat menu pembuatan soal dan mencetak nilai, sehingga guru dapat secara langsung membuat soal, mencetak data siswa dan nilai siswa. Perencanaan Perancangan Merupakan tahap menggambarkan panduan yang jelas serta detail mengenaisegala sesuatu tentang sistem. Perancangan yang dibuat meliputiperancanganaplikasi frontend dan aplikasi backend. Aplikasi frontend merupakan aplikasi utama yang merupakan tujuan dari tugas akhir ini, sehingga uraian perancanganaplikasi frontend akan lebih detail dan diutamakan. Desain Metaphor Design metaphor merupakan bagian dari tahap perancangan yang bertujuan untuk mengadopsi fakta dari dunia nyata kedalam aplikasi yang akan dibangun. Pada perancangan pembangunan aplikasi Ujian Mata Pelajaran TIK Berbasis Multimedia, penulis menggunakan desain metaphor dari materi Buku dan LKS Mata Pelajaran TIK untuk kelas XI SMA. Referensi ini membantu untuk menampilkan soal pada aplikasi yang sesuai dengan pengguna. Format dan Tipe Informasi Format dan tipe informasi yang digunakan dalam aplikasi ini adalah : a. File format SWF Shockwave Flash Object, kemampuannya dalam menampilkan aplikasi dan animasi di internet atau intranet berupa localhost. b. File format FLV Flash Video File merupakan format file video yang mampu berintegerasi dalam flash. c. File format MP3 MPEG Layer-3 merupakan format yang sangat popular untuk penyimpanan musik dan mempunyai kualitas audio yang baik. d. File format PNG Portabel Network Graphics merupakan format File yang yang baik unruk pengeditan gambar yang bersifat gratis dan open source. e. File format JPEG Joint Photo Graphic Expert Group, merupakan format yang baik untuk pendistribusian hasil fotografi dan mempunyai format yang lebih kecil dibanding PNG. Berikut ini adalah tipe informasi yang digunakan dalam aplikasi yang kemudian diintegrasikan ke dalam aplikasi ini : Tabel 4.2 Format dan Tipe Informasi No Nama File Jenis Format Keterangan Size 1. Ujian Animasi SWF Shockwave Flash Object 1.19 Mb 2. Mouse Gambar PNG Portabel Network Graphics 304 Kb 3. data_3356 01 Audio MP3 MPEG Layer-3 8.42 Kb 4. data_8013 9 Video FLV Flash Video File 4.30 Kb 5. data_1399 Gambar JPEG Joint Photo Graphic 69.1 Kb 53 Expert Group 6. data_3356 01 Audio MP3 MPEG Layer-3 8.42 Kb 7. data_5668 02 Video FLV Flash Video File 7.59 Kb 8. data_6645 20 Audio MP3 MPEG Layer-3 145 Kb 9. data_9500 73 Audio MP3 MPEG Layer-3 172 Kb 10. data_9570 61 Gambar JPEG Joint Photo Graphic Expert Group 25.7 Kb 11. Effect Audio MP3 MPEG Layer-3 20.3 Kb 12. Bgsong Audio MP3 MPEG Layer-3 4.32 Kb 13. data_2420 95 Video FLV Flash Video File 8.163 Kb 14. data_2447

50 Video

FLV Flash Video File 6.678 Kb 15. data_9370 72 Video FLV Flash Video File 14.1 Kb Struktur Navigasi Perancangan aplikasi ujian sekolah berbasis multimedia ini diawali dengan perancangan struktur navigasi Frontend dan Backend.

4.3.3.1 Struktur Navigasi Frontend

Gambar 4.5 Struktur Navigasi Frontend Gambat 4.5 adalah struktur navigasi frontend dengan model struktur menu. Dalam aplikasi frontend, Saat ingin masuk kedalam aplikasi ini, user diharuskan login terlebih dahulu. Setelah login maka user berada dalam home atau halaman utama yang dapat menuju ke lima menu utama lainnya yaitu halaman Ujian, Bantuan, Profile dan Logout. Jika user berada pada halaman Bantuan dan Profile, user dapat menuju home atau halaman utama juga. Namun pada Pada halaman Ujian, user tidak dapat menuju halaman yang lainnya sebelum menyelesaikan ujian. Pada menu Ujian user tidak hanya menjawab pertanyaan saja, user dapat melihat hasil ujian setelah user mengklik button finish. Login User Home Profile Bantuan Ujian Log Out Gambar 4.6 adalah strukturnavigasi dari aplikasi backend yang hanya digunakan dan dikelola oleh admin adalah model struktur menu. Saat ingin masuk kedalam aplikasi ini, admin diharuskan login terlebih dahulu. Setelah login maka akan masuk ke dalam halaman admin home yang mempunyai lima menu, diantaranya admin, siswa, soal, nilai, konfigurasi, dan logout. Masalah Integrasi dan Persiapan Media Media Preparation and Integration Issues Merupakan tahap perancangan dengan memperhatikan media lain yang mungkin dapat terintegrasi dalam pembangunan sistem menjadi satu kesatuan dengan tahap persiapan media dan tahap masalah integrasi. a. Persiapan Media Media Preparation Pada tahap persiapan media ini yaitu dengan membuat dan men-download gambar-gambar yang diperlukan untuk melengkapi pembuatan tampilan interface pada website. b. Masalah Integrasi Integration Issues Pada tahap ini merupakan tahap dimana file yang telah dipersiapkan kemudian diintegrasikan atau disatukan diantara file yang satu dengan fileyang lainnya menjadi sebuah control content.

c. PerancanganKontrol Content

Kontrol content merupakan button yang digunakan untuk mengontrol content. Jenis-jenis Kontrol content adalah : 1. Kontrol Navigasi merupakan control terdiri dari button hypermedia, hyperpicture dan hypertext yang digunakan untuk menghubungkan dari satu lokasi content ke content yang lainnya yang berkaitan dengan navigasi content. Tabel 4.2 Kontrol Navigasi VISUAL KETERANGAN Hypertext yang membawa admin menuju content halaman utama Home. Hypertext yang membawa admin menuju content halaman Siswa. Hypertext yang membawa admin menuju content halaman Soal. Hypertext yang membawa admin menuju content halaman Nilai. Hypertext yang membawa admin menuju contenthalaman Konfigurasi. Hypertext yang membawa admin menuju content halaman utama Home. button pada layar aplikasi .swf menu Home untuk user yang ingin menuju ke menu utama Home. button pada layar aplikasi .swf menu Ujian untuk user yang ingin menuju ke menu utama Ujian. button pada layar aplikasi .swf menu Bantuan untuk user yang ingin menuju ke menu utama Bantuan. button pada layar aplikasi .swf menu Profile untuk user yang ingin menuju ke menu utama Profile. button Next pada layar aplikasi .swf menu Ujian untuk user yang ingin melanjutkan ke soal berikutnya. button Prev pada layar aplikasi .swf menu Ujian untuk user yang ingin kembali ke soal sebelumnya. button Finish pada layar aplikasi .swf menu Ujian untuk user yang ingin Menyelesaikan Ujian. button pada layar aplikasi .swf untuk user yang ingin mengaktifkan audio. button pada layar aplikasi .swf untuk user yang ingin me-non-aktifkan audio. button pada layar aplikasi .swf menu ujian untuk user yang ingin mengikuti ujian. Buttonyang membawa adminuntuk mencetak laporan.