DAFTAR ISI. DAFTAR GAMBAR. DAFTAR TABEL. DAFTAR MODUL PROGRAM...

Transkripsi

1 ABSTRAK Saat ini media informasi di Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional Veteran Yogyakarta masih menggunakan metode konvensional. Hal ini mengakibatkan kurang efektifnya penyampaian informasi berkaitan dengan peraturan akademik maupun kegiatan pendidikan di lingkungan Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional Veteran Yogyakarta. Berdasarkan masalah tersebut, maka dibutuhkan suatu media khusus untuk menyampaikan informasi yang lebih interaktif, tidak hanya menggunakan media teks, melainkan mencakup banyak media seperti image, animasi, audio, dan teks itu sendiri, sehingga akan terlihat lebih menarik. Media ini akan lebih efisien jika ditempatkan di halaman web yang terdapat pada internet. Para pengguna akan lebih fleksibel dalam mengakses infomasi setiap saat, kapanpun, dan dimanapun. Pada skripsi ini telah dibuat sebuah aplikasi panduan akademik Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional Veteran Yogyakarta yang dirancang berbasis web dan multimedia, disusun menggunakan metode waterfall dan dikombinasikan dengan proses pengembangan multimedia. Buku panduan akademik ini dibuat menggunakan beberapa software diantaranya : Macromedia Dreamweaver MX, database MySQL, Macromedia Flash 8, Adobe Photoshop CS. Aplikasi panduan akademik berbasis web dan multimedia Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional Veteran Yogyakarta memberikan kemudahan bagi mahasiswa untuk memperoleh informasi yang berkaitan dengan peraturan akademik maupun kegiatan pendidikan di lingkungan Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Pembangunan Nasional Veteran Yogyakarta secara online dan up to date melalui media internet. v

2 DAFTAR ISI HALAMAN JUDUL. HALAMAN PENGESAHAN PEMBIMBING... HALAMAN PENGESAHAN PENGUJI.. SURAT PERNYATAAN KARYA ASLI SKRIPSI. HALAMAN MOTTO HALAMAN PERSEMBAHAN... ABSTRAK. KATA PENGANTAR... DAFTAR ISI. DAFTAR GAMBAR. DAFTAR TABEL. DAFTAR MODUL PROGRAM... BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan... i ii iii iv v vi vii viii x xiv xvii xix BAB II DASAR TEORI Sistem Informasi Data Flow Diagram Basis Data Entity Relationship Diagram Basis Data Multimedia Prinsip Autonomy Prinsip Uniformity Prinsip Hybrid Multimedia Teks Grafik Format File Grafik Audio Video Video Tape Digital Video Digital Versatile Disc Animasi Storyboard Struktur Navigasi Struktur Navigasi Full Web Model Struktur Navigasi Hierarki... xi

3 2.6 Internet World Wide Web Hyper Teks Transfer Protocol Web Server Web Browser Metodologi Pengembangan Sistem Waterfall Pengembangan Multimedia. 2.8 Adobe Photoshop CS Macromedia Flash PHP Macromedia Dreamweaver MX HTML Cascading Style Sheet XML MySQL Studi Pustaka.... BAB III GAMBARAN UMUM Sejarah Universitas Pembangunan Nasional Veteran Yogyakarta Tujuan Pendidikan Struktur Organisasi Sejarah Fakultas Teknologi Industri UPN Veteran Yogyakarta Visi Misi Tujuan Sejarah Jurusan Teknik Informatika UPN Veteran Yogyakarta Struktur Organisasi Visi Misi Tujuan Alamat Instansi... BAB IV ANALISIS DAN PERANCANGAN SISTEM Deskripsi Masalah Analisis Kebutuhan Perancangan Sistem Perancangan Proses Data Flow Diagram Perancangan Basis Data Perancangan Basis Data Multimedia Entity-Relationship Diagram Tabel Basis Data Relasi Antar Tabel Perancangan Struktur Navigasi Struktur Navigasi Full Web Model Struktur Navigasi Hierarki Perancangan Multimedia Desain Konseptual..... xii

