BAB III ANALISIS DAN DESAIN SISTEM

(1)

33 III.1. Analisis Masalah

Analisa masalah yang berjalan bertujuan untuk mengidentifikasi serta melakukan evaluasi Sistem Informasi Geografis Lokasi Support Center Resmi

Notebook di Medan Berbasis Android yang telah ada sebelumnya. Analisa masalah yang penulis identifikasikan adalah :

1. Masih terbatas sistem informasi geografis lokasi center resmi notebook

khususnya di kota Medan dengan menggunakan aplikasi android.

2. Informasi mengenai lokasi center resmi notebook tidak efisien dan efektif dikarenakan informasi hanya didapatkan dari iklan dan sebaran brosur. Adapun pemecahan masalah yang diusulkan oleh penulis adalah sebagai berikut :

1. Meningkatkan pengetahuan dan keterampilan yang bersifat teori dan prakteknya.

2. Membuat perancangan aplikasi sistem informasi geografis berbasis android.

3. Menganalisis dan pengujian aplikasi sistem informasi geografis berbasis android.

(2)

III.2. Desain Sistem

Desain sistem secara global menggunakan bahasa pemodelan UML yang terdiri dari UsecaseDiagram, ClassDiagram, dan SequenceDiagram.

III.2.1. Usecase Diagram

Secara garis besar, bisnis proses sistem yang akan dirancang digambarkan dengan usecase diagram yang terdapat pada Gambar III.1 :

admin Pengaturan Program <extends> Login user Tentang Program Tampilan Utama Logout <extends> <include> <extends> <include> Support Center

Gambar III.1. Use Case Diagram Sistem Geografis Lokasi Support Center

Resmi Notebook di Kota Medan

III.2.2. Class Diagram

Rancangan kelas-kelas yang akan digunakan pada sistem yang akan dirancang dapat dilihat pada gambar III.2 :

(3)

Sistem Informasi Geografis Lokasi Support Center Resmi Notebook di Kota Medan user Id_User Username Password Nama lokasi Kode_Lokasi Nama_Lokasi Telepon Alamat Gambar Keterangan Koordinat rute ID_Rute Dari Menuju Jarak using using using

Gambar III.2. Class Diagram Sistem Informasi GIS Lokasi Support Center

Resmi Notebook

III.2.3. Activity Diagram

Bisnis proses yang telah digambarkan pada use case diagram dijabarkan dengan Acitvity diagram :

1. Activity Diagram Melakukan Login Sistem

Aktifitas untuk melakukan login untuk dapat masuk kedalam sistem terlihat seperti pada gambar III.3 berikut :

Memasukkan Username

Memasukkan Password

Aktifkan Menu User

Menampilkan Pesan Error

invalid

Valid

Click Menu Masuk

(4)

2. Activity Diagram Tampilan Utama

Aktivitas untuk melihat tampilan utama pada sistem seperti pada gambar III.4 berikut :

Menu Admin

Click Tampilan Utama

Lihat informasi menu utama

Gambar III.4. Activity Diagram Melihat Tampilan Utama 3. Activity Diagram Ganti Password

Aktivitas untuk melihat ganti password admin pada sistem seperti pada gambar III.5 berikut :

Menu Admin

Ubah Data Old Password

Ubah Data New Password

Click Change

(5)

4. Activity Diagram Daftar Support Center

Aktivitas untuk melihat daftar Support Center Resmi Notebook pada sistem seperti pada gambar III.6 berikut :

Menu Admin

Click Daftar Lokasi

Click Lokasi

Lihat Informasi Lokasi

Gambar III.6. Activity Diagram Melihat Daftar Support Center Resmi

Notebook

5. Activity Diagram Pengaturam Program

Aktivitas untuk melihat mengenai pengaturan program pada sistem seperti pada gambar III.7 berikut :

Menu Admin

Click Pengaturan Aplikasi

Lihat Informasi

(6)

6. Activity Diagram Tentang Program

Aktivitas untuk melihat mengenai tentang program pada sistem seperti pada gambar III.8 berikut :

Menu Admin

Click tentang Aplikasi

Lihat Informasi tentang Aplikasi

Gambar III.8. Activity Diagram Tentang Aplikasi

III.2.4. Sequence Diagram

Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada

sequence diagram berikut :

1. Sequence Diagram Login admin

Serangkaian kinerja sistem login yang dilakukan oleh admin dapat diterangkan dengan langkah-langkah state, dimulai dari memasukkan email dan memasukkan password, jika Akun valid maka sistem akan mengaktifkan menu

user, sedangkan jika tidak valid, maka tampilkan pesan kesalahan yang ditunjukkan pada gambar III.9 berikut :

(7)

Main form Form Login Proses Login

Tampilkan Fom ()

Menu ()

click form login

Validasi nama dan password () Koneksi database () Invalid () Tabel user Administrator

Website Menu Admin

valid

Gambar III.9. Sequence Diagram Login

2. Sequence Diagram Tampilan Utama

Serangkaian kerja untuk melihat tampilan utama pada sistem seperti pada gambar III.10 berikut :

Form Tampilan Utama()

Informasi data ()

user Form Daftar

Center Point Proses

Click Item () Form Delete

Data Proses Delete

proses Form Tampilan Utama

Administrator

Database

Koneksi database ()

(8)

3. Sequence Diagram Ganti Password Admin

Serangkaian kerja untuk mengganti password admin pada sistem seperti pada gambar III.11 berikut :

Form Ganti Password ()

