laporan tugas akhir bab iii

Laporan Tugas Akhir BAB III

STT Telematika Telkom D311036 21

BAB III

PEMODELAN KONTEKS DAN PEMBUATAN SISTEM

Dalam sistem ini, perancangan proses yang berlangsung digambarkan menggunakan

diagram Konteks, Data Flow Diagram, dan ERD.

3.1 Diagram Konteks

Sebelum membangun sebuah sistem perlu dilakukan tahapan perancangan diagram

konteks yang bertujuan untuk memudahkan pemodelan di dalam pengembangan sistem

serta memberikan gambaran umum tentang sistem yang dibangun. Adapun ilustrasi

konteks diagram sistem dapat dilihat pada gambar dibawah ini :

Gambar 3.1 Diagram konteks

22 Laporan Tugas Akhir BAB III

STT Telematika Telkom D311036

3.1.1 Data Flow Diagram (DFD)

Data flow diagram digunakan untuk mengetahui aliran data dan proses sebuah

sistem. Data Flow Diagram dibagi menjadi beberapa level. Dan berikut Data Flow

Diagram sistem yang diusulkan.

3.1.1.1 Data Flow Diagram (DFD) Level 1

Pada DFD Level 1 terdiri dari beberapa proses diantaranya : proses koresponden

(1), proses admin (2), dan proses media penyiar (3) yang dapat dilihat pada gambar 3.2.

Gambar 3.2DFD Level 1



3.1.1.2 Data Flow Diagram (DFD) Level 2 Proses 1

Proses yang terdapat pada DFD Level 2 proses 1 terdiri dari proses 1.1 input berita,

1.2 input data koresponden, 1.3 viewfee, dan 1.4 view informasi yang dapat dilihat pada

gambar 3.3.

Gambar 3.3DFD Level 2 proses 1


Proses yang terdapat pada DFD Level 2 proses 2 terdiri dari proses 2.1 view

konfirmasi, 2.2 inputfee, 2.3 pelelangan, 2.4 edit berita, 2.5 download berita admin,

2.6 input perusahaan penyiar, 2.7 input koresponden, 2.8 input profil admin, dan 2.9

view keranjang belanja.





Proses yang terdapat pada DFD Level 2 proses 3 terdiri dari proses 3.1 input data

konfirmasi, 3.2 pelelangan, 3.3 laporan keranjang belanja, 3.4 input informasi, 3.5

download berita admin, 3.6 view profile penyiar yang dapat dilihat pada gambar 3.5.




3.2 Perancangan Basis Data

3.2.1 Entitiy Relationship Diagram

ERD digunakan untuk menggambarkan relasi antartabel dengan tujuan untuk

memperjelas hubungan antartabel penyimpanan.ERD terdiri atas sekumpulan objek dasar

yaitu entitas dan hubungan antar entitas-entitas yang saling berhubungan. ERD dalam

aplikasi pelelangan ini dapat ditunjukan pada gambar 3.6.



Gambar 3.6Entity Relationship Diagram

3.2.2 Relasi Antar Tabel

Skema relasi merupakan keterkaitan antartabel yang dihubungkan dengan kunci

utama (primary key), sehingga tabel-tabel tersebut menjadi satu-kesatuan. Skema relasi

Sistem Pelelangan Berita Berbasis Android dapat dilihat pada gambar 3.7 sebagai

berikut:



Gambar 3.7 Skema Relasi

3.2.3 Kamus Data

Tabel merupakan tempat penyimpanan informasi dari sebuah aliran data dalam

sebuah sistem. Berikut merupakan struktur dari beberapa tabel sistem yang akan dibangun.

1. Tabel Koresponden

Tabel Koresponden berfungsi untuk menyimpan data koresponden.

Tabel 3.1 Tabel Koresponden

Column Type Null Key

id_koresponden varchar(6) No PK

nama_koresponden varchar(100) No

pendidikan_terakhir varchar(3) No

pendidikan_sekarang varchar(3) No




inisial varchar(10) No

tanggal_lahir date No

no_telp varchar(15) No

no_rekening_k varchar(20) No

nama_bank_k varchar(30) No

cabang_k varchar(30) No

an_rekening_k varchar(50) No

alamat_k varchar(100) No

kabupaten_k varchar(50) No

provinsi_k varchar(50) No

kode_pos_k varchar(5) No

2. Tabel Berita

Tabel berita berfungsi untuk menyimpan data berita yang diupload oleh koresponden.

Tabel 3.2 Tabel Berita


id_berita varchar(10) No PK

id_koresponden varchar(6) No FK

judul varchar(100) No