4 Ide Naskah Skenario Storyboard BAB V IMPLEMENTASI Kebutuhan Perangkat Lunak/Software Kebutuhan Perangkat Keras/Hardware Pembuatan Elemen Halaman Loading File Halaman Utama Halaman Menu Utama Halaman Pilih Menu FTI Halaman Utama FTI Menu FTI Profil FTI Visi dan Misi Tujuan Akademik FTI SKS Kegiatan Pendidikan Sistem Ujian Penilaian Hasil Belajar Pengumuman Hasil Ujian Evaluasi Pendidikan Evaluasi Melanjutkan Kuliah Batas Waktu Studi Persyaratan Kelulusan Predikat Kelulusan Kemahasiswaan FTI Hak dan Kewajiban Mahasiswa Cuti Pendidikan Dan Pemulihan Status Kuliah Kerja Nyata Pembinaan Mahasiswa Halaman Pilih Menu IF Halaman Utama IF Menu IF Profil IF Visi dan Misi Tujuan Peraturan Akademik IF Kurikulum Beasiswa Kerjasama Semester Pendek Perkuliahan IF Materi Kuliah Kuliah dan Praktikum Kegiatan Akademik IF.. xiii

5 Tugas Khusus Kerja Praktek Skripsi Admin Login Admin Olah Data Home Olah Data Kurikulum Olah Data Materi Kuliah Olah Data Tugas Khusus Olah Data Kerja Praktek Olah Data Skripsi Olah Data Ubah Password Pengujian dan Pendistribusian... BAB VI PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN xiv

6 DAFTAR GAMBAR Gambar 2.1 Siklus Informasi... Gambar 2.2 Blok Interaksi Komponen Sistem Informasi. Gambar 2.3. Struktur Navigasi Full Web Model.... Gambar 2.4. Struktur Navigasi Hierarki..... Gambar 2.5 Pengembangan Sistem Dengan Metode Waterfall... Gambar 2.6 Tahap Pengembangan Multimedia... Gambar 2.7 Tampilan Macromedia Dreamweaver MX.... Gambar 3.1 Struktur Organisasi Universitas Pembangunan Nasional Veteran Yogyakarta. Gambar 3.2 Struktur Organisasi Jurusan Teknik Informatika Universitas Pembangunan Nasional Veteran Yogyakarta. Gambar 4.1 DFD Level 0.. Gambar 4.2 DFD Level 1.. Gambar 4.3 DFD Level 2 Proses User Gambar 4.4 DFD level 2 Proses Admin Gambar 4.5 Perancangan Basis Data Multimedia... Gambar 4.6 Perancangan ERD... Gambar 4.7 Relasi Antar Tabel... Gambar 4.8 Struktur Navigasi Full Web Model Gambar 4.9 Struktur Navigasi Hierarchical Model..... Gambar 4.10 Database Multimedia Gambar 5.1 Pembuatan Background Loading File.. Gambar 5.2 Halaman Loading File. Gambar 5.3 Pembuatan Background Halaman Utama.. Gambar 5.4 Halaman Utama Gambar 5.5 Halaman Menu Utama... Gambar 5.6 Pilih Menu Fakultas Teknologi Industri Gambar 5.7 Halaman Utama Fakultas Teknologi Industri Gambar 5.8 Menu Fakultas Teknologi Industri Gambar 5.9 Profil Fakultas Teknologi Industri. Gambar 5.10 Visi dan Misi. Gambar 5.11 Tujuan Gambar 5.12 Akademik Fakultas Teknologi Industri. Gambar 5.13 Sistem Kredit Semester. Gambar 5.14 Kegiatan Pendidikan.. Gambar 5.15 Sistem Ujian.. Gambar 5.16 Bentuk dan Frekuensi Gambar 5.17 Syarat Ujian... Gambar 5.18 Waktu Ujian... Gambar 5.19 Materi Ujian... Gambar 5.20 Tata Tertib. Gambar 5.21 Sanksi. Gambar 5.22 Ujian Susulan. Gambar 5.23 Penilaian Hasil Belajar.. xv

