APLIKASI SURVEY ONLINE BERBASIS FRAMEWORK EXTJS DAN PHP. Oleh: BAMBANG JULYANSYAH

Ukuran: px

Mulai penontonan dengan halaman:

Download "APLIKASI SURVEY ONLINE BERBASIS FRAMEWORK EXTJS DAN PHP. Oleh: BAMBANG JULYANSYAH"

Siska Darmadi
7 tahun lalu
Tontonan:

1 APLIKASI SURVEY ONLINE BERBASIS FRAMEWORK EXTJS DAN PHP Oleh: BAMBANG JULYANSYAH PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2013

2 APLIKASI SURVEY ONLINE BERBASIS FRAMEWORK EXTJS DAN PHP Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Ko mputer Oleh: BAMBANG JULYANSYAH PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2013

5 KATA PENGANTAR Puji syukur kehadirat Allah SWT yang telah melimpahkan segala rahmat dankarunianya, sehingga penulis dapat menyelesaikan laporan tugas akhir dengan judul Aplikasi Survey Online Berbasis Framework Extjs dan PHP sebagai salah satu syarat untuk menempuh sidang Sarjana guna mencapai gelar kesarjanaan pada Jurusan Teknik Informat ika di Universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dar i sempurna. Karena itu, kritik dan saran akan senant iasa penulis terima dengan senang hat i. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dar i berbagai pihak. Untuk itu, dengan segala kerendahan hat i, penulis menyampaikan ucapan terimakasih kepada: 1. Bapak Rapelino Ferdiansyah,S.T., M.Kom. selaku pembimbing yang telah meluangkan waktunya untuk memberikan pengarahan dan koreksi dalam penulisan tugas akhir ini. 2. Bapak Sabar Rudiarto,S.Kom., M.Kom. selaku Koordinator Tugas Akhir pada Jurusan Teknik Informat ika Universitas Mercu Buana yang telah meluangkan waktunya untuk memberikan pengarahan dan koreksi dalam penulisan tugas akhir ini. 3. Bapak Tri Daryanto, S.Kom., M.T. selaku Kepala Program Studi pada Jurusan Teknik Informat ika Universitas Mercu Buana. 4. Seluruh Dosen Teknik Informat ika Universitas Mercu Buana yang telah mendukung penulis baik semangat maupun materi. 5. Kedua orang tua penulis, Bpk H. Eman Suherman dan Ibu Hj. Atih Sugiarti. Terima kasih banyak atas motivasi dan dukungan yang paling besar agar penulis dapat menyelesaikan tugas akhir ini. Kakak kakak beserta adik, terima kasi atas dukungan kepada penulis. 6. Terima kasih kepada Rina Febriyant i atas semua dukungan dan mot ivasi yang sudah diberikan kepada penulis.

6 7. Semua rekan-rekan angkatan 2009 Teknik Informatika Universitas Mercu Buana terutama : a) Abdul Haris e) Dedy Yogi Saputera b) Najla Hania Bahanan f) Egy Reza Renaldi c) Vika Andini g) Fakhreza Ulul Albab d) Febryo Ponco Sulist yo h) Alfiki yang telah memberikan motivasi moral untuk terus menyelesaikan t ugas akhir ini. Lanjutkan teman!. 8. Semua rekan rekan alumni UKM Radio Mercu Buana angkatan 2004, 2005, 2006, 2007, 2008, 2009 serta semua anggota yang masih akt if. 9. Semua pihak yang telah membantu baik secara langsung maupun tidak langsung hingga terselesaikannya tugas akhir ini. Semoga Allah SWT membalas kebaikan dan selalu mencurahkan taufik serta hidayah Nya, Amin. Jakarta, Agustus 2013 Bambang Julyansyah

