DESIGN TEXTURE NAVIGATION BAR OBJECT 3D BERBASIS WEB TUGAS AKHIR LIDIA GEMBIRA 102406065 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
DESIGN TEXTURE NAVIGATION BAR OBJECT 3D BERBASIS WEB TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya LIDIA GEMBIRA 102406065 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
i PERSETUJUAN Judul : DESIGN TEXTURE NAVIGATION BAR 3D BERBASIS WEB Kategori : TUGAS AKHIR Nama : LIDIA GEMBIRA Nomor Induk Mahasiswa : 102406065 Program Studi : D-III TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2013 Diketahui / Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing I Prof. Dr.Tulus, M. Si. Syahril Efendi, S.Si, M.IT NIP : 19620901 198803 1002 NIP : 196401091988031001
ii PERNYATAAN DESIGN TEXTURE NAVIGATION BAR OBJECT 3D BERBASIS WEB TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2013 LIDIA GEMBIRA NIM : 102406065
iii PENGHARGAAN Puji dan syukur penulis panjatkan kepada Tuhan yan Maha Esa,yang masih memberikan kesehatan dan kesempatan sehingga Tugas Akhir ini dapat diselesaikan dalam waktu yang telahditetapkan. Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan terima kasih yang setulus-tulusnya kepada : 1. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara. 2. Bapak Prof. Dr. Tulus, M.Sc selaku Ketua Departemen MIPA Universitas Sumatera Utara. 3. Bapak Syahril Efendi, M. Sc sebagai dosen pembimbing yang telah banyak memberikan saran dan masukan dalam menyelesaikan program ini. 4. Kedua orangtua untuk segenap doa dan dukungannya. 5. Seluruh teman yang ikut memberikan saran dan kritik dalam menyusun tugas akhir ini. Semoga tugas akhir ini dapat berguna. Kritik dan saran penulis harapkan untuk perbaikan dan kemajuan tugas akhir ini di masa mendatang. Terikama kasih. Medan, Juni 2013 Penulis
vi ABSTRAK Pada perkembangan Teknologi Informasi sekarang ini, transfer informasi atau data yang cepat dan tepat sangat diperlukan sekali. Tidak terkecuali juga tampilan atau biasa disebut user interface yang bagus dan familiar ke user sangat dibutuhkan. Oleh karena itu penulis memberikan solusi untuk memecahkan masalah ini dengan membuat suatu program untuk memudahkan user atau pengguna program tersebut membuat suatu objek 3D berbasis web dengan format VRML (Virtual Reality Modelling Language). Bahasa pemrograman VRML(Virtual Reality Modeling Language) adalah suatu program yang dapat menciptakan objek 3D. Web ini bertujuan untuk memperluas ilmu pengetahuan tentang web dan objek 3D. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP, HTML ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, vrml sebagai editor dalam membuat objek 3D dan Cortona sebagai plugin(rendernya).
v DAFTAR ISI Halaman Persetujuan Pernyataan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii vi vii x xi Bab 1 Pendahuluan 1 1.1 Latar Belakang 1 1.2 Identifikasi Masalah 3 1.3 Batasan Masalah 4 1.4 Tujuan Penelitian 5 1.5 Metodologi Penelitian 5 1.6 Tinjauan Pustaka 6 1.7 Sistematika Penulisan 6 Bab 2 Landasan Teori 7 2.1 Konsep Dasar Data, Informasi, dan Sistem Informasi 7 2.1.1 Data 8 2.1.2 Informasi 8 2.1.3 Sistem Informasi 10 2.1.3.1 Konsep Dasar Sistem 10 2.1.3.2 Konsep Dasar Informasi 11 2.1.3.3 Konsep Dasar Sistem Informasi 11 2.2 Pengertian Komputer 13 2.3 Pengertian Internet 14 2.3.1 Network 15 2.3.2 Sekilas Mengenai Web 16 2.4 Sejarah Web 16 2.4.1 Aplikasi Web 17 2.4.2 Web Server 17 2.5 Sejarah VRML 18 2.5.1 Kelebihan VRML 18 2.5.2 Kelemahan VRML 20 2.5.3 Penggabungan Script VRML dan HTML 21 2.6 Sejarah HTML 22 2.7 Pengenalan Macromedia Dreamweaver 8 24 2.7.1 Membuka Program Aplikasi 25 Bab 3 Sekilas Tentang VRML 26 3.1 Pengenalan VRML 26 3.2 Browser 27 3.3 Aplikasi VRML 27
vi 3.4 Dasar Pemrosesan Grafik 28 3.5 Sistem Koordinat 30 3.6 Transformasi Sistem Kordinat 33 Bab 4 Analisis dan Perancangan Sistem 34 4.1 Analisis 35 4.2 Perencanaan dan Perancangan Sistem 36 4.3 Perancangan Data Flow Diagram (DFD) 38 4.4 Perancangan Flowchart 39 4.5 Perancangan Website 40 Bab 5 Implementasi Sistem 43 5.1 Pengertian Implementasi Sistem 43 5.2 Tujuan Implementasi Sistem 43 5.3 Komponen Utama Dalam Sistem 43 5.4 Instalasi Apache, PHP, dan My SQL 44 5.4.1 Menjalankan Apache, PHP, dan MySQL 45 5.4.2 Pengujian Website di Browser 46 5.5 Memperbaharui Web 48 5.6 Demonstrasi Program 50 5.6.1 Tampilan Homepage 50 5.6.2 Tampilan Create 51 5.6.3 Tampilan Example 51 5.6.4 Tampilan Example 52 5.6.5 Tampilan Example 52 Bab 6 Kesimpulan dan Saran 53 6.1 Kesimpulan 53 6.2 Saran 54 Daftar Pustaka 55 Lampiran
vii DAFTAR GAMBAR Halaman Gambar 2.1 Lima Komponen Sistem Informasi 14 Gambar 2.2 Tampilan Start page Macromedia Dreamweaver 8 28 Gambar 3.1 Struktur Organisasi 30 Gambar 4.1 Diagram Konteks 38 Gambar 4.2 Diagram Konteks Level 0 (Nol) 39 Gambar 4.3 Aliran Informasi rancangan situs 41 Gambar 4.4 Flowchart Halaman Utama 42 Gambar 4.5 Flowchart halaman Login Administrator 43 Gambar 4.6 Flowchart Manage Kepala Sekolah 44 Gambar 4.7 Flowchart Manage Guru 45 Gambar 4.8 Flowchart Manage Pengumuman Terbaru 46 Gambar 4.9 Flowchart Manage Artikel 47 Gambar 4.10 Tampilan Macromedia Dreamweaver 8 53 Gambar 4.11 Header Situs 54 Gambar 5.1 Uji Apache 57 Gambar 5.2 Uji PHP 58 Gambar 5.3 Uji MySQL 59 Gambar 5.4 Halaman Index Website SMA Negeri 1 Julok 60 Gambar 5.5 Tampilan Bagian Homepage 61 Gambar 5.6 Tampilan Bagian Login Admin 62 Gambar 5.7 Tampilan Halaman Admin 62 Gambar 5.8 Halaman Galeri Foto 63 Gambar 5.9 Halaman Visi dan Misi 63 Gambar 5.10 Halaman Perpustakaan 64 Gambar 5.11 Halaman Daftar Guru 64 Gambar 5.12 Halaman Kepala Sekolah 65 Gambar 5.13 Halaman Kalender Akademik 65 Gambar 5.14 Halaman Identitas Sekolah 66 Gambar 5.15 Halaman Struktur Organisasi 66 Gambar 5.16 Halaman Siswa 67 Gambar 5.17 Halaman Prestasi 67