APLIKASI KONSULTASI PSIKOLOGI DI BIDANG PARENTING, KEPRIBADIAN, DAN ASMARA BERBASIS ANDROID DAN WEB (STUDI KASUS: Aura.co.id) 1. Rahmad Hidayat - 41513110007 2. Rina Susiana - 41512120200 PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
APLIKASI KONSULTASI PSIKOLOGI DI BIDANG PARENTING, KEPRIBADIAN, DAN ASMARA BERBASIS ANDROID DAN WEB (STUDI KASUS: Aura.co.id) Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer 1. Rahmad Hidayat - 41513110007 2. Rina Susiana - 41512120200 PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017 i
ii
iii
KATA PENGANTAR Assalamu'alaikum Wr. Wb. Puji dan syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-nya sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada jurusan Informatika Universitas Mercu Buana. Pada kesempatan ini penulis ingin mengucapkan terima kasih kepada semua pihak yang telah membantu penulis dalam melaksanakan dan menyusun laporan laporan kerja praktek ini, baik berupa tenaga, pikiran, pengarahan, serta bimbingan yang diberikan. Ucapan terima kasih penulis sampaikan kepada: 1. Diky Firdaus, S.Kom., MM. selaku dosen pembimbing tugas akhir yang selalu memberikan dukungan dan masukan kepada penulis sekaligus Koordinator Tugas Akhir Program Studi Informatika Universitas Mercu Buana. 2. Desi Ramayanti, S.Kom, MT selaku ketua Program Studi Teknik Inforatika Universitas Mercu Buana. 3. Sabar Rudiarto, M.Kom. selaku dosen pembimbing akademik mahasiswa regular 2 angkatan 2010 s.d. 2013. 4. Wida Kriswanti selaku Redaktur di divisi redaksi aura.co.id yang membimbing penulis dalam melaksanakan penelitian tugas akhir. 5. Aris Wahyudi selaku senior developer yang memberikan arahan dan masukan dalam penyusunan tugas akhir ini. 6. Orang tua tercinta yang selalu memberikan dukungan baik moril dan materil serta tidak pernah lelah mendoakan dan memberikan cinta yang tulus yang tulus sejak kecil. 7. Saudara-saudara dan keponakan penulis yang selalu memberikan dorongan, semangat, kasih sayang dan bantuan dalam penyusunan tugas akhir ini. 8. Rangga, Zain, Eva Nuraisah, Siti Maesaroh, Hari Pradhana, dan kawan-kawan seperjuangan di jurusan Teknik Informatika Kampus Menteng Universitas iv
Mercu Buana angkatan 2013 yang tidak bisa penulis disebutkan namanya satu per satu. 9. Beserta semua pihak yang telah memotivasi dan membantu penulis dalam menyelesaikan laporan tugas akhir ini. Semoga Allah SWT selalu memberikan limpahan rahmat dan karunia kepada semua pihak yang telah membantu penulis dalam menyelesaikan laporan tugas akhir ini dan membantu menyelesaikan masa pendidikan Strata Satu (S-1). Penulis menyadari bahwa laporan tugas akhir ini masih belum sempurna dan juga masih banyak kekurangan dikarenakan keterbatasan akan pengetahuan penulis serta bahan-bahan penelitian yang ada. Untuk itu, penulis mengharapkan kritik dan saran yang membangun demi kemajuan akan ilmu pengetahuan penulis dan demi tercapainya kesempurnaan laporan tugas akhir ini. Akhir kata, semoga laporan tugas akhir ini bermanfaat bagi pihak-pihak yang berkepentingan. Wassalamu alaikum Wr. Wb. Jakarta, Juni 2017 Rahmad Hidayat v
DAFTAR ISI LEMBAR PERNYATAAN... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR... iv ABSTRAK... vi ABSTRACK... vii DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xv BAB 1 PENDAHULUAN... 1 1.1. Latar Belakang... 1 1.2. Perumusan Masalah... 3 1.3. Batasan Masalah... 3 1.3.1. Batasan Masalah Aplikasi Konsultasi Psikologi Berbasis Android 4 1.3.2. Batasan Masalah Aplikasi Konsultasi Psikologi Berbasis Web... 4 1.4. Tujuan Penelitian dan Manfaat Penelitian... 5 1.4.1. Tujuan Penelitian... 5 1.4.2. Manfaat Penelitian... 5 1.5. Metodologi Penelitian... 6 1.5.1 Metodologi Pengumpulan Data... 6 1.5.2. Metodologi Pengembangan Sistem... 7 1.6. Sistematika Penulisan... 8 1.6.1. BAB I PENDAHULUAN... 8 1.6.2. BAB II LANDASAN TEORI... 8 1.6.3. BAB III ANALISA SISTEM... 8 1.6.4. BAB IV PERANCANGAN SISTEM... 8 1.6.5. BAB V IMPLEMENTASI DAN HASIL PENGUJIAN... 8 1.6.6. BAB VI KESIMPULAN DAN SARAN... 9 1.7. Lokasi dan Waktu Penelitian... 9 BAB 2 LANDASAN TEORI... 10 2.1. Aplikasi...... 10 2.2. Android...... 10 2.2.1. Android Studio...... 10 2.2.2. Java Development Kit (JDK)... 11 2.2.3. Android SDK (Software Development Kit)... 11 2.3. JSON... 12 2.4. Aplikasi Web... 12 2.4.1. Web Application Framework... 12 2.4.2. Laravel... 13 2.5. Database... 13 2.5.1. PostgreSQL...13 2.5.2. pgadmin III... 14 2.6. Bahasa Pemrograman... 14 2.6.1. PHP... 14 vi
2.6.2. HTML... 14 2.6.3. CSS... 15 2.6.4. JAVA...15 2.7. Wildfly... 16 2.8. Eclipse... 16 2.9. Algoritma... 16 2.9.1. Algoritma First in First Out... 17 2.10. Tahapan Perkembangan RPL... 17 2.11. UML (Unified Modelling Language)... 19 2.11.1 Use Case Diagram... 19 2.11.2 Activity Diagram... 19 2.11.3 Sequence Diagram... 19 2.12 Metode Pengujian Black Box... 20 2.13 Konsultasi Psikologi... 20 2.13.1 Parenting... 20 2.13.2 Kepribadian... 21 2.13.3 Pengertian Asmara... 21 2.14 Gambaran Umum PT. Media Bintang Indonesia... 21 2.15 Logo Aura.co.id... 22 BAB 3 ANALISA SISTEM... 23 3.1. Analisa Sistem yang Sedang Berjalan... 23 3.1.1. Analisa Prosedur Yang Sedang Berjalan... 23 3.1.2. Activity Diagram yang Sedang Berjalan... 23 3.2. Analisa Pengguna... 25 3.3. Analisa Kebutuhan... 26 3.3.1. Analisa Kebutuhan untuk Aplikasi Berbasis Android... 26 3.3.2. Analisa Kebutuhan untuk Aplikasi Berbasis Web... 26 3.4. Analisa Software... 26 3.4.1. Analisa Software Berbasis Android... 26 3.4.2. Analisa Software Berbasis Web... 27 3.5. Analisa Hardware...... 27 3.5.1. Analisa Hardware Untuk Membangun Aplikasi Berbasis Android 27 3.5.2. Analisa Hardware Untuk Membangun Aplikasi Berbasis Web.. 27 3.6. Analisa Sistem Berdasarkan Analisa Kebutuhan dan Pengguna... 28 3.6.1. Analisa Sistem Berdasarkan Analisa Kebutuhan dan Pengguna Berbasis Android..................28 3.6.2. Analisa Sistem Berdasarkan Analisa Kebutuhan dan Pengguna Berbasis Web..................28 3.7. Analisa Keefektifan Pengguna Aplikasi...... 28 3.8. Uraian Prosedur Penggunaan Aplikasi... 28 3.8.1. Prosedur Penggunaan Aplikasi Berbasis Android... 28 3.8.2. Prosedur Penggunaan Aplikasi Berbasis Web... 31 BAB 4 PERANCANGAN SISTEM...... 35 4.1. Perancangan Algoritma...... 35 4.2. Gambaran Umum Sistem Usulan...... 35 vii
4.3. Perancangan Prosedur yang Diusulkan...... 36 4.3.1. Use Case Diagram... 36 4.3.2. Scenario Use Case... 39 4.3.3. Activity Diagram... 54 4.3.4. Sequence Diagram... 67 4.4. Desain Antar Muka... 79 4.4.1. Struktur Menu... 79 4.4.2. Perancangan Input... 83 4.4.3. Perancangan Output... 91 BAB 5 IMPLEMENTASI DAN PENGUJIAN SISTEM... 104 5.1. Impelementasi Sistem... 104 5.1.1. Implementasi Perangkat Keras... 104 5.1.2. Implementasi Perangkat Lunak... 105 5.2. Hasil Implementasi... 105 5.2.1. Implementasi Basis Data... 105 5.2.2. Implementasi Program. 107 5.3. Hasil Pengujian... 120 5.3.1. Metode Pengujian... 120 5.3.2. Skenario Uji Coba...120 5.4. Analisa Hasil Pengujian...127 BAB 6 KESIMPULAN DAN SARAN...128 6.1 Kesimpulan...128 6.2 Saran...128 Daftar Pustaka 130 viii
DAFTAR GAMBAR Gambar 2. 1 Logo Android Studio... 11 Gambar 2. 2 Logo Laravel 13 Gambar 2. 3 Aturan Antrian First in First Out. 17 Gambar 2. 4 Model Sekuensial Linier 17 Gambar 2. 5 Logo Aura.co.id 21 Gambar 3. 1 Activity diagram pengiriman pertanyaan yang sedang berjalan.. 23 Gambar 3. 2 Activity diagram konsultasi yang sedang berjalan 23 Gambar 4. 1 Algoritma First In First Out. 31 Gambar 4. 2 Usulan Use Case Diagram Redaktur dan Psikolog Berbasis Web 33 Gambar 4. 3 Usulan Use Case Diagram Redaktur dan Psikolog Berbasis Android...34 Gambar 4. 4 Usulan Use Case Diagram User Berbasis Android dan Web 34 Gambar 4. 5 Activity Diagram Add Article psikologi yang diusulkan...50 Gambar 4. 6 Activity Diagram Update Article Psikologi yang diusulkan.51 Gambar 4. 7 Activity Diagram Delete Article Psikologi pada sistem yang diusulkan.51 Gambar 4. 8 Activity Diagram Edit Member yang diusulkan 52 Gambar 4. 9 Activity Diagram Delete User yang diusulkan.52 Gambar 4. 10 Activity Diagram Add User yang diusulkan 53 Gambar 4. 11 Activity Diagram Update User yang diusulkan...53 Gambar 4. 12 Activity Diagram Delete User yang diusulkan 54 Gambar 4. 13 Activity Diagram Pengelolaan Laporan yang diusulkan.54 Gambar 4. 14 Activity Diagram Jawab Konsultasi yang diusulkan...55 Gambar 4. 15 Activity Diagram Update Konsultasi yang diusulkan.55 Gambar 4. 16 Activity Diagram Delete Konsultasi yang diusulkan.56 Gambar 4. 17 Activity Diagram Update Profil yang diusulkan.56 Gambar 4. 18 Activity Diagram Login yang diusulkan.57 Gambar 4. 19 Activity Diagram Artikel Psikologi yang diusulkan 57 Gambar 4. 20 Activity Diagram Jawab Konsultasi yang diusulkan 58 Gambar 4. 21 Activity Diagram Update Konsultasi yang diusulkan.58 Gambar 4. 22 Activity Diagram Update Profil yang diusulkan. 59 Gambar 4. 23 Activity Diagram Login yang diusulkan.. 59 Gambar 4. 24 Activity Diagram Konsultasi yang diusulkan.. 60 Gambar 4. 25 Activity Diagram Register untuk User yang diusulkan. 60 Gambar 4. 26 Activity Diagram Artikel Psikologi yang diusulkan... 61 Gambar 4. 27 Activity Diagram About yang diusulkan. 61 Gambar 4. 28 Activity Diagram Update Profil yang diusulkan.. 62 Gambar 4. 29 Activity Diagram Login yang diusulkan 62 Gambar 4. 30 Sequence Diagram Add Article.. 63 ix
Gambar 4. 31 Sequence Diagram Update Article.. 63 Gambar 4. 32 Sequence Diagram Delete Article.. 64 Gambar 4. 33 Sequence Diagram Edit Member... 64 Gambar 4. 34 Sequence Diagram Delete Member 65 Gambar 4. 35 Sequence Diagram Add User. 65 Gambar 4. 36 Sequence Diagram Update User. 66 Gambar 4. 37 Sequence Diagram Delete User.. 66 Gambar 4. 38 Sequence Diagram Pengelolaan Laporan 67 Gambar 4. 39 Sequence Diagram Jawab Konsultasi. 67 Gambar 4. 40 Sequence Diagram Update Konsultasi 68 Gambar 4. 41 Sequence Diagram Delete Konsultasi. 68 Gambar 4. 42 Sequence Diagram Update Profil.69 Gambar 4. 43 Sequence Diagram Login.69 Gambar 4. 44 Sequence Diagram Artikel Psikologi 70 Gambar 4. 45 Sequence Diagram Jawan Konsultasi 70 Gambar 4. 46 Sequence Diagram Update Konsultasi..71 Gambar 4. 47 Sequence Diagram Update Profil...71 Gambar 4. 48 Sequence Diagram Login 72 Gambar 4. 49 Sequence Diagram Kirim Pertanyaan.72 Gambar 4. 50 Sequence Diagram Register 73 Gambar 4. 51 Sequence Diagram Artikel Psikologi..73 Gambar 4. 52 Sequence Diagram About 74 Gambar 4. 53 Sequence Diagram Update Profil.74 Gambar 4. 54 Sequence Diagram Login..75 Gambar 4. 55 Menu Web Administrator..76 Gambar 4. 56 Perancangan Menu Redaktur/Psikolog Aplikasi Back End Android 77 Gambar 4. 57 Perancangan Menu Front End Berbasis Web 78 Gambar 4. 58 Rancangan Menu Front End Android User/Member.79 Gambar 4. 59 Perancangan Login Web Administrator.79 Gambar 4. 60 Perancangan Tambah User untuk Redaktur..80 Gambar 4. 61 Perancangan Tambah Artikel 80 Gambar 4. 62 Perancangan Balas Konsultasi untuk Psikolog/Redaktur..81 Gambar 4. 63 Perancangan Login Berbasis Android.81 Gambar 4. 64 Perancangan Balas Konsultasi Berbasis Android 82 Gambar 4. 65 Perancangan Login User/ Member Berbasis Web 82 Gambar 4. 66 Perancangan Registrasi untuk User/Member.83 Gambar 4. 67 Perancangan Kirim Pertanyaan Berbasis Web..84 Gambar 4. 68 Perancangan Login User/Member Berbasis Android.85 Gambar 4. 69 Perancangan Registrasi User/Member Berbasis Android..86 x
Gambar 4. 70 Perancangan Kirim Pertanyaan Berbasis Android..86 Gambar 4. 71 Perancangan Data Artikel Web Administrator 87 Gambar 4. 72 Perancangan Data Konsultasi Psikologi..88 Gambar 4. 73 Perancangan Laporan Konsultasi Psikologi 89 Gambar 4. 74 Perancangan Data User untuk Redaktur dan Psikolog.90 Gambar 4. 75 Perancangan Data User/Member.91 Gambar 4. 76 Perancangan Profil Psikolog/Redaktur Web Administrator 92 Gambar 4. 77 Perancangan Data Konsultasi Berbasis Android untuk Redaktur/Psikolog.93 Gambar 4. 78 Perancangan Profil Redaktur/Psikolog Berbasis Android.94 Gambar 4. 79 Perancangan Output Artikel Psikologi di Front End Web 94 Gambar 4. 80 Perancangan Hasil Konsultasi Psikologi Front End Web..95 Gambar 4. 81 Perancangan Profil User/Member Front End Web.96 Gambar 4. 82 Perancangan Menu Artikel Psikologi Berbasis Android.97 Gambar 4. 83 Perancangan Hasil Konsultasi Psikologi dan Tanya Psikolog Berbasis Android 98 Gambar 4. 84 Perancangan Profil User/Member Berbasis Android 99 Gambar 5. 1 Tampilan menu awal front end android...104 Gambar 5. 2 Tampilan arikel psikologi pada front end android...105 Gambar 5. 3 Tampilan detail artikel psikologi pada front end android 105 Gambar 5. 4 Tampilan registrasi member pada front end android...106 Gambar 5. 5 Tampilan input konsultasi pada front end android..106 Gambar 5. 6 Tampilan detail hasil konsultasi front end android 107 Gambar 5. 7 Tampilan profil pada front end android.108 Gambar 5. 8 Tampilan about pada front end android.108 Gambar 5. 9 Tampilan menu awal front end web 109 Gambar 5. 10 Tampilan menu artikel psikologi pada front end web..109 Gambar 5. 11 Tampilan detail artikel pada front end web..110 Gambar 5. 12 Tampilan register member pada front end web.111 Gambar 5. 13 Tampilan input konsultasi pada front end web.111 Gambar 5. 14 Tampilan detail hasil konsultasi pada front end web 112 Gambar 5. 20 Tampilan Login Redaktur dan Psikolog pada back end web..112 Gambar 5. 21 Tampilan list artikel pada back end web.113 Gambar 5. 22 Tampilan input data artikel pada back end web 113 Gambar 5. 23 Tampilan halaman konsultasi masuk pada back end web.114 Gambar 5. 24 Tampilan jawab konsultasi pada back end web 114 Gambar 5. 25 Tampilan menu laporan konsultasi pada back end web 115 Gambar 5. 26 Tampilan data User pada back end web 115 xi
Gambar 5. 27 Tampilan insert user pada back end web..116 DAFTAR TABEL Tabel 1. 1 Jadwal Kegiatan Penelitian.9 Tabel 3. 1 Tabel Evaluasi Sistem yang Sedang Berjalan...24 Tabel 4. 1 Scenario use case Pengelolaan Artcile..35 Tabel 4. 2 Scenario use case Pengelolaan Member 36 Tabel 4. 3 Scenario use case Pengelolaan User..37 Tabel 4. 4 Scenario use case pengelolaan laporan..38 Tabel 4. 5 Scenario use case pengelolaan konsultasi...39 Tabel 4. 6 Scenario use case Profil 40 Tabel 4. 7 Scenario use case login..41 Tabel 4. 8 Scenario use case Artikel Psikologi..43 Tabel 4. 9 Scenario use case Konsultasi Psikologi.43 Tabel 4. 10 Scenario use case Profil 44 Tabel 4. 11 Scenario use case login 45 Tabel 4. 12 Scenario use case Konsultasi Psikologi..46 Tabel 4. 13 Scenario use case Register.48 Tabel 4. 14 Scenario use case Artikel Psikologi..48 Tabel 4. 15 Scenario use case About.49 Tabel 4. 16 Scenario use case Profil..49 Tabel 5. 1 Tabel Artikel Psikologi 101 Tabel 5. 2 Tabel member dan user 101 Tabel 5. 3 Tabel Konsultasi..102 Tabel 5. 4 Tabel User Authorized.102 Tabel 5. 5 Tabel Role / Tugas...103 Tabel 5. 6 Tabel pengujian login..117 Tabel 5. 7 Tabel pengujian tambah user...118 Tabel 5. 8 Tabel pengujian tambah artikel...118 Tabel 5. 9 Tabel pengujian update artikel 119 Tabel 5. 10 Tabel pengujian laporan konsultasi...119 Tabel 5. 11 Tabel jawab konsultasi..119 Tabel 5. 12 Tabel pengujian kirim pertanyaan 120 Tabel 5. 13 Tabel pengujian registrasi member..121 Tabel 5. 14 Tabel pengujian login member.121 Tabel 5. 15 Tabel pengujian update profil 122 Tabel 5. 16 Tabel pengujian lihat artikel..122 xii