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 104

c. Memory: 4096 MB 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 105

) Tabel 5. 2 Tabel member dan user 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 ON UPDATE NO ACTION ON DELETE NO ACTION ) 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) REFERENCES public.mst_user (id) MATCH SIMPLE ON UPDATE NO ACTION ON DELETE NO ACTION ) Tabel 5. 4 Tabel User Authorized CREATE TABLE public.user_auth ( id bigint NOT NULL, password character varying(255), 106

username character varying(255), user_id bigint, last_login timestamp without time zone, CONSTRAINT user_auth_pkey PRIMARY KEY (id), CONSTRAINT fk8gjxkyhus7kn6gyl7767p748i FOREIGN KEY (user_id) REFERENCES public.mst_user (id) MATCH SIMPLE ON UPDATE NO ACTION ON DELETE NO ACTION ) 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. 107

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. 108

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. 109

Gambar 5. 3 Tampilan detail artikel psikologi pada front end android 4. Halaman Registrasi Member Berikut ini adalah tampilan antarmuka Registrasi android Member. 110

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. 111

Gambar 5. 5 Tampilan input konsultasi pada front end android 6. Halaman Detail Hasil Konsultasi Meni detail hasil konsultasi ini dibuat untuk menampilkan detail dari konsultasi yang pernah dilakukan. 112

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. Gambar 5. 7 Tampilan profil pada front end android 8. Halaman About Menu about ini dibuat untuk menampilkan informasi pembuat aplikasi. 113

Gambar 5. 8 Tampilan about pada front end android 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. 114

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 3. Halaman Detail Artikel Psikologi Pada halaman ini ditampilkan detail dari artikel yang dipilih sebelumnya pada daftar artikel psikologi. 115

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 116

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 117

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 2. Halaman Data Artikel 118

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 4. Halaman Konsultasi Masuk 119

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 6. Halaman Laporan Konsultasi 120

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 8. Halaman Tambah User 121

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 kesalahankesalahan 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. 122

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 Pengujian Redaktur Menu - Memasukkan melakukan Halaman username dan login Login password Android dengan data dan Web normal - Memasukkan username dan password dengan data salah Status Aplikasi - User telah terdaftar - Menampilkan form login - User belum terdaftar - Menampilkan form login Hasil yang Diharapkan - Redaktur berhasil login dan mengakses halaman utama - Tampilkan pesan User Berhasil Login - Sistem akan tetap menampilkan form login dan ada notifikasi login gagal 5.3.2.2. Pengujian Tambah User Tabel 5. 7 Tabel pengujian tambah user 123

Skenario Uji Coba Tindakan Pengujian Redaktur Menu Memasukkan menambahkan Halaman informasi data User User User dengan akun dengan data normal tipe Psikolog atau Redaktur Memasukkan informasi User dengan data salah (kosong). Status Aplikasi Menampilkan form Insert User Hasil yang Diharapkan Menyimpan ke database dan menampilkan notifikasi berhasil Tidak menyimpan ke database, notif penambahan gagal 5.3.2.3. Pengujian Tambah Artikel Tabel 5. 8 Tabel pengujian tambah artikel Skenario Uji Coba Tindakan Pengujian Redaktur Halaman Memasukkan menambahkan Add New judul artikel, artikel Article memilih psikologi kategori, dan memasukkan naskah artikel. Status Aplikasi Menampilkan form Insert Article Hasil yang Diharapkan Sistem akan menyimpan ke database dan notif penambahan berhasil 5.3.2.4. Pengujian Update Artikel Tabel 5. 9 Tabel pengujian update artikel Skenario Uji Coba Tindakan Pengujian Status Aplikasi Hasil yang Diharapkan 124

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 Skenario Uji Coba Tindakan Pengujian Redaktur Halaman Mengatur membuat Laporan jangka waktu laporan Konsultasi konsultasi Psikologi Status Aplikasi - Data konsultasi masuk sudah tersedia Hasil yang Diharapkan Sistem menampilkan data konsultasi sesuai dengan waktu yang ditentukan 5.3.2.6. Pengujian Jawab Konsultasi Tabel 5. 11 Tabel jawab konsultasi Skenario Uji Coba Tindakan Pengujian Psikolog Halaman Memasukkan menjawab Konsultasi jawaban di pertanyaan Psikologi kolom konsultasi jawaban dari setiap pertanyaan yang masuk Status Aplikasi - List konsultasi masuk berstatus belum dijawab Hasil yang Diharapkan - Sistem menyimpan jawaban yang diinput oleh oleh psikolog - Sistem menampilkan 125

hasil jawaban dari Psikolog 5.3.2.7. Pengujian Kirim Pertanyaan Tabel 5. 12 Tabel pengujian kirim pertanyaan Skenario Uji Coba Tindakan Pengujian Member Halaman Memasukkan mengirim Konsultasi judul pertanyaan Psikologi pertanyaan, konsultasi memilih kategori, memasukkan detail pertanyaan di form yang telah disediakan Status Aplikasi - Member telah login ke aplikasi - Member belum login ke aplikasi Hasil yang Diharapkan - Sistem berhasil mengirim pertanyaan yang dibuat oleh Member - Sistem menyimpan pertanyaan ke database dan ditampilkan di Halaman back end menu Konsultasi 5.3.2.8. Pengujian Registrasi Member Tabel 5. 13 Tabel pengujian registrasi member Skenario Uji Coba Tindakan Pengujian Member memasukkan Status Aplikasi - Member belum Hasil yang Diharapkan - Member berhasil 126

Member Halaman data diri memiliki melakukan melakukan Registrasi Nama, akun registrasi registrasi Member 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 Skenario Uji Coba Tindakan Pengujian Member Halaman Member melakukan Login melakukan login login dengan meng-input username dan password Status Aplikasi - Member telah melakukan registrasi dan memiliki username dan password Hasil yang Diharapkan - Member berhasil melakukan login - Member belum melakukan registrasi - Apabila login gagal maka akan menampilkan kembali halaman login 127

5.3.2.10. Pengujian Update Profil Tabel 5. 15 Tabel pengujian update profil Skenario Uji Coba Tindakan Pengujian Member Halaman Member mengubah Profil mengubah data profil data profil Status Aplikasi - Member telah melakukan login Hasil yang Diharapkan - Member berhasil mengubah data profil 5.3.2.11. Pengujian Lihat Artikel Tabel 5. 16 Tabel pengujian lihat artikel Skenario Uji Coba Tindakan Pengujian Member Halaman Member melihat artikel Artkiel memilih menu Artikel Status Aplikasi - Member belum melakukan login - Member telah melakukan login Hasil yang Diharapkan Member berhasil membuka halaman Artikel Psikologi 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. 128