Click Change ()

user Form Daftar

Center Point Proses

Ubah password lama () Form Delete

Data Proses Delete proses Form Ganti Password

Administrator Database Koneksi database () Ubah password baru ()

Gambar III.11. Sequence Diagram Mengganti Password Admin

4. Sequence Diagram Support Center

Serangkaian kerja untuk melihat daftar Support Center Resmi Notebook pada sistem seperti pada gambar III.12 berikut :

Form daftar center point()

Informasi data ()

user Form Daftar

Center Point Proses

Data Proses Delete

proses Form daftar center point

Administrator

Database

Koneksi database ()

Gambar III.12. Sequence Diagram Melihat Daftar Support Center Resmi

(9)

5. Sequence Diagram Pengaturan Program

Serangkaian kerja untuk melihat mengenai pengaturan program pada sistem seperti pada gambar III.13 berikut :

Form pengaturan program()

Informasi data ()

user Form Daftar

Center Point Proses

Data Proses Delete

proses Form pengaturan program

Administrator

Database

Koneksi database ()

Gambar III.13. Sequence Diagram Pengaturan Program

6. Sequence Diagram Tentang Program

Serangkaian kerja untuk melihat mengenai tentang program pada sistem seperti pada gambar III.14 berikut :

Form tentang program()

Informasi data ()

user Form Daftar

Center Point Proses

Data Proses Delete

proses Form tentang program

Administrator

Database

Koneksi database ()

(10)

III.3. Desain Basis Data

Desain basis data terdiri dari tahap merancang kamus data dan merancang struktur tabel.

III.3.1. Kamus Data

Kamus data merupakan sebuah daftar yang terorganisasi dari elemen data yang berhubungan dengan sistem, dengan definisi yang tepat dan teliti sehingga pemakai dan analis sistem akan memiliki pemahaman yang umum mengenai

input, output, dan komponen penyimpan. Kamus data penyimpanan sistem yang akan dirancang dapat dilihat pada tabel III.1 :

Tabel III.1 Tabel Kamus Data

Data Atribut Ekspresi Reguler Data

Lokasi = @kode lokasi + nama lokasi + telepon + alamat + gambar + keterangan + koordinat

1. Kode lokasi = {^[-+]?[0-9]}

2. Nama lokasi = {[0-9][a-z][A-Z][Spasi]} 3. Telepon = {[0-9][a-z][A-Z][Spasi]} 4. Alamat = {[0-9][a-z][A-Z][Spasi]} 5. Gambar = {[0-9][a-z][A-Z][Spasi]} 6. Keterangan = {[0-9][a-z][A-Z][Spasi]} 7. Koordinat = {^[-+]?[0-9]}

rute = @ID Rute + Dari + Menuju + Jarak 1. ID Rute = {^[-+]?[0-9]}

2. Dari = {[0-9][a-z][A-Z][Spasi]} 3. Menuju = {[0-9][a-z][A-Z][Spasi]} 4. Jarak = ^[-+]?[0-9]*\.?[0-9]+$

user = @Id_User + Username + Password + Nama 1. Id_User = {^[-+]?[0-9]}

2. Username = {[0-9][a-z][A-Z][Spasi]} 3. Password = {[0-9][a-z][A-Z][Spasi]} 4. Nama = {[0-9][a-z][A-Z][Spasi]}

(11)

III.3.2. Desain Tabel

Setelah melakukan tahap normalisasi, maka tahap selanjutnya yang dikerjakan yaitu merancang struktur tabel pada basis data sistem yang akan dibuat, berikut ini merupakan rancangan struktur tabel tersebut:

1. Struktur Tabel Lokasi

Tabel lokasi digunakan untuk menyimpan data Kode_Lokasi, Nama_Lokasi, Telepon, Alamat, Gambar, Keterangan, Koordinat, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.2 di bawah ini:

Tabel III.2 Rancangan Tabel Lokasi Nama Database panji_supportcenter

Nama Tabel lokasi

No Nama Field Tipe Data Boleh Kosong Kunci

1. Kode_Lokasi int(5) Tidak Primary Key

2. Nama_Lokasi varchar(25) Tidak Unique

3. Telepon varchar(12) Tidak

-4. Alamat text Tidak

-5. Gambar longtext Tidak

-6. Keterangan text Tidak

-7. Koordinat text Tidak

-2. Struktur Tabel Rute

Tabel rute digunakan untuk menyimpan data ID_Rute, Dari, Menuju, Jarak, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.3 di bawah ini:

(12)

Tabel III.3 Rancangan Tabel Rute Nama Database panji_supportcenter

Nama Tabel rute

1. ID_Rute int(11) Tidak Primary Key

2. Dari varchar(25) Tidak

-3. Menuju varchar(25) Tidak

-4. Jarak int(11) Tidak

-3. Struktur Tabel User

Tabel user digunakan untuk menyimpan data Id_User, Username, Password, Nama, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.4 di bawah ini:

Tabel III.4 Rancangan Tabel User Nama Database panji_supportcenter

Nama Tabel user

1. Id_User int(11) Tidak Primary Key

2. Username varchar(12) Tidak Unique

3. Password varchar(12) Tidak

-4. Nama varchar(25) Tidak

-III.4. Desain User Interface

Tahap perancangan berikutnya yaitu desain sistem secara detail yang meliputi desain sistem.

(13)

1. Desain Form Login admin

Desain form untuk melakukan login data terlihat seperti pada gambar III.15 berikut :

Sistem Informasi Geografis