Combine - Rahmad

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 ANDORID DAN WEB
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
LEMBAR PERNYATAAN
Yang bertanda tangan dibawah ini:

NIM : 41513110007
Nama : Rahmad Hidayat
Judul Tugas Akhir : APLIKASI KONSULTASI PSIKOLOGI DI BIDANG
PARENTING, KEPRIBADIAN, DAN ASMARA BERBASIS ANDORID DAN WEB
Menyatakan bahwa Tugas Akhir dengan judul tersebut diatas adalah hasil karya saya
sendiri bukan plagiat kecuali kutipan-kutipan dan teori-teori yang digunakan dalam
skripsi ini. Apabila ditemukaan Laporan Tugas Akhir saya terdapat unsur plagiat, maka
saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut.
Jakarta, Juni 2017
Rahmad Hidayat
ii
LEMBAR PENGESAHAN
1. Rahmad Hidayat 41513110007

2. Rina Susiana 41512120200
Judul : APLIKASI KONSULTASI PSIKOLOGI DI BIDANG

PARENTING, KEPRIBADIAN, DAN ASMARA BERBASIS
ANDORID DAN WEB (STUDI KASUS: Aura.co.id)
TUGAS AKHIR INI TELAH DIPERIKSA DAN DISIDANGKAN

JAKARTA, JUNI 2017
Diky Firdaus, S.Kom, MM

Dosen Pembimbing
MENGETAHUI,
Diky Firdaus, S.Kom, MM Desi Ramayanti, S.Kom, MT

Koord. Tugas Akhir Informatika Kaprodi Informatika
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. Desi Ramayanti, S.Kom, MT selaku ketua Program Studi Teknik Inforatika
Universitas Mercu Buana.
2. Diky Firdaus, S.Kom., MM. selaku Koordinator Tugas Akhir Program Studi
Informatika Universitas Mercu Buana sekaligus dosen pembimbing tugas akhir
yang selalu memberikan dukungan dan masukan kepada Penulis.
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 kerja praktek 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
Penulis
v
ABSTRAK
Rahmad Hidayat, Rina Susiana. 2017. Aplikasi Konsultasi Psikologi Berbasis

Android dan Web (Studi Kasus: Aura.co.id). Jurusan Informatika. Fakultas Ilmu
Komputer. Universitas Mercu Buana Jakarta. Pembimbing Diky Firdaus, S.Kom, MM.
Aplikasi ini berjalan pada 2 platform yaitu android dan web. Tugas ini kami buat
sebagai salah satu syarat kelulusan di Univesitas Mercubuana.
Seiring dengan berkembangnya teknologi saat ini, kemudahan dalam hal
mengakses informasi dan komunikasi dapat dilakukan dengan berbagai media, baik
lewat smartphone atau komputer. Dengan berbagai kemudahan tersebut bisa
dimanfaatkan sebagai media pelayanan. Pelayanan untuk media informasi psikologi
beserta layanan konsultasi psikologi. Permasalahan yang diangkat dalam penelitian ini
adalah bagaimana membuat rancang bangun aplikasi yang memudahkan psikolog
dalam memberikan informasi dan layanan konsultasi psikologi kepada pengguna
aplikasi android atau komputer ?
Implementasi dalam pembuatan aplikasi konsultasi psikologi ini merupakan
solusi terbaik untuk permasalahan diatas, karena dalam aplikasi ini prosesnya sudah
terintegrasi dengan webservice dan database sehingga informasi yang diberikan dapat
dengan tepat di terima oleh pengguna android dan komputer. Untuk pengguna android
bisa mengakses via aplikasi, dan pengguna komputer bisa mengakses via web.
Metode penelitian yang digunakan dalam penelitian ini adalah dengan metode
observasi, wawancara dan studi pustaka. Dalam observasi, penulis mengamati system
atau aplikasi sejenis yang ada sebelumnya. Wawancara kepada responden, dan studi
pustaka untuk mencari sumber informasi baik internet maupun beberapa buku yang
digunakan untuk membangun aplikasi.
Katakunci: Aplikasi, Konsultasi Psikologi, Android, Aplikasi Berbasis Web
vi
ABSTRACK
Rahmad Hidayat, Rina Susiana. 2017. Application of Psychological

Consultation in the field of Parenting, Personality, and Romance Based on Android and
Web (Case Study: Aura.co.id). Department of Informatics, Faculty of Computer
Science, Mercubuana University Jakarta. Coach Diky Firdaus, S.Kom, MM. This
application runs on two platforms namely android and web. This task we make as one
of the requirements for graduation at Mercubuana University.
Along with the development of technology today, ease in terms of accessing
information and communication can be done with various media, either through a
smartphone or computer. With various facilities can be used as a media service.
Services for psychological information media and psychology consulting services. The
problem raised in this research is how to make the application design that allows
psychologists in providing information and psychological consulting services to users
android application or computer?
Implementation in making the application of psychology consultation is the
best solution for the above problems, because in this application the process has been
integrated with webservice and database so that the information provided can be
accurately received by android and computer users. For android users can access via
the application, and computer users can access via the web.
Research method used in this research is by observation method, interview and
literature study. In the observation, the author observes a system or similar applications
that existed before. Interviews to respondents, and literature studies to find sources of
information both Internet and some books used to build applications.
Keywords: Application, Psychology Consultation, Android, Web Based

Application
vii
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.4. Tujuan Penelitian dan Manfaat Penelitian...................................................... 4
1.4.1. Tujuan Penelitian ........................................................................................ 4
1.4.2. Manfaat Penelitian ...................................................................................... 5
1.5. Metodologi Penelitian .................................................................................... 6
Metodologi Pengumpulan Data .................................................................. 6
Metodologi Pengembangan Sistem ............................................................ 6
1.6. Sistematika Penulisan ..................................................................................... 7
1.7. Lokasi dan Waktu Penelitian .......................................................................... 8
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
viii
2.5.1. PostgreSQL ............................................................................................... 13
2.5.2. pgAdmin III .............................................................................................. 14
2.6. Bahasa Pemrograman ................................................................................... 14
2.6.1. PHP ........................................................................................................... 14
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) ........................................................... 18
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 ....................................................................... 19
2.13. Konsultasi Psikologi ..................................................................................... 19
2.13.1. Parenting ............................................................................................... 20
2.13.2. Kepribadian ........................................................................................... 20
2.13.3. Pengertian Asmara ................................................................................ 20
2.14. Gambaran Umum PT. Media Bintang Indonesia ......................................... 20
2.15. Logo Aura.co.id ............................................................................................ 21
BAB 3 ANALISA SISTEM ........................................................................................ 22
3.1. Analisa Sistem yang Sedang Berjalan .......................................................... 22
3.1.1. Analisi Prosedur Yang Sedang Berjalan ................................................... 22
3.1.2. Activity Diagram yang Sedang Berjalan ................................................... 22
3.2. Analisa Pengguna ......................................................................................... 24
3.3. Analisa Kebutuhan ....................................................................................... 25
3.4. Analisa Software .......................................................................................... 25
3.5. Analisa Hardware ........................................................................................ 26
3.6. Analisa Sistem Berdasarkan Analisa Kebutuhan dan Pengguna .................. 26
3.7. Analisa Keefektifan Pengguna Aplikasi ....................................................... 26
ix
3.8. Uraian Prosedur Penggunaan Aplikasi ......................................................... 26
3.8.1. Prosedur Penggunaan Aplikasi User Berbasis Android dan Web ............ 26
3.8.2. Prosedur Penggunaan Aplikasi Bagi Psikolog Berbasis Android ............ 28
3.8.3. Prosedur Penggunaan Aplikasi Bagi Psikolog Berbasis Web .................. 28
3.8.4. Prosedur Penggunaan Aplikasi Bagi Redaktur Berbasis Android ............ 29
3.8.5. Prosedur Penggunaan Aplikasi Bagi Redaktur Berbasis Web ................. 29
BAB 4 PERANCANGAN SISTEM......................................................................... 31
4.1. Perancangan Algoritma ................................................................................ 31
4.2. Gambaran Umum Sistem Usulan ................................................................. 31
4.3. Perancangan Prosedur yang Diusulkan ........................................................ 32
4.3.1. Use Case Diagram .................................................................................... 32
4.3.2. Scenario Use Case .................................................................................... 35
4.3.3. Activity Diagram ...................................................................................... 50
4.3.4. Sequence Diagram .................................................................................... 63
4.4. Desain Antar Muka ...................................................................................... 75
4.4.1. Struktur Menu ........................................................................................... 75
4.4.3. Perancangan Output .................................................................................. 87
BAB 5 IMPLEMENTASI DAN PENGUJIAN SISTEM ......................................... 100
5.1. Impelementasi Sistem................................................................................. 100
5.1.1. Implementasi Perangkat Keras ............................................................... 100
5.1.2. Implementasi Perangkat Lunak .............................................................. 101
5.2. Hasil Implementasi ..................................................................................... 101
5.2.1. Implementasi Basis Data ........................................................................ 101
5.2.2. Implementasi Program ............................................................................ 103
5.3. Hasil Pengujian ........................................................................................... 116
5.3.1. Metode Pengujian ................................................................................... 116
5.3.2. Skenario Uji Coba ................................................................................... 116
5.4. Analisa Hasil Pengujian ............................................................................. 123
BAB 6 KESIMPULAN DAN SARAN .................................................................... 124
6.1 Kesimpulan ................................................................................................. 124
6.2 Saran ........................................................................................................... 124
Daftar Pustaka ........................................................................................................... 126
x
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. 24 Activity Diagram Konsultasi yang diusulkan ..................................... 60
Gambar 4. 25 Activity Diagram Register untuk User yang diusulkan ...................... 60
xi
Gambar 4. 26 Activity Diagram Artikel Psikologi yang diusulkan ........................... 61
Gambar 4. 27 Activity Diagram About yang diusulkan ............................................ 61
Gambar 4. 30 Sequence Diagram Add Article........................................................... 63
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. 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. 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
xii
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
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 untuk 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
xiii
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
Gambar 5. 27 Tampilan insert user pada back end web .......................................... 116
xiv
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
xv
BAB 1 PENDAHULUAN
1.1. Latar Belakang

Saat ini, pengembangan aplikasi untuk perangkat komputasi sedang
berkembang. Apalagi dengan kemajuan teknologi yang semakin lama, semakin cepat
saja. Salah satunya perkembangan pesat teknologi mobile dan perangkat smartphone.
Karena perkembangan teknologi inilah yang kemudian berpengaruh pada banyaknya
pengembang yang mengembangkan aplikasi-aplikasi baru. Aplikasi-aplikasi itu tidak
hanya ditujukan untuk perangkat desktop tetapi juga kini untuk perangkat mobile.
Perangkat mobile saat ini memegang peran sangat penting dalam berbagai
bidang kehidupan manusia, salah satunya handphone atau smartphone yang dulunya
merupakan kebutuhan tersier kini berubah seolah menjadi kebutuhan primer yang
digunakan untuk berkomunikasi atau bertukar informasi. Perkembangan perangkat
mobile seakan berlari sangat cepat.
Perkembangan ini juga diikuti dengan hadirnya berbagai jenis sistem operasi
dengan fitur canggih, diantaranya Symbian, BlackBerry, Apple, dan Windows Phone.
Sekitar kurang lebih 9 tahun terakhir dari tanggal perilisan perdana 5 November 2007,
masyarakat di berbagai negara dikenalkan dengan sistem operasi android yang
dikembangkan oleh Google. Android berkembang cukup tinggi dibanding sistem
operasi yang disebutkan sebelumnya, android seperti menjadi primadona yang hadir
ditengah-tengah masyarakat. Kelebihan android dari beberapa sistem operasi lain yaitu
bersifat open source (sumber terbuka) yang memungkinan siapapun untuk menjadi
seorang developer atau pengembang. Termasuk vendor smartphone yang ikut
mengembangkan dan menggunakan teknologi android.
Selain aplikasi android, perkembangan aplikasi web juga semakin pesat sejak
munculnya teknologi internet yang sangat membantu dalam kemudahan serta
kecepatan pengiriman, penyampaian dan penerimaan informasi. Saat ini, aplikasi
berbasis website menjadi sebuah media informasi yang lebih lengkap daripada media
informasi lainnya seperti koran atau majalah.
1
Aplikasi web berkembang sangat pesat, baik dari segi penggunaan, ukuran,
bahasa yang digunakan dan kompleksitasnya. Aplikasi web pada mulanya hanya
berupa situs web yang bersifat statis dan navigated oriented, serta lebih banyak
digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi
web telah banyak yang bersifat dinamis, interaktif dan task oriented untuk digunakan
dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain.
Setiap perusahaan pastinya memiliki visi dan misi untuk mencapai sebuah
tujuan. Selain itu, mereka akan melakukan berbagai upaya untuk memperoleh
keuntungan dan tetap bertahan dalam mengembangkan bisnisnya serta mengikuti
perkembangan zaman. Berinovasi merupakan hal wajib bagi setiap perusahaan, selain
untuk meningkatkan pelayanan hal ini juga bertujuan untuk menghadapi persaingan
yang terjadi agar tidak kalah dengan perusahaan kompetitor maupun peluang usaha
yang lain.
Dalam hal ini, Aura.co.id merupakan salah satu portal berita online atau
website di bawah naungan PT. MBI Group yang menyediakan informasi tentang
Fashion, Parenting, Kecantikan, Kesehatan, Hobi, Tip & Trik, dan Psikologi.
Aura.co.id menyediakan layanan konsultasi bagi pembaca dalam bidang psikologi.
Konsultasi psikologi ini bersifat gratis, maka setiap pembaca diperbolehkan
mengirimkan pertanyaan seputar psikologi melalui Google Form. Nantinya,
pertanyaan tersebut akan ditanyakan kepada psikolog oleh Redaktur melalui e-mail.
Psikolog akan menjawab pertanyaan dengan membalas e-mail yang dikirmkan
Redaktur. Kemudian setelah mendapatkan jawaban dari pertanyaan yang ditanyakan,
Redaktur menuliskan jawaban tersebut dalam bentuk artikel yang akan di-publish di
website Aura.co.id.
Menurut penulis, sistem yang berjalan saat ini kurang efektif dikarenakan
prosedur yang berjalan terlalu panjang, sedangkan waktu untuk konsultasi dengan
Psikolog sangat terbatas karena hanya dilakukan sebanyak 1 kali dalam waktu 1 pekan.
Selain itu, tidak semua pertanyaan yang masuk ditanyakan ke Psikolog oleh redaksi,
hanya pertanyaan tertentu saja yang ditanyakan. Penulisan kembali jawaban yang
didapat dari Psikolog menjadi sebuah artikel oleh seorang Redaktur pun membutuhkan
2
waktu lagi untuk kemudian di-publish. Sehingga pertanyaan yang belum terjawab dan
pertanyaan baru semakin menumpuk.
Melihat antusiasme pembaca saat ini, penulis mengusulkan untuk
meningkatkan fitur konsultasi psikologi tersebut yang sebelumnya dikirimkan
pembaca melalui Google Form dengan membuat aplikasi konsultasi psikologi melalui
perangkat mobile berbasis android dan juga web. Hal ini juga dilakukan untuk
memanfaatkan teknologi yang semakin canggih.
Dengan adanya aplikasi konsultasi psikologi berbasis android dan web ini
diharapkan dapat membantu memberikan solusi khususnya kepada para pembaca
dalam berkonsultasi seputar psikologi di bidang Parenting, Kepribadian, dan Asmara.
Misalnya tentang masalah pribadi yang dialami ataupun dapat digunakan sebagai
alternatif dalam memperoleh informasi tentang dunia psikologi yang sedang terjadi
saat ini dan juga sebagai langkah pencegahan. Lewat aplikasi konsultasi psikologi ini
pembaca akan mendapatkan jawaban yang lebih personal dan dijawab langsung oleh
Psikolog serta tidak melalui artikel.
Maka dari itu, berdasarkan latar belakang masalah di atas, penulis tertarik
mengangkat judul penelitian tugas akhir “APLIKASI KONSULTASI PSIKOLOGI
DI BIDANG PARENTING, KEPRIBADIAN, DAN ASMARA BERBASIS
ANDORID DAN WEB (STUDI KASUS: Aura.co.id)”.
1.2. Perumusan Masalah

Adapun rumusan masalah dalam penelitian ini adalah sebagai berikut:
1. Bagaimana menganalisis proses konsultasi psikologi di Aura.co.id yang
sedang berjalan?
2. Bagaimana merancang dan membangun aplikasi konsultasi psikologi
berbasis android dan web di Aura.co.id ?
1.3. Batasan Masalah

