LATIHAN PSIKOMETRI ONLINE BERBASIS WEB TUGAS AKHIR FEBRINA YOHANA PURBA 102406180 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
LATIHAN PSIKOMETRI ONLINE BERBASIS WEB TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer FEBRINA YOHANA PURBA 102406180 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013 PERSETUJUAN
Judul : PERANCANGANANIMASI PENGENALAN ALAT TRANSPORTASI PADA TINGKAT TAMAN KANAK-KANAK(TK) DENGAN MENGGUNAKAN ADOBE FLASH Kategori : TUGAS AKHIR Nama : SAPPE HERIANTO MANULLANG Nomor Induk Mahasiswa : 102406022 Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA ii Diluluskan di Medan, Juni 2013 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Prof. Dr. Tulus. Vordipl. Math., M.Si., Ph.D Drs. Marihat Situmorang M.Kom NIP. 19620901 198803 1 002 NIP. 196312141989031001 PERNYATAAN
iii PERANCANGAN ANIMASI PENGENALAN ALAT TRANSPORTASI PADA TINGKAT TAMAN KANAK-KANAK (TK) DENGAN MENGGUNAKAN ADOBE FLASH TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya. Medan, Juni 2013 SAPPE HERIANTO MANULLANG 102406022 PENGHARGAAN
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas limpahan rahmat dan hidayah-nya sehingga kajian tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan. Penyusunan tugas akhir ini masih banyak memiliki kekurangan karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini. Tugas Akhir merupakan salah satu syarat yang harus dilakukan setiap mahasiswa Ilmu Komputer untuk dapat menyelesaikan pendidikan di Program D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. iv Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih kepada: 1. Bapak Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 2. Bapaki Prof. Dr. Tulus Vordipl.Math., M.Si., Ph.D, selaku Ketua Pelaksana Program D3 Teknik Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam dan selaku Dosen Pembimbing Penulis 3. Seluruh dosen pengajar Program D3 Teknik Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam. 4. Terkhusus penulis ucapkan terima kasih kepada kedua orang tua penulis, J. Manullang dan Ertelina br Nababan serta seluruh keluarga penulis yang telah banyak memberi doa dan dukungan serta kasih sayang yang berlimpah untuk penulis. 5. Buat teman-teman seperjuangan mahasiswa D3 Teknik Informatika, khususnya Meabeng Tampubolon, Muhamad Risky, Ridho Adli serta temanteman yang lainnya yang tidak dapat saya tuliskan namanya satu persatu dan Febrina Yohana Purba terima kasih atas dukungannya dalam membantu dalam menyelesaikan Tugas Akhir ini. Penulis juga tidak lupa mengucapkan banyak terima kasih kepada semua pihak yang telah banyak membantu penulis dalam menyelesaikan Tugas Akhir ini yang tidak dapat disebutkan satu persatu.
v Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna, baik dalam penulisan maupun dalam tata bahasanya. Oleh karena itu, penulis mengharapkan kritik dan saran yang membangun agar kedepannya penulis dapat lebih baik lagi dalam menyusun sebuah karya tulis. Semoga tulisan ini bermanfaat bagi pembaca pada umumnya dan penulis khususnya, serta dapat memotivasi kita untuk meningkatkan ilmu pengetahuan sebagai bekal di masa yang akan datang. Medan, Juni 2013 Penulis ABSTRAK Memperkenalkan Bahasa Inggris pada tingkat taman kanak-kanak sangatlah penting karena dengan mereka mengerti Bahasa asing tersebut maka akan mendapatkan bekal ilmu untuk dimasa depan mereka karena mengingat banyaknya lapangan pekerjaan yang mengharuskan mahir dalam berbahasa Inggris. Aplikasi yang penulis buat
adalah pengenalan alat transportasi dalam bahasa Inggris. Penulis tertarik membuat aplikasi ini karena akan memudahkan siswa lebih mengerti dan cepat memahami karena dengan menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS3. Sasaran aplikasi ini adalah anak-anak Taman Kanak-Kanak ataupun siswa sekolah dasar tingkat pertama. vi DAFTAR ISI HALAMAN Persetujuan Pernyataan ii iii
vii Penghargaan Abstrak Daftar Isi Daftar Gambar iv vi vii ix BAB 1 Pendahuluan 1.1. Latar Belakang 1 1.2. Rumusan Masalah 2 1.3. Tujuan Penelitian 2 1.4. Batasan Masalah 3 1.5. Kontibusi Penelitian 3 1.6. Kajian Pustaka 4 1.7. Metodologi Penelitian 4 1.8. Sistematis Penulisan 5 BAB 2 Landasan Teori 2.1. Sekilas Tentang Flash 7 2.2. Dasar-Dasar Penggunaan Adobe Flash Cs 3 9 2.2.1. User Interface Adobe Flash Cs 3 9 2.2.2. Fasilitas pada Adobe Flash 11 2.3. Sejarah Alat Transportasi 15 2.4. Daerah Yang Pertama Menggunakan Transportasi 18 2.4.1. Alat Transportasi Darat 19 2.4.2. Alat Transportasi Udara 22 2.4.3. Alat Transportasi Air 23 2.5. Bahasa Inggris 25 2.6. Manfaat Transportasi 26 2.6.1. Manfaat Sosial 26 2.6.2. Manfaat Ekonomi 27 2.6.3. Manfaat Politik 28 2.6.4. Manfaat Fisik 28 BAB 3 Perancangan Sistem 3.1. Desain Cover Halaman Awal 29 3.2. Menu Kategori 32 3.2.1. Tombol Bagian Udara 32 3.2.2. Tombol Bagian Darat 34 3.2.3. Tombol Bagian Air 35 3.3. Layer 37 3.3.1. Udara 38 3.3.1.1. Pesawat Udara 38 3.3.1.2. Helikopter 40 3.3.1.3. Roket 42 3.3.1.4. Balon Udara 43 3.3.2. Darat 45 3.3.2.1. Taksi 46 3.3.2.2. Bus 48
3.3.2.3. Sepeda Motor 49 3.3.2.4. Becak 50 3.3.2.5. Kereta Api 52 3.3.3. Air 54 3.3.3.1. Kapal Pesiar 55 3.3.3.2. Rakit 57 3.3.3.3. Perahu 59 3.3.3.4. Kapal Laut 62 3.3.3.5. Speedboat 64 viii BAB 4 Implementasi Sistem 4.1. Hasil 67 4.1.1. Menu Udara 69 4.1.2. Menu Darat 70 4.1.3. Menu Air 72 BAB 5 Penutup 5.1. Kesimpulan 74 5.2. Saran 75 Daftar Pustaka 76 Lampiran DAFTAR GAMBAR HALAMAN
ix Gambar 2.1. Tampilan Adobe flash CS 3 9 Gambar 2.2. Halaman New document Adobe Flash CS3 11 Gambar 3.1. Tampilan halaman pesawat udara 40 Gambar 3.2. Tampilan halaman helikopter 41 Gambar 3.3. Tampilan halaman roket 43 Gambar 3.4. Tampilan halaman balon udara 45 Gambar 3.5. Tampilan halaman taksi 47 Gambar 3.6. Tampilan halaman bus 49 Gambar 3.7. Tampilan halaman sepeda motor 50 Gambar 3.8. Tampilan halaman becak 51 Gambar 3.9. Tampilan halaman kereta api 53 Gambar 3.10. Tampilan halaman kapal pesiar 57 Gambar 3.11. Tampilan halaman rakit 59 Gambar 3.12. Tampilan halaman perahu 62 Gambar 3.13. Tampilan halaman kapal laut 64 Gambar 3.14. Tampilan halaman speedboat 66 Gambar 4.1. Tampilan halaman awal 67 Gambar 4.2. Tampilan halaman kategori alat transportasi 68 Gambar 4.3. Halaman pesawat udara 68 Gambar 4.4. Halaman helikopter 69 Gambar 4.5. Halaman roket 69 Gambar 4.6. Halaman balon udara 69 Gambar 4.7. Halaman taksi 70 Gambar 4.8. Halaman bus 71 Gambar 4.9. Halaman sepeda motor 71 Gambar 4.10. Halaman becak 71 Gambar 4.11. Halaman kereta api 72 Gambar 4.12. Halaman kapal pesiar 72 Gambar 4.13. Halaman rakit 73 Gambar 4.14. Halaman perahu 73 Gambar 4.15. Halaman kapal laut 73 Gambar 4.16. Halaman speedboat 73
x
DAFTAR ISI Halaman Persetujuan ii Pernyataan iii Penghargaan iv Abstrak vi Daftar Isi vii Daftar Tabel x Daftar Gambar xi Bab 1 Pendahuluan 1 1.1 Latar Belakang 1 1.2 Rumusan Masalah 2 1.3 Batasan Masalah 3 1.4 Tujuan Penelitian 3 1.5 Metodologi Penelitian 3 1.6 Sistematika Penulisan 4 Bab 2 Landasan Teori 6 2.1 Pengertian Web 6 2.2 Sejarah Web 7 2.3 Pengertian Psikometri 8 2.4 Pengenalan Personal Home Page 9 2.4.1 Sejarah PHP 10 2.4.2 Kelebihan dan kelemahan PHP 10 2.4.3 Penggabungan Script PHP dan HTML 11 2.4.4 Fungsi PHP dan MySQL 13 2.5 Macromedia Dreamweaver 14 2.6 MySQL 16 Bab 3 Perancangan Sistem 18 3.1 Perancangan Sistem 18 3.2 Data Flow Diagram 18 3.3 Perancangan Database 22 3.4 Flowchart 25 Bab 4 Implementasi Sistem 32 4.1 Pengertian dan Tujuan Implementasi Sistem 32 4.2 Tujuan Implementasi Sistem 32 4.3 Komponen Utama Implementasi Sistem 33 4.3.1 Hardware 33 4.3.2 Software 34 4.3.3 Brainware 34 4.4 Instalasi XAMPP 35 4.4.1 Persiapan Instalasi XAMPP 35 4.4.2 Memulai Proses Instalsi XAMPP 36 4.5 Menjalankan Apache 41 4.6 Pengujian di Browser 41 4.7 Demonstrasi Program 42
Bab 5 Kesimpulan dan Saran 47 5.1 Kesimpulan 47 5.2 Saran 48 Daftar Pustaka 49 Lampiran A : Listing Program
DAFTAR TABEL Tabel 3.1 Tabel User 22 Tabel 3.2 Tabel Member 23 Tabel 3.3 Tabel Soal 23 Tabel 3.4 Tabel Category_soal 24 Tabel 3.5 Tabel Jawaban 24 Tabel 3.6 Tabel Nilai 24 Tabel 3.7 Tabel Kota 24 Halaman
DAFTAR GAMBAR Gambar 2.1 Tampilan Dreamweaver 15 Gambar 3.1Simbol DFD 19 Gambar 3.2 Simbol Flowchart 25 Gambar 4.1 Xampp Installer 36 Gambar 4.2 Select A Language 36 Gambar 4.3 XAMPP setup Wizard 37 Gambar 4.4 Memilih Folder Penyimpanan XAMPP 37 Gambar 4.5 Service Section XAMPP 38 Gambar 4.6 Installing XAMPP 38 Gambar 4.7 Completing XAMPP 39 Gambar 4.8 Xampp Control Panel 39 Gambar 4.9 Xampp Control Panel Application 40 Gambar 4.10 Running Apache and MySql 40 Gambar 4.11 Jalankan Localhost 41 Gambar 4.12 File Febrina 42 Gambar 4.13 URL 42 Gambar 4.14 Halaman utama (index.php) 43 Gambar 4.15 Halaman Login (user2.php) 44 Gambar 4.16 Halaman Account (acc.php) 44 Gambar 4.17 Halaman Soal (soal.php) 45 Gambar 4.18 Halaman Input Soal (soal.php) 77 Gambar 4.19 Halaman Nilai (nilai.php) 46 Halaman