PERANCANGAN DAN PEMBUATAN APLIKASI TRAININGPEDIA BERBASIS WEB DAN ANDROID

Transkripsi

1 PERANCANGAN DAN PEMBUATAN APLIKASI TRAININGPEDIA BERBASIS WEB DAN ANDROID Tugas Akhir untuk memenuhi sebagian persyaratan mencapai derajat Diploma III Program Studi Diploma III Teknik Informatika diajukan oleh Sonia Eka Putri M kepada PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MIPA UNIVERSITAS SEBELAS MARET SURAKARTA 2015

2 HALAMAN PERSETUJUAN PERANCANGAN DAN PEMBUATAN APLIKASI TRAININGPEDIA BERBASIS WEB DAN ANDROID Disusun Oleh : Sonia Eka Putri M Tugas Akhir ini telah disetujui untuk dipertahankan dihadapan dewan penguji Pada tanggal Pembimbing Utama, YUDHO YUDHANTO, S.Kom ii

3 HALAMAN PENGESAHAN PERANCANGAN DAN PEMBUATAN APLIKASI TRAININGPEDIA BERBASIS WEB DAN ANDROID Disusun Oleh : Sonia Eka Putri M Dibimbing Oleh : Yudho Yudhanto, S.Kom NIDN Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika Pada hari tanggal Dewan Penguji : 1. Penguji 1 Yudho Yudhanto, S.Kom ( ) 2. Penguji 2 Ovide Decroly Wisnu Ardhi, S.T., M.Eng ( ) NIDN Penguji 3 Taufiqurrakhman NH, S.Kom ( ) NIDN Disahkan oleh, Dekan Fakultas MIPA UNS Ketua Program D3 Teknik Informatika Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. NIP Abdul Aziz, S.Kom, M.Sc. NIP iii

4 ABSTRACT Sonia Eka Putri Design and Making of Trainingpedia Android Based Application. Training is an activity to provide, acquire, enhance and develop job competence, productivity at a certain level of skill and expertise based onlevel of expertise and qualifications. In short, training is a process teaches the knowledge, work skill development ( vocational ) and attitudes to be more skilled and able to perform better responsibilities according to standards. Internet is most powerful way to gather all of its users without limited by distance and time. Android is the main factor that increase the amount of internet usage through mobile devices. Trainingpedia application can be accessed via web and Android bases applications, the main purpose is facilitate user interaction to follow or offer training to community participant (member) or common user ( non - member). Its main purpose is to make Trainingpedia applications become easy to understand and use. Users just have to open the application, then user will be informed about training information and location. It also provide facility to register, upload and recent training notifiction facility. Keywords : Training, Android, Application, Web, GPS, Registration iv

5 ABSTRAK Sonia Eka Putri Perancangan dan Pembuatan Aplikasi Trainingpedia Berbasis Android. Training atau pelatihan adalah kegiatan untuk memberi, memperoleh, meningkatkan, serta mengembangkan kompetensi kerja, produktivitas pada tingkat keterampilan dan keahlian tertentu sesuai dengan jenjang dan kualifikasi keahlian. Singkatnya, training merupakan proses mengajarkan pengetahuan dan pengembangan keterampilan bekerja (vocational) serta sikap agar semakin terampil dan mampu melaksanakan tanggung jawabnya dengan semakin baik sesuai standar. Internet merupakan cara yang paling ampuh dalam mempertemukan semua penggunanya tanpa dibatasi dengan jarak dan waktu. Android merupakan faktor utama melejitnya jumlah penggunaan internet melalui perangkat mobile. Aplikasi Trainingpedia ini bisa diakses melalui web dan juga aplikasi berbasis Android yang bertujuan utama untuk memudahkan user dalam interaksi dalam usaha mengikuti atau menawarkan kegiatan training kepada komunitas peserta (member) ataupun user umum (non-member). Tujuan utamanya adalah aplikasi Trainingpedia menjadi mudah dimengerti dan digunakan. User cukup membuka aplikasi ini, kemudian user akan mengetahui informasi dan lokasi training yang dilengkapi dengan fasilitas mendaftar, upload bukti pembayaran serta pemberitahuan training terbaru. Kata kunci : Training, Android, Aplikasi, Web, GPS, Registrasi v