Adapun batasan masalah dari penulisan tugas akhir ini agar tidak terlalu meluas
dan lebih terfokus, maka batasan masalah meliputi:
3
1. Aplikasi konsultasi psikologi ini dirancang untuk perangkat android
dengan minimum sistem operasi berbasis android versi 4.0
(IceCreamSandwich).
2. Redaktur Aura.co.id bertugas untuk membuatkan akun untuk Psikolog,
meng-upload artikel seputar dunia psikologi serta membuat laporan
konsultasi setiap jangka waktu tertentu hanya melalui aplikasi back end
web administrator. Sedangkan pada aplikasi back end android untuk
Redaktur hanya berisi profile atau data diri selaku penanggung jawab
konten.
3. Redaktur memiliki akses untuk dapat membaca, mengubah, dan
menghapus jawaban yang telah dibuat oleh Psikolog.
4. Psikolog bertugas menjawab pertanyaan yang masuk melalui aplikasi back
end Android atau Web Administrator dengan user id yang sama yang telah
dibuatkan oleh Redaktur melalui Web Adiministrator.
5. Aplikasi ini tidak memberikan tes dalam bentuk apapun terhadap
user/pembaca. Karena Psikolog hanya akan menjawab pertanyaan sesuai
yang disampaikan oleh pembaca.
6. Aplikasi konsultasi pskilogi ini menggunakan algoritma penjadwalan First
in First Out (FIFO).
7. Aplikasi front end web ini tidak memuat keseluruhan konten dari website
Aura.co.id, tetapi hanya sebagai halaman dari kanal Psikologi yang berisi
layanan konsultasi dan artikel Psikologi kategori parenting, kepribadian,
dan asmara dari website Aura.co.id.
8. Psikolog akan menjawab pertanyaan konsultasi minimal sebanyak 5 kali
dalam satu hari, namun hal ini tidak dibahas dalam perancangan sistem.
1.4. Tujuan Penelitian dan Manfaat Penelitian
1.4.1. Tujuan Penelitian
Tujuan penelitian yang ingin dicapai pada penelitian ini adalah:
1. Melakukan analisa dan perancangan aplikasi konsultasi psikologi berbasis
android dan Web.
4
2. Untuk memperoleh aplikasi yang dapat membantu Redaktur untuk
mengelola laporan konsultasi dan membantu Psikolog dalam memberikan
jawaban pada Pembaca.
1.4.2. Manfaat Penelitian
Adapun manfaat penelitian yang akan didapat dengan dibangunnya “Aplikasi
Konsultasi Psikologi di Bidang Parenting, Kepribadian, dan Asmara Berbasis
Android dan Web (Studi Kasus: Aura.co.id)” dibagi menjadi dua yaitu Manfaat
Praktis dan Manfaat Akademis. Manfaat praktis berkaitan dengan kontribusi
praktis yang diberikan dari peneliti terhadap objek penelitian, baik individu,
kelompok maupun organisasi. Sedangkan manfaat akademis terkait dengan
kontribusi tertentu dari peneliti terhadap perkembangan teori dan ilmu
pengetahuan serta dunia akademis.
1.4.2.1. Manfaat Praktis
Dibangunnya Aplikasi Konsultasi Psikologi di Bidang Parenting,
Kepribadian, dan Asmara Berbasis Android dan Web pada Aura.co.id ini
diharapkan mampu meningkatkan fitur konsultasi psikologi menjadi lebih
baik lagi dan dapat memberikan kemudahan khususnya bagi para pembaca
dalam melakukan konsultasi psikologi di manapun dan kapanpun melalui
perangkat mobile berbasis android maupun berbasis web.
1.4.2.2. Manfaat Akademis
Dalam bidang akademis, penelitian ini dapat memberikan beberapa
manfaat sebagai berikut:
a. Bagi Pengembangan Ilmu
Hasil penelitian ini diharapkan menjadi perbandingan antara ilmu
manajemen (teori) dengan keadaan yang terjadi langsung di lapangan
(praktik). Sehingga dengan adanya perbandingan tersebut akan lebih
memajukan ilmu yang sudah ada untuk diharapkan pada dunia nyata dan
dapat memberikan keuntungan bagi berbagai pihak.
b. Bagi Peneliti
5
Manfaat pembuatan Aplikasi Konsultasi Psikologi di Bidang Parenting,
Kepribadian, dan Asmara Berbasis Android dan Web pada Aura.co.id
untuk penulis sendiri yaitu untuk mengaplikasikan ilmu yang telah di dapat
di bangku kuliah ke dunia kerja yang nyata.
c. Bagi Peneliti Lain
Penelitian ini diharapkan dapat memberikan manfaat kepada peneliti lain
atau para akademis yang akan mengambil penelitian tentang aplikasi
konsultasi psikologi.
1.5. Metodologi Penelitian

Metodologi Pengumpulan Data
Pada tahap awal ini dilakukan pengumpulan data atau materi penulisan dengan
cara:
1. Studi Literatur
Pengumpulan data dengan cara mengumpulkan literatur berupa buku, e-book,
modul, jurnal, dan kbbi daring agar dapat digunakan sebagai referensi pada
penelitian.
2. Stusi Observasi
Melakukan observasi di PT. Media Bintang Indonesia yang beralamat di Jl.
Prof. Dr. Satrio kav. 6, Jakarta Selatan, khususnya di divisi redaksi Aura.co.id
untuk mengetahui permasalahan atau kendala yang dihadapi dalam proses yang
berjalan sampai saat ini.
3. Wawancara.
Pada tahap ini penulis melakukan wawancara dengan narasumber yaitu
Redaktur dari Aura.co.id.
Metodologi Pengembangan Sistem

Metodologi pengembangan yang digunakan dalam penyusunan tugas akhir ini
adalah Metode Sekuensial Linier, sebagai berikut:
1. Tahapan Rekayasa Sistem
6
Tahapan ini sangat menekankan pada masalah pengumpulan kebutuhan
pengguna pada tingkatan sistem dengan menentukan konsep sistem.
2. Tahapan Analisa
Menganalisa cara kerja sistem agar hasil program sesuai dengan yang
diinginkan.
3. Tahapan Perancangan
Melakukan perancangan desain aplikasi seperti perancangan antar muka
aplikasi (interface), yaitu interface untuk mobile berbasis android dan interface
berbasis web.
4. Tahapan Pemrograman
Melakukan penerapan hasil perancangan melalui pemrograman atau
pengkodean aplikasi menggunakan Bahasa pemrograman PHP dan Java.
5. Tahapan Uji Coba
Melakukan uji coba dan evaluasi bertujuan untuk mengetahui apakah program
yang telah dibuat menghasilkan hasil yang sesuai dengan yang diinginkan dan
apabila terdapat kesalahan atau kekurangan pada aplikasi yang sudah dibuat,
maka dapat dilakukan perbaikan.
6. Tahapan Pengoperasian dan Pemeliharaan
Dalam masa operasional sehari-hari, suatu perangkat lunak mungkin saja
mengalami kesalahan atau kegagalan dalam menjalankan fungsi-fungsinya.
Atau, pemilik bisa saja meminta peningkatan kemampuan perangkat lunak pada
pengembangnya. Dengan demikian, kedua faktor ini menyebabkan perlunya
perangkat lunak dipelihara dari waktu ke waktu. Biasanya ini merupakan
tahapan yang panjang dari perangkat lunak.
1.6. Sistematika Penulisan

Laporan tugas akhir ini disusun menjadi 6 bab, yaitu:
1.6.1 BAB 1 PENDAHULUAN
Pada bab ini berisi uraian tentang latar belakang, permasalahan, perumusan
masalah, batasan masalah, tujuan dan manfaat penelitian, metodologi
penelitian, serta sistematika penulisan laporan tugas akhir yang dibuat.
7
1.6.2 BAB 2 LANDASAN TEORI
Pada bab ini akan membahas teori-teori yang digunakan dalam melakukan
penelitian.
1.6.3 BAB 3 ANALISA SISTEM
Bab ini menjelaskan tentang gambaran sistem dan analisa sistem yang
dibutuhkan yang akan digunakan sebagai petunjuk pada perancangan aplikasi.
1.6.4 BAB 4 PERANCANGAN SISTEM
Bab ini akan membahas tentang perancangan sistem dengan UML diagram dan
perancangan desain antarmuka.
1.6.5 BAB 5 IMPLEMENTASI DAN HASIL PENGUJIAN
Bab ini menjelaskan mengenai tahap pembuatan, cara kerja aplikasi,
implementasi dan hasil pengujian aplikasi.
1.6.6 BAB 6 KESIMPULAN DAN SARAN
Pada bab ini berisi kesimpulan serta saran-saran yang diharapkan dapat
dijadikan masukkan untuk proses pengembangan aplikasi selanjutnya.
1.7. Lokasi dan Waktu Penelitian

Lokasi penelitian dilakukan di divisi Aura.co.id di PT. Media Bintang
Indonesia, Jl. Prof. Dr. Satrio Kav 6, Jakarta Selatan. Sedangkan waktu penelitian
dijelaskan pada tabel 1.1.
8
Tabel 1. 1 Jadwal Kegiatan Penelitian
2017
No Aktifitas Maret April Mei Juni
1 2 3 4 1 2 3 4 1 2 3 4 1 2
1 Pengumpulan
Kebutuhan
Survey
Observasi
Wawancara
2 Memabangun
Sistem
Analisis dan
Desain Data
serta Proses
data
Analisis dan
Desain
Interface
Coding
3 Pengujian
Pengujian
Aplikasi
Berbasis
Android
Pengujian
Aplikasi
Berbasis Web
9
BAB 2 LANDASAN TEORI
2.1. Aplikasi
Menurut Kamus Besar Bahasa Indonesia daring, aplikasi adalah program
komputer atau perangkat lunak yang didesain untuk mengerjakan tugas tertentu.
Aplikasi mengambil data dari database lalu melakukan pengolahan data dan
menampilkan informasi ke user berbekal dari database tersebut. Aplikasi dapat
mengekstrak data dari databse dan menuliskan data kembali ke database. (Tim Elex
Media Solusindo, 2016)
2.2. Android
Menurut Nazruddin Safaat H (2015:2) android adalah sebuah sistem operasi
untuk perangkat mobile berbasis Linux yang mencakup system operasi, middleware,
dan aplikasi. Android menyediakan platform terbuka bagi para pengembang untuk
menciptakan aplikasi amereka. Awalnya, Google Inc. membeli Android Inc., yang
merupakan pendatang baru yang membuat peranti lunak untuk ponsel/smartphone.
Kemudian untuk mengembangkan Android, dibentuklah Open Handset Alliance,
konsorsium dari 34 perusahaan peranti keras, peranti lunak, dan telekomunikasi,
termasuk Google, HTC, Intel, Motorola, Qualcomm, T-Mobile, dan Nvidia. Pada saat
perilisan perdana Android, 5 November 2007, Android bersama Open Handset
Alliance menyatakan mendukung open source pada perangkat mobile. Di lain pihak,
Google merilis kode–kode Android di bawah lisensi Apache, sebuah lisensi perangkat
lunak dan open platform perangkat seluler.
2.2.1. Android Studio
Android studio adalah IDE (Integrated Development Environment) resmi untuk
pengembangan aplikasi Android dan bersifat open source atau gratis.
Peluncuran Android Studio ini diumumkan oleh Google pada 16 mei 2013 pada
event Google I/O Conference untuk tahun 2013. Sejak saat itu, Android Studio
10
mengantikan Eclipse sebagai IDE resmi untuk mengembangkan aplikasi
Android. (Andi Juansyah, 2015)
Gambar 2. 1 Logo Android Studio

Android studio sendiri dikembangkan berdasarkan IntelliJ IDEA yang mirip
dengan Eclipse disertai dengan ADT plugin (Android Development Tools).
Android studio memiliki fitur:
a. Projek berbasis pada Gradle Build
b. Refactory dan pembenahan bug yang cepat
c. Tools baru yang bernama “Lint” diklaim dapat memonitor kecepatan,
kegunaan, serta kompetibelitas aplikasi dengan cepat.
d. Mendukung Proguard And App-signing untuk keamanan.
e. Memiliki GUI aplikasi android lebih mudah
f. Didukung oleh Google Cloud Platfrom untuk setiap aplikasi yang
dikembangkan.
2.2.2. Java Development Kit (JDK)
Java Development Kit (JDK) adalah sekumpulan perangkat lunak yang dapat
kamu gunakan untuk mengembangkan perangkat lunak yang berbasis Java,
sedangkan JRE adalah sebuah implementasi dari Java Virtual Machine yang
benar benar digunakan untuk menjalankan program java. Biasanya, setiap JDK
berisi satu atau lebih JRE dan berbagai alat pengembangan lain seperti sumber
compiler java, bundling, debuggers, development libraries dan lain sebagainya.
(Andi Juansyah, 2015)
2.2.3. Android SDK (Software Development Kit)
Menurut Nazruddin Safaat H (2015:2) Android SDK adalah tools API