7 Gambar 5.24 Pengumuman Hasil Ujian.. Gambar 5.25 Evaluasi Pendidikan.. Gambar 5.26 Evaluasi Melanjutkan Kuliah Gambar 5.27 Batas Waktu Studi. Gambar 5.28 Persyaratan Kelulusan... Gambar 5.29 Predikat Kelulusan. Gambar 5.30 Kemahasiswaan Fakultas Teknologi Industri Gambar 5.31 Hak dan Kewajiban Mahasiswa Gambar 5.32 Hak. Gambar 5.33 Kewajiban.. Gambar 5.34 Cuti Pendidikan dan Pemulihan Status.. Gambar 5.35 Ketentuan Cuti... Gambar 5.36 Pemulihan Status... Gambar 5.37 Mahasiswa Pindahan. Gambar 5.38 Kuliah Kerja Nyata Gambar 5.39 Tujuan Kuliah Kerja Nyata Gambar 5.40 Persyaratan Akademik Kuliah Kerja Nyata... Gambar 5.41 Persyaratan Pendaftaran Kuliah Kerja Nyata Gambar 5.42 Jenis Kuliah Kerja Nyata... Gambar 5.43 Evaluasi Kuliah Kerja Nyata. Gambar 5.44 Pembinaan Mahasiswa.. Gambar 5.45 Pemberian Penghargaan Gambar 5.46 Sanksi Pelanggaran Gambar 5.47 Pilih Menu IF. Gambar 5.48 Halaman Utama IF. Gambar 5.49 Menu IF. Gambar 5.50 Profil IF. Gambar 5.51 Visi dan Misi IF. Gambar 5.52 Tujuan IF... Gambar 5.53 Peraturan Akademik IF.. Gambar 5.54 Kurikulum.. Gambar 5.55 Info Semester. Gambar 5.56 Analisis MKA Gambar 5.57 Hasil Pencarian Kurikulum IF... Gambar 5.58 Beasiswa Gambar 5.59 Kerjasama.. Gambar 5.60 Semester Pendek Gambar 5.61 Perkuliahan IF Gambar 5.62 Materi Kuliah. Gambar 5.63 Kuliah dan Praktikum Gambar 5.64 Tata Tertib. Gambar 5.65 Laboratorium. Gambar 5.66 Pengumuman. Gambar 5.67 Kegiatan Akademik IF... Gambar 5.68 Tugas Khusus Gambar 5.69 Info Tugas Khusus... Gambar 5.70 Syarat dan Ketentuan Tugas Khusus. Gambar 5.71 Kerja Praktek. Gambar 5.72 Info Kerja Praktek. xvi

8 Gambar 5.73 Syarat dan Ketentuan Kerja Praktek.. Gambar 5.74 Pengabdian Masyarakat. Gambar 5.75 Skripsi Gambar 5.76 Info Skripsi Gambar 5.77 Syarat dan Ketentuan Gambar 5.78 Login Admin. Gambar 5.79 Olah Data Home... Gambar 5.80 Olah Data Kurikulum Gambar 5.81 Olah Data Materi Kuliah... Gambar 5.82 Olah Data Info Tugas Khusus... Gambar 5.83 Olah Data Syarat dan Ketentuan Tugas Khusus Gambar 5.84 Olah Data Unduh File Tugas Khusus Gambar 5.85 Olah Data Info Kerja Praktek Gambar 5.86 Olah Data Syarat dan Ketentuan Kerja Praktek Gambar 5.87 Olah Data Unduh File Kerja Praktek Gambar 5.88 Olah Data Pengabdian Masyarakat Gambar 5.89 Olah Data Info Skripsi... Gambar 5.90 Olah Data Syarat dan Ketentuan Skripsi... Gambar 5.91 Olah Data Unduh File Skripsi... Gambar 5.92 Olah Data Ubah Password xvii

