BAB IV

ANALISIS DAN DESAIN

Pada bab ini akan dipaparkan mengenai perancangan desain aplikasi meliputi konsep,
desain dan juga material collecting yang terdapat pada aplikasi.
4.1.Konsep
.1.1Deskripsi Proyek
Berikut merupakan deskripsi dari aplikasi yang akan dibuat beserta
penjelasannya.
Tabel 4.1 Deskripsi Proyek

Nama Aplikasi

Aplikasi Profil PT. Anugerah Generasi Bersama

Bentuk Aplikasi

Berbasis Android
Aplikasi ini tergolong dalam aplikasi yang

Fitur

memberikan informasi kepada penggunanya.

1. Menu Profil PT. Anugerah Generasi Bersama
2. Menu profil karyawan PT Anugerah Generasi
Bersama;
3. Menu history proyek
4. Menu contact us informasi kontak yang dapat
dihubungi oleh pengguna

Teknologi

5. Menu Bantuan
Android Studio 2.0, Java JDK, Android SDK,

Target Pengguna

Android ADT, Photoshop CS 6, dll

Pengguna aktif smartphone yang ingin mengetahui

Platform & Format

lebih lanjut Profil PT. Anugerah Generasi Bersama

Aplikasi yang dikembangkan ini tergolong aplikasi
yang

dijalankan

pada

perangkat

Mobile

(smartphone) yang menggunakan sistem operasi

Android dengan spesifikasi minimal Android 4.0.
Genre Aplikasi

Format aplikasi berupa file.apk

Aplikasi
ini
bergenre
informasi

yang

memberitahukan lebih lanjut mengenai sebuah

Profil Perusahaan konsultan

4.1.2. Analisis Sistem

Berikut merupakan flowchart bisnis proses dari aplikasi yang dibuat:

Gambar 4.1 Flowchart Pilihan Menu Aplikasi

4.2. Desain
4.2.1. Desain Sistem Menggunakan Unified Modelling Language
Aplikasi ini menggunakan model UML sebagai desain sistemnya. Dalam
pembuatan aplikasi android dibutuhkan perancangan sistem untuk
mempermudah dalam pembuatan dan penerapannya. Berikut adalah
perancangan sistem dengan menggunakan 3 (Tiga) model diagram UML
yaitu Use Case Diagram, Activity Diagram, dan Sequence diagram.
4.2.1.1.1. Use Case Diagram
Use case atau diagram use case merupakan pemodelan untuk kelakukan
(behavior) aplikasi yang akan dibuat. Use case mendeskripsikan sebuah
interaksi antara satu atau lebih aktor dengan aplikasi yang akan dibuat,
secara kasar, use case digunakan untuk mengetahui fungsi apa saja yang

ada di dalam sebuah aplikasi dan siapa saja yang berhak menggunakan
fungsi-fungsi itu.
4.2.1.1.2.
Definisi Aktor
Tabel 4.2 Definisi Aktor

No
Aktor
1.
User / Pengguna
4.2.1.1.3. Definisi Use Case

Deskripsi
Aktor yang akan menggunakan aplikasi

Tabel 4.3 Definisi Use case

No
1.

Use Case
Memilih Profil Perusahaan

Deskripsi
Pre-Condition :
Pengguna ingin memilih menu profil
Proses :
Menampilkan tampilan halaman dari menu profil
untuk mengetahui profil PT. Anugerah Generasi
Bersama
Post-condition :

2.

Memilih Profil Karyawan

Pengguna telah memilih menu profil

Pre-Condition :
Pengguna ingin memilih menu profil karyawan
Proses :
Menampilkan tampilan halaman dari menu profil
karyawan
Post-Condition :

3.

Memilih History Proyek

Pengguna telah memilih menu profil karyawan

Pre-Condition :
Pengguna ingin memilih menu history proyek
Proses :
Menampilkan tampilan halaman dari menu history
proyek
Post-Condition :

4.

Memilih Contact Us

Pengguna telah memilih menu history proyek

Pre-Condition :
Pengguna ingin memilih menu Contact Us
Proses :

Menampilkan tampilan halaman dari menu Contact

Us
Post-Condition :
5.

Memilih Bantuan

Pengguna telah memilih menu Contact Us

Pre-Condition :
Pengguna ingin memilih menu bantuan
Proses :
Menampilkan tampilan halaman dari menu bantuan
Post-Condition :
Pengguna telah memilih menu bantuan