6 HALAMAN MOTTO Sesungguhnya sesudah kesulitan itu ada kemudahan. Maka apabila kamu telah selesai (dari suatu urusan). Kerjakanlah dengan sungguh-sungguh (urusan) yang lain. Dan hanya kepada Tuhanmulah hendaknya kamu berharap. (Q.S. Surat Al-Insyirah ayat 6-8) Tidak ada kesuksesan yang bisa dicapai seperti membalikkan telapak tangan. Tidak ada keberhasilan tanpa kerja keras, keuletan, kegigihan, dan kedisiplinan. Chairul Tanjung Jangan lupa bahagia. Sonia Eka Putri vi

7 HALAMAN PERSEMBAHAN Sebuah karya tulisan ini kupersembahkan untuk : 1. Allah SWT yang selalu memberikan kemudahan, rahmat dan Hidayah-Nya. 2. Bapak dan Ibu tercinta yang selalu mendo akan setiap langkahku dan menjadi alasan semangatku. 3. Keluarga besar yang selalu mendukung kegiatanku. 4. Dosen dan Staf Pengajar Program D3 Teknik Informatika UNS khususnya Bapak Yudha yang telah memberikan ide dan masukan yang luar biasa selama bimbingan. 5. Teman-teman D3 Teknik Informatika angkatan 2012 yang telah mengajari arti kekompakan. 6. Teman-teman PM, Maya, Enggar, Indy, Widyanida, Nindya, Sylvia, Titik, Yunni dan teman-teman kos tazkia, Arum, Fatia, Mbak Tika yang telah mewarnai harihariku. 7. Semua orang yang sudah mengajariku tentang arti kehidupan, semangat berjuang dan yang selalu mengingatkan tentang kesederhanaan. 8. Pembaca yang budiman. vii

8 KATA PENGANTAR Puji syukur ke hadirat Tuhan YME yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul PERANCANGAN DAN PEMBUATAN APLIKASI TRAININGPEDIA BERBASIS WEB DAN ANDROID. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd.) pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada: 1. Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku Pimpinan Fakultas MIPA Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar. 2. Abdul Aziz S.Kom., M.Cs. selaku Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar. 3. Yudho Yudhanto, S.Kom selaku dosen pembimbing yang dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis. 4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis. 5. Para Karyawan/wati Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah membantu penulis dalam proses belajar. 6. Keluarga tercinta yang selalu memberi dukungan dan semangat baik moril maupun materil. 7. Seluruh teman-teman seperjuangan D3 Teknik Informatika angkatan 2012 yang saling membantu dan menyemangati selama proses belajar. 8. Dan semua pihak yang telah membantu penulis menyelesaikan laporan Tugas Akhir ini yang tidak bisa penulis sebutkan satu persatu. Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari viii

9 sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri. Surakarta, 18 Juni 2015 Sonia Eka Putri ix

10 DAFTAR ISI HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii ABSTRACT... iv ABSTRAK... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR GAMBAR... xv DAFTAR TABEL... xxi BAB I PENDAHULUAN Latar Belakang Perumusan masalah Batasan Masalah Tujuan Manfaat... 3 BAB II LANDASAN TEORI Tinjauan Pustaka Event Management Training Ensiklopedia Aplikasi Web Aplikasi Mobile Android Spiral Development Model Analisa dan Desain Sistem x

11 2.9 Diagram Konteks Data Flow Diagram (DFD) Unified Modelling Language (UML) Use Case Diagram Sequence Diagram Class Diagram Basis Data Entity Relationship Diagram (ERD) MySQL HyperText Preprocessor (PHP) Java Script Object Notation (JSON) Google Maps API BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM Jalannya Penelitian Gambaran Umum Aplikasi Proses Bisnis Aplikasi Software Requirement Specification (SRS) Aplikasi berbasis Web Kebutuhan Fungsional Aplikasi berbasis Web Kebutuhan Non-Fungsional Aplikasi berbasis Web Kebutuhan Non-Fungsional Sistem Kebutuhan Non-Fungsional Perangkat Lunak (Software) Kebutuhan Non-Fungsional Perangkat Keras (Hardware) Software Requirement Specification (SRS) Aplikasi berbasis Android Kebutuhan Fungsional Aplikasi berbasis Android Kebutuhan Non-Fungsional Aplikasi berbasis Android Kebutuhan Non-Fungsional Sistem Kebutuhan Non-Fungsional Perangkat Lunak (Software) Kebutuhan Non-Fungsional Perangkat Keras (Hardware) Perancangan Aplikasi berbasis Web Diagram Konteks (Context Diagram) Aplikasi berbasis Web Data Flow Diagram (DFD) level xi