9 DAFTAR TABEL Tabel 2.1 Notasi DFD... Tabel 2.2 Entitas Relationship Diagram Tabel 4.1 Struktur tabel kurikulum... Tabel 4.2 Struktur tabel materi_kuliah... Tabel 4.3 Struktur tabel tugas_khusus. Tabel 4.4 Struktur tabel kerja_praktek. Tabel 4.5 Struktur tabel skripsi Tabel 4.6 Struktur tabel login... Tabel 4.7 Scene Halaman Loading File... Tabel 4.8 Scene Halaman Utama. Tabel 4.9 Scene Menu Utama.. Tabel 4.10 Scene Pilih Menu FTI... Tabel 4.11 Scene Halaman Utama FTI.. Tabel 4.12 Scene Menu FTI... Tabel 4.13 Scene Profil FTI Tabel 4.14 Lanjutan Scene Profil FTI Tabel 4.15 Lanjutan Scene Profil FTI Tabel 4.16 Scene Akademik FTI Tabel 4.17 Lanjutan Scene Akademik FTI. Tabel 4.18 Lanjutan Scene Akademik FTI. Tabel 4.19 Lanjutan Scene Akademik FTI Tabel 4.20 Lanjutan Scene Akademik FTI. Tabel 4.21 Lanjutan Scene Akademik FTI. Tabel 4.22 Lanjutan Scene Akademik FTI. Tabel 4.23 Lanjutan Scene Akademik FTI. Tabel 4.24 Lanjutan Scene Akademik FTI. Tabel 4.25 Lanjutan Scene Akademik FTI. Tabel 4.26 Lanjutan Scene Akademik FTI. Tabel 4.27 Lanjutan Scene Akademik FTI. Tabel 4.28 Lanjutan Scene Akademik FTI. Tabel 4.29 Lanjutan Scene Akademik FTI. Tabel 4.30 Lanjutan Scene Akademik FTI. Tabel 4.31 Scene Kemahasiswaan FTI... Tabel 4.32 Scene Kemahasiswaan FTI... Tabel 4.33 Scene Kemahasiswaan FTI... Tabel 4.34 Scene Kemahasiswaan FTI... Tabel 4.35 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.36 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.37 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.38 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.39 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.40 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.41 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.42 Lanjutan Scene Kemahasiswaan FTI... xviii

10 Tabel 4.43 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.44 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.45 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.46 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.47 Lanjutan Scene Kemahasiswaan FTI... Tabel 4.48 Scene Pilih Menu IF. Tabel 4.49 Scene Halaman Utama IF. Tabel 4.50 Scene Menu IF.. Tabel 4.51 Scene Profil IF.. Tabel 4.52 Lanjutan Scene Profil IF... Tabel 4.53 Scene Peraturan Akademik IF.. Tabel 4.54 Lanjutan Scene Peraturan Akademik IF... Tabel 4.55 Lanjutan Scene Peraturan Akademik IF... Tabel 4.56 Lanjutan Scene Peraturan Akademik IF... Tabel 4.57 Lanjutan Scene Peraturan Akademik IF... Tabel 4.58 Scene Perkuliahan IF Tabel 4.59 Lanjutan Scene Perkuliahan IF. Tabel 4.60 Lanjutan Scene Perkuliahan IF. Tabel 4.61 Lanjutan Scene Perkuliahan IF. Tabel 4.62 Lanjutan Scene Perkuliahan IF. Tabel 4.63 Lanjutan Scene Perkuliahan IF. Tabel 4.64 Scene Kegiatan Akademik IF... Tabel 4.65 Lanjutan Scene Kegiatan Akademik IF Tabel 4.66 Lanjutan Scene Kegiatan Akademik IF Tabel 4.67 Lanjutan Scene Kegiatan Akademik IF Tabel 4.68 Lanjutan Scene Kegiatan Akademik IF Tabel 4.69 Lanjutan Scene Kegiatan Akademik IF Tabel 4.70 Lanjutan Scene Kegiatan Akademik IF Tabel 4.71 Lanjutan Scene Kegiatan Akademik IF Tabel 4.72 Scene Admin. Tabel 4.73 Lanjutan Scene Admin. Tabel 4.74 Lanjutan Scene Admin. Tabel 4.75 Lanjutan Scene Admin. Tabel 4.76 Lanjutan Scene Admin. Tabel 4.77 Lanjutan Scene Admin. Tabel 4.78 Lanjutan Scene Admin. Tabel 4.79 Lanjutan Scene Admin. Tabel 4.80 Lanjutan Scene Admin. Tabel 4.81 Lanjutan Scene Admin. Tabel 4.82 Lanjutan Scene Admin xix

