TUGAS AKHIR. Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang. Oleh : FARKHAN AMINULLOH

Transkripsi

1 RANCANG BANGUN RESPONSIVE WEB DESIGN PEDAFTARAN MAHASISWA BARU UNIVERSITAS MUHAMMADIYAH MALANG UNTUK MENINGKATKAN USABILITY PENGGUNA (STUDI KASUS UPT.PMB UNIVERSITAS MUHAMMADIYAH MALANG) TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Oleh : FARKHAN AMINULLOH JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2014 i

2 LEMBAR PERSETUJUAN Rancang Bangun Responsive Web Design Pedaftaran Mahasiswa Baru Universitas Muhammadiyah Malang Untuk Meningkatkan Usability Pengguna (Studi Kasus UPT. PMB Universitas Muhammadiyah Malang) TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Menyetujui, Dosen Pembimbing I Dosen Pembimbing II Dr. Ir. Ermanu A.Hakim, MT Zamah Sari, MT NIP NIDN ii

3 LEMBAR PENGESAHAN Rancang Bangun Responsive Web Design Pedaftaran Mahasiswa Baru Universitas Muhammadiyah Malang Untuk Meningkatkan Usability Pengguna (Studi Kasus UPT. PMB Universitas Muhammadiyah Malang) TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh : Farkhan Aminulloh Tugas Akhir ini telah diuji dan dinyatakan lulus melalui sidang majelis penguji pada tanggal 11 April 2014 Menyetujui, Penguji I Penguji II Yufis Azhar, S.Kom, M.Kom NIDN Diah Risqiwaty, MT Mengetahui, Ketua Jurusan Teknik Informatika Yuda Munarko, S.Kom, M.Sc NIP iii

4 LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini : NAMA : FARKHAN AMINULLOH NIM : FAK./JUR. : TEKNIK/INFORMATIKA Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul RANCANG BANGUN RESPONSIVE WEB DESIGN PEDAFTARAN MAHASISWA BARU UNIVERSITAS MUHAMMADIYAH MALANG UNTUK MENINGKATKAN USABILITY PENGGUNA (STUDI KASUS UPT. PMB UNIVERSITAS MUHAMMADIYAH MALANG) beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk resiko/sanksi yang berlaku. Mengetahui Dosen Pembimbing Malang, 4 April 2014 Yang Membuat Pernyataan Dr. Ir. Ermanu A.Hakim, MT NIP Farkhan Aminulloh iv

5 KATA PENGANTAR Assalamu alaikum Wr. Wb Dengan memanjatkan puji syukur kehadirat Allah SWT, atas limpahan rahmat dan hidayah-nya serta salawat dan salam yang tercurahkan kepada junjungan nabi besar Muhammad SAW sehingga penulis dapat menyelesaikan Tugas Akhir yang berjudul RANCANG BANGUN RESPONSIVE WEB DESIGN PEDAFTARAN MAHASISWA BARU UNIVERSITAS MUHAMMADIYAH MALANG UNTUK MENINGKATKAN USABILITY PENGGUNA (STUDI KASUS UPT.PMB UNIVERSITAS MUHAMMADIYAH MALANG) Penyusunan Laporan Tugas Akhir ini merupakan salah satu persyaratan untuk mencapai kelulusan dan memperoleh gelar Sarjana Teknik dalam Program Studi Teknik Informatika Program Strata I Jurusan Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Malang. Di dalam tulisan ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan, landasan teori, analisa dan perancangan sistem, implementasi dan pengujian sistem serta kesimpulan dan saran. Penulis menyadari sepenuhnya bahwa Laporan Tugas Akhir ini masih jauh dari kesempurnaan, oleh karena itu penulis sangat mengharapkan kritik dan saran yang membangun dari semua pihak sehingga di dalam pembuatan laporan yang akan datang akan jauh lebih sempurna. Akhir kata penulis berharap, semoga Laporan Tugas Akhir ini dapat bermanfaat bagi penulis khususnya dan para pembaca pada umumnya. Wassalamu alaikum Wr. Wb. Malang, April 2014 Farkhan Aminulloh v

6 DAFTAR ISI ABSTRAK... i ABSTRACT... ii LEMBAR PERSEMBAHAN... ii KATA PENGANTAR... iv DAFTAR ISI... v DAFTAR GAMBAR... viii DAFTAR TABEL... ix BAB I... 1 PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Metodologi STUDI PUSTAKA DAN PENGUMPULAN DATA ANALIS DAN DESAIN SYSTEM IMPLEMENTASI DESAIN SYSTEM DEPLOYMENT DAN PENGUJIAN Sistematika Penulisan... 5 BAB II... 7 LANDASAN TEORI Sistem Informasi Akademik PENGERTIAN SISTEM PENGERTIAN DATA PENGERTIAN INFORMASI PENGERTIAN SISTEM INFORMASI PENGERTIAN AKADEMIK vi