waktu_kejadian datetime No

kabupaten varchar(50) No

kode_pos varchar(5) No

kecamatan varchar(50) No

provinsi varchar(50) No




kronologi text No

Image varchar(200) No

status

enum('Pending',

'Approve',

'Reject')

No

3. Tabel Keranjang Belanja

Tabel keranjang belanja berfungsi untuk menyimpan data order dan konfirmasi order

ke perusahaan penyiar.

Tabel 3.3 Tabel Keranjang Belanja


id_keranjang varchar(6) No PK

id_pelelangan varchar(6) No FK

harga varchar(6) No

4. Tabel Admin

Tabel admin berfungsi untuk menyimpan data administrator dan pakar yang akan

mengembangkan sistem ini.

Tabel 3.4 Tabel Admin


id_admin varchar(6) No PK

email varchar(100) No

password varchar(32) No

nama_user varchar(20) No



5. Tabel Pelelangan

Tabel pelalangan berfungsi untuk menyimpan data pada pelelangan sepeti id

pelelangan, rate max, rate max by, serta waktu mulai dan waktu berakhirnya lelang.

Tabel 3.5 Tabel Pelelangan


id_pelelangan varchar(6) No PK

id_berita varchar(10) No FK

rate_max int(11) No

rate_max_by varchar(6) Yes

start_lelang datetime No

end_lelang datetime No

6. Tabel Perusahaan Penyiar

Tabel ini berfungsi untuk menyimpan data perusahaan penyiar

Tabel 3.6 Tabel Perusahaan Penyiar


id_penyiar varchar(6) No PK

nama_p varchar(100) No

logo varchar(50) No

no_telp varchar(15) No

program_acara varchar(200) No

alamat_p varchar(200) No

no_rekening_p varchar(20) No

nama_bank_p varchar(30) No




cabang_p varchar(30) No

an_rekening_p varchar(100) No

password varchar(32) No

7. Tabel Fee

Tabel ini berfungsi untuk menyimpan data fee dari admin yang nantinya akan

ditampilkan ke halaman koresponden

Tabel 3.7 Tabel Fee


id_fee varchar(6) No PK

id_berita varchar(10) No FK

jumlah_fee int(11) No

status_transfer enum('Pending',

'Transfer') No

8. Tabel Informasi

Tabel ini berfungsi untuk menyimpan data informasi dari perusahaan penyiar yang

nantinya akan ditampilkan ke halaman koresponden.

Tabel 3.8 Tabel Informasi


id_informasi varchar(6) No PK

id_penyiar varchar(6) No FK

konten text No

judul text No



9. Tabel Konfirmasi

Tabel ini berfungsi untuk menyimpan data konfirmasi pembayaran.

Tabel 3.9 Tabel konfirmasi


id konfirmasi varchar(6) No PK

id_keranjang varchar(6) No FK

Jumlah_transfer int(11) No

Tgl transfer date No

Status transfer Enum(

‘pending’,’approve’,’reject’) No

3.3 Komunikasi Data

Internet

ISPBase StationControler

(BSC)

Klien KorespondenDan

Klien Penyiar

ISP

Server HostingHttp web server

(Php server)

ODF

ONTAdmin Optical Roset

OTP

ODC

ODP

Gambar 3.8 Komunikasi Data

Berdasarkan gambar diatas, komunikasi data dibagi menjadi dua subjek yaitu:



1. Admin

Admin diharapkan menggunakan internet kabel karena berperan penting dalam

mengelola sistem pelelangan ini sehingga koneksi cepat dan stabil dibutuhkan. Pada

admin, komunikasi data dimulai dari koneksi ke ONT (Optical Network

Termination), lalu melalui Optical Roset, data/request dikirim melalui OTP (Optical

Termination Premises) ke ODP (Optical Distribution Point) dan diteruskan di ODC

(Optical Distribution Cabinet), dari ODC data dikirim ke ODF (Optical Distribution

Frame) lalu ke kantor pusat ISP. Pada kantor pusat ISP inilah request dari admin di

kirim ke internet, dan diteruskan layaknya pengiriman request pada perusahaan

penyiar/koresponden.

2. Perusahaan penyiar dan koresponden

Klien dapat melakukan koneksi internet dengan ISP menggunakan wireless, karena

perangkat yang digunakan adalah android. Untuk jenis koneksi wireless tidak

dijabarkan lebih spesifik karena untuk pemilihan jenis wireless tergantung dimana

posisi subjek dan keinginan subjek. Dari ISP, subjek akan melakukan request

(get/post) ke server menggunakan internet. Selanjutnya request tersebut akan di

terima oleh ISP yang digunakan oleh perusahaan Hosting baru akan diteruskan ke

webserver (dalam hal ini PHP), akan memproses request dari Android tersebut dan

akan melakukan query ke database (MySQL).

3.4 Perancangan User Interface

Interface atau antar muka merupakan tampilan dari suatu program aplikasi yang

berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara

program dengan pengguna.

Perancangan antarmuka bertujuan untuk memberikan gambaran tentang aplikasi

yang akan dibangun, sehingga akan mempermudah dalam mengimplementasikan aplikasi

dan pembuatan aplikasi yang User friendly. Rancangan antarmuka sistem pelelangan berita

berbasis android yang akan dibangun adalah sebagai berikut.

3.4.1 Halaman login app koresponden

Halaman login ini adalah halaman utama ketika user membuka program

android, pada halaman ini terdapat FAQ, contact us perusahaan, form

upload, dan about us perusahaan .



Gambar 3.9 Perancangan home page klien

3.4.2 Halaman Menu Koresponden

Halaman ini berisi tentang menu-menu yang dapat diakses oleh

koresponden.

Gambar 3.10 Halaman Menu Koresponden

3.4.3 Halaman home koresponden

Halaman home ini adalah halaman home koresponden yang berisi informasi dari

perusahaan penyiar, dan partner perusahaan (perusahaan penyiar).



Gambar 3.11 Perancangan home page koresponden

3.4.4 Halaman Profil Koresponden

Halaman ini berisi tentang data- data/ profil koresponden.

Gambar 3.12 Perancangan halaman profil koresponden

3.4.5 Halaman fee Koresponden

Halaman fee koresponden dari sistem pelelangan berita berbasis android ini berisi

informasi fee yang didapatkan, dan status transfer fee ke rekening koresponden.



Gambar 3.13 Perancangan halaman fee koresponden

3.4.6 Halaman List Berita

Halaman list berita dari sistem pelelangan berita berbasis android ini digunakan

untuk melihat daftar berita yang diupload beserta datanya, dan status approval

berita.

Gambar 3.14 Perancangan halaman list berita



3.4.7 Halaman Upload Berita

Halaman upload berita dari sistem pelelangan berita berbasis android ini digunakan

untuk upload berita berupa judul, waktu kejadian, lokasi lengkap, kronologi, dan

foto setelah kejadian.

Gambar 3.15 Perancangan halaman upload berita

3.4.8 View Berita

View berita dari sistem pelelangan berita berbasis android ini berguna untuk

melihat berita yang telah diupload oleh koresponden dan melakukan edit berita.

Gambar 3.16 Perancangan halaman view berita



3.4.9 Halaman Login Perusahaan Penyiar

Halaman login ini adalah halaman utama ketika user membuka program android, pada

halaman ini terdapat FAQ, contact us perusahaan, form upload, dan about us

perusahaan .

Gambar 3.17 Perancanganlogin penyiar

3.4.10 Halaman Menu Media Penyiar

Halaman ini berisi menu-menu yang dapat diakses oleh media penyiar.

Gambar 3.18 Halaman menu media penyiar

3.4.11 Halaman Home Perusahaan Penyiar

Halaman home perusahaan penyiar darisistem pelelangan berita berbasis android

ini berisi menu untuk mengikuti pelelangan.



Gambar 3.19 Perancanganhalaman home perusahaan

3.4.12 Halaman Informasi Perusahaan Penyiar

Halaman informasi ini berisi daftar informasi yang telah dikirimkan oleh

perusahaan penyiar ke koresponden.

Gambar 3.20 Perancangan halaman informasi perusahaan penyiar

3.4.13 Halaman download berita perusahaan penyiar

Halaman download berita pada perusahaan penyiar ini berisi berita yang telah

dibeli oleh perusahaan penyiar, dengan melakukan klik download berita pada berita

maka akan muncul pop up yang berisi link download berita.



Gambar 3.21 Perancangan halaman download berita penyiar.

3.4.14 Halaman keranjang belanja

Halaman keranjang belanja dari sistem ini berisi daftar berita yang di order oleh

perusahaan penyiar.

Gambar 3.22 Perancangan halaman keranjang belanja

3.4.15 Halaman konfirmasi pembayaran

Halaman konfirmasi pembayaran dari sistem pelelangan ini berisi form untuk

melakukan konfirmasi pembayaran berita yang telah di order.



Gambar 3.23 Perancangan halaman konfirmasi pembayaran

3.4.16 Halaman profile media penyiar

Halaman profile media penyiar ini berisi profile dan logo media penyiar. Pada

halaman profile media penyiar tidak terdapat menu edit profile seperti halaman

profile koresponden dikarenakan edit profile media penyiar hanya dilakukan oleh

admin guna menghindari pemalsuan data.

Gambar 3.24 Halamanprofile media penyiar

3.4.17 View berita yang di lelang

View berita yang dilelang dari sistem ini berisi data berita yang akan dilelang, dan

sedikit cuplikan berita.



Gambar 3.25 Perancanganview berita yang dilelang

3.4.18 Halaman Home Admin

Halaman home admin dari sistem pelelangan berita berbasis android ini berisi

tutorial penggunaan sistem untuk administator atau office.

Gambar 3.26 Perancangan Halaman Home admin

3.4.19 Halaman Berita dari koresponden

Halaman berita dari koresponden ini berisi daftar berita yang diupload oleh

koresponden.



Gambar 3.27 Perancangan halaman berita dari koresponden

3.4.20 View Berita

Halaman view berita dari admin sistem pelelangan berita berbasis android ini berisi

review dan data berita yang diupload oleh koresponden, pada halaman ini terdapat

menu edit berita, approve berita, reject berita, dan hapus berita. Halaman ini dapat

diakses dengan melakukan action click view pada halaman berita dari koresponden.

Gambar 3.28 Perancangan halaman view berita

3.4.21 Halaman Keranjang belanja admin

Halaman keranjang belanja admin pada sistem ini berisi list order berita, dan menu

konfirmasi dana yang dikirim oleh media penyiar.



Gambar 3.29 Perancangan halaman keranjang belanja admin

3.4.22 Halaman klien koresponden admin

Halaman klien koresponden pada admin ini berisi data klien koresponden yang

telah di approve, dan total berita yang telah diupload.

Gambar 3.30 Perancangan halaman klien koresponden admin

3.4.23 View Data Koresponden

View data koresponden pada admin, berisi data koresponden, dan data berita yang

diupload oleh koresponden.



Gambar 3.31 Perancangan halaman view data koresponden

3.4.24 Halaman Klien Perusahaan Penyiar

Halaman klien perusahaan penyiar pada sistem pelelangan berita berbasis android

ini berisi data perusahaan penyiar, dan menu tambah data (perusahaan penyiar).

Gambar 3.32 Perancangan halaman klien perusahaan penyiar

3.4.25 View Data Perusahaan Penyiar

View data Perusahaan Penyiar pada admin, berisi data perusahaan penyiar.



Gambar 3.33 Perancangan halaman view data perusahaan penyiar

3.4.26 Tambah Data Perusahaan

Halaman tambah data perusahaan pada sistem pelelangan berita berbasis android

ini digunakan untuk meregistrasi perusahaan yang menjadi relasi sistem ini.

Gambar 3.34 Perancangan tambah data



3.4.27 Halaman Konfirmasi Pembayaran

Halaman konfirmasi pembayaran pada admin sistem pelelangan berita berbasis

android ini berisi konfirmasi dana pembelian berita telah diterima atau belum oleh

admin.

Gambar 3.35 Perancangan halaman konfirmasi pembayaran

3.4.28 Halaman Pelelangan Admin

Halaman pelelangan admin pada sistem pelelangan berita berbasis android ini berisi

judul berita, lokasi kejadian (hanya provinsi), nama inisial koresponden, rate max,

rate max by perusahaan, start, dan end pelelangan.

Gambar 3.36 Perancangan halaman pelelangan admin



3.4.29 Halaman Profil Admin

Halaman profil admin pada sistem pelelangan berita berbasis android ini untuk

mengganti password, user name,dan email.

Gambar 3.37 Perancangan Halaman profil admin

3.4.30 Halaman Register Baru Koresponden

Halaman register baru koresponden pada sistem pelelangan berita berbasis android

ini berisi daftar pengunjung yang melakukan register untuk menjadi koresponden.

Gambar 3.38 Perancangan halaman register koresponden



3.4.31 View Data Register Koresponden

View data register koresponden pada sistem ini berfungsi untuk melakukan approval

register calon koresponden.

Gambar 3.39 Perancangan halaman view data register

3.4.32 Halaman FormRegister

Halaman form register ini berfungsi untuk form pendaftaran sebagai koresponden.

Pada form ini terdapat field-field yang harus diisi antara lain nama, inisial, alamat

lengkap, email, nomor handphone, tanggal lahir, pendidikan, data rekening bank

yang digunakan untuk transfer fee berita, dan upload scan ktp untuk verifikasi

pendaftaran.

Gambar 3.40 Halaman form register

laporan tugas akhir bab iii

Documents