11 DAFTAR MODUL Modul Program 2.1 Cara penulisan script PHP... Modul Program 2.2 Contoh tag XML sederhana... Modul program 5.1 Halaman loading file.. Modul program 5.2 Pengaturan backsound musik. Modul program 5.3 ActionScript pengaturan tombol enter Modul program 5.4 ActionScript yang mendefinisikan action pada tombol button FTI.. Modul program 5.5 Halaman utama Fakultas Teknologi Industri. Modul program 5.6 ActionScript yang mendefinisikan action pada tombol button IF.. Modul program 5.7 Halaman Utama IF. Modul program 5.8 ActionScript yang mendefinisikan isi tiap field mata kuliah.. Modul program 5.9 ActionScript yang mendefinisikan mata kuliah pada tiap semester.. Modul program 5.10 Lanjutan ActionScript yang mendefinisikan mata kuliah pada tiap semester... Modul program 5.11 ActionScript yang digunakan untuk melakukan action pada halaman panduan akademik... Modul program 5.12 Lanjutan ActionScript yang digunakan untuk melakukan action pada halaman panduan akademik Modul program 5.13 ActionScript yang digunakan untuk input data pencarian kurikulum... Modul program 5.14 Lanjutan ActionScript yang digunakan untuk input data pencarian kurikulum.. Modul program 5.15 ActionScript yang digunakan untuk eksekusi pencarian kurikulum.. Modul program 5.16 Lanjutan ActionScript yang digunakan untuk eksekusi pencarian data kurikulum.. Modul program 5.17 Lanjutan ActionScript yang digunakan untuk eksekusi pencarian data kurikulum... Modul program 5.17 ActionScript yang menampilkan hasil pencarian data kurikulum.. Modul program 5.18 Lanjutan ActionScript yang menampilkan hasil pencarian data kurikulum... Modul program 5.19 ActionScript yang menampilkan isi tiap-tiap mata kuliah. Modul program 5.20 ActionScript yang menampilkan isi tiap mata kuliah berdasarkan semester.. Modul program 5.21 ActionScript yang digunakan untuk mengeksekusi mata kuliah tiap semester... Modul program 5.22 Form login admin... Modul program 5.23 ActionScript yang digunakan untuk mengeksekusi input login admin... Modul program 5.24 ActionScript yang digunakan untuk menampilkan halaman home admin.. Modul program 5.25 ActionScript yang digunakan untuk menampilkan halaman olah xx