7 2.1.6 PENGERTIAN SISTEM INFORMASI AKADEMIK Jenjang Data dan Pengertiannya Responsive Web Usability HTML Database KOMPONEN SISTEM DATABASE Entity Relationship Diagram ( ERD) System Development Life Cycle (SDLC) Alat yang Dipakai dalam Pengembangan Sistem PHP DATABASE MYSQL BAB III ANALISA DAN PERANCANGAN SISTEM Analisa Sistem DESKRIPSI SISTEM ANALISA KEBUTUHAN FUNGSIONAL ANALISA KEBUTUHAN NON FUNGSIONAL USE CASE DIAGRAM Perancangan Sistem ACTIVITY DIAGRAM SEQUENCE DIAGRAM CLASS DIAGRAM DESIGN INTERFACE Perancangan Pengujian BAB IV vii

8 IMPLEMENTASI DAN PENGUJIAN SISTEM Implementasi PERANGKAT KERAS PERANGKAT LUNAK IMPLEMENTASI ANTARMUKA IMPLEMENTASI KELAS Pengujian HASIL PENGUJIAN BLACKBOX KESIMPULAN HASIL PENGUJIAN BLACKBOX BAB V KESIMPULAN DAN SARAN Kesimpulan Saran Daftar Pustaka Lampiran viii

9 DAFTAR GAMBAR Gambar 2.1 Karekteristik Sistem... 8 Gambar 2.2 Pengolahan data menjadi informasi Gambar 2.3 Jenjang Data Menjadi Database Gambar 2.4 Contoh Responsive Web Gambar 2.5 Ukuran berbagai device Gambar 2.6 SDLC Waterfall Gambar 3.1 Arsitektur Sistem Gambar 3.2 Flowchart Penerimaan Mahasiswa Baru Gambar 3.3 Use Case Diagram Gambar 3.4 Activity Diagram Tahap Pendaftaran Mahasiswa Baru Gambar 3.5 Sequence Diagram Tahap Gambar 3.6 Sequence Diagram Tahap Gambar 3.7 Sequence Diagram Tahap Gambar 3.8 Sequence Diagram Tahap Gambar 3.9 Class Diagram Penerimaan Mahasiswa Baru Gambar 3.10 Interface Aplikasi Pendaftaran Mahasiswa Baru Versi Desktop Gambar 3.11 Interface Aplikasi Pendaftaran Mahasiswa Baru Versi Mobile Gambar 4.1 Halaman Home Versi Desktop Gambar 4.2 Halaman Home Versi Mobile Gambar 4.3 Halaman Pengisian Data Tahap 1 Versi Desktop Gambar 4.4 Halaman Pengisian Data Tahap 1 Versi Mobile Gambar 4.5 Halaman Pengisian Data Tahap 2 Versi Desktop Gambar 4.6 Halaman Pengisian Data Tahap 2 Versi Mobile Gambar 4.7 Halaman Pengisian Data Tahap 3 Versi Desktop Gambar 4.8 Halaman Pengisian Data Tahap 3 Versi Mobile Gambar 4.9 Halaman Pengisian Data Tahap 4 Versi Desktop Gambar 4.10 Halaman Pengisian Data Tahap 4 Versi Mobile Gambar 4.11 Halaman Informasi Nomer Pendaftaran Gambar 4.12 Halaman Data Mahasiswa Masuk ke Server ix

10 DAFTAR TABEL Tabel 2.1 Contoh sistem yang diterapkan... 9 Tabel 2.2 Perbedaan Native Apps dan Responsive Web Tabel 2.3 Perbedaan HTML 5 dengan Gernerasi Sebelumnya Tabel 3.1 Kebutuhan Fungsional dari Sistem Tabel 3.2 Perancangan Pengujian Pengenalan Perangkat yang digunakan Tabel 3.3 Perancangan Pengujian Menu disetiap Tahap Tabel 3.4 Perancangan Pengujian Insert Databse Tabel 3.5 Perancangan Pengujian Informasi Nomer Online Tabel 4.1 Pengujian Pengenalan Perangkat yang digunakan Tabel 4.2 Pengujian Menu disetiap Tahap Tabel 4.3 Pengujian Insert Database Tabel 4.4 Pengujian Informasi Nomor Online x

11 Daftar Pustaka [1] Mulyadi Sistem Akuntansi, Edisi ke-tiga. Salemba 4, Jakarta. [2] Krismiaji Sistem Informasi Akuntansi. Yogyakarta: Unit Penerbit dan Percetakan AMP YKPN [3] Jogiyanto, Hartono Analisis dan Desain Sistem Informasi. Yogyakarta: Penerbit Andi [4] Al Fatta, Hanif Analisis dan Perancangan Sistem Informasi. Yogyakarta: Penerbit Andi. [5] Jeffry, L. Whitten,et al Metode Desain dan Analisis Sistem. Edisi I. Diterjemahkan oleh tim penerjemah Andi. Yogyakarta: Penerbit Andi Madcoms. [6] Cormedia Mobile Internet. CoreMedia Asia Pacific. Coremedia. [7] Marcotte, Ethan Responsive Web Design. Standford University. [8] Irhamullah Unsur-Unsur HTML5. STIMIK Akakom. Yogyakarta. [9] Frain, Ben Responsive Web Design with HTML5 dan CSS3. Birmingham. Mumbai [10] Fisher, Andrew Jump Start Responsive Web Design. Sitepoint. VIC Australia. [11] Yudhanto, Yudha HTML5. Ilmu computer.com [12] Anonim Analisa dan Perbandingan HTML 4.01 dan HTML 5. Universitas Kristen Satya Wacana. Jawa Tengah. Indonesia. xi