PERANCANGAN INTERAKSI BERBASIS MOBILE STUDI KASUS: PENERIMAAN MAHASISWA BARU DI SITU UNIVERSITAS PASUNDAN BANDUNG TUGAS AKHIR Disusun sebagai salah satu syarat untuk kelulusan Program Strata 1, di Program Studi Teknik Informatika, Universitas Pasundan Bandung oleh : James Steward Ferdinand NRP : 06.304.0040 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS PASUNDAN BANDUNG NOVEMBER 2014 DAFTAR ISI
ABSTRAK... ABSTRACT... DAFTAR ISI... DAFTAR TABEL... DAFTAR GAMBAR... Bab 1 PENDAHULUAN... 1-1 1.1 Latar Belakang Masalah... 1-1 1.2 Identifikasi Masalah... 1-3 1.3 Tujuan Tugas Akhir... 1-3 1.4 Lingkup Tugas Akhir... 1-3 1.5 Metodologi Tugas Akhir... 1-4 1.6 Sistematika Penulisan Tugas Akhir... 1-5 Bab 2 LANDASAN TEORI... 2-1 2.1 Prototype... 2-1 2.2 Web Mobile... 2-2 2.3 Prinsip Desain Web Mobile... 2-2 2.4 Mobile Device... 2-3 2.5 Faktor Pendorong Pembuatan Aplikasi Web Mobile... 2-3 2.6 WAP... 2-4 2.7 Keterbatasan Dan Kelebihan WAP... 2-4 2.8 Cara Kerja WAP... 2-5 2.9 Arsitektur WAP... 2-6 2.10 Model Pemograman WAP... 2-6 2.11 Konfigurasi WAP Server... 2-7 2.12 Over View Interaksi Manusia Dan komputer... 2-7 Bab 3 Analisis Dan Perancangan... 3-1 3.1 Sistem Penerimaan Mahasiswa Baru Menggunakan Aplikasi SITU UNPAS... 3-1 3.1.1 Problem Yang Terjadi Pada Saat Pengaksesan Website Situ Dengan Perangkat 3-2 Mobile 3.2 Strategi Redesign pada SITU Proses Penerimaan Mahasiswa Baru... 3-3 3.3 Model Use Case... 3-5 3.3.1 Definisi Actor... 3-7 3.3.2 Definisi Use Case... 3-7 3.3.3 Skenario Use case... 3-8 3.3.4 Diagram Squence... 3-11 3.4 Perancangan Antar Muka... 3-16 3.5 Perancangan Menu... 3-20 i ii iv V vi
Bab 4 Implementasi... 4-1 4.1 Spesifikasi Hardware Dan Software... 4-1 4.2 Batasan Implementasi... 4-2 4.3 Implementasi Antar Muka... 4-2 4.3.1 Antar Muka Website SITU Mobile Penerimaan Mahasiswa Baru MenuUtama... 4-2 4.3.2 Antar Muka Website SITU Mobile Pendaftaran Mahasiswa Baru Menu Informasi... 4-4 4.3.3 Antar Muka Website SITU Mobile Pendaftaran Mahasiswa Baru Fungsi Regristrasi 4-6 Online 4.3.4 Antar Muka Website SITU Mobile Pendaftaran Mahasiswa Baru Menu Log-in... 4-8 4.3.5 Antar Muka Website SITU Mobile Pendaftaran Mahasiswa Baru Menu Informasi PMB 4-10 4.3.6 Antar Muka Website SITU Mobile Pendaftaran Mahasiswa Baru Menu Isi Form 4-12 Pendaftaran. 4.4 kesimpulan Implementasi Perancangan Interaksi Website SITU Mobile Penerimaan 4-14 MahasiswaBaru Bab 5 Kesimpulan... 5-1 5.1 Kesimpulan... 5-1 5.2 Saran... 5-2
DAFTAR TABEL Tabel 2.1MIME (Multipurpuse Internet Mail Extension)... Tabel 3.1 Fitur Utama Perancangan Perangkat Lunak Web SITU UNPAS... 3-3 Tabel 3.2 Deskripsi actor... 3-7 Tabel 3.3 Deskripsi Usecase... 3-7 Tabel 3.4 Skenario usecase pengisian registrasi online... 3-8 Tabel 3.5 Skenario usecase simpan Pengisian registrasi online... 3-8 Tabel 3.6 Skenario usecase Download Pengisian registrasi online... 3-9 Tabel 3.7 Skenario usecase Pengisian Formulir PMB... 3-9 Tabel 3.8 Skenario usecase Simpan Pengisian Formulir PMB... 3-9 Tabel 3.9 Skenario usecase Edit Pengisian Formulir PMB... 3-10 Tabel 3.10 Skenario usecase Download kartu ujian... 3-10 Tabel 3.11 Skenario usecase Download Kelulusan USM... 3-11 Tabel 3.12 Diagram Squence... 3-15 Tabel 4.1 Pengujian Pada Perangkat Handphone... 4-30
DAFTAR GAMBAR Gambar 1.1 Skema Metodologi Penelitian Tugas Akhir... 1-4 Gambar 2.1 Topologi WAP... 2-6 Gambar 3.1 Website SITU UNPAS Di Layar Dekstop Halaman Utama... 3-1 Gambar 3.2 Website SITU UNPAS Di Layar Handphone... 3-2 Gambar 3.3 Diagram Usecase realisasi... 3-5 Gambar 3.4 Diagram Use Case Penerimaan Mahasiswa Baru... 3-6 Gambar 3.5 Diagram sequence Pengisian registrasi online... 3-11 Gambar 3.6 Diagram sequence Simpan Pengisian registrasi online... 3-12 Gambar 3.7 Diagram sequence Download Pengisian Registrasi Online... 3-12 Gambar 3.8 Diagram sequence Pengisian Formulir PMB... 3-13 Gambar 3.9 Diagram sequence Simpan Pengisian Formulir PMB... 3-13 Gambar 3.10 Diagram sequence Edit Pengisian Formulir PMB... 3-14 Gambar 3.11 Diagram sequence Download kartu ujian... 3-14 Gambar 3.12 Diagram sequence Download Kelulusan USM... 3-15 Gambar 3.13 Perencangan Antarmuka Menu Utama... 3-16 Gambar 3.14 Perencangan Antarmuka Menu Informasi PMB... 3-16 Gambar 3.15 Perencangan Antarmuka Menu Registrasi Online... 3-17 Gambar 3.16 Perencangan Antarmuka Menu Login... 3-17 Gambar 3.17 Perencangan Antarmuka isi formulir pmb... 3-18 Gambar 3.18 Perencanaan Antarmuka kartu ujian... 3-19 Gambar 3.19 Perencanaan Antarmuka Cek Kelulusan USM... 3-19 Gambar 3.20 Perancangan Menu penerimaan mahasiswa baru Website SITU Mobile... 3-20 Gambar 4.1 Website SITU UNPAS Di Layar Dekstop Halaman utama... 4-2 Gambar4.2 Perencanaan Implementasi Antarmuka Menu Utama Dengan Pengaksesan 4-3 Menggunakan Handphone Android Gambar 4.3 Website SITU UNPAS Di Layar Dekstop menu Informasi pada desktop... 4-4 Gambar 4.4 Perencanaan Implementasi Antarmuka Menu informasi PM Dengan Pengaksesan 4-5 MenggunakanHandphone android Gambar 4.5 Website SITU UNPAS Di Layar Dekstop menu Regristrasi Online pada desktop... 4-6 Gambar 4.6 Perencanaan Implementasi Antarmuka Menu Regristrasi Online Dengan 4-7 Pengaksesan Menggunakan Handphone Android Gambar 4.7 Website SITU UNPAS Di Layar Dekstop menu Log-in pada desktop 4-8
Gambar 4.8Perencanaan Implementasi Antarmuka Log-in Dengan Pengaksesan Menggunakan Handphone Android Gambar 4.9Website SITU UNPAS Di Layar Dekstop menu Log-in Behasil pada desktop Gambar 4.10 Perencanaan Implementasi Antarmuka Menu Log-in Dengan Pengaksesan Menggunakan Handphone android Gambar 4.11 Website SITU UNPAS Di Layar Dekstop menu isi formulir pmb pada desktop Gambar 4.12 Perencanaan Implementasi Antarmuka Menu isi formulir pmb Dengan Pengaksesan Menggunakan Handphone android 4-9 4-10 4-11 4-12 4-13