12 data kurikulum... Modul program 5.26 Lanjutan ActionScript yang digunakan untuk menampilkan halaman olah data kurikulum. Modul program 5.27 Lanjutan ActionScript yang digunakan untuk menampilkan halaman olah data kurikulum. Modul program 5.28 ActionScript yang digunakan untuk menampilkan halaman hapus data kurikulum... Modul program 5.29 ActionScript yang digunakan untuk menampilkan halaman proses data kurikulum Modul program 5.30 Lanjutan ActionScript yang digunakan untuk menampilkan halaman proses data kurikulum.. Modul Program 5.31 Lanjutan ActionScript yang digunakan untuk menampilkan halaman proses data kurikulum.. Modul program 5.32 Lanjutan ActionScript yang digunakan untuk menampilkan halaman proses data kurikulum.. Modul program 5.33 ActionScript yang digunakan untuk menampilkan halaman tambah data kurikulum... Modul program 5.34 Lanjutan ActionScript yang digunakan untuk menampilkan halaman tambah data kurikulum Modul program 5.35 Lanjutan ActionScript yang digunakan untuk menampilkan halaman tambah data kurikulum Modul program 5.36 ActionScript yang digunakan untuk menampilkan halaman update data kurikulum... Modul program 5.37 Lanjutan ActionScript yang digunakan untuk menampilkan halaman update data kurikulum. Modul program 5.38 Lanjutan ActionScript yang digunakan untuk menampilkan halaman update data kurikulum. Modul program 5.39 ActionScript yang digunakan untuk menampilkan halaman olah data materi kuliah... Modul program 5.40 Lanjutan ActionScript yang digunakan untuk menampilkan halaman olah data materi kuliah Modul program 5.41 Lanjutan ActionScript yang digunakan untuk menampilkan halaman olah data materi kuliah Modul program 5.42 ActionScript yang digunakan untuk menampilkan halaman hapus data materi kuliah... Modul program 5.43 ActionScript yang digunakan untuk menampilkan halaman proses olah data materi kuliah Modul program 5.44 Lanjutan ActionScript yang digunakan untuk menampilkan halaman proses olah data materi kuliah. Modul program 5.45 Lanjutan ActionScript yang digunakan untuk menampilkan halaman proses olah data materi kuliah. Modul program 5.46 ActionScript yang digunakan untuk menampilkan halaman tambah data materi kuliah.. Modul program 5.47 Lanjutan ActionScript yang digunakan untuk menampilkan halaman tambah data materi kuliah... Modul program 5.48 Lanjutan ActionScript yang digunakan untuk menampilkan halaman tambah data materi kuliah... Modul program 5.49 ActionScript yang digunakan untuk menampilkan halaman update data materi kuliah... xxi

13 Modul program 5.50 Lanjutan ActionScript yang digunakan untuk menampilkan halaman update data materi kuliah... Modul program 5.51 ActionScript olah data info tugas khusus... Modul program 5.52 Lanjutan ActionScript olah data info tugas khusus Modul program 5.53 ActionScript olah data syarat dan ketentuan tugas khusus. Modul program 5.54 Lanjutan ActionScript olah data syarat dan ketentuan tugas khusus. Modul program 5.55 ActionScript olah data unduh file tugas khusus.. Modul program 5.56 Lanjutan ActionScript olah data unduh file tugas khusus.. Modul program 5.57 ActionScript olah data info kerja praktek... Modul program 5.58 ActionScript olah data syarat dan ketentuan kerja praktek. Modul program 5.59 Lanjutan ActionScript olah data syarat dan ketentuan kerja praktek Modul program 5.60 ActionScript olah data unduh file kerja praktek. Modul program 5.61 Lanjutan ActionScript olah data unduh file kerja praktek.. Modul program 5.62 ActionScript olah data pengabdian masyarakat.. Modul program 5.63 Lanjutan ActionScript olah data pengabdian masyarakat... Modul program 5.64 ActionScript Olah data info skripsi Modul program 5.65 Lanjutan ActionScript olah data info skripsi.. Modul program 5.66 ActionScript olah data syarat dan ketentuan skripsi... Modul program 5.67 Lanjutan ActionScript olah data syarat dan ketentuan skripsi Modul program 5.68 ActionScript olah data unduh file skripsi Modul program 5.69 Lanjutan ActionScript olah data unduh file skripsi Modul program 5.70 ActionScript olah data ubah password... Modul program 5.71 Lanjutan ActionScript olah data ubah password Modul program 5.72 ActionScript yang digunakan untuk mengeksekusi halaman olah data ubah password xxii