4.2.1.1.4.

Skenario Usecase
Berikut adalah skenario jalanya masing-masing use case yang telah

didefinisikan sebelumnya:
Nama Use case: memilih profil perusahaan
Skenario:
Tabel 4.4 skenario use case memilih menu profil perusahaan
Aksi actor
Skenario normal
1.
Memilih menu profil perusahaan

Reaksi Sistem
2.............................................................................
perusahaan

Nama Use case: memilih profil karyawan

Skenario:
Tabel 4.5 skenario use case memilih menu profil karyawan
Aksi actor
Skenario normal
1.
Memilih menu profil karyawan

Reaksi Sistem
2.............................................................................
karyawan

Nama Use case: memilih history proyek

Skenario:
Tabel 4.6 skenario use case memilih menu history proyek
Aksi actor
Skenario normal
1.
Memilih menu history proyek

Reaksi Sistem
2.Menampilkan
proyek

Nama Use case: memilih contact us

form

history

Skenario:
Tabel 4.7 skenario use case memilih menu contact us
Aksi actor
Skenario normal
1.
Memilih menu contact us

Reaksi Sistem
2.....................................................................

Nama Use case: memilih bantuan

Skenario:
Tabel 4.8 skenario use case memilih menu bantuan
Aksi actor
Skenario normal
1.
Memilih menu bantuan

Reaksi Sistem
2.........................................................................

Berikut adalah diagram use case dari aplikasi pemanasan vokal.

Gambar 4.2 Use Case Pengunjung Aplikasi

4.2.1.2. Diagram Aktivitas
Activity

diagram

atau

Diagram

Aktivitas

berfungsi

untuk

memodelkan alur kerja (workflow) sebuah proses dan aktivitas dalam suatu
proses. Dalam aplikasi ini, aktivitas yang dapat digambarkan didalam activity
diagram adalah sebagai berikut.

Gambar 4.3 Diagram Aktivitas Case Profil Perusahaan

Gambar 4.4 Diagram Aktivitas Case Profil karyawan

Gambar 4.5 Diagram Aktivitas History Proyek

Gambar 4.6 Diagram Aktivitas Case Contact us

Gambar 4.7 Diagram Aktivitas Case Bantuan

Aktivitas atau kegiatan yang dapat dikerjakan oleh pengguna adalah :
1. Pada bagian awal pengguna akan dipersilahkan untuk memilih menu utama apa
yang akan digunakan.
2. Apabila ingin memilih menu profil perusahaan, maka aplikasi akan menampilkan
profil mengenai PT. Anugerah Generasi Bersama.
3. Apabila ingin memilih menu profil karyawan, maka aplikasi akan menampilkan
profil mengenai karyawan di PT. Anugerah Generasi Bersama.
4. Memilih menu Contact Us, disini pengguna akan di berikan info-info mengenai
kontak PT. anugerah Generasi Bersama yang dapat dihubungi.
5. Memilih menu bantuan, disini pengguna akan di berikan tampilan gambar berisi
teks hal-hal mengenai aplikasi.
4.2.1.3. Class Diagram

Gambar 4.8 Class Diagram Aplikasi

4.3. Desain
Desain Interface dibuat berdasarkan kebutuhan yang diusulkan
sebagai rekomendasi untuk penyempurnaan tampilan dalam menangani
interaksi antara pengguna dan aplikasi media pembelajaran. Berikut
merupakan desain interface dari aplikasi media pembelajaran yang dibuat.
4.3.1. Navigation Tree
Pada bagian ini akan diberikan gambar mengenai alur navigasi dari
aplikasi profil PT. Anugerah Generaasi Bersama sebagai berikut:

Gambar 4.9 Navigation Tree

Pada gambar diatas telah ditunjukkan bahwa menu utama aplikasi
terdiri dari 5 menu pilihan yaitu Profil Perusahaan, Profil Karyawan,
History proyek, Contact Us, dan bantuan. Profil perusahaan menampilkan
sejarah singkat berdirinya perusahaan. Pada Profil karyawan pengguna
dapat melihat data-data karyawan pada perusahaan. Kemudian history
proyek menampilkan rekam proyek yang telah diselesaikan oleh
perusahaan. Pada menu contact us akan ditampilkan informasi kontak
perusahaan yang dapat dihubungi dan pada menu bantuan akan ditampilkan
bantuan tentang aplikasi.
4.3.2. Desain Interface
Desain Interface dibuat berdasarkan kebutuhan yang diusulkan
sebagai rekomendasi untuk penyempurnaan tampilan dalam menangani
interaksi antara pangguna dan aplikasi. Berikut merupakan desain
interface dari aplikasi profil PT. Anugerah Generasi yang dibuat.
4.3.2.1.

