PERANCANGAN DAN PEMBUATAN APLIKASI LATIHAN TES POTENSI AKADEMIK BERBASIS MULTIMEDIA LAPORAN TUGAS AKHIR
Disusun Sebagai Salah Satu Syarat Untuk Menyelesaikan Program Pendidikan Diploma 3
oleh
TENGKU BAHDAR NOVIAN NIM. 1205102050
PROGRAM STUDI SISTEM INFORMASI JURUSAN TEKNIK KOMPUTER DAN INFORMATIKA POLITEKNIK NEGERI MEDAN MEDAN 2015
ABSTRAK
Tugas akhir ini memaparkan hasil tentang perancangan dan pembuatan aplikasi latihan tes potensi akademik berbasis multimedia ini ditujukan kepada calon mahasiswa yang membutuhkan latihan untuk menghadapi tes potensi akademik sebenarnya. Permasalahan yang akan diteliti adalah bagaimana merancang aplikasi latihan tes potensi akademik berbasis multimedia.Dari hasil pembuatan aplikasi ini diperoleh beberapa keunggulan yaitu dapat membantu calon mahasiswa mengerjakan latihan tes potensi akademik dimanapun dan kapanpun dan aplikasi ini juga mengurangi penggunaan kertas. Karena latihan tes potensi akademik ini berbasis multimedia sehinga jumlah soal yang ada terbatas. Sistem ini dirancang dengan menggambar struktur navigasi, use case diagram dan sequence diagram. Serta dibuat dengan menggunakan Adobe flash Profesional CS5.
iii
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa atas kasih dan karunia-Nya yang telah memberikan penulis kesehatan serta kemudahan dalam menyelesaikan Laporan Tugas Akhir ini yang berjudul “Perancangan dan Pembuatan Aplikasi Latihan Tes Potensi Akademik Berbasis Multimedia”. Laporan Tugas Akhir ini disusun sebagai syarat untuk menyelesaikan Program Pendidikan Diploma 3 Program Studi Sistem Informasi Jurusan Teknik Komputer dan Informatika. Laporan ini dapat disusun dengan baik karena banyak masukan dan dukungan dari berbagai pihak yang berupa informasi, arahan , serta bimbingan. Oleh karena itu, penulis mengucapkan terima kasih kepada: 1. M .Syahruddin, S.T.,M.T, selaku Direktur Politeknik Negeri Medan. 2. Ferry Fachrizal, S.T., M.Kom, selaku Ketua Jurusan Teknik Komputer dan Informatika Politeknik Negeri Medan. 3. Julham, S.T., M.Kom, selaku Kepala Program Studi Sistem Informasi Politeknik Negeri Medan dan selaku dosen pembimbing. 4. Kadri Yusuf, M.Kom, selaku dosen wali penulis. 5. Seluruh staff pengajar pada Politeknik Negeri Medan, khususnya staff pengajar di Program Studi Sistem Informasi. 6. Orang tua penulis, yang selalu memberikan doa dan dukungan baik dari segi moril maupun materil. Isrulyati, selaku tante penulis dan keluarga besar yang memberikan semangat sehingga penulis dapat menyelesaikan Laporan Tugas Akhir ini. iv
7. Ariama Susanti, selaku Administrasi Program Studi Sistem Informasi Politeknik Negeri Medan, yang telah banyak membantu penulis untuk keperluan administrasi Laporan Tugas Akhir ini. 8. Sahabat-sahabat yang tersayang khususnya Sunny, M.Munir dan teristimewa untuk seluruh teman-teman IS-6B yang telah banyak membantu
serta
memberikan
semangat
kepada
penulis
dalam
menyelesaikan Laporan Tugas Akhir ini. Dalam penyusunan Laporan Tugas Akhir ini, penulis menyadari terdapat banyak kekurangan dan kesalahan baik dalam penyajian maupun penulisan. Untuk itu penulis mengharapkan kritik dan saran yang bersifat membangun dari para pembaca demi penyempurnaan Laporan Tugas Akhir ini. Penulis berharap semoga Laporan Tugas Akhir ini dapat bermanfaat bagi siapa pun yang membacanya.
Medan, 18 Agustus 2015
Penulis, Tengku Bahdar Novian NIM. 1205102050
v
DAFTAR ISI
LEMBAR PERSETUJUAN ................................................................................. i LEMBAR PENGESAHAN ............................................................................. ....ii ABSTRAK ..................................................................................................... ...iii KATA PENGANTAR ........................................................................................iv DAFTAR ISI ......................................................................................................vi DAFTAR GAMBAR .................................................................................... .....xi DAFTAR TABEL .............................................................................................xv DAFTAR LAMPIRAN ................................................................................. . xvi
BAB 1 PENDAHULUAN 1.1 LATAR BELAKANG ..................................................................... 1 1.2 RUANG LINGKUP ........................................................................ 2 1.2.1 Rumusan Masalah ........................................................................ 2 1.2.2 Batasan Masalah ............................................................................ 2 1.3 TUJUAN DAN MANFAAT ............................................................. 3 1.3.1 Tujuan Tugas Akhir ....................................................................... 3 1.3.2 Manfaat Tugas Akhir ..................................................................... 3 1.4 METODE PENULISAN TUGAS AKHIR ........................................ 4 1.4.1 Teknik Pengumpulan Data ............................................................. 4 1.4.2 Perancangan Sistem ....................................................................... 4 1.4.3 Implementasi Sistem...................................................................... 5
vi
1.5 SISTEMATIKA PENULISAN ......................................................... 5
BAB 2 TINJAUAN PUSTAKA 2.1 PENJELASAN TES POTENSI AKADEMIK .................................. 7 2.1.1 Pengertian Intelegensi .................................................................... 7 2.1.2 Sejarah Perhitungan Intelegensi ..................................................... 8 2.1.3 Fungsi Intelegensi .......................................................................... 9 2.1.4 Jenis Tes Potensi Akademik ........................................................10 2.2 MULTIMEDIA ..............................................................................11 2.2.1 Sejarah Multimedia......................................................................11 2.2.2 Pengertian Multimedia .................................................................12 2.2.3 Komponen-Komponen Multimedia ..............................................13 2.2.4 Jenis Multimedia .........................................................................16 2.2.5 Keuntungan Dari Penggunaan Multimedia Dalam Suatu Aplikasi................................................................................................18 2.3 ANIMASI ......................................................................................19 2.3.1 Pengertian Animasi......................................................................19 2.3.2 Jenis-Jenis Animasi .....................................................................21 2.4 FLASH ...........................................................................................23 2.4.1 Sekilas Tentang Flash..................................................................23 2.4.2 Adobe Flash CS5 .........................................................................24 2.4.3 Menjalankan Program CS5 ..........................................................27 2.4.4 Komponen Kerja Adobe Flash CS5 .............................................29 2.4.5 Actionscript .................................................................................39
vii
2.5 UNIFIED MODELLING LANGUAGE (UML) .............................42 2.5.1 Pengertian UML ..........................................................................42 2.5.2 Tujuan Pengunaan UML ..............................................................43 BAB 3 PERANCANGAN DAN PEMBUATAN SISTEM 3.1 RANCANGAN SISTEM YANG AKAN DIBANGUN ..................44 3.2 PERANCANGAN MODEL SISTEM.............................................44 3.2.1 Struktur Navigasi .........................................................................45 3.2.2 Use Case Diagram ......................................................................46 3.2.3 Sequence Diagram.......................................................................48 3.3 MERANCANG DESAIN ANTAR MUKA SISTEM .....................49 3.3.1 Halaman Awal Pembukaan ..........................................................50 3.3.2 Halaman Menu Utama .................................................................51 3.3.3 Halaman Menu Latihan ...............................................................52 3.3.4 Halaman Latihan Tes Bahasa .......................................................53 3.3.5 Halaman Latihan Tes Angka ........................................................54 3.3.6 Halaman Latihan Tes Gambar......................................................55 3.3.7 Halaman Latihan Tes Logika .......................................................56 3.3.8 Halaman Tryout ...........................................................................57 3.3.9 Halaman Tips ..............................................................................60 3.3.10 Halaman About ..........................................................................61 3.4 PEMBUATAN ANIMASI..............................................................62 3.4.1 Pembuatan Halaman Awal ...........................................................62 3.4.2 Pembuatan Halaman Menu Materi ...............................................64 3.4.3 Pembuatan Halaman Menu Latihan .............................................67
viii
3.4.4 Pembuatan Halaman Latihan Bahasa ...........................................69 3.4.5 Pembuatan Halaman Latihan Angka ............................................73 3.4.6 Pembuatan Halaman Latihan Logika ...........................................78 3.4.7 Pembuatan Halaman Latihan Gambar ..........................................82 3.4.8 Pembuatan Halaman Menu Tryout ...............................................86 3.4.9 Pembuatan Halaman Tryout 1 ......................................................87 3.4.10 Pembuatan Halaman Tryout 2 ....................................................91 3.4.11 Pembuatan Halaman Tips ..........................................................95 3.4.12 Pembuatan Halaman About........................................................97 BAB 4 HASIL DAN PEMBAHASAN 4.1 IMPLEMENTASI APLIKASI ........................................................99 4.2 HASIL PENGUJIAN ANIMASI ....................................................99 4.2.1 Menu Utama ................................................................................99 4.2.2 Menu Pilihan ............................................................................ 100 4.2.3 Halaman Latihan ...................................................................... 101 4.2.4 Halaman Tryout ........................................................................ 109 4.2.5 Halaman Tips ........................................................................... 113 4.2.6 Halaman About......................................................................... 114 4.3 PEMBAHASAN ......................................................................... 114 4.4 ANALISIS KELAYAKAN APLIKASI ....................................... 115 4.4.1 Kelayakan Operasional ............................................................. 115 4.4.2 Kelayakan Teknis ..................................................................... 115 4.5 ANALISIS KEBUTUHAN ......................................................... 115 4.6 KELEBIHAN DAN KEKURANGAN ........................................ 116
ix
4.6.1 Kelebihan Aplikasi Yang Telah Dibuat ..................................... 116 4.6.2 Kekurangan Aplikasi Yang Telah Dibuat .................................. 117 BAB 5 SIMPULAN DAN SARAN 5.1 SIMPULAN ................................................................................ 118 5.2 SARAN ....................................................................................... 119 DAFTAR PUSTAKA ..................................................................................... 120 LAMPIRAN ................................................................................................... 121
x
DAFTAR GAMBAR
Gambar 2.1 Tampilan Jendela Welcome Screen .................................................27 Gambar 2.2 Lembar Kerja Adobe Flash CS5......................................................28 Gambar 2.3 Tampilan Timeline ..........................................................................33 Gambar 2.4 Tampilan Stage ...............................................................................35 Gambar 2.5 Tampilan Properties .......................................................................36 Gambar 2.6 Tampilan Color ..............................................................................37 Gambar 2.7 Tampilan Panel Swatches ................................................................38 Gambar 2.8 Tampilan Panel Library ..................................................................38 Gambar 2.9 Tampilan Panel Action Script ..........................................................39 Gambar 2.10 Panel Action Script........................................................................40 Gambar 3.1 Struktur Navigasi Aplikasi Latihan Tes Potensi Akademik .............45 Gambar 3.2 Usecase Diagram Aplikasi Latihan Tes Potensi Akademik ..............47 Gambar 3.3 Sequence Diagram Aplikasi Latihan Tes Potensi Akademik ...........49 Gambar 3.4 Rancangan Halaman Awal Pembukaan ...........................................50 Gambar 3.5 Rancangan Halaman Menu Utama ..................................................51 Gambar 3.6 Rancangan Halaman Menu Materi ..................................................52 Gambar 3.7 Rancangan Halaman Tes Bahasa .....................................................53 Gambar 3.8 Rancangan Halaman Tes Angka .....................................................54 Gambar 3.9 Rancangan Halaman Tes Gambar ...................................................55 Gambar 3.10 Rancangan Halaman Tes Logika ...................................................56 Gambar 3.11 Rancangan Halaman Tryout ..........................................................57 Gambar 3.12 Rancangan Halaman Tryout Bagian 1 ...........................................58
xi
Gambar 3.13 Rancangan Halaman Tryout Bagian 2 ...........................................59 Gambar 3.14 Rancangan Halaman Tips .............................................................60 Gambar 3.15 Rancangan Halaman About ...........................................................61 Gambar 3.16 Tampilan Pembuatan Halaman Awal ............................................62 Gambar 3.17 Tampilan Pembuatan Teks Di Halaman Awal ...............................63 Gambar 3.18 Tampilan Halaman Awal ..............................................................64 Gambar 3.19 Tampilan Pada Button...................................................................66 Gambar 3.20 Tampilan Menu Awal ...................................................................67 Gambar 3.21 Tampilan Halaman Awal Menu Latihan ........................................69 Gambar 3.22 Tampilan Awal Latihan Bahasa ....................................................70 Gambar 3.23 Tampilan Soal Latihan Bahasa ......................................................71 Gambar 3.24 Tampilan Akhir Latihan Bahasa ....................................................72 Gambar 3.25 Tampilan Awal Latihan Angka .....................................................74 Gambar 3.26 Tampilan Soal Latihan Angka .......................................................76 Gambar 3.27 Tampilan Akhir Latihan Angka .....................................................77 Gambar 3.28 Tampilan Awal Latihan Logika .....................................................78 Gambar 3.29 Tampilan Soal Latihan Logika ......................................................80 Gambar 3.30 Tampilan Akhir Latihan Logika ....................................................81 Gambar 3.31 Tampilan Awal Latihan Gambar ...................................................82 Gambar 3.32 Tampilan Soal Latihan Gambar .....................................................84 Gambar 3.33 Tampilan Akhir Latihan Gambar ..................................................85 Gambar 3.34 Tampilan Halaman Awal Menu Tryout .........................................87 Gambar 3.35 Tampilan Awal Tryout 1 ...............................................................88 Gambar 3.36 Tampilan Soal Tryout 1 ................................................................89
xii
Gambar 3.37 Tampilan Akhir Tryout 1 ..............................................................90 Gambar 3.38 Tampilan Awal Tryout 2 ...............................................................92 Gambar 3.39 Tampilan Soal Tryout 2 ................................................................93 Gambar 3.40 Tampilan Akhir Tryout 2 ..............................................................94 Gambar 3.41 Actionscript Pada Tombol Forward ..............................................96 Gambar 3.42 Tampilan Halaman Tips ................................................................97 Gambar 3.43 Tampilan Halaman About .............................................................98 Gambar 4.1 Menu Utama ................................................................................ 100 Gambar 4.2 Menu Pilihan ............................................................................... 101 Gambar 4.3 Halaman Latihan.......................................................................... 101 Gambar 4.4 Halaman Awal Latihan Bahasa .................................................... 102 Gambar 4.5 Halaman Soal Latihan Bahasa ...................................................... 103 Gambar 4.6 Halaman Skor Latihan Bahasa ..................................................... 103 Gambar 4.7 Halaman Awal Latihan Angka ..................................................... 104 Gambar 4.8 Halaman Soal Latihan Angka....................................................... 104 Gambar 4.9 Halaman Skor Latihan Angka ...................................................... 105 Gambar 4.10 Halaman Awal Latihan Logika .................................................. 106 Gambar 4.11 Halaman Soal Latihan Logika .................................................... 106 Gambar 4.12 Halaman Skor Latihan Logika.................................................... 107 Gambar 4.13 Halaman Awal Latihan Gambar ................................................. 108 Gambar 4.14 Halaman Soal Latihan Gambar .................................................. 108 Gambar 4.15 Halaman Skor Latihan Gambar .................................................. 109 Gambar 4.16 Halaman Awal Tryout ................................................................ 109 Gambar 4.17 Halaman Awal Tryout 1 ............................................................. 110
xiii
Gambar 4.18 Halaman Soal Tryout 1 .............................................................. 111 Gambar 4.19 Halaman Skor Tryout 1 .............................................................. 111 Gambar 4.20 Halaman Awal Tryout 2 ............................................................. 112 Gambar 4.21 Halaman Soal Tryout 2 .............................................................. 112 Gambar 4.22 Halaman Skor Tryout 2 .............................................................. 113 Gambar 4.23 Halaman Tips............................................................................. 113 Gambar 4.24 Halaman About .......................................................................... 114
xiv
DAFTAR TABEL
Tabel 2.1 Icon Pada Toolbox Adobe Flash CS5 Beserta Fungsinya ....................32 Tabel 2.2 Keterangan Gambar Timeline .............................................................34
xv
DAFTAR LAMPIRAN
SURAT KESEDIAAN DOSEN PEMBIMBING ............................................. 121 SURAT PERMOHONAN PENGAJUAN JUDUL TUGAS AKHIR ................ 122 SURAT PERSETUJUAN JUDUL TUGAS AKHIR ........................................ 123 KARTU BIMBINGAN TUGAS AKHIR MAHASISWA ................................ 124 FORMULIR BEBAS REVISI TIM PENGUJI ................................................. 125 LISTING PROGRAM ...................................................................................... 126
xvi
1
BAB I PENDAHULUAN
1.1 LATAR BELAKANG Tes potensi akademik merupakan tes potensi intelektual untuk akademik. Tes potensi akademik sudah banyak diterapkan hampir di seluruh universitas saat ujian penerimaan mahasiswa baru. Hasil tes potensi akademik akan membantu para penguji dalam mengambil keputusan untuk memprediksi calon mahasiswa terhadap program studi yang dipilih. Program latihan tes potensi akademik kebanyakan masih secara manual, seperti buku, dan tryout. Cara seperti itu akan memakan banyak biaya baik dari buku dan tryout. Untuk itu calon mahasiswa membutuhkan program bantu yang efektif dan efisien. Berdasarkan latar belakang di atas maka penulis membuat sebuah aplikasi latihan Tes Potensi Akademik. Dalam perancangan media pembelajaran ini materi yang dibahas yaitu: Tes Bahasa, Tes Angka, Tes Gambar, dan Tes Logika, materi ini dapat membantu melatih calon mahasiswa dalam Tes Potensi Akademik. Dengan alasan inilah penulis memilih judul “Perancangan Dan Pembuatan Aplikasi Latihan Tes Potensi Akademik Berbasis Multimedia” dalam penulisan Tugas Akhir ini.
1
2
1.2
RUANG LINGKUP Agar pembuatan tugas akhir ini terfokus dan terarah, maka penulis akan
merumuskan dan membatasi ruang lingkup permasalahan sebagai berikut: 1.2.1 Rumusan Masalah Berdasarkan latar belakang masalah yang sudah dikemukakan maka rumusan masalah yg dikaji dalam tugas akhir ini adalah: 1. Bagaimana merancang dan membuat Aplikasi Latihan Tes Potensi Akademik Berbasis Multimedia? 2. Bagaimana menentukan soal Tes Potensi Akademik? 3. Bagaimana menguji aplikasi yang sudah dibuat?
1.2.2 Batasan Masalah Karena begitu luas ruang lingkup permasalahan yang bisa muncul, maka penulis membatasi pembahasan Tugas Akhir ini. Adapun yang menjadi pembatasan masalah adalah sebagai berikut : 1. Aplikasi Latihan Tes Potensi Akademik ini ditujukan untuk calon mahasiswa. 2. Materi yang terdapat dalam aplikasi ini membahas tentang 4 jenis Tes Potensi Akademik yang terdiri dari Tes Bahasa, Tes Angka, Tes Gambar, dan Tes Logika. 3. Pembuatan aplikasi ini menggunakan Adobe Photoshop CS5 dan paint untuk membuat background, meng-edit gambar dan Adobe Flash Profesional CS5 untuk membuat gerakan (motion) dan script animasi.
3
4. Hanya dapat dibuka pada komputer, laptop, atau notebook yang memiliki Flash Player.
1.3 TUJUAN DAN MANFAAT 1.3.1 Tujuan Tugas Akhir Adapun tujuan yang akan dicapai dalam tugas akhir ini antara lain : 1. Merancang aplikasi latihan tes potensi akademik berbasis multimedia 2. Untuk mengimplementasikan aplikasi latihan tes potensi akademik berbasis multimedia. 3. Salah satu syarat untuk menyelesaikan program pendidikan Diploma III Program Studi Sistem Informasi Politeknik Negeri Medan.
1.3.2 Manfaat Tugas Akhir Manfaat yang diperoleh dari Aplikasi Latihan Tes Potensi Akademik Berbasis Multimedia adalah sebagai berikut: 1. Memberikan Pengetahuan 4 jenis Tes Potensi Akademik kepada calon mahasiswa. 2. Memudahakan calon mahasiswa lebih cepat mengerjakan soal Tes Potensi Akademik.
4
1.4 METODE PENULISAN TUGAS AKHIR Langkah-langkah dalam pengerjaan Tugas Akhir : 1.4.1 Teknik Pengumpulan Data Adapun teknik pengumpulan data yang digunakan antara lain: 1. Studi Literatur Pencarian
referensi-referensi
yang
berhubungan
dengan
penyusunan
peneletian, baik melalui internet ataupun buku-buku dan sumber yang berhubungan dengan topik tugas akhir ini. Teori yang akan dibahas adalah : a. Tes Potensi Akademik b. Multimedia c. Photoshop d. Adobe Flash e. UML (Unified Modelling Language)
1.4.2 Perancangan Sistem Pada tahap ini penulisan melakukan perancangan sistem yang meliputi : 1. Perancangan aplikasi. 2. Pembuatan aplikasi berupa background, objek, tombol navigasi, dan kode (script). 3. Melakukan pengujian pada aplikasi yang telah dibuat dengan meng-compile file dan meng-export kedalam bentuk .swf agar bisa dijalankan dengan flash player. 4. Mengimplementasikan aplikasi yang telah dibuat.
5
5. Pengambilan kesimpulan dari aplikasi agar mengetahui kelebihan dan kekurangan guna melakuan perbaikan agar didapatkan hasil yang maksimal.
1.4.3 Implementasi Sistem Setelah pembuatan sistem selesai tahap terakhir adalah melakukan implementasi atau uji coba sistem guna mengetahui kekuragan dan kelebihan sistem dan apakah sistem dapat berjalan dengan baik sesuai yang diinginkan. Setelah pembuatan sistem selesai tahap terakhir adalah melakukan implemtasi atau uji coba sistem guna mengetahui kekuragan dan kelebihan sistem dan apakah sistem dapat berjalan dengan baik sesuai yang diinginkan. 1.5 SISTEMATIKA PENULISAN Sistematika penulisan Tugas Akhir ini dibagi menjadi lima bab, yaitu: BAB I : PENDAHULUAN Bab ini penguraikan latar belakang, identifikasi masalah, rumusan masalah, batasan masalah, tujuan dan manfaat, metode penulisan, serta sistematika penulisan tugas akhir. BAB II : TINJAUAN PUSTAKA Bab ini berisi tentang teori-teori yang mendukung dalam pembahasan mengenai Aplikasi Latihan Tes Potensi Akademik Berbasis Multimedia serta teori dasar Adobe Flash CS5.
6
BAB III : PERANCANGAN DAN PEMBUATAN SISTEM Bab ini membahas tentang perancangan dari aplikasi Latihan Tes Potensi Akademik dan gambaran umum pembuatan dari Aplikasi Latihan Tes Potensi Akademik. BAB IV : HASIL DAN PEMBAHASAN Bab ini membahas analisis hasil dan pembahasan aplikasi yang dirancang, tampilan interface, dan kelebihan serta kekurangan dari aplikasi yang telah dirancang. BAB V : KESIMPULAN DAN SARAN Bab ini menguraikan tentang simpulan dan saran yang berisi masukan untuk mengembangkan dan melengkapi aplikasi yang sudah dibangun di masa yang mendatang.