7 DAFTAR ISI Halaman LEMBAR PERNYATAAN... i LEMBAR PENGESAHAN... ii KATA PENGANTAR... iii ABSTRACT... v ABSTRAK... vi DAFTAR ISI... vii DAFTAR GAMBAR... x DAFTAR TABEL... xii BAB I. PENDAHULUAN Latar Belakang Perumusan Masalah Batasan Masalah Tujuan dan Manfaat Metedologi Penelit ian Metode Pengumpulan Data Metodologi Perancangan Sistem... 7 BAB II. LANDASAN TEORI Pengert ian Survei Statist ik Metodologi Rekayasa Perangkat Lunak Pemodelan Sistem UML Model Diagram UML Ext JS (Extended Javascript) Pengertian Ext JS GUI Kontrol Ext JS Versi Ext JS

8 2.5.4 Kelebihan Ext JS PHP (Hypertext Preprocessor) Pengertian PHP Sejarah PHP Kelebihan PHP Script PHP Basis Data MySQL PSPad Editor Pengujian Black-Box BAB III. ANALISA DAN PERANCANGAN Identifikasi Masalah Spesifikasi Sistem Rancangan Umum Aplikasi Diagram Use Case Activity Diagram Activity Diagram Halaman Survey Sequence Diagram Sequence Diagram Halaman Login User dan Admin Sequence Diagram Halaman Admin Sequence Diagram Halaman Responden Perancangan Basis Data Diagram Konteks Data Flow Diagram Data Flow Diagram Sistem ERD (Entity Relationship Diagram) Relasi Antar Tabel Struktur Tabel Perancangan Antar Muka(User Interface) Perancangan Antarmuka Halaman Utama Aplikasi... 61

9 3.5.2 Perancangan Antarmuka Halaman Survey Perancangan Antarmuka Halaman Information Perancangan Antarmuka Halaman Contact Us Perancangan Antarmuka Halaman About Us Perancangan Antarmuka Halaman Manage Admin/Responden Perancangan Antarmuka Halaman Manage Informat ion Perancangan Antarmuka Halaman Manage Contact Us Perancangan Antarmuka Halaman Manage About Us BAB IV. IMPLEMENTASI DAN PENGUJIAN Implementasi Spesifikasi Sistem Implementasi Kode Program Implementasi EXTJS dan PHP Implementasi Pembuatan Basis Data Implementasi Perancangan Antarmuka( Interface) Implementasi Perancangan Antarmuka User dan Admin Implementasi Halaman Utama Implementasi Halaman Ho me Admin Implementasi Halaman Manage Admin/Responden Implementasi Halaman Manage Informat ion Implementasi Halaman Survey Implementasi Halaman Manage Kuisio ner Pengujian Skenario Pengujian Black Box Skenario Pengujian Aplikasi Analisa Hasil Pengujian BAB V. KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LAMPIRA

10 DAFTAR GAMBAR Halaman Gambar 2.1 Skema Waterfall... 9 Gambar 2.2 Contoh Use Case Diagram Gambar 2.3 Act ivit y Diagram.. 15 Gambar 2.4 Diagram Sequence Gambar 2.5 Class Diagram Gambar 2.6 Contoh Script extjs Gambar 2.7 Embedded script Gambar 2.8 Non Embedded script Gambar 2.9 Interface software PSPad Editor Gambar 3.1 Diagram Use Case Admin system Gambar 3.2 DiagramUse Case Responden sistem Gambar 3.3 Aktivitas Login Gambar 3.4 Akt ivitas Halaman Admin Manajemen User Gambar 3.5 Akt ivitas Halaman Admin Manajemen Info masi Survey Gambar 3.6 Akt ivitas Halaman Admin Manajemen Kategori Survey. 43 Gambar 3.7 Akt ivitas Halaman Admin Manajemen Kategori Survey Gambar 3.8 Akt ifitas User Mengakses Menu Register Gambar 3.9 Aktivitas Pada Halaman Login User Responden Gambar 3.10 Akt ivitas Pada Halaman Kategori Survey Gambar 3.11 Akt ivitas Pada Halaman Komentar Gambar 3.12 Akt ivitas Pada Halaman Informasi Survey Gambar 3.13 Diagram Sequence Login Admin Dan User Responden Gambar 3.14 Diagram Sequence halaman Admin Gambar 3.15 Diagram Sequence halaman User Responden Gambar 3.16 Diagram Konteks Aplikasi Gambar 3.17 DFD system level Gambar 3.18 ERD (Entity Relationship Diagram) Gambar 3.19 Relasi Antar Tabel Dalam Database... 53