Halaman Menu Utama

Halaman utama merupakan tampilan awal yang akan pertama kali

dilihat oleh pengguna ketika mengakses aplikasi ini. Rancangan halaman

utama dapat dilihat pada gambar berikut :

Gambar 4.10 Desain Halaman Menu Utama

Halaman utama aplikasi ini berisi 5 menu pilihan yang dapat
dipilih oleh pengguna, yaitu Profil perusahaan, profil karyawan, history
proyek, contact us, dan bantuan. Dimana ketika memilih menu profil
perusahaan akan tampil sejarah singkat berdirinya perusahaan. Pada Profil
karyawan akan tampil data-data karyawan pada perusahaan. Kemudian
history proyek akan tampil rekam proyek yang telah diselesaikan oleh
perusahaan. Pada menu contact us akan ditampilkan informasi kontak
perusahaan yang dapat dihubungi dan pada menu bantuan akan
ditampilkan bantuan tentang aplikasi.
4.3.2.2.Halaman Profil Perusahaan
Halaman profil perusahaan adalah halaman yang akan tampil
ketika pengguna memilih menu Profil perusahaan, Rancangan halaman
profil perusahaan dilihat pada gambar berikut

Gambar 4.11 Halaman Menu Profil

Desain antarmuka berikut merupakan tampilan menu profil, yang
akan ditampilkan berupa teks tentang sejarah berdirinya PT. Anugerah
Generasi Bersama.
4.3.2.3.Halaman Profil Karyawan
Halaman profil karyawan adalah halaman yang akan tampil ketika
pengguna memilih menu Profil karyawan, Rancangan halaman profil
karyawan dilihat pada gambar berikut :

Gambar 4.12 Halaman Menu Profil

Pada halaman menu profil karyawan akan ditampilkan data
karyawan yang berasal dari tabel karyawan pada database.

4.3.2.4.Halaman History Proyek

Halaman history proyek adalah halaman yang akan tampil ketika
pengguna memilih menu history proyek, Rancangan halaman history
proyek dilihat pada gambar berikut :

Gambar 4.13 Halaman Menu Profil

Pada halaman menu history proyek akan ditampilkan data proyek
yang telah diselesaikan perusahaan. Data tersebut berasal dari tabel proyek
pada database. Halaman ini akan otomatis dalam keadaan landscape.

4.3.2.5.Halaman Contact Us
Halaman contact us adalah halaman yang akan tampil ketika
pengguna memilih menu contact us , Rancangan halaman contact us
dilihat pada gambar berikut :

Gambar 4.14 Halaman Menu Profil

Desain antarmuka berikut merupakan tampilan menu contact us,
yang akan menampilkan teks dan gambar tentang informasi kontak PT.
Anugerah Generasi Bersama yang dapat dihubungi.
4.3.2.6.Halaman Bantuan
Halaman bantuan adalah halaman yang akan tampil ketika
pengguna memilih menu bantuan , Rancangan halaman bantuan dilihat
pada gambar berikut :

Gambar 4.14 Halaman Menu Profil

Desain antarmuka berikut merupakan tampilan menu bantuan,
yang akan menampilkan teks dan gambar tentang informasi aplikasi.

4.4. Material Collecting (Pengumpulan Bahan)

Material collecting adalah tahap pengumpulan bahan seperti clip
art image, animasi, audio, pembuatan gambar grafik, foto, dan lain-lain
yang diperlukan untuk tahap berikutnya dimana objek tersebut akan

digunakan dalam aplikasi. Bahan diperoleh dari sumber-sumber seperti

library, bahan yang sudah ada pada pihak lain, atau pembuatan khusus
yang dilakukan oleh pihak luar maupun langsung dibuat sendiri.
Tabel 4.9 Material Collecting

Gambar

Sumber
Dibuat Oleh Brian Pratama

Dibuat Oleh Brian Pratama

Dibuat Oleh Brian Pratama
Dibuat Oleh Brian Pratama
Dibuat Oleh Brian Pratama
Dibuat Oleh Brian Pratama