(Application Programming Interface) yang diperlukan untuk
11
mulai mengembangkan aplikasi pada platform Android menggunakan bahasa
pemrograman Java. Android merupakan subset perangkat lunak untuk ponsel
yang meliputi sistem operasi, middleware dan aplikasi kunci yang di release
oleh Google, saat ini disediakan Android SDK (Software Development Kit)
sebagai alat bantu dan API untuk mulai mengembangkan aplikasi pada platform
Android menggunakan bahasa pemrogrmana Java. Sebagai platform aplikasi-
netral, Android memberi Anda kesempatan untuk membuat Aplikasi yang kita
butuhkan yang bukan merupakan aplikasi bawaan Handphone/Smartphone.
2.3. JSON
JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan,
mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat
(generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa
Pemprograman JavaScript, Standar ECMA-262 Edisi ke-3 - Desember 1999. JSON
merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun
karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga
C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena sifat-sifat
tersebut, menjadikan JSON ideal sebagai bahasa pertukaran data. (Andi Juansyah,
2015)
2.4. Aplikasi Web
Aplikasi web merupakan salah satu jenis perangkat lunak yang memiliki
spesifikasi khusus. Biasanya aplikasi ini dioperasikan dalam bentuk aplikasi jaringan
komputer lokal atau internet. Arsitektur aplikasi web berbasis arsitektur client-server
dimana kode program akan diinstal di komputer server dan pengguna akan
mengoperasikannya melalui komputer client. Untuk mengoperasikan apllikasi web di
komputer client pengguna memerlukan perangkat lunak perambah seperti Mozilla fire
fox atau Opera. (Muhammad Aris Ganiardi, 2014, p. 95)
2.4.1. Web Application Framework
Web application framework merupakan sebuah kerangka perangkat lunak yang
dirancang untuk membantu pembangunan web dinamis, aplikasi web, web
12
services, dan web resources. Dengan menggunakan sebuah framework, proses
pembangunan web akan menjadi semakin mudah, cepat, dan hemat biaya. Ini
dikarenakan sebagian besar framework telah mengimplementasikan fitur-fitur
seperti Data Persistence, Session Management, User Authentication, Security,
Caching, dan Administrative Interface. (Moch, Eko, and Gede, 2015)
2.4.2. Laravel
Laravel adalah salah satu web application framework yang bersifat open source.
Framework ini berjalan diatas PHP 5 dan berbasis MVC (Model View
Controller). Laravel pertama kali dirilis pada 22 Februari 2012, dan versi stabil
terbaru adalah versi 4.2.11 yang dirilis pada 4 Oktober 2014. (Moch, Eko, and
Gede, 2015)
Gambar 2. 2 Logo Laravel
2.5. Database
Menurut Bunafit Nugroho (2005), Database adalah sebuah bentuk media yang
digunakan untuk menyimpan sebuah data. Database dapat diilustarasikan sebagai
sebagai sebuah rumah atau gudang yang akan dijadikan tempat menyimpan berbgai
macam barang. Dalam database, barang tersebuat adalah data. Dalam basisdata,
database menduduki urutan tertinggi karena di dalamnya semua data akan dikelola.
2.5.1. PostgreSQL
Database PostgreSQL merupakan salah satu alternatif solusi bagi pengguna
database yang mendukung banyak platform dan bebas lisensi. PostgreSQL
termasuk sebagai database server yang handal dengan berbagai macam fitur-
fitur pendukungnya, sehingga menjadikan database ini begitu ideal sebagai
media penyimpanan dari aplikasi sistem informasi. PostgreSQL dikembangkan
oleh University of California di Berkeley Computer Science Department.
13
Dengan sifatnya yang open source menjadikan pula database ini dapat
dikembangkan sesuai dengan kebutuhan. (Munawaroh, 2005, pp. 103-104)
2.5.2. pgAdmin III
PgAdmin III merupakan tool yang telah ada saat menginstal database
PostgreSQL, dengan tampilan yang visual menjadikan pemakaian database ini
jauh lebih mudah. Sehingga tanpa harus menguasai perintah-perintah SQL,
tetap dapat membuat objek-objek yang diperlukan hanya dengan menu-menu
yang ada dari pgAdmin III. (Munawaroh, 2005, pp. 103-104)
2.6. Bahasa Pemrograman
Menurut Indra Yatini B. (2010), bahasa pemrograman adalah teknik
komunikasi standar untuk mengekspresikan instruksi-instruksi kepada komputer.
Bahasa pemrograman memfasilitasi seorang programmer utnuk menetapkan data apa
saja yang sedang dilakukan oleh computer dan bagaimana data tersebut disimpan dan
dikirim dan apa saja yang akan dilakukan.
2.6.1. PHP
Menurut Simarmata Jenner (2006), PHP adalah bahasa (scripting language)
yang dirancang secara khusus untuk penggunaan pada web. Sedangkan
menurut Bimo Sunarfrihantono (2002), PHP adalah bahasa server-side yang
artinya sintaks dan perintah-perintah yang diberikan akan sepenuhnya
dijalankan di server tetapi disertakan pada dokumen HTML. Ketika seorang
pengguna internet akan membuka suatu situs yang menggunakan fasilitas
server-side scripting PHP, maka terlebih dahulu server yang bersangkutan akan
memproses semua perintah PHP deserver lalu mengirimkan hasilnya dalam
format HTML ke web browser pengguna internet tadi. Dengan demikian
seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam
PHP sehingga keamanan dari halaman web menjadi lebih terjamin.
2.6.2. HTML
HTML adalah singkatan dari HyperText Markup Language. Bahasa

pemrograman ini terdiri dari tag dan aturan-aturan yang memungkinkan Anda
14
membuat dokumen hypertext. Halaman web adalah dokumen hypertext. (Tim
Elex Media Solusindo. 2016)
2.6.3. CSS
Casscading Style Sheets (CSS) adalah suatu kumpulan kode-kode untuk
memformat, yang mengendalikan tampilan isi dalam suatu halaman web.
Penggunaan style CSS pada format suatu halaman diletakkan terpisah dari
tampilah halaman. Isi dari halaman kode HTML Anda terletak di dalam file lain
atau dalam satu bagian dari dokumen HTML, dan biasanya diletakkan di bagian
kepala atau tag <head>. (Membongkar Misteri Adobe Dreamweaver CS6
dengan PHP & MySQL, 2011)
2.6.3.1. Bootstrap CSS
Bootstrap merupakan sebuah framework CSS yang memudahkan
pengembang untuk membangun website yang menarik dan responsif. Tidak
konsistensinya terhadap aplikasi individual membuat sulitnya untuk
mengembangkan dan pemeliharaannya. Bootstrap adalah css tetapi
dibentuk dengan LESS, sebuah pre-prosessor yang memberi fleksibilitas
dari css biasa. Bootstrap memberikan solusi rapi dan seragam terhadap
solusi yang umum, tugas interface yang setiap pengembang hadapi.
(Mustakim, Hady Eka Saputra, Suliatun, Aszani, 2016, p.4)
2.6.4. JAVA
Java adalah sebuah bahasa pemrograman yang diciptakan oleh James Gosling,
seorang developer dari Sun Microsystem pada tahun 1991. Selanjutnya Java
dikembangkan Sun Microsystem dan banyak digunakan untuk menciptakan
Executable Content yang dapat didistribusikan melalui network. Java adalah
bahasa pemrograman Object-Oriented dengan unsur-unsur seperti bahasa C++
dan bahasa-bahasa lainnya yang memiliki libraries yang cocok untuk
lingkungan internet. Java dapat melakukan banyak hal dalam melakukan
pemrograman, seperti membuat animasi halaman web, pemrograman Java
untuk Ponsel dan aplikasi interaktif. Java juga dapat digunakan untuk
handphone, internet dan lain-lain. (Yusni Nyura, 2010, p. 18)
15
2.7. Wildfly
WildFly sebelumnya dikenal sebagai JBoss AS, atau hanya JBoss, adalah
aplikasi server yang ditulis oleh JBoss, sekarang dikembangkan oleh Red Hat. WildFly
ditulis dalam bahasa Java, dan mengimplementasikan Platform Java, Enterprise Edition
(Java EE). Wildfly berjalan di berbagai platform. WildFly adalah perangkat lunak
gratis dan open source, sesuai dengan persyaratan GNU Lesser General Public License
(LGPL), versi 2.1. Pada tanggal 20 November 2014, JBoss Application Server diubah
namanya menjadi WildFly. Komunitas JBoss dan produk Red Hat JBoss lainnya
seperti Platform Aplikasi JBoss Enterprise tidak diganti namanya. (“Wikipedia”, n.d)
2.8. Eclipse
Eclipse adalah sebuah IDE (Integrated Development Environment) untuk
mengembangkan perangkat lunak dan dapat dijalankan di semua platform (platform-
independent). (Murtiwiyati, Glenn Lauren, 2013)
Berikut ini adalah sifat dari Eclipse:
a. Multi-platform: Target sistem operasi Eclipse adalah Microsoft Windows,
Linux, Solaris, AIX, HP-UX dan Mac OS X.
b. Multi-language: Eclipse dikembangkan dengan bahasa pemrograman Java,
akan tetapi Eclipse mendukung pengembangan aplikasi berbasis bahasa
pemrograman lainnya, seperti C/C++, Cobol, Python, Perl, PHP,dan lain
sebagainya.
c. Multi-role: Selain sebagai IDE untuk pengembangan aplikasi, Eclipse pun
bisa digunakan untuk aktivitas dalam siklus pengembangan perangkat
lunak, seperti dokumentasi, test perangkat lunak, pengembangan web, dan
lain sebagainya.
2.9. Algoritma
Menurut Indra Yatini B. (2010), Algoritma adalah urutan-urutan dari instruksi-
instruksi untuk memecahkan masalah secara logika. Algoritma sebaiknya disusun
sebelum membuat suatu program.
16
Menurut Manonton Butarbutar dan Rusianto (1987-1988), algoritma adalah
deskripsi langkah-langkah pemecahan suatu masalah atau pekerjaan, yang dinyatakan
secara sistematis, rinci dan jelas, sehingga bila dilaksanakan langsung pada kondisi
awal tertentu, akan berakhir dalam selang waktu yang terbatas dan menghasilkan
keluaran seperti yang diharapkan.
2.9.1. Algoritma First in First Out
Suatu peraturan dimana yang akan dilayani adalah customer yang datang
terlebih dahulu. Contohnya antrian di suatu kasir sebuah swalayan. (Eko
Hariyanto, 2015, p. 146)
Gambar 2. 3 Aturan Antrian First in First Out
2.10. Tahapan Perkembangan RPL

Menurut Roger S. Pressman (2002), Sekuensial linier atau yang sering disebut
“siklus kehidupan klasik” atau “model air terjun” mengusulkan sebuah pendekatan
kepada perkembangan perangkat lunak yang sistematik dan sekuensial yang mulai
pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan
pemeliharaan.
Gambar 2. 4 Model Sekuensial Linier
Lingkup aktivitas-aktivitas dalam model sekuensial linier:

1. Rekayasa dan pemodelan sistem/informasi: pandangan sistem ini penting
ketika perangkat lunak harus berhubungan dengan elemen-elemen yang lain
17
seperti perangkat lunak, manusia, dan database. Rekayasa dan analisis sistem
menyangkut pengumpulan kebutuhan pada tingkat sistem dengan sejumlah
kecil analisis serta desain tingkat puncak. Rekayasa informasi mencakup juga
pengumpulan kebutuhan pada tingkat bisnis strategis dan tingkat area bisnis.
2. Analisis kebutuhan perangkat lunak: untuk memahami sifat program yang
dibangun, perekayasa perangkat lunak (analis) harus memahami domain
informasi, tingkah laku, unjuk kerja dan antarmuka (interface) yang diperlukan.
3. Desain: proses multi langkah yang berfokus pada empat atribut sebuah program
yang berbeda; struktur data, arsitektur perangkat lunak, representasi interface
dan detail (algoritma) procedural.
4. Generasi kode: desain harus diterjemahkan ke dalam bentuk mesin yang bisa
dibaca.
5. Pengujian: sekali kode dibuat, pengujian program dimulai. Proses pengujian
berfokus pada logika internal perangkat lunak, memastikan bahwa semua
pernyataan sudah diuji, dan pada eksternal fungsional yaitu mengarahkan
pengujian untuk menemukan kesalahan dan memastikan bahwa input yang
dibatasi akan memberikan hasil actual yang sesuai dengan hasil yang
dibutuhkan.
6. Pemeliharaan: pemeliharaan perangkat lunak mengaplikasikan lagi setiap fase
program sebelumnya dan tidak membuat yang baru lagi.
2.11. UML (Unified Modelling Language)

Unified Modelling Language (UML) adalah suatu alat untuk
memvisualisasikan dan mendokumentasikan hasil analisa dan desain yang berisi sintak
dalam memodelkan sistem secara visual (Braun, et. al. 2001). Juga merupakan satu
kumpulan konvensi pemodelan yang digunakan untuk menentukan atau
menggambarkan sebuah sistem software yang terkait dengan objek (Whitten, et. al.
2004). (Haviluddin, 2011)
18
2.11.1. Use Case Diagram
Menurut Haviluddin (2011), Use Case Diagram adalah diagram yang
menggambarkan actor, use case dan relasinya sebagai suatu urutan tindakan
yang memberikan nilai terukur untuk aktor. Sebuah use case digambarkan
sebagai elips horizontal dalam suatu diagram UML use case.
2.11.2. Activity Diagram
Menurut Haviluddin (2011), Activity Diagram menggambarkan aktifitas-
aktifitas, objek, state, transisi state dan event. Dengan kata lain kegiatan
diagram alur kerja menggambarkan perilaku sistem untuk aktivitas.
2.11.3. Sequence Diagram
Menurut Haviluddin (2011), Sequence Diagram adalah gambaran tahap demi
tahap, termasuk kronologi (urutan) perubahan secara logis yang seharusnya
dilakukan untuk menghasilkan sesuatu sesuai dengan use case diagram.
2.12. Metode Pengujian Black Box

Menurut Roger S. Pressman (2002), pengujian black-box berfokus pada
persyaratan fungsional perangkat lunak. Dengan demikian, pengujian black-box
memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi input
yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program.
Pengujian black-box berusaha menemukan kesalahan dalam kategori sebagai
berikut:
1) Fungsi-fungsi yang tidak benar atau hilang
2) Kesalahan interface
3) Kesalahan dalam struktur data atau akses database eksternal
4) Kesalahan kinerja
5) Inisialisasi dan kesalahan terminasi
2.13. Konsultasi Psikologi

Menurut Kamus Besar Bahasa Indonesia daring, konsultasi adalah pertukaran
pikiran untuk mendapatkan kesimpulan (nasihat, saran, dsb) yang sebaik-baiknya.
19
Sedangkan psikologi adalah ilmu yang berkaitan dengan proses mental, baik normal
maupun abnormal dan pengaruhnya pada perilaku.
Sehingga aplikasi konsultasi psikologi dapat diartikan sebagai program
komputer yang dibuat untuk memberikan suatu solusi terhadap suatu permasalahan
kepada penggunanya. Aplikasi konsultasi banyak diterapkan pada bidang kesehatan
untuk membantu pasien dalam menyelesaikan masalahnya dalam bidang kesehatan.
Namun saat ini tidak sedikit pula diterapkan pada bidang psikologi.
2.13.1. Parenting
Pengertian menurut pedoman penyelenggaraan PAUD Berbasis Keluarga
(2012:8), parenting adalah kegiatan yang ditujukan kepada para orang tua atau
anggota keluarga lain dalam rangka menyelaraskan pengetahuan dan
keterampilan untuk melaksanakan perannya dalam peningkatan gizi, dan
kesehatan, perawatan, pengasuhan, pendidikan dan perlindungan di rumah
sehingga anak dapat tumbuh dan berkembang secara optimal, sesuai usia dan
tahap perkembangannya. (Syifa, I Nyoman, 2016)
2.13.2. Kepribadian
Menurut Diana Mutiah (2010), kepribadian adalah pola karakteristik yang
menetap yang menghasilkan konsistensi dan individualitas bagi seseorang.
Kepribadian mencakup perilaku yang membuat masing-masing individu unik
yang membedakan satu individu dari yang lainnya. Kepribadian juga
mendorong kita untuk berperilaku secara konsisten dalam situasi yang berbeda
dan pada periode waktu yang lebih lama.
2.13.3. Pengertian Asmara
Menurut Kamus Besar Bahasa Indonesia daring, Asmara adalah perasaan
senang kepada lain jenis (kelamin); (rasa) cinta.
2.14. Gambaran Umum PT. Media Bintang Indonesia

PT. Citra Media awalnya bernama PT. Subentra Citra Media, kemudian
berganti nama menjadi PT. Sedaya Citra Media - adalah perusahaan induk atau holding
company dari beberapa perusahaan yaitu PT. Media Bintang Indonesia, yang
20
menerbitkan Tabloid Bintang Indonesia, Tabloid Bintang Home, Majalah Home
Living, Majalah Urban Style dan portal berita hiburan dan gaya hidup
tabloidbintang.com dan aura.co.id, PT. Visi Indomedia (penerbit majalah remaja
TEEN), PT. Cipta Media Bintang (penerbit tabloid cetak wanita AURA) dan PT.
Sedaya Citra Pustaka (distribusi).
Hilangnya Tabloid Monitor pada bulan Oktober 1990 yang merupakan satu-
satunya tabloid hiburan di Indonesia ketika itu meninggalkan ladang bisnis yang
potensial. Bertitik tolak dari peluang yang menguntungkan tersebut dan adanya
pendekatan dari para karyawan eks Monitor maka Ciputra Group bersama dengan
Subentra Group memasuki bisnis ini dengan menerbitkan tabloid Bintang Indonesia
untuk mengambil pasar yang ditinggalkan Monitor.
PT. Media Bintang Indonesia didirikan dengan akte pendirian No. 178 tanggal
13 Februari 1991 dan dengan SIUPP No. 060/SK/Menpen/SIUPP/BI/1986 dan terbit
tanggal 23 Februari 1986.
Pada bulan Januari 2003, PT. Media Bintang Indonesia mengembangkan

dirinya dengan membentuk divisi infotainment yang telah memproduksi “99%
Newstainment” di TRANS TV (2003 – 2004), “TVMorfosis” di Global TV (2005),
“Mudik Yok Mudik” di TPI (2005), dan “Menuju Festival Film Jakarta” di JAK-TV
(2006). Dan pada tanggal 19 Juni 2008, kami menerbitkan Majalah Urban Style, yang
mengupas gaya hidup, kuliner, fesyen, wisata dan belanja. Pada tanggal 11 Januari
2010, kami meluncurkan portal berita hiburan dan gaya hidup www.aura.co.id.
2.15. Logo Aura.co.id
Gambar 2. 5 Logo Aura.co.id
21
BAB 3 ANALISA SISTEM
Untuk merancang sebuah sistem dengan baik dibutuhkan analisa yang tepat.
Setelah proses analisa sistem dilakukan maka dilakukan pendesainan sistem agar
perancangan sistem lebih terarah dan memudahkan untuk mengimplementasikan
sistem tersebut secara nyata.
3.1. Analisa Sistem yang Sedang Berjalan
Analisa sistem bertujuan untuk mendapatkan pemahaman secara keseluruhan

tentang sistem yang akan dibuat berdasarkan masukan dari pihak-pihak dan juga
pengalaman analis yang berkepentingan dengan sistem tersebut. Analisa sistem yang
sedang berjalan menjelaskan tentang prosedur-prosedur yang sedang berjalan saat ini.
3.1.1. Analisi Prosedur Yang Sedang Berjalan
Adapun prosedur konsultasi psikologi yang berjalan sampai saat ini pada
Aura.co.id yaitu para pembaca yang akan melakukan konsultasi psikologi dapat
membuka artikel konsutasi psikologi pada website Aura.co.id, kemudian
mengirimkan data diri beserta pertanyaan yang ditanyakan melalui Google
Form yang telah disediakan.
Setelah itu, pertanyaan yang terkumpul akan dipilih oleh Redaktur untuk
dikonsultasikan kepada psikolog. Jika sudah ditentukan pertanyaan yang akan
dikonsultasikan, Redaktur akan mengirimkannya ke Psikolog melalui e-mail.
Psikolog akan menerima pertanyaan, kemudian menjawabnya dengan
membalas e-mail yang dikirimkan Redaktur.
3.1.2. Activity Diagram yang Sedang Berjalan
Activity diagram mendeskripsikan aliran kerja dari perilaku sistem yang terjadi
dalam sistem atau perangkat lunak. Berikut adalah activity diagram konsultasi
psikologi yang sedang berjalan pada Aura.co.id:
22
1. Activity diagram pengiriman pertanyaan
Pembaca Redaktur
Membuka Web
Aura.co.id
Membaca Artikel Konsultasi psikologi
Menginputkan data diri dan Menerima form data diri dan

pertanyaan di Google Form pertanyaan
Gambar 3. 1 Activity diagram pengiriman pertanyaan yang sedang berjalan
2. Activity Diagram konsultasi

Redaktur Psikolog
Memilih pertanyaan yang akan

dikonsultasikan dari pertanyaan yang
dikirim pembaca
Mengirimkan pertanyaan melalui Menerima pertanyaan melalui

e-mail kepada Psikolog e-mail yang dikirimkan Redaktur
Menerima jawaban konsultasi

Membalas e-mail Redaktur dengan
menuliskan jawaban dari pertanyaan
yang dikirimkan
Meng-upload jawaban konsultasi
sebagai artikel
Gambar 3. 2 Activity diagram konsultasi yang sedang berjalan
23
Setelah melakukan analisi terhadap sistem yang sedang berjalan, penulis
menemukan permasalahan baik secara langsung maupun tidak langsung. Masalah-
masalah tersebut apabila ditinjau secara lebih jauh lagi maka akan berpengaruh
terhadap pengembangan sistem nantinya. Adapun masalahnya adalah sebagai berikut:
Tabel 3. 1 Tabel Evaluasi Sistem yang Sedang Berjalan
No Permasalahan Bagian Solusi

1 Waktu yang dibutuhkan Redaksi Pembuatan aplikasi konsultasi
dalam prosedur psikologi via mobile dan web
berkonsultasi kurang efektif. sehingga dapat memberikan
kemudahan kepada pengguna
untuk berkonsultasi kapan pun
dan dimana pun.
2 Adanya kebutuhan dari Redaksi Pembuatan aplikasi back end

redaksi Aura.co.id untuk berupa web administrator yang
mengetahui seluruh data dapat dikelola oleh Redaktur.
member dan hasil konsultasi Mulai dari pembuatan user
yang dilakukan dalam hingga laporan konsultasi.
bentuk laporan berkala.
3.2. Analisa Pengguna