11 Gambar 3.20 Rancangan Halaman Utama Aplikasi Gambar 3.21 Rancangan Halaman Survey Gambar 3.22 Rancangan Halaman Information Gambar 3.23 Rancangan Halaman Contact Us Gambar 3.24 Rancangan Halaman About Us Gambar 3.25 Rancangan Halaman Manage Admin / Responden Gambar 3.26 Rancangan Halaman Manage Informat ion Gambar 3.27 Rancangan Halaman Manage Contact Us Gambar 3.28 Rancangan Halaman Manage About Us Gambar 4.1 Implementasi Pembuatan Database Kuisio ner...74 Gambar 4.2 Tampilan Database Kuisio ner Gambar 4.3 Implementasi Pembuatan tabel tb_about.. 75 Gambar 4.4 Tampilan Tabel tb_about pada Database Kuisio ner Gambar 4.5 Implementasi Pembuatan tabel tb_form Gambar 4.6 Tampilan tabel tb_form pada Database Kuisio ner.. 78 Gambar 4.7 Implementasi Pembuatan tabel tb_informat ion Gambar 4.8 Tampilan tabel tb_informat ion pada Database Kuisio ner Gambar 4.9 Implementasi Pembuatan tabel tbl_kuisio ner Gambar 4.10 Tampilan tabel tb_kuisio ner pada Database Kuisio ner.. 78 Gambar 4.11 Implementasi Pembuatan tabel tb_user 80 Gambar 4.12 Tampilan tabel tb_user pada Database Kuisio ner Gambar 4.13 Tampilan halaman utama web Gambar 4.14 Tampilan Halaman Ho me Admin Gambar 4.15 Tampilan Halaman Manage Admin/Responden Gambar 4.16 Tampilan Halaman Manage Information Gambar 4.17 Tampilan Halaman Survey Gambar 4.18 Tampilan Halaman Manage Kuisioner

12 DAFTAR TABEL Halaman Tabel 2.1 Simbo l Use Case Diagram Tabel 2.2 Simbo l Activity Diagram Tabel 2.3 Simbo l Sequence Diagram Tabel 2.4 S imbo l Class Diagram Tabel 3.1 Tabel tb_user Tabel 3.2 Tabel tb_informat ion Tabel 3.3 Tabel tb_kuisio ner Tabel 3.4 Tabel tb_quest ion Tabel 3.5 Tabel tb_about Tabel 3.6 Tabel tbl_hasil Tabel 4.1 Skenario Pengujian Black Box Testing Halaman Utama atau Login Aplikasi Tabel 4.2 Skenario Pengujian Black Box Testing Halaman Utama User Admin Tabel 4.3 Skenario Pengujian Black Box Testing Halaman Manage User Admin/Responden Tabel 4.4 Skenario Pengujian Black Box Testing Halaman Manage Informat ion Tabel 4.5 Skenario Pengujian Black Box Testing Halaman Survey Tabel 4.5 Pengujian Black Box Testing Menu Logout... 88

dokumen-dokumen yang mirip

PERANCANGAN SISTEM INFORMASI PENDAFTARAN PESERTA EVENT BERBASIS WEB PADA UKM RADIO MERCU BUANA

PERANCANGAN SISTEM INFORMASI PENDAFTARAN PESERTA EVENT BERBASIS WEB PADA UKM RADIO MERCU BUANA Gilang Ramadhan 41808010011 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA