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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
i PERSETUJUAN
Judul Kategori
: DESIGN TEXTURE NAVIGATION BAR 3D BERBASIS WEB : 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
Pembimbing I
Departemen Matematika FMIPA USU Ketua,
Prof. Dr.Tulus , M. Si. NIP : 19620901 198803 1002
Syahril Efendi, S.Si, M.IT NIP : 196401091988031001
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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).
Universitas Sumatera Utara
v DAFTAR ISI
Halaman Persetujuan Pernyataan Abstrak Daftar Isi Daftar Tabel Daftar Gambar
ii iii vi vii x xi
Bab 1
Pendahuluan 1.1 Latar Belakang 1.2 Identifikasi Masalah 1.3 Batasan Masalah 1.4 Tujuan Penelitian 1.5 Metodologi Penelitian 1.6 Tinjauan Pustaka 1.7 Sistematika Penulisan
1 1 3 4 5 5 6 6
Bab 2
Landasan Teori 2.1 Konsep Dasar Data, Informasi, dan Sistem Informasi 2.1.1 Data 2.1.2 Informasi 2.1.3 Sistem Informasi 2.1.3.1 Konsep Dasar Sistem 2.1.3.2 Konsep Dasar Informasi 2.1.3.3 Konsep Dasar Sistem Informasi 2.2 Pengertian Komputer 2.3 Pengertian Internet 2.3.1 Network 2.3.2 Sekilas Mengenai Web 2.4 Sejarah Web 2.4.1 Aplikasi Web 2.4.2 Web Server 2.5 Sejarah VRML 2.5.1 Kelebihan VRML 2.5.2 Kelemahan VRML 2.5.3 Penggabungan Script VRML dan HTML 2.6 Sejarah HTML 2.7 Pengenalan Macromedia Dreamweaver 8 2.7.1 Membuka Program Aplikasi
7 7 8 8 10 10 11 11 13 14 15 16 16 17 17 18 18 20 21 22 24 25
Bab 3
Sekilas Tentang VRML 3.1 Pengenalan VRML 3.2 Browser 3.3 Aplikasi VRML
26 26 27 27
Universitas Sumatera Utara
vi
Bab 4
Bab 5
Bab 6
3.4 Dasar Pemrosesan Grafik 3.5 Sistem Koordinat 3.6 Transformasi Sistem Kordinat Analisis dan Perancangan Sistem 4.1 Analisis 4.2 Perencanaan dan Perancangan Sistem 4.3 Perancangan Data Flow Diagram (DFD) 4.4 Perancangan Flowchart 4.5 Perancangan Website
28 30 33 34 35 36 38 39 40
Implementasi Sistem 5.1 Pengertian Implementasi Sistem 5.2 Tujuan Implementasi Sistem 5.3 Komponen Utama Dalam Sistem 5.4 Instalasi Apache, PHP, dan My SQL 5.4.1 Menjalankan Apache, PHP, dan MySQL 5.4.2 Pengujian Website di Browser 5.5 Memperbaharui Web 5.6 Demonstrasi Program 5.6.1 Tampilan Homepage 5.6.2 Tampilan Create 5.6.3 Tampilan Example 5.6.4 Tampilan Example 5.6.5 Tampilan Example Kesimpulan dan Saran 6.1 Kesimpulan 6.2 Saran
43 43 43 43 44 45 46 48 50 50 51 51 52 52 53 53 54
Daftar Pustaka Lampiran
55
Universitas Sumatera Utara
vii DAFTAR GAMBAR
Halaman Gambar 2.1 Gambar 2.2 Gambar 3.1 Gambar 4.1 Gambar 4.2 Gambar 4.3 Gambar 4.4 Gambar 4.5 Gambar 4.6 Gambar 4.7 Gambar 4.8 Gambar 4.9 Gambar 4.10 Gambar 4.11 Gambar 5.1 Gambar 5.2 Gambar 5.3 Gambar 5.4 Gambar 5.5 Gambar 5.6 Gambar 5.7 Gambar 5.8 Gambar 5.9 Gambar 5.10 Gambar 5.11 Gambar 5.12 Gambar 5.13 Gambar 5.14 Gambar 5.15 Gambar 5.16 Gambar 5.17
Lima Komponen Sistem Informasi Tampilan Start page Macromedia Dreamweaver 8 Struktur Organisasi Diagram Konteks Diagram Konteks Level 0 (Nol) Aliran Informasi rancangan situs Flowchart Halaman Utama Flowchart halaman Login Administrator Flowchart Manage Kepala Sekolah Flowchart Manage Guru Flowchart Manage Pengumuman Terbaru Flowchart Manage Artikel Tampilan Macromedia Dreamweaver 8 Header Situs Uji Apache Uji PHP Uji MySQL Halaman Index Website SMA Negeri 1 Julok Tampilan Bagian Homepage Tampilan Bagian Login Admin Tampilan Halaman Admin Halaman Galeri Foto Halaman Visi dan Misi Halaman Perpustakaan Halaman Daftar Guru Halaman Kepala Sekolah Halaman Kalender Akademik Halaman Identitas Sekolah Halaman Struktur Organisasi Halaman Siswa Halaman Prestasi
14 28 30 38 39 41 42 43 44 45 46 47 53 54 57 58 59 60 61 62 62 63 63 64 64 65 65 66 66 67 67
Universitas Sumatera Utara