Aplikasi ini ditujukan kepada seluruh pembaca website aura.co.id maupun
umum. Diharapkan aplikasi ini memiliki penampilan yang menarik karena website
aura.co.id merupakan website yang berisi informasi seputar kewanitaan, gaya hidup,
fashion, kecantikan, kesehatan, dan hiburan. Selain itu fitur yang ada akan mudah
dipahami oleh pembaca aura.co.id maupun umum serta oleh Redaktur dan Psikolog itu
sendiri.
24
3.3. Analisa Kebutuhan
Aplikasi ini diperlukan untuk membantu user/member dalam mendapatkan
jawaban atas pertanyaan yang dikirimkan menjadi lebih cepat dan diharapkan semua
pertanyaan dapat terjawab oleh Psikolog.
Aplikasi ini juga diperlukan bagi Redaktur untuk mengelola seluruh data dari
kegiatan konsultasi yang dilakukan untuk dibuatkan sebagai laporan berkala. Hal ini
dilakukan karena mengingat semua data yang dihasilkan akan sangat berguna di masa
yang akan datang untuk pengembangan aplikasi ini.
3.4. Analisa Software
Aplikasi ini dibuat dalam 2 bentuk, yaitu berbasis android dan berbasis web.
Pada aplikasi android dibangun menggunakan bahasa pemrograman Java, Android
Software Development Kit (Android SDK), Android Development Tools Plugin (ADT
Plugin), dan JavaScript Object Nation (JSON). Pembuatan aplikasi android ini
menggunakan Android Studio versi 2.3 dan API Level 19 atau Kit Kat. Aplikasi ini
menggunakan API level 19 atau Kit Kat karena OS Android Kit Kat ini sudah banyak
digunakan dalam gadget yang beredar sekarang ini khususnya di redaksi aura.co.id
sehingga memudahkan bagi Redaktur maupun Psikolog dan para pembaca atau
pengguna aplikasi ini dalam proses peng-instal-annya.
Pada aplikasi berbasis web dibangun menggunakan bahasa pemrograman
HTML (HyperText Markup Language), PHP (HyperText PreProcessor), dan CSS
(Casscading Style Sheets). Pembuatan aplikasi ini dengan menggunakan Web
Application Framework Laravel versi 5.4. Aplikasi ini dibuat berbasis web untuk salah
satu pengembangan aplikasi selain mudah dalam pengoperasiannya dan juga sifat
fleksibel yang dapat diakses dari perangkat mobile dan desktop menjadi salah satu
alasannya.
Pada aplikasi berbasis android dan web ini menggunakan satu database yang
sama yaitu PostgreSQL versi 9.5.
25
3.5. Analisa Hardware
Pada bagian ini dijelaskan hardware yang digunakan untuk membuat aplikasi
konsultasi psikologi berbasis android dan web. Untuk membuat aplikasi berbasis
android dan web berikut spesifikasi hardware yang digunakan:
1. Processor: AMD A8-6410 APU with AMD Radeon R5 Graphics (4CPUs),
~2.0 GHz
2. Harddisk: 500 GB
3. Memory: 4096 MB
Selain itu aplikasi berbasis android yang telah dibuat akan di-install pada
smartphone Xiaomi Redmi 3 Pro dengan operating System Android 5.1.1 atau
Lollipop. Hal ini dilakukan agar tidak terlalu banyak menggunakan memori yang dapat
menyebabkan lag pada laptop.
3.6. Analisa Sistem Berdasarkan Analisa Kebutuhan dan Pengguna
Berdasarkan analisa kebutuhan dan analisa pengguna yang ada di atas maka
aplikasi yang dibutuhkan Redaksi Aura.co.id adalah aplikasi yang komunikatif dimana
fitur-fitur tersedia dapat membantu Redaktur dalam mengelola laporan kegiatan
konsultasi serta memudahkan pembaca/member dalam mendapatkan jawaban dari
pertanyaannya.
3.7. Analisa Keefektifan Pengguna Aplikasi
Analisa keefektifan penggunaan aplikasi akan dilakukan dengan cara
menganalisa peningkatan jumlah pertanyaan konsultasi yang masuk dengan jumlah
artikel konsultasi psikologi yang sudah di-publish di website Aura.co.id.
3.8. Uraian Prosedur Penggunaan Aplikasi
Uraian prosedur penggunaan Aplikasi Konsultasi Psikologi di Bidang
Parenting, Kepribadian dan Asmara Berbasis Android dan Web (Studi Kasus:
Aura.co.id) adalah sebagai berikut:
3.8.1. Prosedur Penggunaan Aplikasi User Berbasis Android dan Web
a. User membuka Aplikasi Konsultasi Psikologi dan dapat memilih langsung
dari menu yang tersedia di menu utama. Menu yang ada di menu utama
26
adalah “Artikel Psikologi”, “Konsultasi Psikologi”, “Registrasi” dan
“About”.
b. User dapat membaca aritikel seputar psikologi di pilihan menu “Artikel
Psikologi” yang didalamnya terdapat kumpulan artikel yang membahas
seputar psikologi parenting, kepribadian dan asmara.
c. Pada menu ”Konsultasi Psikologi” User dapat melihat hasil tanya jawab
yang telah dikirimkan oleh pengguna dan dijawab psikolog. Pada menu
“Konsultasi Psikologi”, User dapat mengklik tombol “Tanya Psikolog”
jika ingin mengirimkan pertanyaan pada hasil Tanya jawab tersebut.
d. Jika User mengklik tombol “Tanya Psikolog”, User akan di arahkan
menuju halaman “Login” atau “Register”. User yang belum memiliki akun
dapat memilih tombol “Register” dan User yang sudah pernah melakukan
registrasi sebelumnya dapat memasukkan username dan password untuk
dapat mengirimkan pertanyaan.
e. Setelah melakukan “Login”, User diarahkan pada halaman pengisian form
konsultasi. User akan memilih kategori dari konsultasi yaitu “Parenting”,
“Kepribadian”, atau “Asmara”. User menuliskan pertanyaan singkat atau
tema dari pertanyaannya pada form “Title” dan menuliskan rincian
pertanyaannya pada form “Detail Pertanyaan”. Setelah itu pengguna
menekan tombol “Kirim” dan akan kembali ke menu utama.
f. Setelah kembali ke menu utama, menu User akan bertambah yaitu “Profil”
dan “Log Out”. Menu “Profil” berisi data diri User. Selain itu, hasil
pertanyaan akan bisa dilihat di menu “Profil” pada sub menu “Pertanyaan
Saya” apakah pertanyaan yang dikirimkan sudah dijawab atau belum oleh
psikolog.
g. User dapat memilih menu “About” untuk melihat profil nama pembuat
aplikasi dan institusi pembuat aplikasi.
h. User dapat memilih menu “Log Out” untuk keluar dari akun yang terdaftar.
27
3.8.2. Prosedur Penggunaan Aplikasi Bagi Psikolog Berbasis Android
a. Psikolog membuka Aplikasi Konsultasi Psikologi dan melakukan
“Login” untuk masuk ke dalam menu utama aplikasi.
b. Tampilan menu utama untuk Psikolog adalah “Konsultasi Psikologi”,
“Artikel Psikologi”, “Profil”, dan “Log Out”.
c. Menu “Konsultasi Psikologi” berisi daftar pertanyaan yang telah
dikirimkan oleh pengguna. Setiap pertanyaan memiliki “Status” yaitu
“Dijawab” dan “Belum Dijawab”.
d. Psikolog memilih salah satu pertanyaan yang masuk dan dapat memberikan
jawaban dengan mengetuk tombol “Jawab” untuk pertanyaan dengan status
“Belum Dijawab”. Dan Psikolog dapat mengubah jawaban dengan
mengetuk tombol “Update” untuk pertanyaan dengan status “Dijawab”.
e. Menu “Profil” berisi tampilan data diri psikolog.
f. Psikolog dapat memilih menu “Log Out” untuk keluar dari akun yang
terdaftar.
3.8.3. Prosedur Penggunaan Aplikasi Bagi Psikolog Berbasis Web

a. Psikolog membuka halaman web administrator Aplikasi Konsultasi
Psikologi dan melakukan “Login” untuk masuk ke dalam menu utama
aplikasi.
b. Tampilan menu utama untuk Psikolog adalah “Articles”, “Konsultasi”,
“Laporan Konsultasi”, “User”, “Profil”, dan “Log Out”.
c. Psikolog dapat memilih menu “Konsultasi” yang berisi daftar pertanyaan
yang telah dikirimkan oleh pengguna. Setiap pertanyaan memiliki “Status”
yaitu “Dijawab” dan “Belum Dijawab”.
d. Psikolog memilih salah satu pertanyaan yang masuk dan dapat memberikan
jawaban dengan mengetuk tombol “Jawab” untuk pertanyaan dengan status
“Belum Dijawab”. Dan Psikolog dapat mengubah jawaban dengan
mengetuk tombol “Update” untuk pertanyaan dengan status “Dijawab”.
Selain itu disertai tombol “Delete” untuk menghapus jawaban jika
diperlukan.
e. Menu “Profil” berisi tampilan data diri psikolog.
28
f. Psikolog tidak dapat memilih menu “Articles”, “Laporan Konsultasi”, dan
“User” karena tidak diberikan hak istimewa atau privilege.
g. Psikolog dapat memilih menu “Log Out” untuk keluar dari akun yang
terdaftar.
3.8.4. Prosedur Penggunaan Aplikasi Bagi Redaktur Berbasis Android

a. Redaktur membuka Aplikasi Konsultasi Psikologi dan melakukan
“Login” untuk masuk ke dalam menu utama aplikasi.
b. Tampilan menu utama untuk Redaktur adalah “Konsultasi”, “Profil”, dan
“Log Out”.
c. Menu “Konsultasi” berisi daftar pertanyaan yang telah dikirimkan oleh
pengguna. Setiap pertanyaan memiliki “Status” yaitu “Dijawab” dan
“Belum Dijawab”.
d. Redaktur diberikan hak akses untuk menjawab pertanyaan dan mengubah
pertanyaan dengan mengetuk tombol “Jawab” apabila suatu waktu
diperlukan dan tombol “Update” jika terdapat kesalahan kata dan makna
dari jawaban yang diberikan oleh Psikolog.
e. Menu “Profil” berisi data diri redaktur.
f. Redaktur dapat memilih menu “Log Out” untuk keluar dari akun yang
terdaftar.
3.8.5. Prosedur Penggunaan Aplikasi Bagi Redaktur Berbasis Web

a. Redaktur membuka halaman web administrator Aplikasi Konsultasi
Psikologi dan melakukan “Login” untuk masuk ke dalam menu utama
aplikasi.
b. Tampilan menu utama untuk Redaktur adalah “Articles”, “Konsultasi”,
“Laporan Konsultasi”, “User”, “Profil”, dan “Log Out”.
g. Redaktur memilih menu “Konsultasi” yang berisi daftar pertanyaan yang
telah dikirimkan oleh pengguna. Setiap pertanyaan memiliki “Status” yaitu
“Dijawab” dan “Belum Dijawab”. Redaktur diberikan hak akses untuk
menjawab pertanyaan dan mengubah pertanyaan dengan mengetuk tombol
“Jawab” apabila suatu waktu diperlukan dan tombol “Update” jika terdapat
kesalahan kata dan makna dari jawaban yang diberikan oleh Psikolog.
29
Selain itu disertai tombol “Delete” untuk menghapus jawaban jika
diperlukan.
c. Menu “Profil” berisi tampilan data diri Redaktur.
d. Redaktur memilih menu “Laporan Konsultasi” untuk membuat laporan
kegiatan konsultasi dalam jangka waktu tertentu maupun periode. Redaktur
dapat memilih tanggal, bulan dan tahun untuk laporan berjangka. Redaktur
juga dapat memilih pembuatan laporan berdasarkan periode “1 Bulan
Terakhir”, “1 Minggu Terakhir”, dan “Hari Ini”. Setelah itu, data yang
ditampilkan yaitu total pertanyaan yang masuk, nama pengguna yang
mengirimkan pertanyaan, kategori pertanyaan, “Title” pertanyaan, tanggal
pertanyaan, dan status pertanyaan “Dijawab” atau “Belum Dijawab”.
Laporan tersebut dapat diunduh dengan format “.pdf” dengan mengklik
tombol “Download File”.
e. Redaktur memilih menu “Articles” untuk membuat artikel psikologi yang
akan tampil di aplikasi front end berbasis android dan web. Redaktur dapat
memilih “Add Article” dan “Delete Article”. Redaktur juga dapat
mengubah artikel yang sudah dibuat dengan mengklik tombol “Update
Article”. Redaktur memilih “Add Article” dan akan memasukkan Judul
pada form “Title”, memilih “Category” artikel yaitu “Parenting”,
“Keribadian”, dan “Asmara”, lalu menuliskan isi artikel pada “Content”.
Setelah itu, Redaktur dapat menyimpannya dengan mengklik tombol
“Save”. Redaktur dapat memilih “Delete Article” dengan menceklis pada
check box dari setiap artikel yang sudah dibuat.
f. Redaktur memilih menu “User” untuk membuat user baru misalnya
membuat akun untuk Psikolog. Redaktur memilih “Add New User”,
Redaktur memasukan “Nama”, “username”, “password”, “type”, dan
memilih radio button “Active” lalu mengklik tombol “Save”.
g. Redaktur dapat memilih menu “Log Out” untuk keluar dari akun yang
terdaftar.
30
BAB 4 PERANCANGAN SISTEM
Perancangan sistem merupakan gambaran dari beberapa elemen yang terpisah

ke dalam satu kesatuan yang utuh dan mempunyai fungsi dan tujuan. Perancangan
sistem dilakukan berdasarkan kebutuhan pihak yang bersangkutan. Dalam perancangan
sistem berbasis android dan web ini, penulis menggunakan bahasa Unified Modelling
Language (UML) sebagai bahasa pemodelan. Perancangan aplikasi ini menggunakan
software utama sebagai berikut:
1) PostgreSQL sebagai database dalam pembuatan aplikasi konsultasi
psikologi baik yang berbasis android maupun berbasis web.
2) Microsoft Visio 2016 sebagai alat bantu mengolah UML.
3) Android Studio 2.3 sebagai alat bantu pembuatan aplikasi konsultasi
psikologi berbasis android.
4) Laravel 5.4 sebagai alat bantu utama dalam pembuatan aplikasi

konsultasi psikologi berbasis web.
4.1. Perancangan Algoritma

Algoritma yang digunakan dalam aplikasi ini adalah algoritma First In First
Out (FIFO) karena pertanyaan yang dikirimkan user akan tampil secara berurutan di
tampilan back end Psikolog dan Redaktur.
Gambar 4. 1 Algoritma First In First Out
4.2. Gambaran Umum Sistem Usulan

Untuk memudahkan pembuatan aplikasi konsultasi psikologi di bidang
parenting, kepribadian, dan asmara berbasis android dan web dengan studi kasus
aura.co.id, penulis menggunakan bahasa pemodelan UML. Yang perlu diketahui
metode UML itu sendiri merupakan metode Object Oriented Programming (OOP)
yang notasinya menggunakan garis untuk menyatakan bahwa itu adalah suatu desain.
Pemodelan dengan metode UML membantu melihat interaksi yang terjadi di aplikasi
31
dan dapat membantu melihat suatu permasalahan yang kompleks menjadi lebih
sederhana.
Aplikasi ini akan dibagi menjadi tiga pengguna yaitu user, psikolog, dan
redaktur. Dimana user terdaftar dapat menggunakan aplikasi front end android dan web
untuk melakukan konsultasi psikologi ataupun sekedar mencari informasi mengenai
artikel psikologi di bidang parenting, kepribadian, dan asmara. Psikolog yang telah
dibuatkan akun oleh redaktur dapat menggunakan aplikasi back end android dan web
untuk menjawab pertanyaan dari user.
Untuk redaktur dapat menggunakan aplikasi back end web administrator untuk
mengelola artikel psikologi, konsultasi, laporan konsultasi, data member dan data user.
Redaktur dapat pula menggunakan aplikasi back end android yang sama dengan
psikolog.
4.3. Perancangan Prosedur yang Diusulkan
Perancangan ini mencakup use case diagram, scenario use case, activity
diagram, dan Sequence Diagram untuk menghasilkan sistem yang lebih baik. Proses
yang dirancang diuraikan menjadi beberapa bagian yang dapat membentuk sistem
menjadi satu kesatuan.
4.3.1. Use Case Diagram

Use case adalah gambaran fungsionalitas dari suatu sistem, sehingga pengguna
sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun.
Aktor-aktor yang melakukan prosedur dalam sistem dan respon yang
ditanggapi oleh sistem terhadap prosedur yang dilakukan oleh aktor dijelaskan
dalam scenario use case.
1. Use Case Diagram Redaktur dan Psikolog Berbasis Web
Use case diagram dengan aktor Redaktur dan Psikolog pada sistem yang
diterapkan pada aplikasi back end web administrator adalah sebagai berikut:
32
Gambar 4. 2 Usulan Use Case Diagram Redaktur dan Psikolog Berbasis Web
2. Use Case Diagram Redaktur dan Psikolog Berbasis Android

Use case diagram dengan aktor Redaktur dan Psikolog pada sistem yang
diterapkan pada aplikasi back end android adalah sebagai berikut:
33
Gambar 4. 3 Usulan Use Case Diagram Redaktur dan Psikolog Berbasis Android
3. Use Case Diagram User Berbasis Web dan Android

Use case diagram dengan aktor User pada sistem yang diterapkan pada aplikasi
back end web administrator maupun android adalah sebagai berikut:
Gambar 4. 4 Usulan Use Case Diagram User Berbasis Android dan Web
34
4.3.2. Scenario Use Case
Scenario use case digunakan untuk dapat mempermudah jalannya alur proses
yang diusulkan. Adapun scenario use case diagram yang diusulkan adalah :
1. Use Case Diagram Redaktur dan Psikolog Berbasis Web
a. Scenario Use Case Pengelolaan Article
Pada use case pengelolaan data artikel ini meliputi tambah data artikel,
ubah data artikel dan hapus data artikel yang hanya dapat dilakukan oleh
Redaktur, tahapan kegiatannya akan dijelaskan pada scenario use case dibawah
ini :
Tabel 4. 1 Scenario use case Pengelolaan Artcile
Nama use case Pengelolaan Pengelolaan Article

Redaktur melakukan pengelolaan terhadap data artikel
Deskripsi
psikologi.
Primary Actor Redaktur
Pre-Condition Redaktur memiliki username dan password.
1. Redaktur memilih menu “Articles”.
2. Sistem menampilkan data artikel yang telah
diinputkan sebelumnya.
3. Redaktur menerima informasi artikel yang telah ada
beserta menu-menu pengelolaan data.
4. Redaktur melakukan pengelolaan data artikel
Normal Flow of psikologi.
Event 5. Redaktur memilih menu “Add Article”.
6. Sistem menampilkan halaman “Add Article”.
7. Redaktur menginputkan data artikel baru.
8. Sistem menyimpan inputan data artikel psikologi.
9. Redaktur memilih salah satu judul artikel.
10. Sistem menampilkan halaman artikel yang sudah
dibuat sebelumnya.
35
11. Redaktur dapat mengubah data artikel yang telah
dipilih.
12. Sistem menyimpan inputan data artikel psikologi
yang telah diubah.
13. Redaktur mencentang check box pada salah satu
artikel yang ingin dihapus lalu mengklik tombol “
Delete Article”.
14. Sistem menampilkan pesan dialog hapus data.
15. Redaktur memilih pilihan hapus data.
16. Sistem menghapus data artikel psikologi yang dipilih.
1. Redaktur memilih menu “Delete Article”.

2. Sistem menampilkan pesan dialog hapus data.
Alternatif Event 3. Redaktur memilih pilihan batal hapus data.
4. Sistem batal menghapus data artikel psikologi yang
dipilih.
Post-Conditions Data artikel psikologi telah diolah.
b. Scenario Use Case Pengelolaan Member

Scenario Use Case Pengelolaan Member meliputi edit dan delete member.
Use Case ini hanya dapat diakses oleh Redaktur melalui menu “Member”.
Menu Member ini berisi data User yang telah melakukan Registrasi pada
aplikasi konsultasi psikologi berbasis web maupun android. Untuk tahapan
kegiatannya akan dijelaskan pada scenario use case dibawah ini :
Tabel 4. 2 Scenario use case Pengelolaan Member
Nama use case Pengelolaan Member

Deskripsi Redaktur melakukan pengelolaan terhadap Member
1. Redaktur memiliki username dan password.
Pre-Condition
2. User telah melakukan Registrasi
36
1. Redaktur memilih menu Pengelolaan Member.
2. Sistem menampilkan data Member yang telah terdaftar
melakukan Registrasi telebih dahulu.
3. Redaktur menerima informasi Member yang telah ada.
4. Redaktur melakukan pengelolaan data Member.
5. Redaktur memilih tombol “Edit” pada salah satu data
Member.
Normal Flow of 6. Sistem menampilkan data Member yang dipilih.
Event 7. Redaktur mengubah data Member yang telah dipilih.
8. Sistem menyimpan inputan data Member yang telah
diubah.
9. Redaktur memilih tombol “Delete”.
10. Sistem menampilkan kotak dialog “Delete User”.
11. Redaktur mernghapus data Member yang telah
dipilih.
12. Sistem menghapus data Member yang telah diubah.
Post-Conditions Data member telah berhasil dihapus.
c. Scenario Use Case Pengelolaan User

Pada use case pengelolaan data user ini meliputi tambah data user, ubah
data user dan hapus data user yang dilakukan oleh redaktur. Untuk pengelolaan
user dimaksudkan untuk membuat akun User yang baru dengan privileges
sebagai Redaktur atau Psikolog. Pengelolaan User ini hanya dapat diakses oleh
“Redaktur”. Untuk tahapan kegiatannya akan dijelaskan pada scenario use case
dibawah ini :
Tabel 4. 3 Scenario use case Pengelolaan User
Nama use case Pengelolaan User

Redaktur melakukan pengelolaan terhadap User dengan
Deskripsi
privilege.
37
1. Redaktur memilih menu Pengelolaan User.
2. Sistem menampilkan data User yang telah terdaftar
sebelumnya.
3. Redaktur menerima informasi User yang telah ada.
4. Redaktur melakukan pengelolaan data User.
5. Redaktur memilih menu “Add User”.
6. Sistem menampilkan halaman “Add User”.
7. Redaktur menginputkan data user baru dan memilih
tipe user sebagai “Redaktur” atau “Psikolog”.
Normal Flow of 8. Sistem menyimpan inputan data user baru.
Event 9. Redaktur memilih tombol “Edit” pada salah satu data
user yang telah dibuat sebelumnya.
10. Sistem menampilkan halaman “Update User”.
11. Redaktur merubah data user yang telah dipilih.
12. Sistem menyimpan inputan data user yang telah
diubah.
13. Redaktur memilih menu “Delete User”.
14. Sistem menampilkan halaman “Delete User”.
15. Redaktur mernghapus data user yang telah dipilih.
16. Sistem menghapus data user yang telah diubah.
Post-Conditions Data User telah berhasil diolah.
d. Scenario Use Case Pengelolaan Laporan

Pada use case pengelolaan laporan ini dimaksudkan untuk membuat
rangkuman data konsultasi dalam periode waktu tertentu, tahapan kegiatannya
akan dijelaskan pada scenario use case dibawah ini :
Tabel 4. 4 Scenario use case pengelolaan laporan
38
Nama use case Pengelolaan Laporan
Redaktur melakukan pengelolaan laporan hasil
Deskripsi
konsultasi
1. Redaktur memilih menu Pengelolaan Laporan.
2. Sistem menampilkan halaman pengelolaan laporan
data konsultasi yang telah terinput dalam sistem.
3. Redaktur memillih menu “Set Waktu Laporan” untuk
Normal Flow of melakukan filter data konsultasi pada jangka waktu
Event tertentu.
4. Sistem akan memfilter data konsultasi sesuai dengan
jangka waktu yang ditetapkan oleh Redaktur.
5. Redaktur dapat menyimpan data konsultasi dengan
memilih menu “Download Laporan”.
Post-Conditions Laporan konsultasi telah berhasil didownload.
e. Scenario Use Case Pengeloaan Konsultasi

Use case pengelolaan konsultasi ini bertujuan untuk membantu redaktur
atau psikolog dalam melakukan pengelolaan data konsultasi psikologi, yaitu
dengan menjawab, mengu-update, dan menghapus data konsultasi psikologi.
Untuk tahapan kegiatannya akan di jelaskan pada scenario use case dibawah
ini :
Tabel 4. 5 Scenario use case pengelolaan konsultasi
Nama use case Pengelolaan konsultasi

Psikolog menjawab pertanyaan konsultasi yang telah
Deskripsi
diajukan sebelumnya oleh member.
Primary Actor Redaktur, Psikolog
39
Supporting
User
Actor
1. Redaktur atau Psikolog telah berhasil login
Pre-Condition 2. User telah melakukan penginputan pertanyaan
konsultasi.
1. Redaktur ataupun Psikolog memilih menu
Pengelolaan Konsultasi.
2. Sistem menampilkan informasi konsultasi dari user
yang masuk.
3. Redaktur ataupun Psikolog menerima informasi
konsultasi psikologi yang baru masuk.
4. Psikolog memilih tombol “Jawab” untuk menjawab
Normal Flow of
pertanyaan konsultasi yang belum dijawab.
Event
5. Sistem menyimpan jawaban konsultasi.
6. Psikolog memilih tombol “Update” untuk
memperbarui jawaban konsultasi yang telah terjawab.
7. Sistem menyimpan hasil update konsultasi.
8. Psikolog memilih menu “Delete Konsultasi” untuk
menghapus data konsultasi.
9. Sistem menghapus data konsultasi.
Post-Conditions Psikolog menjawab konsultasi yang masuk ke sistem
f. Scenario Use Case Profil

Use case profil ini dimaksudkan untuk redaktur atau psikolog dalam
mengelola akun profil mereka. Untuk tahapan kegiatannya akan di jelaskan
pada scenario use case dibawah ini :
Tabel 4. 6 Scenario use case Profil
Nama use case Profil

Deskripsi Sistem menampilkan profil dari redaktur dan psikolog
40
Pre-Condition Redaktur atau Psikolog telah berhasil login
1. Redaktur dan Psikolog memilih menu “Profil”.

2. Sistem menampilkan data profil.
Normal Flow of
3. Redaktur ataupun Psikolog memilih menu “Update
Event
Profil” untuk merubah data profil.
4. Sistem menyimpan data profil yang sudah di-update.
Redaktur atau Psikolog meng-update profil mereka ke
Post-Conditions
dalam sistem.
g. Scenario Use Case Login

Use case login ini dimaksudkan untuk redaktur maupun psikolog dalam
melakukan login sehingga dapat masuk ke dalam sistem masing-masing dan
melakukan pengolahahan data konsultasi psikologi sesuai dengan hak akses
yang dimiliki.
Tabel 4. 7 Scenario use case login
Nama use case Login

Redaktur atau psikolog melakukan login untuk
Deskripsi melakukan
pengelolaan data konsultasi psikologi.
Redaktur atau psikolog memiliki username dan
Pre-Condition
password
1. Redaktur atau psikolog memasukkan username dan
Normal Flow of password yang telah terdaftar.
Event 2. Sistem mengecek data masukan apakah sesuai dengan
database sistem ataukah tidak.
41
3. Redaktur atau psikolog masuk pada aplikasi
pengelolaan
data konsultasi psikologi.
password yang telah terdaftar.
2. Sistem mengecek data masukan apakah sesuai dengan
database sistem.
3. Sistem menampilkan pesan login error, jika username
dan password yang dimasukan tidak sesuai dengan
database sistem.
Alternatif Event 4. Redaktur atau psikolog akan memasukkan ulang
username
dan password.
database sistem.
6. Redaktur atau psikolog akan masuk pada aplikasi
pengelolaan data konsultasi psikologi, jika loginnya
telah berhasil.
Password dan username yang redaktur atau psikolog

Exception
masukan tidak sesuai dengan data pada database sistem.
Post-Conditions Login berhasil.
3. Scenario Use Case Diagram Redaktur dan Psikolog Berbasis Android

a. Scenario Use Case Artikel Psikologi
Use case Artikel Psikologi ini bertujuan untuk membantu redaktur atau
psikolog untuk melihat atau membaca artikel psikologi dengan kategori
Parenting, Kepribadian dan Asmara di platform Android. Untuk tahapan
kegiatannya akan di jelaskan pada scenario use case dibawah ini :
42
Tabel 4. 8 Scenario use case Artikel Psikologi
Nama use case Artikel Psikologi

Deskripsi Sistem menampilkan data Artikel Psikologi
1. Redaktur atau Psikolog memilih menu “Artikel
Psikologi”.
2. Sistem menampilkan kategori “Artikel Psikologi”
Normal Flow of yaitu Parenting, Kepribadian, dan Asmara.
Event 3. Redaktur atau Psikolog memilih salah satu kategoi
tersebut.
4. Sistem menampilkan artikel berdasarkan kategori
yang dipilih.
Sistem berhasil menampilkan artikel psikologi di
Post-Conditions
platform Android.
b. Scenario Use Case Konsultasi Psikologi

Use case Kosultasi Psikologi ini bertujuan untuk membantu redaktur atau
psikolog dalam melakukan pengelolaan data konsultasi psikologi, yaitu dengan
menjawab dan mengu-update data konsultasi psikologi. Untuk tahapan
Tabel 4. 9 Scenario use case Konsultasi Psikologi
Nama use case Konsultasi Psikologi

Psikolog menjawab pertanyaan konsultasi yang telah
Deskripsi
diajukan sebelumnya oleh member.
Supporting
User
Actor
Pre-Condition 1. Redaktur atau Psikolog telah berhasil login
43
2. User telah melakukan penginputan pertanyaan
konsultasi.
1. Psikolog ataupun Psikolog memilih menu Pengelolaan
Konsultasi.
2. Sistem menampilkan informasi konsultasi dari user
yang masuk.
3. Redaktur ataupun Psikolog menerima informasi
konsultasi psikologi yang baru masuk.
Normal Flow of
4. Psikolog memilih menu “Jawab” untuk menjawab
Event
pertanyaan konsultasi yang belum dijawab.
5. Sistem menyimpan jawaban konsultasi.
6. Psikolog memilih menu tombol “Edit” untuk
melakukan Update untuk memperbarui jawaban
konsultasi yang telah terjawab.
7. Sistem menyimpan hasil update konsultasi.
Post-Conditions Psikolog menjawab konsultasi yang masuk ke sistem.
c. Scenario Use Case Profil

Use case profil ini dimaksudkan untuk redaktur atau psikolog dalam
mengelola akun profil mereka. Untuk tahapan kegiatannya akan di jelaskan
pada scenario use case dibawah ini :

Deskripsi Sistem menampilkan profil dari redaktur dan psikolog
44
1. Redaktur dan Psikolog memilih menu “Profil”.
Normal Flow of
3. Redaktur ataupun Psikolog memilih menu “Update
Event
Profil” untuk merubah data profil.
Redaktur atau Psikolog meng-update profil mereka ke

Post-Conditions
dalam sistem.
d. Scenario Use Case Login

Use case login ini dimaksudkan untuk redaktur maupun psikolog dalam
melakukan login sehingga dapat masuk ke dalam sistem masing-masing dan
melakukan pengolahahan data konsultasi psikologi sesuai dengan hak akses
yang dimiliki.
Tabel 4. 11 Scenario use case login
Nama use case Login

Redaktur atau psikolog melakukan login untuk
Deskripsi melakukan
pengelolaan data konsultasi psikologi.
Redaktur atau psikolog memiliki username dan
Pre-Condition
password
Normal Flow of
database sistem ataukah tidak.
Event
3. Redaktur atau psikolog masuk pada aplikasi
pengelolaan
data konsultasi psikologi.
45
database sistem.
3. Sistem menampilkan pesan login error, jika username
dan password yang dimasukan tidak sesuai dengan
database sistem.
Alternatif Event 4. Redaktur atau psikolog akan memasukkan ulang
username
dan password.
database sistem.
6. Redaktur atau psikolog akan masuk pada aplikasi
pengelolaan data konsultasi psikologi, jika loginnya
telah berhasil.
Password dan username yang admin masukan tidak
Exception sesuai
dengan data pada database sistem.
Post-Conditions Login berhasil.
4. Scenario Use Case Diagram User Berbasis Web dan Android

a. Scenario Use Case Konsultasi Psikologi
Use case Konsultasi Psikologi ini bertujuan untuk membantu user atau
member dalam melakukan konsultasi psikologi, yaitu dengan mengirim
pertanyaan yang berkaitan dengan psikologi di bidang Parenting, Kepribadian
dan Asmara. Untuk tahapan kegiatannya akan di jelaskan pada scenario use
case dibawah ini :
Tabel 4. 12 Scenario use case Konsultasi Psikologi
Nama use case Konsultasi Psikologi

Deskripsi User mengirim pertanyaan konsultasi kepada psikolog
46
Primary Actor User
Pre-Condition User telah berhasil login jika ingin mengirim pertanyaan
1. User memilih menu Konsultasi Psikologi.
2. Sistem menampilkan hasil konsultasi psikologi yang
telah dikirimkan User dan dijawab Psikolog
sebelumnya
3. User memilih menu “Tanya Psikolog” untuk
mengirim pertanyaan kepada psikolog.
Normal Flow of 4. User memilih kategori “Parenting”, “Kepribadian”,
Event atau “Asmara”. User mengisi “Title” dengan
pertanyaan singkat dan “Detail Pertanyaan” dengan
deskripsi pertanyaan yang lebih rinci agar dapat
dimengerti oleh Psikolog. User mengklik tombol
“Kirim” untuk mengirimkan pertanyaan.
5. Sistem mengirim pertanyaan konsultasi kepada
psikolog.
1. User memilih menu “Tanya Psikolog” akan
diarahkan ke halaman Login jika belum melakukan
Alternatif Event Login.
2. Jika User belum memiliki akun, maka User harus
melakukan “Register” terlebih dahulu.
User mengirim pertanyaan konsultasi psikologi ke
Post-Conditions
dalam sistem.
b. Scenario Use Case Register

Use case Artikel Register ini bertujuan untuk membantu user untuk
membuat akun aplikasi dan login dalam aplikasi konsultasi psikologi. Setiap
user yang ingin melakukan konsultasi diharuskan memiliki akun aura.co.id
sebagai salah satu syaratnya. Untuk tahapan kegiatannya akan di jelaskan pada
scenario use case dibawah ini :
47
Tabel 4. 13 Scenario use case Register
Nama use case Register

User melakukan registrasi untuk membuat akun
Deskripsi
aura.co.id
Primary Actor User
Pre-Condition User belum membuat akun aura.co.id
1. User memilih menu Register.
2. Sistem menampilkan form Register
Normal Flow of
3. User mengisi data ke dalam form Register
Event
4. Sisterm menyimpan data dari form Register sebagai
akun aura.co.id
Data redister user telah berhasil disimpan ke dalam
Post-Conditions
sistem
c. Scenario Use Case Artikel Psikologi

Use case Artikel Psikologi ini bertujuan untuk membantu user untuk
mencari informasi mengenai artikel psikologi dengan kategori Kepribadian,
Parenting, dan Asmara baik di platform Web maupun Android. Untuk tahapan
Tabel 4. 14 Scenario use case Artikel Psikologi
Nama use case Artikel Psikologi

Deskripsi Sistem menampilkan data Artikel Psikologi
Primary Actor User
1. User memilih menu “Artikel Psikologi”.
2. Sistem menampilkan data “Artikel Psikologi”.
Normal Flow of 3. User bisa memilih kategori artikel psikologi, yaitu
Event kepribadian, parenting, dan asmara.
4. Sistem menampilkan artikel berdasarkan Kategori
yang dipilih.
48
Sistem berhasil menampilkan artikel psikologi di
Post-Conditions
platform Web atau Android.
d. Scenario Use Case About

Use case About ini bertujuan untuk membantu user untuk melihat profil
nama pembuat aplikasi dan institusi pembuat aplikasi. Untuk tahapan
Tabel 4. 15 Scenario use case About
Nama use case About

Sistem menampilkan data “About” untuk melihat profil
Deskripsi
nama pembuat aplikasi dan institusi pembuat aplikasi.
Primary Actor User
1. User memilih menu “About”.
Normal Flow of 2. Sistem menampilkan data “About”.
Event 3. User bisa melihat profil nama pembuat aplikasi dan
institusi pembuat aplikasi.
Sistem berhasil menampilkan data pada menu “About”
Post-Conditions yang berisi profil nama pembuat aplikasi dan institusi
pembuat aplikasi.
e. Profil
Use case profil ini dimaksudkan untuk user dalam mengelola akun profil
mereka. Untuk tahapan kegiatannya akan di jelaskan pada scenario use case
dibawah ini :

Deskripsi Sistem menampilkan profil dari user
Primary Actor User
Pre-Condition User telah berhasil login
49
1. User memilih menu “Profil”.
Normal Flow of
3. User memilih menu “Update Profil” untuk merubah
Event
data profil.
Post-Conditions User meng-update profil mereka ke dalam sistem.
4.3.3. Activity Diagram

Activity diagram merupakan sebuah diagram alir aktivitas dalam sistem yang
sedang dirancang, bagaimana masing-masing alir berawal, decision yang
mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga dapat
menggambarkan proses parallel yang mungkin terjadi pada beberapa eksekusi.
Berikut activity diagram usulan dalam penulisan sebagai berikut:
1. Activity Diagram Redaktur dan Psikolog Berbasis Web
a. Activity Diagram Pengelolaan Article
1) Activity Diagram “Add Article”
Activity Diagram Add Article
Redaktur Sistem
Memilih menu Add Menampilkan form

Article Add Article
Menginputkan data
artikel baru
Menyimpan dan
menampilkan artikel
baru
Gambar 4. 5 Activity Diagram “Add Article” psikologi yang diusulkan
50
2) Activity Diagram “Update Article”
Activity Diagram Update Article

Redaktur Sistem
Mengklik tombol Edit pada

Menampilkan Artikel yang
salah satu artikel yang telah
sudah dibuat.
dibuat
Merubah data artikel

psikologi
Menyimpan data artikel

yang telah dirubah
Gambar 4. 6 Activity Diagram “Update Article” Psikologi yang diusulkan
3) Activity Diagram “Delete Article”

Activity Diagram Delete Article
Redaktur Sistem
Menampilkan halaman
Memilih menu Article
Article
Memilih menu Delete Menampilkan pesan

Article dialog Delete Article
Tidak
Memilih pesan dialog
Delete Article
Ya
Menghapus data Article
Gambar 4. 7 Activity Diagram “Delete Article” Psikologi pada sistem yang

diusulkan
51
b. Activity Diagram Pengelolaan Member
1) Activity Diagram “Edit Member” untuk Redaktur
Activity Diagram Edit Member
Redaktur Sistem
Memilih menu Edit Menampilkan data

Member member yang diubah
Mengubah data member
Menyimpan data
member yang telah
dirubah
Gambar 4. 8 Activity Diagram Edit Member yang diusulkan
2) Activity Diagram “Delete Member” untuk Redaktur

Activity Diagram Delete Member
Redaktur Sistem
Memilih menu Menampilkan halaman

Member Member

Member dialog Delete Member
Tidak
Delete Member
Ya
Menghapus data
Member
Gambar 4. 9 Activity Diagram Delete User yang diusulkan
52
c. Activity Diagram Pengelolaan User
1) Activity Diagram “Add User” untuk Redaktur
Activity Diagram Add User

Redaktur Sistem
Memilih menu Menampilkan form

Add User Add User
Menginputkan data
kedalam form
Add User
Menyimpan data user
Gambar 4. 10 Activity Diagram Add User yang diusulkan
2) Activity Diagram “Update User” untuk User Redaktur
Activity Diagram Update User

Redaktur Sistem

Update User Update User
Menginputkan data
kedalam form
Update User
Menyimpan data User
Gambar 4. 11 Activity Diagram Update User yang diusulkan
53
3) Activity Diagram “Delete User” untuk Redaktur
Activity Diagram Delete User
Redaktur Sistem
Menampilkan halaman
Memilih menu User
User

User dialog Delete User
Tidak
Delete User
Ya
Menghapus data user
Gambar 4. 12 Activity Diagram Delete User yang diusulkan
d. Activity Diagram Pengelolaan Laporan

1) Activity diagram pengelolaan laporan untuk Redaktur
Activity Diagram Pengelolaan Laporan
Redaktur Sistem

Pengelolaan Laporan Pengelolaan Laporan
Menginputkan periode/
jangka waktu laporan
Menampilkan data
laporan konsultasi
Laporan diunduh dengan
mengklik tombol
Download File
Memberikan file laporan

dengan format PDF
Gambar 4. 13 Activity Diagram Pengelolaan Laporan yang diusulkan
54
e. Activity Diagram Pengelolaan Konsultasi
1) Activity Diagram Jawab Konsultasi
Activity Diagram Jawab Konsultasi

Redaktur, Psikolog Sistem
Menampilkan data
Memilih menu
konsultasi yang sudah
Konsultasi Psikologi
dikirimkan User
Menerima informasi
konsultasi masuk
Menjawab pertanyaan Menyimpan jawaban

konsultasi psikologi konsultasi psikologi
Gambar 4. 14 Activity Diagram Jawab Konsultasi yang diusulkan
2) Activity Diagram Update Konsultasi

Activity Diagram Update Konsultasi
Menampilkan data
Memilih menu
Update Konsultasi
terjawab
Menerima informasi
data konsultasi yang
sudah terjawab
Meng-update hasil Menyimpan update

jawaban konsultasi jawaban konsultasi
Gambar 4. 15 Activity Diagram Update Konsultasi yang diusulkan
55
3) Activity Diagram Delete Konsultasi
Activity Diagram Delete Konsultasi
Redaktur Sistem
Menampilkan pesan
Memilih menu Delete
dialog Delete
Konsultasi
Konsultasi

Delete Konsultasi
Menghapus data
Ya
konsultasi
Gambar 4. 16 Activity Diagram Delete Konsultasi yang diusulkan
f. Activity Diagram Profil

1) Activity Diagram Update Profil
Activity Diagram Update Profil
Memilih menu Update Menampilkan form

Profil Update Profil
Merubah data profil
Menyimpan data profil

yang telah dirubah
Gambar 4. 17 Activity Diagram Update Profil yang diusulkan
56
g. Activity Diagram Login
Activity Diagram Login

Memasukkan username
Mengecek data login
dan password
Salah
Benar
Masuk aplikasi
konsultasi psikologi
Gambar 4. 18 Activity Diagram Login yang diusulkan
3. Activity Diagram Redaktur dan Psikolog Berbasis Android

a. Activity Diagram Artikel Psikologi
Activity Diagram Artikel Psikologi

Memilih menu artikel Menamplikan artikel

Psikologi Psikologi
Menerima artikel
Psikologi
Gambar 4. 19 Activity Diagram Artikel Psikologi yang diusulkan
57
b. Activity Diagram Konsultasi Psikologi
1) Activity Diagram Jawab Konsultasi
Activity Diagram Jawab Konsultasi

Memilih menu Menampilkan data

Konsultasi Psikologi konsultasi masuk
Menerima informasi
konsultasi masuk
Menjawab pertanyaan Menyimpan jawaban

konsultasi psikologi konsultasi psikologi
Gambar 4. 20 Activity Diagram Jawab Konsultasi yang diusulkan
2) Activity Diagram Update Konsultasi
Activity Diagram Update Konsultasi

Menampilkan data
Memilih Salah satu Konsultasi
yang sudah Dijawab
terjawab
Menerima informasi
data konsultasi yang
sudah terjawab
Meng-update hasil Menyimpan update

jawaban konsultasi jawaban konsultasi
Gambar 4. 21 Activity Diagram Update Konsultasi yang diusulkan
58
c. Activity Diagram Profil
1) Activity Diagram Update Profil


Merubah data profil

yang telah dirubah
d. Activity Diagram Login

Memasukkan username
Mengecek data login
dan password
Salah
Benar
Masuk aplikasi
59
3. Activity Diagram User Berbasis Web dan Android
a. Activity Diagram Konsultasi Psikologi
1) Activity Diagram Tanya Psikolog
Activity Diagram Konsultasi
User Sistem
Memilih menu
Konsultasi Psikologi
Menampilkan hasil konsultasi
yang telah dikirimkan User
dan Dijawab Psikolog
sebelumnya
Menerima informasi hasil

Menginputkan pertanyaan Menyimpan Pertanyaan
Gambar 4. 24 Activity Diagram Konsultasi yang diusulkan
b. Activity Diagram Register untuk User
Activity Diagram Register

User Sistem

Register Register
Menginputkan data
kedalam form
Register
Menyimpan data register
Gambar 4. 25 Activity Diagram Register untuk User yang diusulkan
60
c. Activity Diagram Artikel Psikologi
Activity Diagram Artikel Psikologi

Memilih menu artikel Menamplikan artikel

Psikologi Psikologi
Menerima artikel
Psikologi
Gambar 4. 26 Activity Diagram Artikel Psikologi yang diusulkan
d. Activity Diagram About
Activity Diagram Artikel About

User Sistem
Menamplikan data profil

nama pembuat aplikasi
Memilih menu About
dan institusi pembuat
aplikasi
Menerima data profil

nama pembuat aplikasi
dan institusi pembuat
aplikasi
Gambar 4. 27 Activity Diagram About yang diusulkan
61
e. Activity Diagram Profil

User Sistem

Merubah data profil

yang telah dirubah
f. Activity Diagram Login

User Sistem
Memasukkan username
Mengecek data login
dan password
Salah
Benar
Masuk aplikasi
62
4.3.4. Sequence Diagram
Sequence Diagram menggambarkan interaksi antar objek di dalam sistem
terhadap waktu. Sequence Diagram biasa digunakan untuk menggambarkan
scenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari
sebuah event untuk menghasilkan output tertentu. Adapun Sequence Diagram
yang diusulkan, yaitu :
1. Squence Diagram Redaktur dan Psikolog Berbasis Web
a. Sequence Diagram Penglolaan Article
1) Sequence Diagram Add Article
Halaman Form Add
Redaktur Database
Pengelolaan Article Article
1 : pilih menu()
2 : mengisi form
add artikel()
4 : simpan artikel()
5 : konfirmasi simpan data()
Gambar 4. 30 Sequence Diagram Add Article
2) Sequence Diagram Update Article

Halaman Form Update
Redaktur Database
1 : pilih menu()
2 : mengisi form
update article()
4 : simpan artikel()
Gambar 4. 31 Sequence Diagram Update Article
63
3) Sequence Diagram Delete Article
Halaman Form Delete

Redaktur Database
1 : pilih menu()
2 : hapus data()
3 : konfirmasi hapus data()
4 : batal hapus()
5 : hapus data artikel()
Gambar 4. 32 Sequence Diagram Delete Article
b. Sequence Diagram Pengelolaan Member

1) Sequence Diagram Edit Member
Halaman
Pengelolaan Form Edit
Redaktur Database
Member Member
1 : pilih menu()
2 : mengubah data member

yang dipilih()
4 : simpan data member()
Gambar 4. 33 Sequence Diagram Edit Member
64
2) Sequence Diagram Delete Member
Halaman
Pengelolaan Form Delete
Redaktur Member Database
Member
1 : pilih menu
delete user()
2 : pilih member yang akan dihapus()

3 : konfirmasi hapus data member()
4 : batal hapus()
5 : hapus data member()
Gambar 4. 34 Sequence Diagram Delete Member
c. Sequence Diagram Pengelolaan User

1) Sequence Diagram Add User untuk Redaktur
Halaman
Redaktur Form Add User Database
Pengelolaan User
1 : pilih menu()
2 : mengisi form
add user()
4 : simpan data user()
Gambar 4. 35 Sequence Diagram Add User
65
2) Sequence Diagram Update User untuk Redaktur
Halaman Form Update

Redaktur Database
Pengelolaan User User
1 : pilih menu()
2 : mengisi form
update user()
4 : simpan data user()
Gambar 4. 36 Sequence Diagram Update User
3) Sequence Diagram Delete User untuk Redaktur
Halaman Form Delete

Redaktur Database
Pengelolaan User User
1 : pilih menu()
2 : hapus data user()

3 : konfirmasi hapus data user()
4 : batal hapus()
5 : hapus data user()
Gambar 4. 37 Sequence Diagram Delete User
d. Sequence Diagram Pengelolaan Laporan
66
Pengelolaan Set Waktu Download
Redaktur Database
Laporan Laporan Laporan
1 : pilih menu()
2 : pilih konsultasi()
3 : tampil data()
4 : set waktu laporan()

5 : filter data()
6 : tampil data berdasarkan filter()
7 : pilih menu download laporan()
8 : menerima data()
Gambar 4. 38 Sequence Diagram Pengelolaan Laporan
e. Sequence Diagram Pengelolaan Konsultasi

1) Sequence Diagram Jawab Konsultasi
Halaman
Psikolog/ Pengelolaan Form Jawab
Database
Redaktur Konsultasi Konsultasi
1 : pilih menu()
2 : pilih jawab konsultasi()
3 : tampil data()
4 : input balasan()
5 : simpan data()
Gambar 4. 39 Sequence Diagram Jawab Konsultasi
2) Sequence Diagram Update Konsultasi
67
Halaman
Psikolog/ Pengelolaan Form Update
Database
1 : pilih menu()
2 : pilih update konsultasi()
3 : tampil data()
4 : input update()
5 : simpan data()
Gambar 4. 40 Sequence Diagram Update Konsultasi
3) Sequence Diagram Delete Konsultasi
Halaman Check Box

Psikolog/ Pengelolaan Delete Database
1 : pilih menu()
2 : hapus data konsultasi() 3 : konfirmasi hapus

data konsultasi()
4 : batal hapus()
5 : hapus data konsultasi()
Gambar 4. 41 Sequence Diagram Delete Konsultasi
f. Sequence Diagram Profil
68
1) Sequence Diagram Update Profil untuk Redaktur dan
Psikolog
Pskolog/ Form Update

Halaman Profil Database
Redaktur Profil
1 : pilih menu()
2 : mengisi form
update profil()
4 : simpan data profil()
Gambar 4. 42 Sequence Diagram Update Profil
g. Sequence Diagram Login untuk Redaktur dan Psikolog
Psikolog/
Form Login Database Halaman Utama
Redaktur
1 : username dan password()

3 : Memeriksa login()
2 : data login()
4 : hasil()
5 : login invalid()
6 : login valid()
Gambar 4. 43 Sequence Diagram Login
2. Sequence Diagram Redaktur dan Psikolog Berbasis Android
69
a. Sequence Diagram Artikel Psikologi
Psikolog/
Artikel Psikologi Database
Redaktur
1 : pilih menu()
2 : pilih artikel()
3 : tampil data()
Gambar 4. 44 Sequence Diagram Artikel Psikologi
b. Sequence Diagram Konsultasi Psikologi

1) Sequence Diagram Jawab Konsultasi
Halaman
Psikolog/ Pengelolaan Form Jawab
Database
1 : pilih menu()
2 : pilih jawab konsultasi()
3 : tampil data()
4 : input balasan()
5 : simpan data()
Gambar 4. 45 Sequence Diagram Jawan Konsultasi
2) Sequence Diagram Update Konsultasi
70
Halaman
Psikolog/ Pengelolaan Form Update
Database
1 : pilih menu()
2 : pilih update konsultasi()
3 : tampil data()
4 : input update()
5 : simpan data()
Gambar 4. 46 Sequence Diagram Update Konsultasi
c. Sequence Diagram Profil

1) Update Profil untuk Redaktur dan Psikolog
Pskolog/ Form Update

Halaman Profil Database
Redaktur Profil
1 : pilih menu()
2 : mengisi form
update profil()
d. Sequence Diagram Login untuk Redaktur dan Psikolog
71
Psikolog/
Form Login Database Halaman Utama
Redaktur

2 : data login()
4 : hasil()
5 : login invalid()
6 : login valid()
3. Sequence Diagram User Berbasis Web dan Android

a. Sequence Diagram Konsultasi Psikologi
1) Sequence Diagram Kirim Pertanyaan
Halaman
Konsultasi Form Kirim
User Database
Psikologi Pertanyaan
1 : pilih menu()
2 : tampil halaman
3 : mengisi form kirim pertanyaan()

4 : simpan pertanyaan()
5 : konfirmasi inputan()
Gambar 4. 49 Sequence Diagram Kirim Pertanyaan
b. Sequence Diagram Register
72
Use Halaman Register Form Register Database
1 : pilih menu
register()
2 : mengisi form
register()
4 : simpan data register()
Gambar 4. 50 Sequence Diagram Register
c. Sequence Diagram Artikel Psikologi
User Artikel Psikologi Database
1 : pilih menu()
2 : pilih artikel asmara, parenting,
atau kepribadian()
3 : tampil data()
Gambar 4. 51 Sequence Diagram Artikel Psikologi
d. Sequence Diagram About
73
User Halaman About Database
1 : pilih menu()
2 : pilih about()
3 : tampil data()
Gambar 4. 52 Sequence Diagram About
e. Sequence Diagram Profil

1) Sequence Diagram Update Profil User
Form Update
User Halaman Profil Database
Profil
1 : pilih menu()
2 : mengisi form
update profil()
f. Sequence Diagram Login User
74
User Form Login Database Halaman Utama

2 : data login()
4 : hasil()
5 : login invalid()
6 : login valid()
4.4. Desain Antar Muka

Agar sistem berinteraksi dengan para pengguna secara baik, maka perlu
dirancang sebuah interface yang dapat memudahkan pengguna untuk
mengoperasikannya. Hal ini diharapkan mampu membantu pengguna sehingga tidak
mengalami kesulitan dalam menggunakan aplikasi tersebut. Secara umum perancangan
antar muka suatu program meliputi : Struktur Menu, Perancangan Input, dan
Perancangan Output.
4.4.1. Struktur Menu
Struktur menu merupakan menu yang disediakan untuk masing-masing
pengguna dalam menggunakan aplikasi. Struktur menu User, Psikolog, dan
Redaktur dari perancangan Aplikasi Konsultasi Konsultasi Psikologi di Bidang
Parenting, Kepribadian dan Asmara berbasis Android dan Web yang diusulkan
dapat dilihat pada gambar sebagai berikut:
1. Menu Redaktur dan Psikolog Pada Aplikasi Back End Web
Berikut ini adalah tampilan back end aplikasi konsultasi psikologi berbasis
Web untuk Redaktur dan Psikolog. Dalam aplikasi back end ini Redaktur dan
75
Psikolog memiliki privilege untuk melakukan manage pada konten aplikasi
Gambar 4. 55 Menu Web Administrator
2. Menu Redaktur dan Psikolog Pada Aplikasi Back End Android

Berikut ini adalah tampilan back end aplikasi konsultasi psikologi berbasis
Android untuk Redaktur dan Psikolog. Dalam aplikasi back end ini Redaktur
tidak dapat melakukan pengelolaan artikelfungsinya tidak jauh berbeda dengan
back end berbasis Web. Yaitu Redaktur dan Psikolog memiliki privilege untuk
melakukan manage pada konten aplikasi konsultasi psikologi menggunakan
platform Android.
76
Gambar 4. 56 Perancangan Menu Redaktur/Psikolog Aplikasi Back End Android
3. Menu User Pada Aplikasi Front End Web

Tampilan menu berikut ini merupakan tampilan awal ketika kita
mengakses aplikasi konsultasi psikologi berbasis web. Terdapat 5 menu yang
bisa kita akses dalam web ini. Menu Login kita gunakan apabila kita ingin
masuk sebagai user/member yang terdaftar dan menu Register digunakan
apabila kita ingin mendaftar menjadi member aura.co.id sebagai salah satu
syarat untuk melakukan konsultasi psikologi. Menu Artikel Psikologi berisi
daftar artikel psikologi yang membahas tentang parenting, kepribadian dan
asmara. Menu Konsultasi Psikilogi berisi data hasil konsultasi yang telah
dijawab oleh psikolog. Menu Tanya Psikologi digunakan apabila user ingin
melakukan konsultasi dengan psikolog. Syarat untuk bisa melakukan konsultasi
adalah user harus terdaftar sebagai member dan harus melakukan login. Dan
menu About digunakan untuk membantu user melihat profil nama pembuat
aplikasi dan institusi pembuat aplikasi.
77
Gambar 4. 57 Perancangan Menu Front End Berbasis Web
4. Menu User Pada Aplikasi Front End Android

Berikut ini merupakan tampilan awal ketika kita mengakses aplikasi
konsultasi psikologi berbasis android. Terdapat 4 menu yang bisa kita akses
dalam aplikasi ini. Menu Konsultasi Psikilogi berisi data hasil konsultasi yang
telah dijawab oleh psikolog. Menu Artikel Psikologi berisi daftar artikel
psikologi yang membahas tentang parenting, kepribadian dan asmara. Menu
About digunakan untuk membantu user melihat profil nama pembuat aplikasi
dan institusi pembuat aplikasi. Dan menu Register digunakan apabila kita ingin
mendaftar menjadi member aura.co.id sebagai salah satu syarat untuk
melakukan konsultasi psikologi.
78
Gambar 4. 58 Rancangan Menu Front End Android User/Member
4.4.2. Perancangan Input