12 3.6.3 Data Flow Diagram (DFD) level 1 Proses Data Flow Diagram (DFD) level 1 Proses Data Flow Diagram (DFD) level 1 Proses Data Flow Diagram (DFD) level 1 Proses Data Flow Diagram (DFD) level 1 Proses Perancangan Aplikasi berbasis Android Use Case Diagram Skenario Use Case Skenario Use Case Pencarian Training Skenario Use Case Menampilkan detail data training Skenario Use Case Menampilkan kategori training Skenario Use Case Menampilkan lokasi seluruh training Skenario Use Case Menampilkan penyedia training Skenario Use Case Menampilkan detail berita Skenario Use Case pendaftaran member peserta Skenario Use Case Input komentar training Skenario Use Case Input komentar berita Skenario Use Case Edit data member Skenario Use Case Mendaftar training Skenario Use Case Konfirmasi pendaftaran Skenario Use Case Mencetak kartu peserta training Skenario Use Case Mengirim pesan Sequence Diagram Sequence Diagram Pencarian Training Sequence Diagram Menampilkan Detail Training Sequence Diagram Menampilkan Kategori Training Sequence Diagram Menampilkan Lokasi Seluruh Training Sequence Diagram Menampilkan Penyedia Training Sequence Diagram Menampilkan Detail Berita Sequence Diagram Input Pendaftaran Member Peserta Sequence Diagram Input Komentar Training xii

13 Sequence Diagram Input Komentar Berita Sequence Diagram Edit Profil Member Sequence Diagram Mendaftar Training Sequence Diagram Konfirmasi Pendaftaran Sequence Diagram Mencetak Kartu Peserta Training Sequence Diagram Mengirim Pesan Class Diagram Perancangan Basis Data Entity Relationship Diagram (ERD) Relasi Antar Tabel Perancangan Tabel Perancangan Desain User Interface User Interface Aplikasi Berbasis Web Desain Halaman Pengunjung (Umum) Desain Halaman Member Peserta Desain Halaman Member Penyedia Desain Halaman Administrator Desain Halaman Pesan User Interface Aplikasi berbasis Android Desain User Interface Penjelasan Desain User Interface BAB IV IMPLEMENTASI DAN ANALISA Implementasi Implementasi Interface Aplikasi Berbasis Web Implementasi Interface Halaman Pengunjung Implementasi Interface Halaman Member Peserta Implementasi Interface Halaman Member Penyedia Implementasi Interface Halaman Administrator Implementasi Interface Halaman Pesan Implementasi Interface Aplikasi Berbasis Android Pengujian Sistem xiii

14 4.3 Pengujian Kompabilitas Ukuran Layar Aplikasi Berbasis Android BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA xiv

15 DAFTAR GAMBAR Gambar 2.1. Arsitektur Sistem Operasi Android... 8 Gambar 2.2. Spiral Development Model... 9 Gambar 2.3. Simbol-simbol dalam Data Flow Diagram Gambar 2.4. Contoh Representasi JSON pada sebuah Object Gambar 3.1. Gambaran Umum Aplikasi Gambar 3.2. Proses Bisnis Aplikasi Gambar 3.3. Diagram Konteks Sistem Gambar 3.4. DFD Level Gambar 3.5. Data Flow Diagram (DFD) level 1 Proses Gambar 3.6. Data Flow Diagram (DFD) level 1 Proses Gambar 3.7. Data Flow Diagram (DFD) level 1 Proses Gambar 3.8. Data Flow Diagram (DFD) level 1 Proses Gambar 3.9. Data Flow Diagram (DFD) level 1 Proses Gambar Use Case Diagram Aplikasi berbasis android Gambar Sequence Diagram Pencarian Training Gambar Sequence Diagram Menampilkan Detail Training Gambar Sequence Diagram Menampilkan Kategori Training Gambar Sequence Diagram Menampilkan Lokasi Seluruh Training Gambar Sequence Diagram Menampilkan Penyedia Training Gambar Sequence Diagram Menampilkan Detail Berita Gambar Sequence Diagram Input Pendaftaran Member Peserta Gambar Sequence Diagram Input Komentar Training Gambar Sequence Diagram Input Komentar Berita Gambar Sequence Diagram Edit Profil Member Gambar Sequence Diagram Mendaftar Training Gambar Sequence Diagram Konfirmasi Pendaftaran Gambar Sequence Diagram Konfirmasi Pendaftaran Gambar Sequence Diagram Konfirmasi Pendaftaran Gambar Class Diagram xv

