No title

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

http://digilib.mercubuana.ac.id/

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

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 Redaktur

Uji Coba Menu

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

- 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

5.3.2.2.

Pengujian Tambah User Tabel 5. 7 Tabel pengujian tambah user

123


Skenario Redaktur

Uji Coba Menu

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Memasukkan Menampilkan Menyimpan ke

menambahkan Halaman

informasi

form Insert

database dan

data User

User dengan

User

menampilkan

User

akun dengan

data normal

notifikasi

tipe Psikolog

berhasil

atau Redaktur

5.3.2.3.

Memasukkan

Tidak

informasi

menyimpan ke

User dengan

database, notif

data salah

penambahan

(kosong).

gagal

Pengujian Tambah Artikel Tabel 5. 8 Tabel pengujian tambah artikel

Skenario Redaktur

Uji Coba

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Halaman

Memasukkan

Menampilkan Sistem akan

menambahkan Add New

judul artikel,

form Insert

menyimpan

artikel

memilih

Article

ke database

Article

psikologi

kategori, dan

dan notif

memasukkan

penambahan

naskah

berhasil

artikel. 5.3.2.4.

Pengujian Update Artikel Tabel 5. 9 Tabel pengujian update artikel

Skenario

Uji Coba

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

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

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Redaktur

Halaman

Mengatur

- Data

Sistem

membuat

Laporan

jangka waktu

konsultasi

menampilkan

laporan

Konsultasi

masuk sudah data konsultasi

konsultasi

tersedia

Psikologi

sesuai dengan waktu yang ditentukan

5.3.2.6.

Pengujian Jawab Konsultasi Tabel 5. 11 Tabel jawab konsultasi

Skenario

Uji Coba

Psikolog

Halaman

menjawab pertanyaan konsultasi

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Memasukkan

- List

- Sistem

Konsultasi jawaban di

konsultasi

menyimpan

Psikologi

kolom

masuk

jawaban yang

jawaban dari

berstatus

diinput oleh

setiap

belum

oleh psikolog

pertanyaan

dijawab

- Sistem

yang masuk

menampilkan

125


hasil jawaban dari Psikolog

5.3.2.7.

Pengujian Kirim Pertanyaan Tabel 5. 12 Tabel pengujian kirim pertanyaan

Skenario

Uji Coba

Member

Halaman

mengirim pertanyaan

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

- Member

- Sistem

Konsultasi judul

telah login ke

berhasil

Psikologi

aplikasi

mengirim

konsultasi

Memasukkan pertanyaan, 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

5.3.2.8.

Pengujian Registrasi Member Tabel 5. 13 Tabel pengujian registrasi member

Skenario

Uji Coba

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Member

- Member

- Member

memasukkan

belum

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

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Member

Halaman

Member

- Member

- Member

melakukan

Login

melakukan

telah

berhasil

login dengan

melakukan

melakukan

meng-input

registrasi dan

login

username

memiliki

dan

username

password

dan password

login

- Member

- Apabila login

belum

gagal maka

melakukan

akan

registrasi

menampilkan kembali halaman login

127


5.3.2.10.

Pengujian Update Profil Tabel 5. 15 Tabel pengujian update profil

Skenario

Uji Coba

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Member

Halaman

Member

- Member

- Member

mengubah

Profil

mengubah

telah

berhasil

data profil

melakukan

mengubah data

login

profil

data profil

5.3.2.11.

Pengujian Lihat Artikel Tabel 5. 16 Tabel pengujian lihat artikel

Skenario Member

Uji Coba Halaman

melihat artikel Artkiel

Tindakan

Status

Hasil yang

Pengujian

Aplikasi

Diharapkan

Member

- Member

Member

memilih

belum

berhasil

menu Artikel

melakukan

membuka

login

halaman

- Member

Artikel

telah

Psikologi

melakukan login

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


No title

Recommend Documents