1. Perancangan Input Untuk Redaktur dan Psikolog Berbasis Web
a. Perancangan Login
Perancangan input login ini merupakan tahapan awal untuk Redaktur dan
Psikolog masuk ke halaman pengelolaan data, dengan cara menginputkan
username dan password yang telah dimiliki.
Gambar 4. 59 Perancangan Login Web Administrator
b. Perancangan Tambah User

Perancangan Tambah User ini digunakan Redaktur untuk menginputkan
dat a user baru sebagai user dengan level Redaktur atau Psikolog.
79
Gambar 4. 60 Perancangan Tambah User untuk Redaktur
c. Perancangan Tambah Artikel

Perancangan Tambah Artikel ini digunakan Redaktur untuk menginputkan
data artikel baru yang akan tampil dalam konten artikel psikologi.
Gambar 4. 61 Perancangan Tambah Artikel
d. Perancangan Balas Konsultasi

Perancangan Balas Konsultasi ini digunakan Psikolog untuk menjawab
pertanyaan konsultasi yang masuk dari user.
80
Gambar 4. 62 Perancangan Balas Konsultasi untuk Psikolog/Redaktur
2. Perancangan Input Untuk Redaktur dan Psikolog Berbasis Android

Perancangan input login ini merupakan tahapan untuk Redaktur dan
Psikolog masuk ke aplikasi konsultasi berbasis Android.
Gambar 4. 63 Perancangan Login Berbasis Android
81
b. Perancangan Balas Konsultasi
Perancangan input balas konsultasi, dimana Psikolog menjawab
pertanyaan yang diajukan member mengenai kesehatan.
Gambar 4. 64 Perancangan Balas Konsultasi Berbasis Android
3. Perancangan Input Untuk User Berbasis Web

Perancangan Login ini merupakan tahapan untuk user masuk ke dalam
aplikasi konsultasi psikologi berbasis web.
Gambar 4. 65 Perancangan Login User/ Member Berbasis Web
82
b. Perancangan Registrasi
Perancangan Registrasi ini digunakan apabila kita ingin mendaftar menjadi
member aura.co.id. sebagai salah satu syarat untuk melakukan konsultasi
psikologi.
Gambar 4. 66 Perancangan Registrasi untuk User/Member
c. Perancangan Kirim Pertanyaan

Perancangan Kirim Pertanyaan ini digunakan user untuk mengirimkan
pertanyaan seputar psikologi kepada psikolog.
83
Gambar 4. 67 Perancangan Kirim Pertanyaan Berbasis Web
4. Perancangan Input Untuk User Berbasis Android

Perancangan Login ini merupakan tahapan untuk user masuk ke dalam
aplikasi konsultasi psikologi berbasis Android.
84
Gambar 4. 68 Perancangan Login User/Member Berbasis Android
b. Perancangan Registrasi
Perancangan Registrasi ini digunakan apabila kita ingin mendaftar
menjadi member aura.co.id sebagai salah satu syarat untuk melakukan
85
Gambar 4. 69 Perancangan Registrasi User/Member Berbasis Android
c. Perancangan Kirim Pertanyaan

Perancangan Kirim Pertanyaan ini digunakan user untuk mengirimkan
pertanyaan seputar psikologi kepada psikolog.
Gambar 4. 70 Perancangan Kirim Pertanyaan Berbasis Android
86
4.4.3. Perancangan Output
1. Perancangan Output Untuk Redaktur dan Psikolog Berbasis Web
a. Perancangan Data Article
Perancangan Data Article ini digunakan umtuk me-manage semua data

yang berkaitan dengan artikel psikologi. Redaktur memiliki privilege untuk
menambahkan article, meng-update dan menghapus data article.
Gambar 4. 71 Perancangan Data Artikel Web Administrator
b. Perancangan Data Konsultasi Psikologi

Perancangan Data Konsultasi Psokilogi ini berisi pertanyaan seputar
konsultasi psikologi yang dikirim oleh user/member. Redaktur dan
Psikolog adalah user yang memiliki privilege untuk menjawab dan meng-
update jawaban dari proses konsultasi. Terdapat kolom status dimana berisi
tentang status dari konsultasi yang masuk tersebut, apakah telah dijawab
atau belum dijawab.
87
Gambar 4. 72 Perancangan Data Konsultasi Psikologi
c. Perancangan Data Laporan Konsultasi

Perancangan Data Laporan Konsultasi ini dibuat untuk memudahkan
Redaktur dalam membuat laporan data konsultasi pada periode tertentu.
Dalam Laporan Kosnultasi ini tedapat pilihan Periode Konsultasi untuk
menampilkan data hasil konsultasi pada periode tertentu. Sehingga data
konsultasi akan ter-filter sesuai dengan jangka waktu yang ditentukan
oleh Redaktur. Setelah melakukan filter, Redaktur dapat menyimpan data
konsultasi dalam bentuk PDF dengan klik “Download File”.
88
Gambar 4. 73 Perancangan Laporan Konsultasi Psikologi
d. Perancangan Data User

Perancangan Data User ini dibuat redaktur dalam mengelola user yang
memiliki privilege sebagai Redaktur dan Psikolog.
89
Gambar 4. 74 Perancangan Data User untuk Redaktur dan Psikolog
e. Perancangan Data Member

Perancangan Data Member ini dibuat untuk redaktur dalam mengelola
user yang telah terdaftar sebagai member aura.co.id.
90
Gambar 4. 75 Perancangan Data User/Member
f. Perancangan Profil
Perancangan Profil ini dibuat kepada Redaktur dan Psikolog dalam untuk
mengelola data diri mereka dalam profil aplikasi. Profil ini menjadi acuan
untuk identitas mereka ketika membuat artikel atau membalas pertanyaan
91
Gambar 4. 76 Perancangan Profil Psikolog/Redaktur Web Administrator
2. Perancangan Output Untuk Redaktur dan Psikolog Berbasis

Android
a. Perancangan Data Konsultasi Psikologi
Perancangan Data Konsultasi Psokilogi ini berisi pertanyaan seputar
konsultasi psikologi yang dikirim oleh user. Redaktur dan Psikolog adalah
user yang memiliki privilege untuk menjawab dan meng-update jawaban
dari proses konsultasi. Terdapat kolom status dimana berisi tentang status
dari konsultasi yang masuk tersebut, apakah telah dijawab atau belum
dijawab.
92
Gambar 4. 77 Perancangan Data Konsultasi Berbasis Android untuk
Redaktur/Psikolog
b. Perancangan Data Profil

Perancangan Data Profil ini ditujukan pada Redaktur dan Psikolog untuk
mengelola data diri mereka dalam profil aplikasi. Profil ini menjadi acuan
untuk identitas mereka ketika membuat artikel atau membalas pertanyaan
93
Gambar 4. 78 Perancangan Profil Redaktur/Psikolog Berbasis Android
3. Perancangan Output Untuk User Berbasis Web

a. Perancangan Artikel Psikologi
Perancangan Artikel Psikologi ini merupakan salah satu menu yang
terdapat pada front end aplikasi konsultasi psikologi berbasis web. Dalam
perancangan ini terdapat 3 jenis artikel psikologi, yaitu parenting,
kepribadian dan asmara. Semua artikel tersebut dibuat oleh Redaktur.
Gambar 4. 79 Perancangan Output Artikel Psikologi di Front End Web
94
b. Perancangan Konsultasi Psikologi
Perancangan Konsultasi Psikologi ini dibuat untuk user dalam melakukan
konsultasi. User memulai konsultasi dengan cara memilih menu Konsultasi
Psikologi – Tanya Psikologi dalam front end berbasis web.
Gambar 4. 80 Perancangan Hasil Konsultasi Psikologi Front End Web
c. Perancangan Profil
Perancangan Profil ini dibuat untuk user dalam untuk mengelola data diri
mereka dalam profil aplikasi. Profil ini menjadi acuan untuk identitas
mereka ketika melakukan konsultasi psikologi.
95
Gambar 4. 81 Perancangan Profil User/Member Front End Web
4. Perancangan Output Untuk User Berbasis Android

a. Perancangan Artikel Psikologi
Perancangan Artikel Psikologi ini merupakan salah satu menu yang
terdapat pada front end aplikasi konsultasi psikologi berbasis Android.
Dalam perancangan ini terdapat 3 jenis artikel psikologi, yaitu parenting,
kepribadian dan asmara. Semua artikel tersebut dibuat oleh Redaktur.
96
Gambar 4. 82 Perancangan Menu Artikel Psikologi Berbasis Android
b. Perancangan Konsultasi Psikologi

Perancangan Konsultasi Psikologi ini dibuat untuk user dalam melakukan
konsultasi. User memulai konsultasi dengan cara memilih menu Konsultasi
Psikologi – Tanya Psikologi dalam front end berbasis Android.
97
Gambar 4. 83 Perancangan Hasil Konsultasi Psikologi dan Tanya Psikolog Berbasis
Android
c. Perancangan Profil
Perancangan Profil ini dibuat untuk user dalam untuk mengelola data diri
mereka dalam profil aplikasi. Profil ini menjadi acuan untuk identitas
mereka ketika melakukan konsultasi psikologi.
98
Gambar 4. 84 Perancangan Profil User/Member Berbasis Android
99
BAB 5 IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1. Impelementasi Sistem
Tahap implementasi sistem merupakan tahap pengembangan perancangan

sietem. Pada tahap ini dijelaskan mengenai, implementasi perangkat lunak,
implementasi perangkat keras, implementasi basis data, dan implementasi program.
Setelah diimplementasikan maka akan dilakukan pengujian terhadap aplikasi dan akan
dilihat kekurangan aplikasi untuk pengembangan aplikasi selanjutnya.
5.1.1. Implementasi Perangkat Keras
Dalam menerapkan rancangan yang telah dibuat sebelumnya, dibutuhkan
perangkat keras untuk menjalankan aplikasi ini. Adapun perangkat keras yang
dibutuhkan adalah:
1. Handphone berbasiskan sistem operasi Android
Handphone digunakan untuk menjalankan program aplikasi berbasis android
yang telah dikembangkan. Adapun Handphone yang digunakan untuk mencoba
pengimplementasian aplikasi pemesanan konsultasi psikologi ini dengan
spesifikasi sebagai berikut:
a. Sistem Operasi: Android OS, v5.1.1 (Lollipop)
b. Dimensi: 139.3 x 69.6 x 8.5 mm
c. Layar: 720 x 1280 pixels, 5.00 inches
d. Jenis Layar: IPS LCD capacitive touchscreen, 16M colors
e. CPU: Octa-core (4x1.5 GHz Cortex-A53 & 4x1.2 GHz Cortex-A53)
f. Memory Internal: 32 GB
g. RAM: 3 GB
2. Laptop dengan spesifikasi:

a. Processor: AMD A8-6410 APU with AMD Radeon R5 Graphics
(4CPUs), ~2.0 GHz
b. Harddisk: 500 GB
c. Memory: 4096 MB
100
5.1.2. Implementasi Perangkat Lunak
Perangkat lunak yang digunakan pada sistem komputer yang digunakan untuk
membangun Aplikasi Konsultasi Psikologi pada aura.co.id adalah sebagai
berikut:
a. Sistem Operasi: Windows 10 Enterprise 64-bit.
b. Database: PostgreSQL versi 9.5.
c. Administrator Database: pgAdmin III.
d. ADT: Android Studio versi 2.3.
e. Web Framework: Laravel 9.4.
f. Web Service: Eclipse versi Luna.
g. Browser: Google Chrome v58.0.3029.110 (64-bit).
h. App Server: Wildfly10
5.2. Hasil Implementasi

5.2.1. Implementasi Basis Data
Pada pembuatan aplikasi konsultasi psikologi ini menggunakan implementasi
database yang menggunakan perangkat lunak PostgreSQL. Pada implementasi
ini menampilkan struktur tabel yang diimplementasikan pada basis data.
Tabel 5. 1 Tabel Artikel Psikologi
CREATE TABLE public.article

(
id bigint NOT NULL,
created_date timestamp without time zone,
jsonvalue json,
createdby smallint,
category character varying(20),
CONSTRAINT article_pkey PRIMARY KEY (id),
CONSTRAINT fksoarhpfud51mcsri67p25f92w FOREIGN
KEY (createdby)
REFERENCES public.mst_user (id) MATCH SIMPLE
ON UPDATE NO ACTION ON DELETE NO ACTION
)
Tabel 5. 2 Tabel member dan user
101
CREATE TABLE public.mst_user
(
id bigint NOT NULL,
avatar character varying(255),
email character varying(255),
gender character varying(255),
nama character varying(30),
status integer,
Role_id smallint,
CONSTRAINT mst_user_pkey PRIMARY KEY (id),
CONSTRAINT fkobfmimbx942u4stre3a84a6av FOREIGN
KEY (Role_id)
REFERENCES public.mst_Role (id) MATCH SIMPLE
)
Tabel 5. 3 Tabel Konsultasi

CREATE TABLE public.questions
(
id bigint NOT NULL,
created_date timestamp without time zone,
jsonvalue json,
createdby bigint,
CONSTRAINT questions_pkey PRIMARY KEY (id),
CONSTRAINT fk9hmrkujlq7nnbcoooduwt4or4 FOREIGN
KEY (createdby)
)
Tabel 5. 4 Tabel User Authorized

CREATE TABLE public.user_auth
(
id bigint NOT NULL,
password character varying(255),
username character varying(255),
user_id bigint,
last_login timestamp without time zone,
102
CONSTRAINT user_auth_pkey PRIMARY KEY (id),
CONSTRAINT fk8gjxkyhus7kn6gyl7767p748i FOREIGN
KEY (user_id)
)
Tabel 5. 5 Tabel Role / Tugas

CREATE TABLE public.mst_Role
(
id smallint NOT NULL,
Role_code character varying(3),
Role_value "char",
CONSTRAINT mst_Role_pkey PRIMARY KEY (id)
)
5.2.2. Implementasi Program

Implementasi program bertujuan untuk menerangkan secara singkat bagaimana
penggunaan Aplikasi Konsultasi Psikologi di Bidang Parenting, Kepribadian,
dan Asmara pada aura.co.id. Adapun cara pengoperasiannya seperti yang akan
dijelaskan berikut:
5.2.2.1. Implementasi Program Berbasis Android Front End
Berikut ini adalah tampilan antarmuka front end android untuk bagian
member atau pengguna melalui perangkat mobile:
1. Halaman Menu Awal
Pada menu awal ini terdapat lima menu, menu Home, menu Artikel
Psikologi untuk melihat artikel seputar dunia psikologi, menu Konsultasi
untuk mengirimkan pertanyaan, menu About untuk melihat informasi
aplikasi pembuat aplikasi, dan menu Profile untuk mengubah data diri
member.
103
Gambar 5. 1 Tampilan menu awal front end android
2. Halaman Artikel Psikologi
Menu artikel psikologi ini berfungsi untuk menampilkan list artikel
psikologi yang telah diupload sebelumnya, dimana di sebutkan judul-judul
dari artikel tersebut dan dipisahkan berdasarkan kategori yaitu parenting,
kepribadian, dan asmara.
104
Gambar 5. 2 Tampilan arikel psikologi pada front end android
3. Halaman Detail Artikel Psikologi
Menu detail artikel psikologi ini berfungsi untuk menampilkan detail dari
artikel yang dipilih sebelumnya pada daftar artikel psikologi.
Gambar 5. 3 Tampilan detail artikel psikologi pada front end

android
105
4. Halaman Registrasi Member
Berikut ini adalah tampilan antarmuka Registrasi android Member.
Gambar 5. 4 Tampilan registrasi member pada front end android

5. Halaman Input Konsultasi
Menu Input Konsultasi ini digunakan oleh pengguna agar dapat menginput
pertanyaan konsultasin yang akan ditanyakan kepada psikolog.
Gambar 5. 5 Tampilan input konsultasi pada front end android
106
6. Halaman Detail Hasil Konsultasi
Meni detail hasil konsultasi ini dibuat untuk menampilkan detail dari
konsultasi yang pernah dilakukan.
Gambar 5. 6 Tampilan detail hasil konsultasi front end android

7. Halaman Profil
Menu Profil ini dibuat untuk menampilkan data diri user yang telah
terdaftar pada aplikasi.
107
Gambar 5. 7 Tampilan profil pada front end android
8. Halaman About
Menu about ini dibuat untuk menampilkan informasi pembuat aplikasi.
Gambar 5. 8 Tampilan about pada front end android
108
5.2.2.2. Implementasi Program Berbasis Web Front End
Berikut ini adalah tampilan antarmuka front end web untuk bagian member
atau pengguna melalui halaman website:
1. Halaman Menu Awal
Pada halaman menu ini terdapat lima menu, menu Home, menu Artikel
Psikologi untuk melihat artikel seputar dunia psikologi, menu Konsultasi
untuk mengirimkan pertanyaan, menu About untuk melihat informasi
aplikasi pembuat aplikasi, dan menu Profile untuk mengubah data diri
member.
Gambar 5. 9 Tampilan menu awal front end web
2. Halaman Artikel Psikologi

Pada halaman ini ditampilkan list artikel psikologi yang telah diupload
sebelumnya, dimana di sebutkan judul-judul dari artikel tersebut dan
dipisahkan berdasarkan kategori.
Gambar 5. 10 Tampilan menu artikel psikologi pada front end web
109
3. Halaman Detail Artikel Psikologi
Pada halaman ini ditampilkan detail dari artikel yang dipilih sebelumnya
pada daftar artikel psikologi.
Gambar 5. 11 Tampilan detail artikel pada front end web

4. Halaman Registrasi Member
Pada halaman ini Member akan mengisi form yang telah disediakan untuk
melakukan registrasi
110
Gambar 5. 12 Tampilan register member pada front end web
5. Halaman Input Konsultasi
Pada halaman ini pengguna dapat menginputkan konsultasinya yang akan
ditanyakan pada psikolog.
Gambar 5. 13 Tampilan input konsultasi pada front end web
111
6. Halaman Detail Hasil Konsultasi
Pada halaman ini ditampilkan detail dari konsultasi yang pernah dilakukan,
dimana terdapat pertanyaan yang diajukan beserta jawabannya.
Gambar 5. 14 Tampilan detail hasil konsultasi pada front end web
5.2.2.3. Implementasi Program Berbasis Web Back end