16 Gambar Entity Relationship Diagram (ERD) Gambar Relasi Antar Tabel (RAT) Gambar Desain Halaman Home Gambar Desain Halaman Training Gambar Desain Halaman Detail Training Gambar Desain Halaman Tab Jadwal Training Gambar Desain Halaman Tab Lokasi Training Gambar Desain Halaman Training Gambar Desain Halaman Daftar Penyedia Gambar Desain Halaman Blog Gambar Desain Halaman Registrasi Member Peserta Gambar Desain Halaman Registrasi Member Penyedia step Gambar Desain Halaman Registrasi Member Penyedia step Gambar Desain Halaman Login Gambar Desain Modal Konfirmasi Pendaftaran Gambar Desain Halaman Akun Profil Gambar Desain Halaman Akun Registrasi Gambar Desain Halaman Akun Reminder Gambar Desain Halaman Dashboar Member Penyedia Gambar Desain Halaman Jadwal Training Gambar Desain Halaman Daftar Training Gambar Desain Halaman Tambah Training Baru Gambar Desain Halaman Daftar Registrasi Training Gambar Desain Halaman Pembayaran Gambar Desain Halaman Daftar Lokasi Gambar Desain Halaman Tambah Lokasi Gambar Desain Halaman Daftar Pemateri Gambar Desain Halaman Tambah Pemateri Gambar Desain Halaman Dashboard Administrator Gambar Desain Halaman Member Gambar Desain Halaman Kelola Training xvi

17 Gambar Desain Halaman Kelola Kategori Training Gambar Desain Halaman Berita Baru Gambar Desain Halaman Daftar Berita Gambar Desain Halaman Pesan Gambar Desain Modal Tambah Pesan Gambar Splash Screen Aplikasi Gambar Slider Menu Pengunjung Gambar Halaman Home Gambar Halaman Kategori Gambar Halaman Lokasi Gambar Halaman Penyedia Gambar Halaman Tab Profil Penyedia Gambar Halaman Tab Penyedia Training Gambar Halaman Berita Gambar Halaman Detail Berita Gambar Halaman Detail Training Gambar Halaman Pemateri Gambar Halaman Lokasi Training dan Lokasi User Gambar Halaman Jadwal Gambar Halaman Komentar Training Gambar Halaman Balasan Komentar Training Gambar Halaman Registrasi Member Gambar Halaman Login Gambar Sliding Left Menu Member Gambar Halaman Konfirmasi Pendaftaran Gambar Halaman Tab Member registrasi Gambar Halaman Detail Registrasi Training Gambar Halaman Unggah Bukti Pembayaran Gambar Halaman Tab Profil Member Gambar 3.86 Halaman Tab Reminder Gambar 4.1. Implementasi Halaman Home xvii

18 Gambar 4.2. Implementasi Halaman Traning Gambar 4.3. Implementasi Halaman Detai Traning Gambar 4.4. Implementasi Informasi Komentar Training Gambar 4.5. Implementasi Modal Balasan Komentar Training Gambar 4.6. Implementasi Tab Pemateri Gambar 4.7. Implementasi Lokasi Gambar 4.8. Implementasi Halaman Penyedia Gambar 4.9. Implementasi Halaman Blog Gambar Implementasi Halaman Registrasi Member Peserta Gambar Implementasi Halaman Registrasi Member Penyedia Bagian Gambar Implementasi Halaman Registrasi Member Penyedia Bagian Gambar Implementasi Halaman Login Gambar Implementasi Modal Komfirmasi Pendaftaran Gambar Implementasi Halaman Akun Profil Gambar Implementasi Halaman Akun Registrasi Gambar Desain Halaman Daftar Training Gambar Halaman Tambah Training Baru Gambar Halaman Daftar Registrasi Training Gambar Modal Bukti Transfer Gambar Halaman Daftar Lokasi Gambar Halaman Tambah Lokasi Gambar Halaman Daftar Pemateri Gambar Halaman Tambah Pemateri Gambar Halaman Member penyedia Gambar Modal Kofirmasi Member Gambar Halaman Member Peserta Gambar Halaman Kelola Training Gambar Halaman Berita Baru Gambar Halaman Daftar Berita Gambar Halaman Pesan Gambar Modal Tambah Pesan xviii

19 Gambar Splash Screen Aplikasi Gambar Slider Menu Pengunjung Gambar Halaman Home Gambar 4.36 Halaman Kategori Gambar Halaman Lokasi Gambar Halaman Penyedia Gambar Halaman Tab Profil Penyedia Gambar Halaman Tab Training Penyedia Gambar Halaman Berita Gambar Halaman Detail Berita Gambar Halaman Detail Training Gambar Pemberitahuan Aktivasi GPS Gambar Pengaturan GPS Gambar Halaman Lokasi Training dan Lokasi User Gambar Tampilan Get Direction Gambar Tampilan Share Gambar Tampilan Pilih Aksi More Gambar Halaman Lihat Jadwal Gambar Halaman Lihat Pemateri Gambar Halaman Komentar Training Gambar Halaman Registrasi Member Gambar Halaman Login Gambar Sliding Left Menu Member Gambar Halaman Konfirmasi Pendaftaran Gambar Halaman Tab Member registrasi Gambar Halaman Detail Registrasi Training Gambar Tampilan Pilih Aksi Konfirmasi Gambar Tampilan Ambil dari Kamera Gambar Tampilan Pilih dari Galeri Gambar Halaman Tampil Unggah Bukti Pembayaran Gambar Pemberitahuan berhasil unggah xix

20 Gambar Hasil Status Registrasi Gambar Cetak Kartu Peserta Gambar Tampilan Proses Download Kartu Peserta Gambar Tampilan Kartu Peserta Training Gambar Halaman Tab Profil Member Gambar Tampilan Push Notification training terbaru Gambar Halaman Daftar Pesan Gambar Halaman Input Pesan xx

21 DAFTAR TABEL Tabel 2.1. Simbol Use Case Tabel 2.2. Simbol Sequence Diagram Tabel 2.3 Tabel Simbol Komponen class diagram Tabel 2.4. Simbol-simbol dalam Entity Relationship Diagram (ERD) Tabel 3.1. Kebutuhan Fungsional Sistem Tabel 3.2. Kebutuhan Non-Fungsional Sistem Aplikasi berbasis web Tabel 3.3. Kebutuhan Fungsional Aplikasi berbasis Android Tabel 3.4. Kebutuhan Non-Fungsional Aplikasi Tabel 3.5. Use Case Pencarian Training Tabel 3.6. Use Case Menampilkan detail data training Tabel 3.7. Use Case Menampilkan kategori training Tabel 3.8. Use Case Menampilkan lokasi training dan lokasi user Tabel 3.9. Use Case Menampilkan penyedia training Tabel Use Case Menampilkan detail data berita Tabel Use Case Input pendaftaran member peserta Tabel Use Case Input komentar training Tabel Use Case Input komentar berita Tabel Use Case Edit data member Tabel Use Case Mendaftar training Tabel Use Case Konfirmasi Pendaftaran Tabel Use Case Mencetak kartu peserta training Tabel Use Case Mengirim pesan Tabel Tabel users Tabel Tabel training_seeker Tabel Tabel training_provider Tabel Tabel roles Tabel Tabel training Tabel Tabel training_categories xxi

22 Tabel Tabel training_time Tabel Tabel training_payment Tabel Tabel payment_methods Tabel Tabel training_comments Tabel Tabel training_comments_replay Tabel Tabel instructor Tabel Tabel training_instructor Tabel Tabel messages Tabel Tabel messages_replay Tabel Tabel registration Tabel Tabel province Tabel Tabel city Tabel Tabel location Tabel Tabel post_categories Tabel Tabel post Tabel Tabel post_comments Tabel Tabel post_comments_replay Tabel Penjelasan Desain User Interface Aplikasi Berbasis Android Tabel 4.1. Black Box Texting pada Pengujian Login Web dan Android Tabel 4.2. Black Box Texting pada Pengujian Registrasi Member Penyedia Tabel 4.3. Black Box Texting pada Pengujian Registrasi Member Peserta Tabel 4.4. Black Box Texting pada Pengujian Registrasi Member Peserta xxii