Berikut ini adalah tampilan antarmuka back end web untuk Redaktur dan
Psikolog melalui halaman website:
1. Halaman Login untuk Redaktur dan Psikolog
Gambar 5. 15 Tampilan Login untuk Redaktur dan Psikolog pada back end web
112
2. Halaman Data Artikel
Pada halaman ini ditampilkan data artikel psikologi yang telah diinputkan
sebelumnya. Redaktur dapat melakukan tambah data artikel dengan klik
tombol Add New Article.
Gambar 5. 16 Tampilan list artikel pada back end web

3. Halaman Add New Article
Pada halaman ini Redaktur memasukkan judul artikel pada form Title,
memilih kategori, dan menginputkan naskah artikel.
Gambar 5. 17 Tampilan input data artikel pada back end web
113
4. Halaman Konsultasi Masuk
Pada halaman ini ditampilkan data-data konsultasi masuk yang dikirimkan
oleh member.
Gambar 5. 18 Tampilan halaman konsultasi masuk pada back end web

5. Halaman Jawab Konsultasi
Pada halaman ini psikolog dapat menginputkan jawaban konsultasi, dimana
terdapat pertanyaan yang diajukan oleh member.
Gambar 5. 19 Tampilan jawab konsultasi pada back end web
114
6. Halaman Laporan Konsultasi
Pada halaman ini Redaktur dapat mengetahui laporan konsultasi psikologi

berdasarkan pengaturan jangka waktu, selain itu data yang ditampilkan
dapat di-download atau langsung di print-out.
Gambar 5. 20 Tampilan menu laporan konsultasi pada back end web

7. Halaman Data User
Pada halaman ini ditampilkan data user yang memiliki Role Redaktur dan
Psikolog.
Gambar 5. 21 Tampilan data User pada back end web
115
8. Halaman Tambah User
Pada halaman ini Redaktur dapat menambahkan User dengan Role yang
sama atau Role Psikolog.
Gambar 5. 22 Tampilan insert user pada back end web
5.3. Hasil Pengujian

Pengujian perangkat lunak merupakan tahapan untuk menemukan kesalahan-
kesalahan dan kekurangan-kekurangan pada perangkat lunak yang dibangun sehingga
dapat diketahui apakah perangkat lunak tersebut telah sesuai dengan tujuan atau tidak.
5.3.1. Metode Pengujian
Adapun metode pengujian yang digunakan pada perangkat lunak ini adalah
metode pengujian black box. Pengujian black box berfokus pada persyaratan
fungsional perangkat lunak. Metode ini merupakan sebuah pengujian yang
hanya dilakukan dengan mengamati eksekusi melalui data uji dan memberikan
fungsional dari perangkat lunak. Atau pengujian berdasarkan apa yang dilihat,
hanya berfokus terhadap fungsionalitas dan output.
5.3.2. Skenario Uji Coba
Pengujian dilakukan untuk memastikan bahwa program yang telah dibuat akan
berjalan sesuai dengan yang telah dirancang. Pengujian aplikasi ini dilakukan
secara bertahap, yakni membuat skenario pengujian dan melakukan pengujian.
116
Pengujian dilakukan pada aplikasi secara keseluruhan akan tetapi tidak
seluruhnya akan dijelaskan di dalam laporan ini. Pengujian-pengujian yang
dijelaskan dalam laporan ini mewakili keseluruhan pengujian sistem yang
dilakukan.
5.3.2.1. Pengujian Login
Tabel 5. 6 Tabel pengujian login
Skenario Uji Coba Tindakan Status Hasil yang

Pengujian Aplikasi Diharapkan
Redaktur Menu - Memasukkan - User telah - Redaktur
melakukan Halaman username dan terdaftar berhasil
login Login password - Menampilkan login dan
Android dengan data form login mengakses
dan Web normal halaman
utama
- Tampilkan
pesan “ User
Berhasil
Login”
- Memasukkan - User belum - Sistem akan
username dan terdaftar tetap
password - Menampilkan menampilkan
dengan data form login form login
salah dan ada
notifikasi
login gagal
117
5.3.2.2. Pengujian Tambah User
Tabel 5. 7 Tabel pengujian tambah user

Redaktur Menu Memasukkan Menampilkan Menyimpan ke
menambahkan Halaman informasi form Insert database dan
data User User User dengan User menampilkan
akun dengan data normal notifikasi
tipe Psikolog berhasil
atau Redaktur Memasukkan Tidak
informasi menyimpan ke
User dengan database, notif
data salah penambahan
(kosong). gagal
5.3.2.3. Pengujian Tambah Artikel

Tabel 5. 8 Tabel pengujian tambah artikel

Redaktur Halaman Memasukkan Menampilkan Sistem akan
menambahkan Add New judul artikel, form Insert menyimpan
artikel Article memilih Article ke database
psikologi kategori, dan dan notif
memasukkan penambahan
naskah berhasil
artikel.
118
5.3.2.4. Pengujian Update Artikel
Tabel 5. 9 Tabel pengujian update artikel

Redaktur Halaman Mengubah Menampilkan Sistem
mengubah Article judul artikel, Artikel sudah melakukan
naskah artikel mengubah tersimpan update ke
yang sudah kategori, dan sebelumnya database dan
tersimpan mengubah isi notif update
naskah artikel. berhasil
5.3.2.5. Pengujian Laporan Konsultasi

Tabel 5. 10 Tabel pengujian laporan konsultasi

Redaktur Halaman Mengatur - Data Sistem
membuat Laporan jangka waktu konsultasi menampilkan
laporan Konsultasi masuk sudah data konsultasi
konsultasi tersedia sesuai dengan
Psikologi waktu yang
ditentukan
5.3.2.6. Pengujian Jawab Konsultasi

Tabel 5. 11 Tabel jawab konsultasi

Psikolog Halaman Memasukkan - List - Sistem
menjawab Konsultasi jawaban di konsultasi menyimpan
Psikologi kolom masuk jawaban yang
119
pertanyaan jawaban dari berstatus diinput oleh
konsultasi setiap belum oleh psikolog
pertanyaan dijawab - Sistem
yang masuk menampilkan
hasil jawaban
dari Psikolog
5.3.2.7. Pengujian Kirim Pertanyaan

Tabel 5. 12 Tabel pengujian kirim pertanyaan

Member Halaman Memasukkan - Member - Sistem
mengirim Konsultasi judul telah login ke berhasil
pertanyaan Psikologi pertanyaan, aplikasi mengirim
konsultasi memilih pertanyaan
kategori, yang dibuat
memasukkan oleh Member
detail
pertanyaan di - Member - Sistem
form yang belum login menyimpan
telah ke aplikasi pertanyaan ke
disediakan database dan
ditampilkan di
Halaman back
end menu
Konsultasi
120
5.3.2.8. Pengujian Registrasi Member
Tabel 5. 13 Tabel pengujian registrasi member

Member Halaman Member - Member - Member
melakukan Registrasi memasukkan belum berhasil
registrasi Member data diri memiliki melakukan
“Nama”, akun registrasi
“Email”,
“Username” - Registrasi - Apabila
dan gagal registrasi gagal
“Password” maka akan
di form menampilkan
registrasi halaman
registrasi
member
5.3.2.9. Pengujian Login Member

Tabel 5. 14 Tabel pengujian login member

melakukan Login melakukan telah berhasil
login login dengan melakukan melakukan
meng-input registrasi dan login
username memiliki
dan username
password dan password
121
- Member - Apabila login
belum gagal maka
melakukan akan
registrasi menampilkan
kembali
halaman login
5.3.2.10. Pengujian Update Profil

Tabel 5. 15 Tabel pengujian update profil

mengubah Profil mengubah telah berhasil
data profil data profil melakukan mengubah data
login profil
5.3.2.11. Pengujian Lihat Artikel

Tabel 5. 16 Tabel pengujian lihat artikel

Member Halaman Member - Member Member
melihat artikel Artkiel memilih belum berhasil
menu Artikel melakukan membuka
login halaman
- Member Artikel
telah Psikologi
melakukan
login
122
5.4. Analisa Hasil Pengujian
Berdasarkan hasil pengujian dengan kasus uji sample diatas dapat ditarik
kesimpulan bahwa perangkat lunak berjalan dengan baik dan secara fungsional
mengeluarkan hasil yang sesuai dengan yang diharapkan.
123
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan
Setelah melalui tahap perancangan, implementasi dan pengujian Aplikasi
Konsultasi Konsultasi Psikologi di Bidang Parenting, Kepribadian, dan Asmara
berbasis android dan web, dapat ditarik kesimpulan sebagai berikut:
1. Untuk memberikan pelayanan konsultasi psikologi kepada para pembaca,
maka dibangun aplikasi konsultasi psikologi berbasis android dan web
dengan memanfaatkan perkembangan teknologi yang semakin canggih
dalam sarana komunikasi yang sering disebut dengan smartphone maupun
personal computer atau PC.
2. Aplikasi ini juga dapat memberikan kemudahan kepada pengguna dalam
memperoleh informasi seputar psikologi melalui artikel yang di-publish,
seperti artikel “Mengatasi Anak yang Sering Tantrum”, “Mengenal Jenis
Kepribadian”, “Kiat Mengatasi Amarah Pasangan dengan Sentuhan Fisik”,
dll.
3. Aplikasi ini dapat membantu redaktur dalam mengelola data member dan
juga hasil laporan konsultasi psikologi yang sudah dilakukan.
6.2 Saran
Dalam pembangunan Aplikasi Konsultasi Psikologi di Bidang Parenting,
Kepribadian, dan Asmara ini masih jauh dari sempurna dan masih banyak kekurangan.
Oleh karena itu perlu dilakukan pengembangan dan penyempurnaan lebih lanjut.
Adapun saran agar aplikasi ini bisa berfungsi dengan lebih optimal dan lebih menarik
adalah sebagai berikut:
1. Menambahkan fitur laporan konsultasi yang dapat ditampilkan dalam
bentuk grafik, sehingga dapat dengan mudah melihat presentase data
member yang melakukan konsultasi berdasarkan kategori, gender, dan usia
di aplikasi back end android maupun web.
2. Mengembangkan aplikasi konsultasi psikologi yang dapat dimanfaatkan
sebagai data mining di masa depan.
124
Demikian saran yang dapat penulis berikan, semoga saran tersebut bisa
dijadikan sebagai bahan masukkan yang dapat bermanfaat bagi penulis khususnya dan
umumnya bagi masyarakat luas.
125
Daftar Pustaka
Badan Pengembangan dan Pembinaan Bahasa. (2016). KBBI Daring. Retrieved April
2, 2017, from https://kbbi.kemdikbud.go.id/
Ganiardi, M. A. (2014). JQuery Sebagai Komponen Usabilitas Antarmuka Aplikasi
Web. Vol. VI, No. 2, 95-106.
Hafidhoh, S. A., Sudarka, I. N. (2016). Hubungan Antara Parenting Education Dengan
Pembentukan Karakter Anak Usia Dini di PAUD Insan Mulia Binaan UPTD
SKB Kabupaten Nganjuk. Vol 6, No. 1, 1-7.
Haryanto, E. (2015). Queuing System dengan Voice untuk Rumah Sakit atau Klinik
Menggunakan PHP MySql dengan Konsep First in First out. Vol. 5, No. 2, 144-
153.
Haviluddin. (2011). Memahami Penggunaan UML (Unified Modelling Language). Vol
6, No. 1, 1-10.
Juansyah, A. (2015). Pembangunan Aplikasi Child Tracker Berbasis Assisted-Global
Positioning System (A-GPS) Dengan Platform Android. Edisi 1, Vol. 1, 2-3.
Membongkar Misteri Adobe Dreamweaver CS6 dengan PHP & MySQL. (2011).
Yogyakarta: Andi.
Munawaroh, S. (2005). Mengeksplorasi Database PostgreSQL dengan PgAdmin III.
Volume X, No. 2, 103-107.
Murtiwiyati, Lauren, G. (2013). Rancang Bangun Aplikasi Pembelajaran Budaya
Indonesia Untuk Anak Sekolah Dasar Berbasis Android Jurnal Ilmiah
KOMPUTASI, Volume 12 Nomor : 2, p. 3.
Mustakim, Saputra H. E., Suliatun, Aszani. (2016). Membangun Web Engineering
Puzzle Research Data Mining Menggunakan Model Navigational Development
Technique. Jurnal Rekayasa dan Manajemen Sistem Informasi, Vol. 2, No. 1, 4.
Mutiah, D. (2010). Psikologi Bermain Anak Usia Dini. Jakarta: Kencana.
Nugroho, B. (2005). Database Relasional dengan MySQL. Yogyakarta: Andi.
Nyura, Y. (2010). Pembuatan Aplikasi Pembelajaran Bahasa Inggris Pada Handphone
dengan J2ME. Vol 5, No. 3, 18-27.
126
Pressman, R. S. (2002). Rekayasa Perangkat Lunak: Pendekatan Praktisi (Bukus Dua).
Yogyakarta: Andi. pp. 697-698.
Pressman, R. S. (2002). Rekayasa Perangkat Lunak: Pendekatan Praktisi (Buku Satu).
Yogyakarta: Andi. pp. 37-38, 551.
PT. Media Bintang Indonesia. (2015). Company Profile. Jakarta
Rusianto., Butarbutar, M. (1987-1988). Modul Pembelajaran Algoritma Dasar.
Universitas Indonesia.
Safaat, N. H. (2015). Pemrogramaan Aplikasi Mobile Smartphone dan Tablet PC
Berbasis Adroid. Bandung: Informatika.
Simarmata, J. (2006). Sekilas Tentang MySQL, PHP, HTML dan WML: Aplikasi
Mobile Commerce Menggunakan PHP dan MySQL. Yogyakarta: Andi.
Sunarfrihantono, B. (2002). MySQL: PHP dan MySQL untuk Web. Yogyakarta: Andi.
Susanto, M. I., Darwiyanto. E., Wisudawan, G. A. A. (2015). Pengukuran Software
Metric Terhadap Implementasi Framework Laravel Pada Pembangunan Aplikasi
Berbasis Web. Retrieved April 2, 2017, from
https://openlibrary.telkomuniversity.ac.id/home/catalog/id/104218/slug/penguk
uran-software-metric-terhadap-implementasi-framework-laravel-pada-
pembangunan-aplikasi-berbasis-webstudi-kasus-jurnal-logic.html
Tim Elex Media Solusindo. (2016). All in One Web Programming. Jakarta: PT Elex
Media Komputindo.
WildFly. (n.d.). Retrieved June 1, 2017, from https://en.wikipedia.org/wiki/WildFly
Yatini, I. B. (2010). Algoritma dan Flowchar: Flowchart, Algoritma, dan Pemrograman
Menggunakan Bahasa C++ Builder. Yogyakarta: Graha Ilmu.
127

Combine - Rahmad

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Combine - Rahmad

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI KONSULTASI PSIKOLOGI DI BIDANG PARENTING,

KEPRIBADIAN, DAN ASMARA BERBASIS ANDROID DAN WEB

1. Rahmad Hidayat - 41513110007

PROGRAM STUDI INFORMATIKA

Laporan Tugas Akhir

Diajukan Untuk Melengkapi Salah Satu Syarat

1. Rahmad Hidayat - 41513110007

PROGRAM STUDI INFORMATIKA

Yang bertanda tangan dibawah ini:

Jakarta, Juni 2017

1. Rahmad Hidayat 41513110007

Judul : APLIKASI KONSULTASI PSIKOLOGI DI BIDANG

TUGAS AKHIR INI TELAH DIPERIKSA DAN DISIDANGKAN

Diky Firdaus, S.Kom, MM

Diky Firdaus, S.Kom, MM Desi Ramayanti, S.Kom, MT

Assalamu'alaikum Wr. Wb.

Jakarta, Juni 2017

Rahmad Hidayat, Rina Susiana. 2017. Aplikasi Konsultasi Psikologi Berbasis

Katakunci: Aplikasi, Konsultasi Psikologi, Android, Aplikasi Berbasis Web

Rahmad Hidayat, Rina Susiana. 2017. Application of Psychological

Keywords: Application, Psychology Consultation, Android, Web Based

LEMBAR PERNYATAAN .......................................................................................... ii

Gambar 2. 1 Logo Android Studio............................................................................. 11

Gambar 3. 1 Activity diagram pengiriman pertanyaan yang sedang berjalan ........... 23

Gambar 4. 1 Algoritma First In First Out .................................................................. 31

Gambar 5. 1 Tampilan menu awal front end android .............................................. 104

Tabel 3. 1 Tabel Evaluasi Sistem yang Sedang Berjalan ........................................... 24

Tabel 4. 1 Scenario use case Pengelolaan Artcile ...................................................... 35

Tabel 5. 1 Tabel Artikel Psikologi ........................................................................... 101

1.1. Latar Belakang

1.2. Perumusan Masalah

1.3. Batasan Masalah

1.5. Metodologi Penelitian

Metodologi Pengembangan Sistem

1.6. Sistematika Penulisan

1.7. Lokasi dan Waktu Penelitian

Gambar 2. 1 Logo Android Studio

Menurut Nazruddin Safaat H (2015:2) Android SDK adalah tools API

Gambar 2. 2 Logo Laravel

HTML adalah singkatan dari HyperText Markup Language. Bahasa

Gambar 2. 3 Aturan Antrian First in First Out

2.10. Tahapan Perkembangan RPL

Gambar 2. 4 Model Sekuensial Linier

Lingkup aktivitas-aktivitas dalam model sekuensial linier:

2.11. UML (Unified Modelling Language)

2.12. Metode Pengujian Black Box

2.13. Konsultasi Psikologi

2.14. Gambaran Umum PT. Media Bintang Indonesia

Pada bulan Januari 2003, PT. Media Bintang Indonesia mengembangkan

2.15. Logo Aura.co.id

Gambar 2. 5 Logo Aura.co.id

Analisa sistem bertujuan untuk mendapatkan pemahaman secara keseluruhan

Membaca Artikel Konsultasi psikologi

Menginputkan data diri dan Menerima form data diri dan

Gambar 3. 1 Activity diagram pengiriman pertanyaan yang sedang berjalan

2. Activity Diagram konsultasi

Memilih pertanyaan yang akan

Mengirimkan pertanyaan melalui Menerima pertanyaan melalui

Menerima jawaban konsultasi

Gambar 3. 2 Activity diagram konsultasi yang sedang berjalan

No Permasalahan Bagian Solusi

2 Adanya kebutuhan dari Redaksi Pembuatan aplikasi back end

3.2. Analisa Pengguna

3.8.3. Prosedur Penggunaan Aplikasi Bagi Psikolog Berbasis Web