Sistem Pengolahan Informasi Mitra Binaan PKBL PT. Inti Bandung berbasis web

(1)

Diajikan untuk memenuhi Laporan Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika

Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

Disusun oleh :

Rizki Fauzan 10109358

Geanissa Handarini 10109360 Indri Dianti Hapsari 10109355

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA BANDUNG

2013

Diajikan untuk memenuhi Laporan Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika

Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

Disusun oleh :

Rizki Fauzan 10109358

Geanissa Handarini 10109360 Indri Dianti Hapsari 10109355

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA BANDUNG

2013

Diajikan untuk memenuhi Laporan Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika

Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

Disusun oleh :

Rizki Fauzan 10109358

Geanissa Handarini 10109360 Indri Dianti Hapsari 10109355

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA BANDUNG


(2)

✁✂ ✄☎ ✆✁ ✝✞


(3)

(4)

✚✛✜✢ ✣ ✤✛✥ ✦


(5)

(6)

✻ ✼✽ ✾✿ ❀✼ ❁❂


(7)

H-1

NAMA : Indri Dianti Hapsari

NIM : 10109355

TTL : Cianjur, 9 Juli 1991

JURUSAN/PROGRAM : Teknik Informatika

ALAMAT : Pondok Padalarang Indah Blok C4 No.2 Padalarang

NO. TELPON : 08996182191

E-MAIL : dri_boti@yahoo.co.id

FACEBOOK : Indri Dianti Hapsari

TWITTER : @driboti

ALAMAT ORANG TUA : Pondok Padalarang Indah Blok C4 No.2 Padalarang JUDUL KERJA PRAKTEK :

Sistem Pengolahan Informasi Mitra Binaan PKBL PT.INTI Bandung Berbasis Web

RIWAYAT PENDIDIKAN :

1995 - 1997 TK AL-Huda

1997 - 2003 SDN Kebon Manggu Cimahi 2003 - 2006 SMPN 2 Cimahi

2006 - 2009 SMK TI Pembangunan Cimahi 2009 Program Studi S1

Jurusan Teknik Informatika


(8)

H-2

■❏❑ ▲❏▼▼ ◆❖❏YAT HIDUP

NAMA : Rizki Fauzan

NIM : 10109358

TTL : Bandung, 31 Juli 1991

JURUSAN/PROGRAM : Teknik Informatika

ALAMAT : Jln. Bojongsoang Gg. Ardiwinata II No. 22 RT. 02 RW. 03 Bandung

NO. TELPON : 082129051037

E-MAIL : rizky.fauzan31@gmail.com

FACEBOOK : Rizky Fauzan

TWITTER :

-ALAMAT ORANG TUA : Jln. Bojongsoang Gg. Ardiwinata II No. 22 RT. 02 RW. 03 Bandung

JUDUL KERJA PRAKTEK :

Sistem Pengolahan Informasi Mitra Binaan PKBL PT.INTI Bandung Berbasis Web

RIWAYAT PENDIDIKAN :

1996 - 1997 TK Sandiputra

1997 - 2003 SD Bojongsoang I Kab. Bandung 2003 - 2006 SMPN 28 Bandung

2006 - 2009 SMAN 25 Bandung 2009 Program Studi S1

Jurusan Teknik Informatika


(9)

H-3

NAM : Geanissa Handarini

NIM : 10109360

TTL : Bandung, 23 Oktober 1991

JURUSAN/PROGRAM : Teknik Informatika

ALAMAT : Komp. Griya Bandung Asri 1 Blok E no. 101 Bandung

NO. TELPON : 08562251544

E-MAIL : geanissa@gmail.com

FACEBOOK : Geanissa Handarini

TWITTER : @geanissa

ALAMAT ORANG TUA : Komp.Griya Bandung Asri 1 Blok E no. 101 Bandung

JUDUL KERJA PRAKTEK :

Sistem Pengolahan Informasi Mitra Binaan PKBL PT.INTI Bandung Berbasis Web

RIWAYAT PENDIDIKAN :

1996 - 1997 TK Harapan Ibu

1997 - 2003 SDN Nilem III Bandung 2003 - 2006 SMPN 18 Bandung 2006 - 2009 SMKN 4 Bandung 2009 Program Studi S1

Jurusan Teknik Informatika


(10)

iii

❲❳❨ ❩❳❬ ❭❪ ❭

❫❴ ❵ ❛❜❝ JUDUL

LEMBAR PENGESAHAN

KATA PENGANTAR❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞i DAFTAR ISI❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞iii DAFTAR TABEL❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞vi DAFTAR GAMBAR❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞vii DAFTAR LAMPIRAN❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞viii BAB I PENDAHULUAN

❡❞❡❢atarBelakang❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❡ ❡❞ ❣❤erumusan✐❥salah❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❣ ❡❞ ❦✐❥ksuddanTujuan❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❣ ❡❞❦ ❞❡✐❥ksud❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❣ ❡❞❦ ❞❣❧♠ ♥uan❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❣ ❡❞♦Batasan✐❥salah❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❣ ❡❞♣✐qtode❤enelitian❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❦ ❡❞♣❞❡❧ ❥hap❤engumpulan Data❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❦ ❡❞♣❞❣❧ ❥hap ❤embangunan Aplikasi❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞♦ ❡❞ r❢okasidansaktuterja❤raktek❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞♣ ❡❞ ✉✈istematika❤enulisan❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞♣ BAB II TINJAUAN PUSTAKA

❣❞❡❤rofilTempatterja❤raktek❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞✉ ❣❞ ❣✈ejarah ❤erusahaan❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞✉ ❣❞ ❦✇isi① ✐②si① ❧♠♥uan ❤tB❢❤T❞③④T③❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞⑤ ❣ ❞❦ ❞❡✇isi❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞⑤ ❣ ❞❦ ❞❣✐②si❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞⑤ ❣ ❞❦ ❞❦❧♠ ♥uan❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞⑤ ❣❞♦❢ogo❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞⑥ ❣ ❞♦❞❡✐❥kna ❢ogo❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞⑥ ❣❞♣✈truktur⑦rganisasi ❤erusahaan❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞❞ ❞❞❞⑥


(11)

iv ⑧ ⑨➅❺andasanTeori⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨❽ ➄

⑧⑨➅⑨❽❶efinisiSistem❻nformasi⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨❽ ➄ ⑧⑨➅⑨⑧❶efinisi ➆ebsite⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨⑨ ⑨⑨⑨❽⑩

⑧⑨➅⑨❿❶efinisi Basis Data (DataBase)... 17

2.8.4 TahapPerancangan Basis Data... 19

2.8.5 MetodeAnalisaSistemTerstruktur ... 23

2.8.5.1 BaganAlirDokumen (Document Flowmap)... 23

2.8.5.2 Entity Relationship Diagram (ERD) ... 23

2.8.5.3 Diagram Konteks (Conteks Diagram) ... 27

2.8.5.4 DFD (Data Flow Diagram) ... 29

2.9 Software Pendukung... 30

2.9.1 HTML ... 30

2.9.2 PHP ... 30

2.9.3 Macromedia Dreamweaver CS5... 32

2.9.4 MySQL&SQL ... 33

2.9.5 PHP My Admin ... 35

2.9.6 Wamp Server ... 35

➇➈ ➇➉ ➉➉➊➋ ➌ ➇➈ ➍➈➎➈➏ 3.1 DeskripsiAktifitasKerjaPraktek di PT.INTI... 37

3.2 AnalisisMasalah ... 37

3.3 AnalisisSistem ... 38

3.3.1 AnalisisFungsional Yang SedangBerjalan ... 38

3.3.1.1 Flow Map Sistem Yang SedangBerjalan ... 38

3.3.2 AnalisisKebutuhan Non Fungsional ... 42

3.3.2.1 AnalisisUser... 42

3.3.2.2 AnalisisHardware... 43


(12)

v

3.3.2.4 AnalisisDatabase... 44

3.3.2.4.1 ERD (Entity Relationship Diagram) ... 44

3.3.2.4.2 SkemaRelasi ... 45

3.3.2.4.3 StructurTabel ... 46

3.3.3 AnalisisKebutuhanFungsional ... 48

3.3.3.1 Diagram Konteks ... 49

3.3.3.2Data Flow Diagram(DFD) ... 49

3.3.3.3 Spesifikasi Proses... 50

3.4 PerancanganSistem... 51

3.4.1 PerancanganAntarMuka ... 51

3.4.1.1 SpesifikasiAntarMuka... 51

➐➑ ➐➒ ➓➔→➣➒ ↔ ↕➙➛➑ ➜➝➑ ➜➣➑➞➑ ➜ 4.1 Kesimpulan... 67

4.2 Saran ... 67


(13)

i telah memberikan rahmat dan karunia Nya sehingga penulis dapat menyelesaikan Laporan Kerja Praktek ini dengan judul ➫➭➫ ➤➦ ➯

➥➦➧➨ ➲➳➢➵ ➢➧ ➭ ➧➸ ➲➩➯➢➫ ➭ ➯➭➤➩ ➢ ➺ ➭ ➧➢➢➧ ➥ ➡➺➳➥ ➤.➭ ➧➤ ➭

➺ ➢➧➻➼➧➨ ➺➦ ➩ ➺ ➢➫ ➭➫ ➽➦➺ . Laporan ini disusun dalam rangka memenuhi Laporan Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika.

Dalam melakukan kerja praktek ini banyak sekali pengalaman berharga yang didapatkan, serta bantuan dan bimbingan, baik bimbingan dari pihak Perseroan Terbatas Industri Telekomunikasi Indonesia (PT.INTI) Bandung khususnya Divisi Program Kemitraan Bina Lingkungan (PKBL) dimana divisi yang menjadi bagian tempat praktek kerja dilakukan maupun bimbingan dari pihak Universitas Komputer Indonesia. Oleh karena itu, pada kesempatan ini tak lupa juga untuk mengucapkan terimakasih kepada :

1. Orang tua dan keluarga tercinta, yang memberikan dukungan moril maupun materil, dalam penyusunan dan pelaksanaan kerja praktek.

2. Bapak Agus Mahmud Y. selaku pembimbing lapangan kerja praktek.

3. Rekan rekan kerja dikantor yang sudah membantu dalam pembelajaran yang diberikan serta memberikan informasi tentang apa yang diteliti.

4. Ibu Nelly Indriani W ., S.Si., M.T. selaku dosen pembimbing dari kampus. 5. Bapak Irawan Afrianto, S.T, M.T. selaku ketua jurusan Teknik Informatika. 6. Teman satu kelompok yang sangat kompak dalam pelaksaan dan

penyusunan laporan kerja praktek.

7. Teman teman di kelas yang telah membantu saya dalam menyelesaikan laporan kerja praktek ini.


(14)

ii Dalam pengerjaan laporan kerja praktek ini tidak terlepas dari kekurangan, oleh karena itu sangat diharapkan sekali kritik dan saran yang sifatnya membangun, untuk menciptakan laporan ini lebih baik lagi, semoga laporan ini dapat bermanfaat.

Bandung, 14 Januari 2013


(15)

68 Ö❰ãÔÑ ❒ ❐Ó➱ä ❐Õ✃❐❰åæ ❰Ï×

➮➱➱] ç➱ å ❐ÑÓ ❐Õè ❐❰➱ Õé ê êë ÕMetodologi Pengembangan Sistem Informasi,ì Ùíîïð Øï å➱ ❐ñÔ ❒òæ Ó➱ ❰åÔ Õó❐ä ❐ÑÓ ❐×

➮➱➱➱] ô❰ å➱ ÕKupas Tuntas Adobe Dreamweaver CSS dengan Pemograman PHP &

MySQL,õÔ ÏÒ❐ä❐ÑÓ ❐×

➮➱ö] ôÑ❮➱ï Õí× ÕÚÛ ÛÛÕPengantar Sistem Informasi ManajemenÕ íå➱÷➱ñï øùÕó➱î➱ åé Õ ✃➱ ❰ ❐ôîæ ❒ ❰➱ Ö❰åÔ ❰ï ÷➱ ❐Õó❐ä❐Ñ Ó ❐


(16)

1 BAB I

PENDAHULUAN

1.1 Latar Belakang

úûü ýþ ÿ ✁ ✂✄☎û✆✝✆✞ ✟✠ þ ☎✞ ✡✁ ☎ýþ ÿ✟þ✆✁ ☎✡ (ú✆✄✁✆✄✟) ✡ÿ✡✝✡☛☞ ✡ÿ✡þ ✌✁✡☛ ✡✍☎✝☎✞ ✎✆ ✏ ✡✄✡ (☞✌✍✎) y✡þ✏✑ ✆✄✏✆✄✡✞ÿ ☎✑☎ÿ✡þ✏✂✆✞þ✟✝ ✟✏☎✂✆✝✆✞ ✟✠ þ ☎✞✡✁☎ÿ✡þ☎þ✒ ✟✄✠ ✡✁ ☎ y

✡þ✏✁ ÿ✡☛✠✆þ✏ ✏ þ✡✞✡þ ✂✆✞þ✟✝ ✟✏☎✞ ✟✠✓ ✂✆✄ ☎✁✡✁ ☎✠ ✟ÿ✆✄þüú✡ÿ✡✓✆✄ ✁✡☛ ✡✡þ ☎þ ☎ ✂✆✄ÿ✡✓✡✂✑✆✑ ✆✄✡✓✡ÿ ☎✔ ☎✁ ☎, ✁✡✝ ✡☛✁✡✂ þy✡✕ ☎✔ ☎✁ ☎ú✖☞✗ (ú✄✟ ✏✄✡✠✖✆✠☎✂✄✡✡þ☞☎þ✡ ✗ ☎þ✏✞ þ✏✡þ) y✡þ✏✑✆✄✡ÿ✡ÿ☎✑✡✘✡☛ þ✡ þ✏ ✡þúû üý✎û ý (ú✆✄ ✁✆✄✟)ü✖✆✏☎✡✂✡þú✖☞✗ ✠ ✆✄ ✓✡✞ ✡þ ✁✡✝ ✡☛✁✡✂ þ☎✂✓ ✄✟✏✄✡✠ ÿ✡✄ ☎✓✆✠ ✆✄☎þ✂✡☛y✡þ✏✑✆✄ ✂ ✙ ✡þ ✡ ✏✡✄

✠ ✆þ ☎þ✏✞ ✡✂✞✡þ✞✆✠✡✠✓ ✡þ ✁✡☛✡✠☎✂✄✡✑☎þ✡ ✡þ✝☎þ✏✞ þ✏✡þ ✓✆✄ ✁✡☛ ✡✡þ✂✆✄ ✂✡✠ ✡ ✓✆✄ ✁✡☛ ✡✡þ✠✆þ✆þ✏ ✡☛✞✆✑✡✘✡☛ÿ✆þ✏✡þ úûü ý✎ûý✁✆✑✡✏✡☎✓✆þy✡✝ ✄ÿ✡þ✡ ✂✡✠ ✡ü

✕✆þ✏✡þ ✁ ☎✁✂✆✠ y✡þ✏✡ÿ✡✁✆✑ ✆✝ ✠þy✡, ✁✆✠ ✡✞✆✑ ✂ ☛✡þ✓✆þ✏✆✝ ✟✝ ✡✡þÿ✡✂✡ ú✖☞✗✞ ✄✡þ✏✆ ✒✆✞✂☎✒ÿ✡þ✓✆þ☎✠✓✡þ✡þy ÿ✡✂✡þy✡✂☎ÿ✡✞✆ ✒☎✁☎✆þ✁✆ ☛☎þ✏ ✏✡✞✡ÿ✡þ✏ ✞✡✝ ✡ÿ✡✂✡ y✡þ✏ÿ ☎✑ ✂ ☛✞ ✡þ✁ ✝☎✂ þ ✂ ✞ÿ☎✂✆✠ ✞✡þ ü✕✡þ✒ þ✏✁☎✓✆þ ✚✡✄☎✡þ (✛ ✜✢✣ ✤✥✦✧ ★) ✓✡ÿ✡✁ ☎✁✂✆✠✁✆✑✆✝ ✠þy✡☎✂ ✂☎ÿ✡✞✑✆✄✒ þ✏✁ ☎ÿ✆þ✏ ✡þ✑ ✡☎✞ü

☞✆✄ÿ✡✁✡✄✞ ✡þ ✓✆✄✠✡✁✡✝ ✡☛ ✡þy✡þ✏✡ÿ✡✠ ✡✞✡✕ ☎✔☎✁☎ú✖☞✗✠✆✠ ✑ ✂ ☛✞ ✡þ ✁✆✑ ✡☛✡✓✝☎✞✡✁☎ y✡þ✏✝✆✑☎☛✆ ✒✆✞✂☎✒ þ ✂ ✞✠✆✠✓✆✄✠ ÿ✡☛ ✞✆ ✏☎✡✂✡þ✓✆✄ ✁✡☛✡✡þ ÿ✡✝ ✡✠✠ ✆þ✏✆✝ ✟✝ ✡ÿ✡✂✡ú✖☞✗ ü✩✝✆ ☛✞✡✄✆þ✡☎✂ ✪✞✡✠☎✁✆✑✡✏✡☎✠ ✡☛ ✡✁☎✁✘✡✂✆✄✂✡✄☎✞

þ ✂ ✞✠ ✆✠✓✆✝ ✡✙✡✄☎✓✆✄✞ ✆✠✑✡þ✏ ✡þ✂✆✞þ✟✝ ✟ ✏☎ÿ✡þ✠✆✠ ✑ ✡✂✁✆✑ ✡☛✞✡✄y✡ y✡þ✏ ÿ✡✓✡✂✠ ✆✠✑✡þ ✂ ✠ ✆✠✓✆✄✠ ÿ✡☛✓✆ ✏✡✘✡☎ÿ✡✝ ✡✠✑✆ ✞✆✄✙✡ü

✫✆✝ ✡☎þ✠✆✝ ✡✞ ✞✡þ✞✆ ✏☎✡✂✡þ✞✆✄✙✡✓ ✄✡✞✂✆✞, ✠✡☛✡✁ ☎✁✘✡✓ þÿ☎✂ þ ✂ ✂ þ✂ ✞ ✠ ✆✠✑ ✡✂✝ ✡✓✟✄✡þÿ✡✄☎☛✡✁ ☎✝✞ ✆✄✙✡✓ ✄✡✞✂✆✞✡þ✏y ÿ☎✝ ✡✞ ✞✡þ üú✆þ ✝☎✁✠ ✆þ ✝☎✁✝ ✡✓✟✄✡þ ☎þ☎✑✆✄ ÿ✡✁✡✄✞✡þ✞✆✄✙✡✓✄✡✞✂✆✞ ÿ ☎úûüý✎û ý✓✡ÿ✡✕ ☎✔ ☎✁ ☎ú✖☞✗ü

☞✆✄ÿ✡✁✡✄✞ ✡þ ✄✡☎✞✡þ✂✆✄ ✁✆✑ ✂, ✠ ✡✞✡ÿ✡✝ ✡✠✓✆þ ✝☎✁✡þ✗✡✓✟✄✡þ✖✆✄✙✡ú✄✡✞✂✆ ✞

☎þ☎✓✆þ ✝☎✁✠✆✠✑ ✆✄☎✙ ÿ ✝✬ SISTEM PENGOLAHAN INFORMASI MITRA


(17)

1.2 Perumusan Masalah

✭✮✯✰ ✱✲✱✯ ✳✱ ✴ ✵✯✱ ✶✱ ✴ ✷✱✸✱✯ ✹✮✷✱✳ ✱ ✴✺ ✰✶ ✱✸✱✲ ✻ ✼✱✳ ✱ ✽✮✯✼ ✱✲✱✷✱ ✾✱ ✴ ✰ ✱✯ ✶ ✲ ✶✲✸✮✼ y

✱ ✴ ✺✱✳ ✱ ✴✳✱✼✶✹ ✵✱✸✱✰ ✱✷✱ ✾ ✿

❀ ❁ ✭✱ ✺✱ ✶✼ ✱ ✴✱✼✮ ✴ ✺❂✷✱ ✾✰✱✸✱ y✱ ✴ ✺✮❃✮✳ ✸ ✶❃✰ ✱ ✴✮❃ ✶✲ ✶✮ ✴ ❄

2❁ ✭✱ ✺✱ ✶✼ ✱ ✴✱ ✼✮✼ ✹✵ ✱✸ ✰✱✸✱-✰ ✱✸✱ ❅✱ ✴ ✺ ✰ ✶✹ ✵✸✵✾✳ ✱ ✴ ✰ ✶✲ ✶✼ ✽✱ ✴ ✰ ✱✷✱✼

✰ ✱✸✱✹✱✲ ✮ ❄

3❁ ✭✱ ✺✱ ✶✼ ✱ ✴✱✼✮✼ ✹✵ ✱✸❃✵✴✺✲ ✶✽✮ ✴❆✱✯ ✶✱ ✴✹✮✯ ❃✵ ✴ ✺✲ ✶✰ ✮ ✴ ✺✱ ✴✹✱ ✶✳❄

1.3 Maksud dan Tujuan

1.3.1 Maksud

❇✱✳ ✲ ✵✰✰✱✯✶✽✮ ✴✵✷ ✶✲ ✱ ✴❈✱ ✽ ❂✯ ✱ ✴✶✴ ✶✱✰✱✷ ✱ ✾✵✴✸✵ ✳✼✮✯✱ ✴❆✱ ✴ ✺✰ ✱ ✴✼✮✼ ✹✵ ✱✸ ✲ ✶✲ ✸✮✼✽✮ ✴✺ ❂✷✱ ✾✱ ✴✶✴❃ ❂✯✼ ✱✲ ✶✼ ✶✸✯ ✱✹ ✶✴✱✱ ✴❅✱ ✴ ✺✹ ✮✯✹ ✱✲ ✶✲❉✮✹✲✮✹ ✱ ✺✱ ✶✲ ✱✷✱ ✾✲✱✸✵ ✲ ✱✯✱ ✴✱✵ ✴✸✵✳✼ ✮✼✹ ✱ ✴✸✵✶✴❃ ❂✯ ✼✱✲ ✶✰✱✷✱✼ ✽✯ ❂✲ ✮✲✳ ✮✯ ❊✱✰✶❋● ❁❍■●❍✳✾✵ ✲ ✵✲ ✴❅✱ ❏✶❑✶✲ ✶❋▲✭❈❁

1.3.2 Tujuan

▼✰ ✱ ✽✵✴✸✵❊✵✱ ✴✰ ✱✯ ✶✽✮ ✴✵ ✷ ✶✲ ✱ ✴❈✱ ✽❂✯✱ ✴✶✴✶✱✰ ✱✷✱ ✾✿

1❁ ❇✮✼✹ ✵✱✸✲✮✹ ✵✱ ✾✲ ✶✲ ✸✮✼✹ ✮✯✹ ✱✲ ✶✲❉✮✹ ✰✮ ✴ ✺✱ ✴✼✮✴✺ ✺✵ ✴✱✳ ✱ ✴✰ ✱✸✱✹ ✱✲✮

✲✮✹ ✱ ✺✱ ✶✽✮ ✴❅✶✼✽✱ ✴✱ ✴✰✱✸✱-✰✱✸✱❋▲✭❈❁

2❁ ❇✮ ✴❊✱✷✱ ✴✳✱ ✴❃✵✴ ✺✲ ✶✽✮ ✴❆✱✯✶✱ ✴◆✲✮✱✯❆✾✶✴ ✺❖✵ ✴✸✵✳✼ ✮✼ ✽✮✯✼✵ ✰✱ ✾

✽✮ ✴ ✺✱✳ ✲✮✲ ✱ ✴✰ ✱✸✱❋▲✭ ❈❅✱ ✴ ✺✰ ✶✹ ✵✸✵✾✳ ✱ ✴✱ ✺✱✯✷✮✹✶✾✼ ✵✰ ✱ ✾✰ ✱ ✴❆✮ ✽✱✸ ✰ ✶✸✮✼ ✵✳ ✱ ✴❁

1.4 Batasan Masalah

▼✺✱✯ ✽✮✼ ✹✱ ✴ ✺✵✴✱ ✴✲ ✶✲ ✸✮✼ ✽✮ ✴✺✮✷ ❂✷✱✱ ✴✼ ✶✸✯✱✹✶✴✱✱ ✴✹ ✮✯✹ ✱✲ ✶✲ ❉✮✹ ✰✶❏✶❑✶✲ ✶ ❋▲✭ ❈ ❋● ❁❍■● ❍ ✭✱ ✴✰ ✵ ✴ ✺ ✶✴✶ ✷✮✹✶✾ ✸✮✯ ✱✯✱ ✾ ✰ ✱ ✴ ✼ ✮ ✴❆✱ ✽✱ ✶ ✲ ✱✲✱✯ ✱ ✴ ❅✱ ✴✺ ✸✮✷✱ ✾ ✰✶✸✮ ✴✸✵ ✳✱ ✴ ✻✼ ✱✳✱ ✴✼✱✲ ✱✷✱ ✾✰✶✹✱✸✱✲ ✶✾✱ ✴❅✱✳✮ ✽✱✰✱ ✾✱✷-✾✱✷✰ ✶✹ ✱ ❉✱ ✾✶✴ ✶✿


(18)

3

P◗ ❘ P❙ P ❚P❯❱ ❲P❳ ❱ ❳❙❱ ❲ ❯❨❯❙❩❚ yP❳❬ ❭ ❨ ❪P❳❬❱ ❳ P❭P❫P❴ ❭P❙ P ❵P❫❛ ❳ ❚ ❨❙❜P ❚❩❳❵P❲❱ ❝ ❞P❚P❡ ❨❚ ❝ ❨❳P❳❢ ❞P❚P❡ ❩❜❱ ❯P❴PP❳❢❣❫P❚P❙❤❯P❴P, ❞❛ ✐ ❩❫ ❩❝❛❳❢ ❥❩❲❙❛ ❜❤❯P❴P, ❦❛❙❛◗

❪◗ ❡ ❜❛ ❯ ❩❯ ❧P❳❬❙❩❜♠P❭❨ ❚ ❩❫ ❨ ❝❱❙❨❝❩❳ ❬❩❫❛ ❫PP❳❭P❙ P ❧P❳ ❬❭❨❯❨❚❝P❳ ❲ ❩❭P❫P❚ ❭P❙ P❪P❯ ❩❭P❳♥❱ ❳ ❬❯ ❨❝ ❩❳❵P❜❨P❳◗

❵◗ ❘ P❙ P ❲❩❫❱P❜P❳ ❭P❜❨ ❯ ❨❯❙❩❚ ❧P❳ ❬ ❭ ❨ ❪P❳ ❬❱ ❳ P❭P❫P❴ ❭P❙ P ❵P❫❛❳ ❚❨❙❜P ❚❩❳❵P❲❱ ❝ ❞P❚P❡ ❨❚ ❝ ❨❳P❳❢ ❞P❚P❡ ❩❜❱ ❯P❴PP❳❢ ❣❫P❚P❙❤❯P❴P❢ ❞❛ ✐ ❩❫❩❝❛❳❢ ❥❩❲❙❛ ❜❤❯P❴P❢ ❦❛❙❛◗

❭◗ ♦❛❭❩❫ ❝ ❜❛ ❯ ❩❯ ❧P❳ ❬ ❭❨❬❱❳P❲P❳ P❭P❫P❴ ❯ ❩❵P❜P ❝❜❛ ❯ ❩❭❱❜P❫ ❚❩❫ ❨❝❱❙❨ ♣q rq stow♣ ✉q ✈ ✇q ① ②♣s♣③ ❭P❳ ❚ ❩❚ ❛❭❩❫ ❲P❳ ④⑤r✉ty ⑥⑦tq r✉⑧⑤⑨ ⑩ ✉p♣ ✉q ✈ ✇q ① ② ④⑥♣③ ◗

❩◗ ❡ ❩❜P❳ ❬❲P❳ ❫❱❳P❲ ❧P❳ ❬ ❭ ❨❬❱❳P❲P❳ ❧P❨❙❱ ♦❨❵ ❜❛ ❯❛♥❙ ❶❨❳❭❛❷❯ X❡ P❙ P❱ ❶❨❳❭ ❛❷❯ ❸ ❯❩❪P❬P❨ ❥❨❯❙❩❚ ❹❝ ❩❜P❯ ❨❢ ❺❻❺ ❯❩❪P❬P❨ ❪P❴P❯P ❝❩❚❜❛ ❬ ❜P❚P❳❢ ❡❼❡♦❧❣❭❚❨❳❯ ❩❪P❬P❨❽qrq❾q ⑨⑦◗

1.5 Metode Penelitian

1.5.1 Tahap Pengumpulan Data

❤❳❙❱ ❲ ❚❩❚ ❝ ❩❜❚ ❱❭P❴ ❭P❫P❚ ❝❩❳ ❬❱❚❝❱ ❫P❳ ❭P❳ ❝ ❩❳❵P❜❨P❳ ❨❳♥❛ ❜❚P❯❨ ❭P❫P❚ ❝ ❩❳❧❱❯❱ ❳P❳ ❿P❝❛❜P❳ ❨❳ ❨❢ ❲P❚ ❨ ❚❩❫P❲❱❲P❳ ❪❩❪ ❩❜P❝P ❚ ❩❙❛ ❭ ❩ ❭P❫P❚ ❝ ❩❳❱ ❫ ❨❯P❳ ❫P❝❛ ❜P❳❙❩❜❯ ❩❪ ❱❙ ◗❣ ❳❙ P❜P❫P❨❳❭ ❩❳ ❬P❳❵P❜P➀

1◗ ♦ ❩❫P❲❱ ❲P❳ ❚ ❩❙❛ ❭ ❩ ❹❪❯ ❩❜➁P❯ ❨ ②❡ ❩❳❬P❚P❙ P❳③ ➂ ❩❬❨P❙ P❳ ❭❨❫P❝P❳ ❬P❳❢

❯ ❩❴ ❨❳ ❬❬P ❭P❜ ❨ ❝❜❛❯ ❩❯❙❩❜❯ ❩❪ ❱❙ ❲P❚ ❨ ❚❩❳❭P❝P❙❲P❳ ❯❱P❙❱ ❙❛ ❝ ❨❲ P❙ P❱❝❱❳ ❨❳♥❛ ❜❚P❯ ❨❧P❳❬❪ ❩❜ ❬❱❳P❪P❬❨❝❩❳❱❫ ❨❯P❳❫P❝❛❜P❳◗

2◗ ♦ ❩❙❛ ❭❩✐P❳❧P➃ P❷ P❪❲ ❩❝P❭P❝ ❩❚❪❨❚❪❨❳❬➂ ❩❜♠P❡ ❜P❲❙❩❲

3◗ ❡ ❩❳❵P❜❨P❳❨❳♥❛❜❚P❯ ❨❭ ❨❷❩❪ ❯ ❨❙❩❡✐◗➄❞✐➄ ❲❴ ❱ ❯❱ ❯ ❳❧P❝P❭P❘❨➁ ❨❯ ❨❡➂➅❿ 4◗ ❡ ❩❳❵P❜❨P❳❨❳♥❛❜❚P❯ ❨❭ ❨ ❝ ❩❜❝❱❯❙ P❲PP❳ ❭ ❩❳ ❬P❳❙❱♠❱P❳ ❱ ❳❙❱ ❲❚❩❫ ❩❳ ❬❲P❝ ❨

❭P❯P❜ ❙❩❛ ❜❨❙❨❯ ❭P❜❨ ❪❱❲❱ P❙ P❱ ❝❱ ❳ ❪P❴P❳ ❝ ❩❳❱ ❳♠P❳❬ ❫P❨❳ ❳❧P ❭P❫P❚ ❿P❝❛ ❜P❳➂❩❜♠P❡ ❜P❲❙❩❲


(19)

1.5.2 Tahap Pembangunan Aplikasi

➆➇➈➇➉➊➋ ➌ ➇ y➇➍ ➋ ➉➊➋ ➎➍➇➏ ➇➍ ➉ ➇➐ ➇➌ ➌➑ ➌➒ ➇➍ ➋➎➍ ➓➑ ➈ ➇➍➋ ➏ ➇➔ ➐➎➍➇➏ ➇➉ ➇➐ ➇→ ➌➣➉➑➐ w↔↕➙➛ ➜↔➝➝ (➞➇➌ ➒➇➈ 1➟➠ ➡ ➔➑ ➈➉➊ ➈➊ ➉➇➈➊ ➒➑ ➒➑ ➈➇➓ ➇ ➔➇→ ➇➓ ➢ ➑➓➑ ➈ ➔➊ ➤➇➍➋ ➉➊ ➥➑➐ ➇➢ ➏➇➍ ➢ ➑ ➒➇➋ ➇➊➒➑ ➈➊➏ ➎ ➔➦

↔➧ ➨➩➙stm➫➭➯ ➲➭➙➙➛➲➭➯

➳➇→➇➓ ➊➍➊ ➌➑➍➉➑➵➊➍➊➢ ➊➏ ➇➍ ➏ ➑ ➒➎➔➎ → ➇➍ ➓➇➉➇ ➐ ➑➸➑➐ ➢➊➢ ➔➑ ➌ ➤➇➊ ➔➎ ➏ ➑ ➒➎➔➎ → ➇➍ ➓ ➑ ➈➇➍ ➋➏➇➔ ➏➑ ➈ ➇➢➺ ➓➑ ➈➇➍ ➋➏➇➔ ➐➎➍➇➏➺ ➣➈➇➍➋ ➉ ➇➍ ➒ ➇➢ ➊➢ ➉ ➇➔➇➟ ➆➑➍ ➋➎ ➌➓➎ ➐ ➇➍ ➏➑ ➒➎ ➔➎→➇➍ ➊➍ ➊ ➓➑➍➔➊➍➋ ➉➊➐ ➇➏ ➎➏➇➍ ➏ ➇➈➑➍ ➇ ➓➑ ➈ ➇➍➋ ➏ ➇➔ ➐➎ ➍ ➇➏➤➇➍ ➋ ➇➏ ➇➍ ➉➊ ➒ ➇➍ ➋➎ ➍ ➌➑ ➈➎ ➓ ➇➏➇➍➒➇➋ ➊ ➇➍➉ ➇➈➊➢➊➢ ➔➑ ➌➏➣➌➓ ➎ ➔➑ ➈➟ ➻➧ ➨➩➙stmA➭↔➝y➼➲s

➆➇➉ ➇ ➔➇→➇➓ ➊➍➊ ➉➊➐ ➇➏➎ ➏ ➇➍ ➓➑➍ ➋➎➌➓➎ ➐ ➇➍ ➏ ➑ ➒➎➔➎ → ➇➍ ➎➍➔➎➏ ➓➑ ➈➇➍ ➋➏➇➔ ➐➎ ➍ ➇➏ ➒➑ ➈➎ ➓➇ ➉➇➔➇ ➊➍ ➓ ➎ ➔➺ ➓➈➣➢ ➑➢ ➤➇➍➋ ➔➑ ➈➥➇➉➊ ➉ ➇➍ ➣➎ ➔➓ ➎ ➔ ➤➇➍ ➋ ➉➊ →➇➈➇➓ ➏ ➇➍ ➉➑➍ ➋ ➇➍ ➌➑➐ ➇➏➎ ➏ ➇➍ ➔➇➍➤➇ ➥➇➽ ➇➒ ➉➇➍ ➣➒➢ ➑ ➈➸➇➢ ➊➺ → ➇➢➊➐➍➤➇ ➒➑ ➈➎ ➓ ➇ ➉➊ ➇➋➈➇➌ ➤➇➍➋ ➉➇➓➇➔ ➒➑➈➎➓➇ ➉➊ ➇➋➈➇➌ ➇➐➊ ➈➇➍ ➉ ➇➔➇ ➾ ➚➪➚➡ ➉➑➍➋➇➍➏ ➇➌➎ ➢➉➇➔➇➺➉➊➇➋ ➈ ➇➌➏ ➑ ➔➑ ➈→➎ ➒➎➍ ➋ ➇➍➑➍➔➊ ➔➇➢➾ ➶➹ ➚➡➟

. Design

➴➑➍➔➑ ➈➥➑ ➌ ➇→➏➇➍ ➇➍➇➐➊➢ ➇ ➏ ➑ ➒➎➔➎ → ➇➍ ➏➑ ➉ ➇➐ ➇➌ ➒➑➍ ➔➎ ➏ ➈➇➍➷➇➍➋➇➍ ➢ ➑ ➒➑➐➎➌ ➓➑➍ ➎➐➊➢ ➇➍ ➓➈➣➋➈➇➌ ➤➇➍ ➋ ➒➑ ➈➎➓➇ ➓ ➑ ➈➇➍➷➇➍ ➋ ➇➍ ➇➍ ➔➇➈ ➌➎ ➏ ➇ ➾➊➍ ➓➎➔ ➉ ➇➍ ➣➎➔➓➎➔➡➺ ➓➑ ➈ ➇➍➷➇➍ ➋ ➇➍ ➵➊➐➑-➵➊➐➑ ➇➔➇➎ ➒ ➇➢➊➢ ➉ ➇➔➇ ➉ ➇➍ ➌➑ ➈➇➍➷➇➍➋➓ ➈➣➢ ➑ ➉➎➈➾➇➐➋➣➈➊ ➔➌ ➇➡

d. Coding

➳➇→➇➓ ➓➑➍➔➑➈➥➑ ➌➇→ ➇➍ → ➇➢ ➊➐ ➓➑ ➈➍➇➷➇➍ ➋ ➇➍ ➾➉➑ ➔➇➊➐ ➡ ➏➑ ➉ ➇➐ ➇➌ ➓➈➣➋ ➈➇➌ -➓➈➣➋ ➈➇➌➤➇➍ ➋ ➌➑➍ ➋➋ ➎➍➇➏➇➍➒ ➇→➇➢ ➇➓ ➑ ➌➈➣➋➈➇➌ ➇➍➤➇➍ ➋➢ ➑➢ ➎ ➇➊➟ e. Testing

➆➈➣➋ ➈ ➇➌ ➤➇➍ ➋ ➔➑➐ ➇→ ➉➊ ➒➎ ➇➔ →➇➈➎➢ ➉➊➎➥➊➺ ➓ ➈➣➢ ➑➢ ➉➊➵➣➏➎ ➢➏➇➍ ➓➇➉➇ ➏ ➑ ➒➑➍➇➈➇➍ ➐➣➋➊➏➇ ➊➍ ➔➑ ➈➍ ➇➐ ➓➑ ➈ ➇➍ ➋➏ ➇➔ ➐➎ ➍ ➇➥ ➉➇➍ ➵➎ ➍➋ ➢➊➣➍ ➇➐ ➢ ➊➢ ➔➑ ➌ ➢ ➑ ➈➔➇➊➍➔➑ ➈➇➏ ➢➊ ➇➍ ➔➇➈ ➇➢ ➊➢ ➔➑➌➉ ➇➍➓ ➑ ➌➇➏➇➊➟

f. Maintenance

➬➊➢ ➔➑ ➌ ➤➇➍ ➋ ➔➑➐ ➇→ ➉➊➎ ➥➊ ➏➑ ➌➎ ➉➊ ➇➍ ➉➊➢ ➑ ➈➇→➏ ➇➍ ➎ ➍ ➔➎ ➏ ➉➊➣➓ ➈ ➇➢➊➏➇➍ ➢ ➑➢ ➎ ➇➊ ➏➑ ➒➎ ➔➎→➇➍ ➍➤➇➺ ➔➇ →➇➓➇➍ ➓ ➑ ➈➇➽ ➇➔➇ ➇➍ ➉➊ ➒➎ ➔➎→➏➇➍ ➉➇➐ ➇➌ ➌➇➢ ➇


(20)

5

➮➱✃ ❐ ❒❮❰ Ï❮ ❐➮Ð ÏÑ ✃Ñ Ï❮ Ò❒❮❰❒Ó❒Ñ Ï❮ Ñ❒ÔÏÐ ÏÕÏ❮ Ö Ò❒×ÏÔ➮Ö❮ÏÐ ❮yÏ Ï➱Ï✃ Ò❒×✃ØÏÕÏ❮yÏ❮❰❐ ➮➮❮❰ ➮❮Ñ Ï❮Ò❒➱✃❰ ÏÔ Ù

Gambar 1. 1 Skema ModelWaterfall

[Sumber : Diktat Mata Kuliah Rekayasa Perangkat Lunak Universitas Komputer Indonesia]

1.6 Lokasi dan Waktu Kerja Praktek

Ú❮Ô➱Ï❮Ô➮ÛÜ❒×✃ÔÏÕÏÏ❮ ÝÜÞÙÚß ÞÚà ➮á ➮Ô➮Üâã ä

åÐ Ïæ Ï➱ ÝçÐ ❮Ù èÖÕÙ ÞÖÕÏ❮ÖÙééã Ï❮❐✃❮❰

ê ÏÑ ➱✃ Ýëç ✃Ð➮ 2012ìëå❰✃Ô➱✃Ôíî ï í

1.7 Sistematika Penulisan

ð➮Ô➱❒æÏ➱➮ÑÏÒ❒❮✃Ð ➮ÔÏ❮➮❮➮❐➮ØÏ❰➮æ❒❮ñÏ❐ ➮Ø❒Ø❒×ÏÒÏØÏØ❐❒❮❰ Ï❮ÒÖÑÖÑ Ò❒æØÏÕÏÔÏ❮Ô❒ÓÏ×Ï✃ æ✃ ❮Ô❒ØÏ❰Ï➮Ø❒×➮Ñ ✃ ➱Ý


(21)

BAB I PENDAHULUAN

òóô óõ óõö÷ öø ù ÷úûü óöý ó÷þù ÷þ ó÷ úô óÿ óü-ôóÿ óü ùøöýöü ó÷✁ó÷ úõùüöÿ öþù ÷þ ó÷ ú ✂óþ óüõù ✂óý ó÷ ú✄ ùü ûø ûÿ ó ÷ø óÿ ó✂ó☎✄ø óýÿ û ôôó÷þ û✆ ûó÷✄õóþ óÿ ó÷ø óÿ ó✂ó☎ ✄øùþ ✝ ôù

ù ÷ù ✂öþ öó÷✄✂✝ ýóÿ öô ó÷✞ó ýþ ûýùü✆ ó ü óýþù ý✄ÿ ùüþ óÿ öÿ þùø óþ öý ó ù ÷û ✂öóÿ ó÷ôóüö ýù úöóþ ó÷ýùü ✆ ó ü óýþù ýô ö✟ö✠ öÿ öò✡☛ ☞ò✌✍ ✎✏✌ ✎☛ ó÷ô û÷ ú✍

BAB II TINJAUAN PUSTAKA

òóô óõ óõö÷ öõùüöÿ öý ó÷þù ÷þ ó÷ ú ü ✝✑ö✂þùø óþýùü✆ ó ü óýþù ý✄ÿù✆ óü ó☎ ùü ûÿ ó☎óó÷✄ ✠öÿ ö✄ø öÿ öô ó÷þ û✆ ûó÷ ùüûÿ ó☎ ó ó÷✄ ✂✝ú ✝ ùü ûÿ ó☎ óó÷✄õóô ó÷☎ûý ûø ùü ûÿ ó☎óó÷✄ÿ þü ûýþ ûü✝üúó ÷öÿ óÿ ö ùü ûÿ ó☎ óó÷✄óÿ ù ýýù úö óþ ó÷ ùü ûÿ ó☎óó÷✄ ✂ó÷ô óÿ ó÷ þù ✝ü ö ùü ûÿ ó☎óó÷✍

BAB III PEMBAHASAN

òóô óõ óõö÷ öøùøó óüýó ÷þù ÷þ ó÷úýùúöóþ ó÷✁ó÷ úôö✂óý ûý ó÷ óôó✞óýþ ûýùü✆ ó ü óýþù ýø ù ÷úù ÷óöó÷ó✂öÿ öÿôó÷ ùü ó÷✒ó÷ú ó÷ÿ öÿ þùø ✍

BAB IV KESIMPULAN DAN SARAN

òóô óõ óõö÷ öøùø õ ó☎óÿþù ÷þ ó÷úýùÿ öø û✂ó÷ô óü ö☎óÿ ö✂ýùü✆ ó ü óýþù ýô ó÷ ÿ óü ó÷û÷þ ûý ùü ûÿ ó☎óó÷✁ ó÷úõùü ÿ ó÷ úý ûþ ó ÷✍


(22)

7 ✓✔ ✓✕✕

✖✕ ✗✘✔✙✔ ✗✚✙ ✛✖✔ ✜✔

✢✣✤ ✚rofil Tempat Kerja Praktek

Dalam Profil Tempat Kerja Praktek akan dibahas mengenai Perseroan Terbatas Industri Telekomunikasi Indonesia (PT.INTI) Divisi Program Kemitraan Bina Lingkungan (PKBL) Bandung.

2.2 Sejarah Perusahaan

PT INTI (Persero) diresmikan pada tanggal 30 Desember 1974 yang merupakan BUMN (Badan Usaha Milik Negara) yang berada di bawah Badan Pengelola Industri Strategis dan bergerak di bidang telekomunikasi.

Pada tanggal 25 Mei 1966, di tandatangani surat persetujuan kerjasama antara Perusahaan Negara Telekomunikasi dengan Perusahaan Telekomunikasi terbesar di Jerman Siemens AG, yang menghasilkan suatu Lembaga Penelitian Pengembangan dan Industri Postel atau disingkat LPPI.

Dalam perkembangannya, pada tanggal 17 Februari 1968, dibentuk satu bagian baru yaitu bagian pabrik telepon pada LPPI. Pabrik telepon tersebut telah diresmikan pada tanggal 22 Juni 1968 oleh Presiden Republik Indonesia yang pada saat itu diwakili oleh Mentri Ekuin Sri Sultan Hamengkubuwono IX.

Dalam membangun perekonomian masyarakat dengan program Pembinaan Kecil dan Koperasi (PUKK) yang sekarang telah diganti dengan nama Program Kemitraan dan Bina Lingkungan (PKBL) melalui pemanfaatan laba Badan Usaha Milik Negara, maka dikeluarkan dua surat keputusan sebagai berikut :

1. SK Menteri Keuangan Republik Indonesia Nomor : 316/KMK.061/1989 Tentang pedoman Usaha Kecil dan Koperasi melalui pemanfaatan dari sebagian laba BUMN.

2. SK bersama Dirjen Pembinaan BUMN dan Dirjen Pembinaan Pengusaha Kecil dan Koperasi Nomor: KEP-1515/BU/1994:02/SKB/PPK/X/1994.Tentang


(23)

pedoman pelaksanaan pembinaan Usaha Kecil dan Koperasi melalui pemanfaatan dana dari sebagian laba BUMN.

Sejalan dengan kebijakan pemerintah di atas, PT. INTI yang pada saat itu berbentuk Persero turut pula melaksanakan pembinaan terhadap Usaha Kecil dan Koperasi dengan tujuan agar dapat menaikan nilai tambah yang sebesar-besarnya dan dapat berperan aktif dalam pertumbuhan ekonomi nasional.

Menurut Keputusan Menteri Nomor 236 Unit PUKK di ganti menjadi Unit Program Kemitraan Bina Lingkungan (PKBL) adalah suatu unit organisasi khusus58 yang dibentuk untuk mengelola dan menangani PKBL dimana kami menangani Kemitraan Usaha Kecil dan Koperasi, jadi PKBL artinya mengadakan, mengelola, melaksanakan, dan menangani Kemitraan Usaha Kecil dan Koperasi yang merupakan bagian dari organisasi perusahaan serta bertanggung jawab langsung kepada Direksi. PKBL PT. INTI beralamatkan di jalan Moch. Toha No. 77, Bandung 40253.

✥✦✧ ★✩✪ ✩, Misi, Tujuan PKBL PT.INTI

2.3.1 Visi

Terkemuka dalam memenuhi harapan pemerintah menjalankan Program Kemitraan dan Bina Lingkungan.

2.3.2 Misi

Memelihara, menyalurkan, mengembangkan, dan mengamankan dana agar dapat mendukung pertumbuhan usaha kecil dan pemberdayaan kondisi sosial masyarakat di lingkungan sekitarlokasi perusahaan.

2.3.3 Tujuan

Peningkatan kemampuan usaha Mitra Binaan serta peningkatan

kesejahteraan sosial masyarakat di lingkungan perusahaan. Cita-cita tersebut dicapai melalui 4 strategi, yaitu:

1. Peningkatan kemampuan pengelolaan keuangan


(24)

9

3. Peningkatan efisiensi dan produktivitas

4. Peningkatan motivasi, kompetensi dan system nilai pengelola

✫✬✭ ✮✯ ✰✯

Perseroan Terbatas Industri Telekomunikasi Indonesia (PT.INTI) Bandung memiliki logo sebagai berikut:

✱ ✲✳ ✲✴m ✫✬ ✵✮✯ ✰✯✶✷ru✸ ✲✹✲ ✲✺

✫✬✭ ✬ ✵ ✻ ✲✼✲n✮✯ ✰✯

Logo PT.INTI ini merupakan visualisai dari visi, misi, dan nilai perusahaan. Dalam logo ini terkandung maksa perubahan dari perusahaan berbasis manuftur ke arah engineering services. Logo ini mengandung stilasi huruf N sebagai pengembangan dari ide kurva sigmoid berwarna biru muda yang bermuara pada titik/lingkaran biru tua yang melambangkan konsep perubahan berkelanjutan menuju pengembangan INTI yang lebih baik. Secara keseluruhan logo mencerminkan karakter yang luwes, dinamis, modern dan inovatif.

Kesederhanaan tampilan (simplicity ) memberi kesan keramahan, transparansi dan kemudahan sesuai dengan perkembangan bidang informasi dan komunikasi yang senantiasa menuntut nilai tambah (value added), kreatifitas dan inovasi.

✫✬✽ ✾trukturr✰✲ ✺❀✸ ✲✸❀✶✷u✸ ✲✹✲ ✲✺r

Struktur Organisasi merupakan bagian dari manajemen perusahaan. Dengan adanya struktur organisasi perusahaan, maka pimpinan perusahaan dapat

mengetahui penjabaran dari fungsionaris mana yang bertanggung jawab untuk suatu kegiatan tertentu yang terjadi di perusahaan tersebut. Selain itu setiap fungsionaris dapat mengetahui dengan pasti wewenang dan tanggung jawab


(25)

dalam susunan organisasi perusahaan, sehingga para pelaksana dapat melaksanakan tugas-tugasnya dengan lebih terarah.

Dibawah ini adalah gambar struktur organisasi PT.INTI (Persero) seperti yang terlihat pada gambar 2.2 Struktur Organisasi PT.INTI (Persero), sebagai berikut :


(26)

11

▲▼m◆▼ ❖P ◗ ❘❙trukturr❯▼ ❱❲❳▼ ❳ ❲❨❲visi PKBL

2.6 Deskripsi Jabatan PKBL PT.INTI

Berdasarkan struktur organisasi di atas, maka dapat diuraikan mengenai fungsi dan tugas dari masing-masing bagian. Berikut adalah fungsi dan tugas dari masing masing bagian yang terlibat pada PKBL PT. INTI adalah sebagai berikut:

1. Kepala Unit PKBL

Fungsinya melaksanakan sebagian kegiatan Direksi PT INTI dalam hal PKBL dengan kewenangan yang diberikan. Tugas pokoknya adalah sebagai berikut :

a. Mengkoordinasi setiap kegiatan unit kerja yang berada dibawahnya sehingga tercipta kerjasama yang baik dalam rangka mencapai hasil guna yang maksimal.

b. Menandatangani perjanjian PKBL dengan PT INTI .

c. Menyetujui dan menandatangani bukti penerimaan dan pengeluaran uang (vououher ) untuk keperluan pembinaan.

d. Bekerjasama dengan forum koordinasi Tingkat I dan Tingkat II melaksanakan PKBL.

e. Melaporkan kegiatan Unit PKBL secara berkala kepada Direksi, Menteri Keuangan, Pemda Tingkat I dan II Instansi terkait lainnya.


(27)

❩❬ ❭❪❫sm ❴❵p r❪❛ ❜on❪❝

a. Mengelola pelaksanaan pengumpulan proposal, survey, pemberian dana, pembinaan Mitra Binaan serta melaksanakan program bantuan pelatihan dan promosi kepada Mitra Binaan.

b. Memonitor kemajuan Mitra Binaan

c. Melaksanakan pemberi bantuan pembinaan dan menjalin hubungan baik dengan masyarakat lingkungan.

d. Membina hubungan baik dengan Mitra Binaan dan masyarakat lingkungan yang dibinanya.

❞❬ ❭❪❫sm ❡❵ncana Kendali (Rendal)

a. Memberikan penyuluhan tentang tata cara /prosedur pembinaan kepada calon mitra binaan dan instansi terkait.

b. Mencatat permohonan calon mitra binaan (baik pengeluaran ataupun pemasukan proposal permohonan)

c. Evaluasi proposal untuk nominasi calon mitra binan. d. Melakukan survai.

4. Pelaksana Keuangan

Fungsinya sebagai pelaksana sebagian kegiatan Ka. Unit sesuai dengan kewenangan yang diberikan dalam hal PKBL terutama dalam tugas merencanakan program pengendalian kegiatan pengelolaan dana pembinaan. Tugas pokoknya adalah :

a. Merencanakan dan mengalokasikan dana pembinaan baik yang berupa Pinjaman maupun hibah.

b. Merencanakan kegiatan pembinaan.

c. Melaksanakan kegiatan akuntansi sesuai dengan kebijakan perusahaan.

d. Melakukan pemeriksaan dan verifikasi atas penerimaan dan pengeluaran dana Unit PKBL.


(28)

13

❢❣ ❤✐l❥ ❦❧❥ ♠❥ ♥❥♠❧♦kunt

Fungsinya melaksanakan sebagian kegiatan Manajer Administrasi dan Keuangan sesuai dengan kewenangan yang diberikan dalam hal PKBL terutama dalam tugas merencanakan dan mengalokasikan dana pembinaan. Tugas pokoknya adalah :

a. Merencanakan dan mengalokasikan dana pembinan baik yang berupa pinjaman maupun hibah.

b. Melaksanakan kegiatan akuntansi sesuai dengan kebijakan perusahan.

c. Melakukan pemeriksaan dan verifikasi atas penerimaan dan pengeluaran dan pembinaan.

d. Bertanggung jawab kepada Manajer Administrasi dan keuangan.

♣❣ ❤✐l❥ ❦❧❥ ♠❥ ♥q♦mn❥ ❧♦str

Fungsinya melaksanakan sebagian kegiatan Manajer Administrasi dan keuangan sesuai dengan kewenangan yang diberikan dalam hal Pembinaan Usaha Kecil dan Koperasi terutama dalam hal tugas pelaksanaan administrasi pengendalian dana pembinaan dan penagihan. Adapun tugas pokoknya adalah sebagai berikut:

a. Menyusun anggaran kas / Bank dan realisasi bulanan, dan tahunan. b. Melakukan vertifikasi dokumen permintan pencairan dana PUKK. c. Membuat laporan periodik.

d. Bertanggung jawab kepada Manajer Administrasi dan Keuangan

r❣s t✐ ✉♦ ✈❥ ❦❥♠❤✐ru❧❥ ✇❥ ❥ ♠

PKBL berupaya menyalurkan dana kemitraan dan dana bina lingkungan kepada mitra binaan terseleksi dan masyarakat di lingkungan perusahaan secara tepat, cepat, dan efisien. Berikut adalah kebijakan PKBL PT. INTI:


(29)

2. Yang akan menjadi mitra binaan tidak dikhususkan untuk anggota, tetapi untuk umum.

3. Pelatihan / kursus Mitra binaan di biayai (hibah)

4. Ada jaminan pinjaman senilai 70% dari besarnya pinjaman (Surat tanah, dan BPKB).

5. Membantu 5 asnaf (bencana alam, pendidikan, kesehatan masyarakat, sarana umum, sarana ibadah).

6. Metode pencatatan akuntansi yang digunakan adalah metode Accrual basic.

7. Tidak adanya batasan besarnya pinjaman. 8. Untuk kredit macet tidak ada denda. 9. Tidak adanya penghapusan piutang. 10. Pembayaran angsuran di awal bulan 11. Mempunyai ahli waris

①②③ ②④ ⑤yarat-syarat Umum

Syarat-syarat umum Usaha Kecil calon Mitra Binaan yang akan mengajukan:

1. Termasuk kelompok Usaha kecil sesuai UU No.5/1995 (kekayaan bersih maksimal Rp. 20 juta dan omset pertahun maksimal Rp. 1 miliyar)

2. Usaha berjalan minimal sudah 1 tahun (dilengkapi aspek legalitas). 3. Tidak sedang dalam pembinaan BUMN lain.

4. Melampirkan photo copy rekening listrik atau Pajak Bumi dan Bangunan (PBB) terakhir.

5. Surat keterangan kelurahan 6. Photo copy KTP

7. Photo copy Kartu Keluarga 8. Photo copy rekening tabungan 9. NPWP


(30)

15

⑥⑦⑧ ⑦ ⑥ ⑨⑩❶ ❷⑩❸❹ontr⑩ ❷❺❻r❼⑩n❼❽ ⑩❾

Naskah kontrak perjanjian antara PKBL dan Calon Mitra Binaan adalah memuat hal-hal sebagai berikut:

1. Pasal 1 : Pokok Perjanjian

2. Pasal 2 :Jangka waktu pengembalian 3. Pasal 3 :Jaminan

4. Pasal 4 : Sanksi

5. Pasal 5 : Hak dan Kewajiban 6. Pasal 6 : Surat Menyurat

7. Pasal 7 : Pejabat yang ditunjuk untuk tanda tangan 8. Pasal 8 : Amandemen

9. Pasal 9 : Penyelesaian Perselisihan 10. Pasal 10 : Lampiran

11. Pasal 11 : Penutup

⑥⑦❿ ➀ ⑩❾➁⑩❶ ⑩n➂ ❻❽or

Dalam Landasan Teori akan dibahas tentang teori-teori yang berhubungan dengan sistem pengelolaan mitra binaan PKBL yang akan dibuat.

⑥⑦❿ ⑦➃ ➄❻finisi Sistem Informasi

Sistem informasi adalah sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, membantu dan mendukung kegiatan operasi, bersifat manajerial dari suatu organisasi dan membantu mempermudah penyediaan laporan yang diperlukan. (Erwan Arbie, 2000, 35).

Sistem informasi adalah data yang dikumpulkan, dikelompokkan dan diolah sedemikian rupa sehingga menjadi sebuah satu kesatuan informasi yang saling terkait dan saling mendukung sehingga menjadi suatu informasi yang berharga bagi yang menerimanya. (Tafri D. Muhyuzir, 2001, 8).


(31)

[Sumber : Arbie, E., 2000,➅➆ngantar ➇➈stemasi nrmfoanajemen , Edisi Ke-7,

Jilid 1, Bina Alumni Indonesia, Jakarta]

➋➌➍ ➌ ➋ ➎➏finisi Website

Sebuah situs web, juga ditulis sebagai situs Web, situs web, atau hanya situs, adalah seperangkat terkait halaman web yang mengandung konten seperti teks , gambar , video yang , suara , dll Sebuah website host pada setidaknya salah satu web server , dapat diakses melalui jaringan seperti internet atau swasta jaringan area lokal melalui alamat internet yang dikenal sebagai Uniform Resource Locator . Semua situs web dapat diakses publik merupakan kolektif World Wide Web .

Sebuah halaman web adalah dokumen , biasanya ditulis dalam teks biasa diselingi dengan instruksi format Hypertext Markup Language ( HTML , XHTML ). Sebuah halaman web dapat memasukkan unsur-unsur dari situs-situs lain

dengan sesuai jangkar markup .

Halaman Web yang diakses dan diangkut dengan Hypertext Transfer Protocol (HTTP), yang mungkin bisa menggunakan enkripsi ( Secure HTTP , HTTPS) untuk menyediakan keamanan dan privasi bagi pengguna isi halaman web. Aplikasi pengguna, sering web browser , menerjemahkan konten halaman sesuai dengan instruksi HTML markup ke sebuah terminal layar .

Halaman-halaman dari sebuah situs web biasanya dapat diakses dari

Uniform Resource Locator sederhana (URL) yang disebut alamat web . URL dari halaman mengaturnya dalam sebuah hirarki, meskipun hyperlink di antara mereka menyampaikan dirasakan pembaca struktur situs dan panduan navigasi pembaca dari situs yang umumnya termasuk halaman rumah dengan sebagian besar link ke situs konten web , dan tambahan tentang , kontak dan Salin tautan halaman .

Beberapa situs web memerlukan langganan untuk mengakses sebagian atau keseluruhan isi website tersebut. Contoh website langganan termasuk situs bisnis, bagian dari situs-situs berita, jurnal akademik website, situs game, file-sharing website, papan pesan , berbasis web email , jaringan sosial website, situs web yang menyediakan real-time pasar saham data, dan situs web yang menyediakan


(32)

17

berbagai layanan lainnya (misalnya, situs web yang menawarkan menyimpan dan / atau berbagi gambar, file dan sebagainya).

[Sumber➐➑ikt➒➓➔ →li➒➣ ➒↔rku ↕ ➒➓ ➒➙➒➣uli ➛➜ ➝iksi ologi eknnline

iversit➒➡nuter pmondonesi➒ ]

➤➥➦ ➥➧ ➨➩finisi Basis Data (Database)

Istilah basis data banyak menimbulkan interpretasi yang berbeda. Anthoni J.Fabbri dan A. Robert Schwarb, mendefinisikan basis data sebagai berikut :

➫➒➡ ➭s ➯➒➓ ➒ ➒➯➒ ➝➒➣ sistem➲→rk➒➡ te➳➜➒➯ ➵ ➒↔➸y di➳➒↔➺➒↔➸ terut➒➻➒ untuk m

em in im

➒ ➝k➒↔➜ →ngul➒↔➸➒↔➯➒➓ ➒➼

Basis data dimaksudkan untuk mengatasi problem pada sistem yang memakai pendekatan berbasis berkas. Sistem basis data adalah suatu sistem

menyusun dan mengelola ➺reord ➽➺reord menggunakan computer untuk

menyimpan atau merekam serta memelihara data operasional lengkap sebuah organisasi/perusahaan sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakai untuk proses mengambil keputusan. Untuk mengelola basis data diperlukan perangkat lunak yang disebut DBMS. DBMS adalah perangkat lunak sistem yang memungkinkan para pemakai membuat, memelihara, mengontrol, dan mengakses basis data dengan cara yang praktis dan efisien.

Mengapa diperlukan➯➒➓ ➒➲➒➡→:

1. Salah satu komponen penting dalam sistem informasi, karena merupakan dasar dalam menyediakan informasi.

2. Menentukan kualitas informasi : akurat, tepat pada waktunya dan relevan.

3. Informasi dapat dikatakan bernilai bila manaatnya lebih efektif dibandingkan dengan biaya mendapatkannya.

4. Mengurasi duplikasi data (datare➯➵↔➯➒↔ ➺y)


(33)

6. Mengurangi pemborosan tempat simpanan luar.

Sampai dengan membentuk suatudatabase , data mempunyai jenjang mulai dari karakter-karakter, item data, record ,file dan kemudiandatabase . Jejang data dapat digambarkan pada gambar 2.4 sebagai berikut :

➾➚m➪➚➶➹ ➘ ➴➷ ➬n➮➚➱✃❐➚❒➚

1. ❮haracter : merupakan bagian data yang terkecil, dapat berupa karakter

numeric, huruf ataupun karakter-karakter khusus (special character) yang membentuk suatufield .

2. ❰Ïeld : mempresentasikan suatu atribut darirecord yang menunjukan suatu

dari item data, seperti misalnya nama, alamat dan lain sebagainya. Kumpulan darifield membentukrecord .

3. Record : kumpulan darifield membentuk suatuÐ Ñ ÒÓrec ÔÕÖord

menggambarkan suatu unit data individu yang tertentu. Kumpulan darireÖord

membentuk suatufile .

4. ❰Ïle : file terdiri darireÖord ×Öreord yang menggambarkan satu kesatuan data

yang sejenis.


(34)

19

[Sumber : Bambang Hariyanto, Ir., MT., 2004,SistemÝanajemenÞ ßà ás âata ,

Informatika, Bandung]

ãäå äæ çè éè êëìè ír cangan Basis Data

Perancangan basis data merupakan langkah untuk menentukan basis data yang diharapkan dapat mewakili seluruh kebutuhan pengguna. Perancangan basis data terdiri atas perancangan basis data secara konseptual dan fisik. Beberapa komponen yang terdapat pada perancangan basis data secara konseptual antara lain :

Perancangan basis data dibutuhkan agar diperoleh suatu sistem yang sesuai dengan apa yang diinginkan, dimana dapat melalui tahapan berikut :

a. îï ðity Relationshipâiagram (ERD)

îï ðity Rela tionshipâramiag atau biasa dikenal dengan diagram E-R secara

grafis mengambarkan isi sebuahdatabase . Diagram ini memiliki dua

komponen utama yaituentity dan relasi. Untuk melambangkan fungsi diatas maka digunakan symbol-simol yang bisa dilihat pada daftar symbol.

Elemen-elemenîï ðity Relationshipâiagram sebagai berikut : 1ñ îï ðity

Pada E-R diagram,entity digambarkan dengan sebuat bentuk persegi panjang.îïðity adalah sesuatu apa saja yang ada di dalam sistem,

nyata maupun abstrak dimana data tersimpan. Entitas diberi nama dengan kata benda dan dapat dikelompokan dalam empat jenis nama, yaitu : orang, benda, lokasi kejadian (terdapat unsur waktu

didalamnya)

ò ñ óôlßtionship

Pada E-R Diagram,óôlßðionship dapat digambarkan dengan sebuah

bentuk belah ketupat.óelßðionship adalah hubungan alamiah yang

terjadi antara entitas. Pada umumnya penghubung (óôlßðionship )

diberi nama dengan kata kerja dasar, sehingga memudahkan untuk melakukan pembacaan relasinya ( bisa dengan kalimat aktif atau


(35)

kalimat pasif). Penggambaran hubungan yang terjadi adalah sebuah bentuk belah ketupat dihubungkan dengan dua bentuk empat persegi panjang.

õ ö ÷ølù úionship degree

÷ølù úionshipûreeeg atau derajat relasi adalah jumlah entitas yang

berpartisipasi dalam suatuùúrel ionship

üö Atribut

Secara umum atribut adalah sifat atau karakteristik dari tiap entitas maupun tiapù úrel ionship . Maksudnya, atribut adalah sesuatu yang

menjelaskan apa sebenarnya yang dimaksud entitas maupun

rel

ùúionship , sehingga sering dikatakan bahwa atribut adalah elemen

dari setiap entitas danù úrel ionship

5. Kardinalitas

Kardinalitas relasi menunjukan jumlah maksimum tupel yang dapat berelasi dengan entitas yang lain. Dari sejumlah kemungkinan

banyaknya hubungan antara entitas, kardinalitas relasi merujuk kepada hubungan maksimum yang terjadi dari entitas yang lain dan begitu juga sebaliknya. Terdapat tiga macam kardinalitas relasi, yaitu :

ùö ýne to one relùúionship

Tingkat hubungan satu ke satu, dinyatakan dengan satu kejadian pada entitas pertama, hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua dan sebaliknya, seperti ditunjukan pada gambar 2.5 sebagai berikut :


(36)

21

✆✝ ✞ne to m✟✠ ✡ rel✟☛ionship

Tingkat hubungan satu ke banyak adalah untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas yang kedua, seperti ditunjukan pada gambar 2.6 sebagai berikut :

☞✌✍✌ ✎m ✏✑ ✒One to Many Relationship

✓✝ ✔✟✠✡ to one rel✟☛ionship

Untuk banyak kejadian pada entitas yang pertama hanya dapat mempunyai satu hubungan dengan kejadian pada entitas yang kedua, seperti ditunjukan pada gambar 2.7 sebagai berikut :

☞✌✍✌ ✎m ✏✑ ✕Many to One Relationship

✖✝ ✔✟✠✡ to✔✟✠✡ rel✟☛ionship

Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya, baik dilihat dari sisi entitas yang pertama maupun dilihatdari sisi yang kedua, seperti ditunjukan pada gambar 2.8 sebagai berikut :


(37)

✗✘m✙ ✘✚✛ ✜ 8Many to Many Relationship

b. Normalisasi

Normalisasi merupakan tahapan perancangan dalam membangun basis data relasional yang tidak secara langsung berkaitan dengan model data, tetapi dengan menerapkan sejumlah atuan dan criteria standar untuk menghasilkan struktur tabel yang normal. Adapun langkah-langkah untuk menghasilkan struktur tabel yang normal, diantaranya yaitu :

1. BentukUnnormalized

Bentukunnorm✢✣ adalah bentukt✢✤✣e dengan mencantumkan semua field yang ada.

2. Bentuk Normal Pertama / 1 NF (✥✦rst orm✢✣✥★ ✩ ✪ )

Bentuk Normal Pertama terpenuhi jika sebuah table tidak memiliki atribut bernilai banyak (✫ultiv✢✣ued✬✭✤✮✭ri e ) atau lebih dari satu

atribut dengan domain nilai yang sama

3. Bentuk Normal Kedua / 2 NF (✯eondt orm✢✣✥★ ✩ ✪ )

Bentuk Normal Kedua terpenuhi jika pada sebuaht✢✤ ✣e semua atribut

yang tidak termasuk dalamkey primer memiliki ketergantungan fungsional padakey primer secara utuh

4. Bentuk Normal Ketiga / 3 NF (✱hird ✧✢✣orm✥★✩✪ )

Bentuk Normal Ketigas terpenuhi jika dan hanya jika semua atribut bukan kunci memiliki depedensi transitif terhadap kunci primer. 5. ✲★✳✰e✴✵oddorm✢✣✥★✩✪ (BCNF)

Suatu table dikatakan berada pada BCNF jika dan hanya jika semua ketergantungan fungsional dengan notasi X Y, maka X harus merupakansuperkey pada table tersebut.


(38)

23

Suatu table dikatakan berada pada normal keempat jika tidak mengandung dua atribut atau lebih yang bernilai banyak 7. Bentuk Normal Kelima / 5 NF (✶✷fth✸✹ ✺orm✶ ✻ ✼✽ )

Bentuk Normal Kelima berkaitan dengan ketergantungan relasi antar table (✾oin✿❀epedeny )

c. Relasi Tabel

Relasi Tabel menunjukan adanya hubungan diantara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Dari adanya relasi table tersebut terdapat kardinalitas relasi yang menunjukan jumlah maksimum entitas yang dapat berelasi dengan entitas pada humpunan entitas yang lain. [Sumber :❁✹ ✽❂✹ ❃ ❄❅✹ ✼✷y✹❃ ❆✻ ❇❈ ✼❉ ❇❊ ❋❉❇●❍❍ ■ ❇❏✷stem❊ ✹❃ ✹ ❑emen❁✹ ▲✷s ✿✹ ❆✹ ❇

nform✹❆✹ ❇ik ❁✹ ❃ ▼◆❃❄ ]

❖P◗ P❘ ❙❚t❯ ❱❚❲n❳❨❩❬ ❳❭❩❚stm❪❚rstruktur

❖P◗ P❘P ❫❴ ❳❵ ❳❛❲❩lr❜❚okumn ( Document Flowmap)\

Bagan alir dokumen menggambarkan alian informasu antar area

pertanggungjawaban didalam sebuah organisasi. Bagan alir ini menelusuri sebuah dokumen dari asalnya sampai tujuannya. Secara rinci bagan alir dokumen ini menunjukkan dari mana bermanfaat untuk menganalisis kecukupan prosedur pengawasan dalam sebuah sistem. Bagan alir dokumen desebut juga bagan alir formulir yang menunjukkan arus dari laporan dan formulir termasuk

tembusannya.

2.8.5.2 Entity Relationship Diagram (ERD)

Model Entity Relationship diperkenalkan pertama kali oleh❝❉❝❞hen

pada tahun 1976. Model ini dirancang untuk menggambarkan persepsi dari pemakai dan berisi objek objek dasar yang disebut entity dan hubungan antar entity entity tersebut yang disebut relationship. Pada model ER semesta data


(39)

yang ada didalam dunia nyata ditransformasikan dengan memanfaatkan perangkat konseptual menjadi sebuah diagram, yaitu diagram ER (Entity Relationship).

Diagram Entity Relationship melengkapi penggambaran grafik dari

struktur logika. Dengan kata lain diagram ER menggambarkan arti dari aspek data seperti bagaimana entity entity, atribut atribut dan relationship relationship disajikan. Sebelum mebuat diagram ER, tentunya kita harus memahami betul data yang diperlukan dan ruang lingkupnya. Di dalam pembuatan diagram ER

diperhatikan penentuan konsep apakah merupakan suatu entity, atribut atau relationship.

Tipe Entity

Entity adalah objek yang dapat dibedakan dengan yang lain dalam dunia nyata. Entity dapat berupa objek secara fisik seperti orang, rumah, atau perusahaan dan sebagainya. Tipe entity merupakan sekumpulan objek dalam dunia nyata yang mempunya property yang sama atau berasal dari entity yang sejenis. Terdapat dua tipe Entity, yaitu Entity Kuat dan Entity Lemah. Entity kuat adalah entity yang keberadaannya tidak bergantung pada entity lain, misalnya tipe entity pegawai atau cabang. Sedangkan entity lemah keberadaanya bergantung pada entity lain, misalnya tipe entity tanggungan, dimana keberadaanya tergantung dari pegawai.

Entity disajikan dalam bentuk persegi panjang, entity kuat disajikan dengan persegi panjang satu garis, sedangkan lemah disajikan dengan persegi panjang dengan garis double.

Atribut

Atribut adalah karakteristik dari entity atau relationship yang menyediakan penjelasan detail tentang entity atau relationship tersebut. Nilai atribut merupakan suatu data actual atau informasi yang disimpan pada suatu atribut didalam suatu entity atau relationship. atribut digambarkan dalam bentuk oval.

Jenis jenis atribut :


(40)

25

2. Atribut Simple, atribut yang bernilai tunggal.

3. Atribut Multivalue, atribut yang memiliki sekelompok nilai untuk setiap instan entity.

4. Atribut Composite, suatu atribut yang terdiri dari beberapa atribut yang lebih kecil dan memiliki arti tertentu.

5. Atribut Derivatif, suatu atribut yang dihasilkan dari atribut yang lain.

Relationship

Relationship adalah hubungan yang terjadi antara satu atau lebih entity. Relationship set adalah kumpulan relationship yang sejenis.

Derajat dari Relationship

Derajat dari relationship menjelaskan jumlah entity yang berpartisipasi dalam suatu relationship. terdapat tiga jenis derajat dari relationship, yaitu unary degree (derajat satu), bianary degree (derajat dua) dan ternary degra (derajat tiga)

Cardinality Ratio Contraint

Cardinality ratio contarint merupakan menjelaskan batasan jumlah keterhubungan satu entity dengan entity lainnya. Terdapat tiga jenis cardinality ratio constraints, satu ke satu (1 : 1) , satu ke banyak (I : N / N : 1), dan banyak ke banyak (N : N).

Participant Contsraint

Participant constraint merupakan batasan yang menjelaskan apakah keberadaan suatu entity tergantung pada hubungannya dengan entity lain. Terdapat 2 macam participant contstraint, total participant constraints dan partial participant constraint.

- Total participant, keberadaan suatu entity tergantung pada hubungannya dengan entity lain.

- Particial participant, keberadaan suatu entity tidak bergantung pada


(41)

Week Entity

Week entity adalah suatu entity dimana keberadaan dari entity tersebut tergantung dari keberadaan entity lain. Entity yang merupakan induknya disebut Identifying Owner dan relationshipnya disebut Identifying Relationship. Week Entity selalu mempunyai total participant constraint dengan identifying owner.

Simbol symbol ER Diagram :

❡❢ ❣❤l ✐ ❥ ❦❧♠❣mol ♥ ♦ - Diagram

NO Simbol Keterangan

1 Entity

2 Week Entity

3 relationship

4 Identifying Relationship


(42)

27

6 Atribut Primary Key

7 Atribut Multivalue

8 Atribut Composite

9 Atribut Derivatif

[Sumber :♣iktat qrrruliahansatatauliaasis ata Universitas ✈✇ ①② ③④② ⑤ ⑥② ]

⑦⑧⑨ ⑧⑩⑧ ❶❷❸❹❺ ❻❹montks ( Conteks Diagrams)

Jenis pertama Context Diagram, adalah data flow diagram tingkat atas (DFD Top Level), yaitu diagram yang paling tidak detail, dari sebuah sistem informasi yang menggambarkan aliran-aliran data ke dalam dan ke luar sistem dan ke dalam dan ke luar entitas-entitas eksternal. (CD menggambarkan sistem dalam satu lingkaran dan hubungan dengan entitas luar. Lingkaran tersebut

menggambarkan keseluruhan proses dalam sistem).

Beberapa hal yang harus diperhatikan dalam menggambar CD: 1) Terminologi sistem :


(43)

 ➂ingngu ngan Sistem adalah segala sesuatu yang berhubungan atau

mempengaruhi sistem tersebut.

 ➃nterfaae adalah aliran yang menghubungkan sebuah sistem

dengan linkungan sistem tersebut. 2) Menggunakan satu simbol proses

atat➅ ➆➇

➈➅➆➉➊➅ ➋ ➌➍ di➎➅ ➏➅➊ lin➅ ➐ ➅ ➆gkteks onsim➒ ➓➏ proses) ➅➎ ➅➏➅ ➔ keg

i

➅ →➅➆➣ ↔➋➅ ➆mrose ↕➅➋↕nform ➑➙➅ →➅➋➛↕stem)➜➝➅ →➅➆egi ↕➅ ➋↕nform

➅ ➎➅ ➏➅ ➔➊e➆➉➅➊➒ ↕l ➎➅→➅➎➅ ➐↕ file➞➊➐ ➅ ➆ ➋➟ent orm➅ ➋↕k➅ ➆➎➅→➅➞➅ →➅➌ m

el

➅➍➅➆ukiling➎➅→➅➞➊i➋➅➏➅ynpersi➅➣ ➍➅ ➆emokume➆➞ m

em

➅ ➋ ➌➍k➅ ➆➞➊emerik➋➅ ➞➊➅➋↕gklen ➅➋↕➞fike➆➉➅ → ➌➐ ➞➊ enyorti➐ ➞ m

en g h it

➌➆ ➉➞➊➅ ➋eringk ➎ ➅→➅➞➎➅➆➊➅ ➍el uk➅ ➆➟iling➎ ➅ →➅ ➑➒ ➅↕k y➅➆➉ m

el

➅➍➅➆uk ➋↔➠➅➐ ➅➊➅ ➆ ➌➅l m➅ ➌➣ ➌ ➆➡➅ ➆ ➉➎ ↕➅ ➍luk se➠➅➐ ➅ tero

to m ➅ ➋↕)

3) Nama/keterangan di simbol proses tersebut sesuai dengan fungsi sistem tersebut

4) Antara Entitas Eksternal/Terminator tidak diperbolehkan komunikasi langsung

5) Jika terdapat termintor yang mempunyai banyak masukan dan keluaran, diperbolehkan untuk digambarkan lebih dari satu sehingga mencegah penggambaran yang terlalu rumit, dengan memberikan tanda asterik ( * ) atau garis silang ( # ).

6) Jika Terminator mewakili individu (personil) sebaiknya diwakili oleh peran yang dipermainkan personil tersebut.

7) Aliran data ke proses dan keluar sebagai output keterangan aliran data berbeda.

[Sumber :➢etodologi ➤↔➒ ➅ ➆ ➉➅➆ngem ➛ ↕stemnfo➅ ➋rm i 1➥➥ ➦➜➂em➅ ➆➞➤➧➨➏ex

➢➅edi ➝➆➎ ➓➞omputi ➩➅ ➍➅➅ ➜rt ➤↔➆ ➉➅➆→➅➐➛ ↕stem➃➅nform➋↕➙↕snis 1➥➥ ➫➜➂➅ ➆↕ ➛ ↕➎➅ ➐ →➅ ➞➤ ➧➨➏ex ➢➅ediputi➆➎ ➓➞om ➩➅ ➍➅➐ →➅ ]


(44)

29

➭➯➲ ➯➳➯ ➵➸➺➸ (Data Flow Diagram)

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan

notasi notasi untuk menggambarkan arus dari data sistem, yang penggunaannya

sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. Dfd merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.

Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD menggambarkan komponen-komponen sebuah sistem, aliran-aliran data di mana komponen-komponen tersebut, dan asal, tujuan, dan penyimpanan dari data tersebut.

Kita dapat menggunakan DFD untuk dua hal utama, yaitu untuk membuat dokumentasi

dari sistem informasi yang ada, atau untuk menyusun dokumentasi untuk sistem informasi yang baru.

[Sumber :➻etodologi ➼➽nagnaemgnb➾➚stemn fosi rma1➶ ➶➹➘➴em➷➬ ➮➼➱ ✃❐ex

edi➷❒➬ ❮ ❰ ➮omputi Ï➷Ð ➷➷➘rt ➼➽➬ Ñ ➷➬Ò ➷Ó➾➚stemnform➷Ô ➚Õ➚snis 1➶➶Ö➘ ➴➷➬ ➚ ➾➚❮ ➷ ÓÒ ➷ ➮➼➱✃❐ex edi➷❒puti➬ ❮ ❰ ➮om Ï➷Ð ➷ÓÒ ➷ ]


(45)

×ØÙ Úoftware Pendukung 2.9.1 HTML

HyperText Markup Language (HTML) adalah sebuahbahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga

menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGMLÛÜ ÝÞß à Þá àâeneáÞãizedä Þá åupæÞß çè Þ çé)ê HTML

adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan

dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). [Sumber :ëiktÞ ÝìérkuliÞíÞßä Þ ÝÞîuliÞíïðãikÞsi ñò óÞôniversit îomputer

ñndonesiÞ ]

2.9.2 PHP

PHP dalam dunia web orang mengartikannya dengan Protext Hyper Processor atau PHP Hyper Text Prosessor dan masih banyak istilah yang dibuat orang mengenai arti dari bahasa ini, adalah sebuah bahasa scripting yang berjalan disisi server atau sering kita menyebutkan Server Side Scripting.

PHP merupakan singkatan dari Hypertex Prepocessor, yaitu bahasa pemograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersama dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP singkatan dari Personal Home Page Tools .

Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada


(46)

31

bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.

PHP memiliki beberapa kelebihan, diantaranya : - Praktis/Mudah digunakan

PHP adalah bahasa pemograman yang sangat longgar dalam penulisan, dan ini meningkat kan kepraktisan buat para penggunanya. Misalnya saja programmer tidak diharuskan untuk menuliskan atau menhapus variabel, walaupun kadang mereka juga tidak bisa mengatakan dengan mudah yang kemudian dipanggil dalam sebuah skrip, menebak formula terbaik dalam penetapan variabel secara otomatis kemudian menghapus variabel dan dan mengembalikan resource ke sistem setelah skrip berhasil di eksekusi.Pada akhirnya, PHP mampu membuat programmer lebih berpikir pada tujuan akhir dari project yang akan dibuat.

- Power

PHP mampu membuat halaman dinamis, memanipulasi form, dan dapat dihubungkan dengan database. Selain itu, PHP juga mampu melakukan banya hal seperti :

1. Membuat dan memanipulasi file Macromedia Flash, gambar, dan portable document format (PDF).

2. Mengevaluasi sebuah password, misalnya : apakah sebuah password yang dibuat gampang ditebak atau tidak.

3. Berkomunikasi dengan LDAP 4. Menguraikan String.

5. Berkomunikasi dengan banyak protocol, termasuk IMAP, POP3 dan NNTP.

6. Berkomunikasi dengan credit card processing solution. - Possibility

Jarang ada developer PHP yang terikat pada suatu implementasi pemecahan masalah. Dilain sisi ada banyak pilihan yang ditawarkan oleh PHP. Contonhnya : ada pada database yang didukung oleh PHP. Kurang lebihnya semua ada 25 database, termasuk Adabas D, dBase, Empress, FilePro, FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, mSQL, direct


(47)

MS-SQL, MySQL, Oracle, Ovrimos, PostgreSQL, Solid, Sybase, Unix dbm, dan Velocis.

- PHP dapat dimodifikasi, didistribusikan, dan diintegrasikan dengan produk lain oleh penggunanya.

Pengembangan dan auditing yang dilakukan secara terbuka, sehingga semua orang dapat berpartisipasi.

[Sumber :õö÷ øs ùatöúûathiansy öüýþÿne øt nformö✂ikö ]

✄☎✆ ☎✝ ✞✟ ✠ro✡☛☞✟mr✡✟mweaver CS5

Adobe Dreamweaver CS5 adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML. Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface.

Dreamweaver dapat menggunakan ekstensi dari pihak ketiga untuk memperpanjang fungsionalitas inti dari aplikasi, yang setiap pengembang web


(48)

33

bisa menulis (sebagian besar dalam HTML dan JavaScript). Dreamweaver didukung oleh komunitas besar pengembang ekstensi yang membuat ekstensi yang tersedia (baik komersial maupun yang gratis) untuk pengembangan web dari efek rollover sederhana sampai full-featured shopping cart. Dreamweaver, seperti editor HTML lainnya, edit file secara lokal kemudian diupload ke web server remote menggunakan FTP, SFTP, atau WebDAV. Dreamweaver CS4 sekarang mendukung sistem kontrol versi Subversion (SVN).

[Sumber :✍upas Tuntas ✎ ✏✑ ✒✓✔eaver wmrea✕✖✖ dengan✗✓mograman✗✘✗&

✙✖ ✚✛✜y ✎ ✢ ✏✣✤✥ ✦✥ ✧ ★✥ogy ]

✩✪✫ ✪✬ ✭ySQL & SQL

MySQL adalah sebuah program database server yang mampu menerima dan mengirimkan datanya dengan sangat cepat, multi user serta menggunakan perintah standar SQL (Strucktured Query Language).

MySQL memiliki dua bentuk lisensi, yaitu FreeSoftware dan Share Software. MYSQL yang biasa digunakan adalah MySQL Freesofetware yang berada di bawah lisensi GNU/GPL (General Public Lisence).

MySQL pertama kali dirintis oleh seorang programmer database bernama Michael Widenius. Selain sebagai database server. MySQL juga merupakan program yang dapat mengakses suatu database MySQL yang berposisi sebagai Server. Pada saat itu berarti program kita berposisi sebagai Client. Jadi MySQL adalah sebuah database yang dapat digunakan baik sebagai Client maupun Server.

Database MySQL merupakan suatu perangkat lunak database yang beberntuk database relasional atau dalam bahasa basis data sering kita sebut dengan Relation Database Management System (RDBMS). Yang menggunakan suatu bahasa permintaan bernala SQL.

Kelebihan✙✖ ✚✛y

 MySQL sebagai Database Management System (DBMS)


(49)

 MySQl adalah sebuah software database yang open source, artinya program ini bersifat free atau bebas digunakan siapa saja tanpa harus membeli dan membayar lisensi kepada pembuatnya.

 MySQL merupakan sebuuah database server, yang dapat menghubungkannya

ke media internet sehingga dapat diakses dari jauh.

 MySQl merupakan sebuah database client. Selain jadi server yang melayani permintaan, MySQL pun bisa melakukan query yang mengakses database pada server.

 MySQL mampu menerima query yang bertumpuk dalam satu permintaan

atau yang disebut Multi Threading.

 MySQL merupakan sebuah database yang mampu menyimpan data

berkapasitas sangat besar hingga berukuran GigaByte sekalipun.

 MySQL didukung oleh driver ODBC

 MySQL adalah database menggunakan enkripsi password.

 MySQL merupakan server database yang multi user.

 MySQL dapat menciptakan lebih dari 16 kunci pertabel, dan dalam satu kunci memungkinkan berisi belasan field.

 MySQl mendunkung field yang dijadikan sebagai kunci primer dan kunci Unique.

SQL adalah sebuah bahasa permintaan database yang terstruktur. Bahasa SQL dibuat sebagai bahasa yang dapat merelasikan beberapa table dalam database maupun merelaskan antar database. Bahasa SQL ditulis langsung dalam sebuah program database sehingga seorang pengguna dapat melihat langsung permintaan yang diinginkan, sekaligus melihat hasilnya.

MySQL sendiri adalah sebuah program database sever yang memerlukan sebuah bahasa permintaan yang digunakan didalam MySQL.

[Sumber✯✰✱✲ ✱✳ ✱✴✵✶✵l✱✲i✷✸ ✱✹ de✸ ✺ ✱✸✻y✼ ✽✾✿❀❁✸✱❂it ❃❁✺❄ ✷❅ ✷❆❇❈❉si


(50)

35

▲▼◆ ▼❖ P◗ P❘y Admin

Phpmyadmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman php yang digunakan untuk menangani administrasi MYSQL melalui jejaringan jagat jembar ( World Wide Web). Phpmyadmin mendukung berbagai aplikasi mysql, diantaranya (mengelola basis data, table- table, bidang, relasi, indeks, pengguna, perizinan, dll)

Phpmyadmin dimulai pada tahun 1998 oleh Tobias Ratschiller seseorang konsultan IT. Ratschiller mengerjakan sebuah program bernama

MYSQL-webadmin dengan bebas, yang merupakan produk dari Petrus Kuppelwieser, yang telah berhenti mengembangkannya pada saat itu. Ratschiller menulis kode baru untuk phpmyadmin, dan ditingkatkan pada konsep dari proyek Kuppelwieseer.

Pada dasarnya, mengelola basis data dengan MySQL harus dilakukan dengan cara mengetikkan baris-baris perintah yang sesuai (command line) untuk setiap maksud tertentu. Jika seseorang ingin membuat basis data (database), ketikkan baris perintah yang sesuai untuk membuat basis data. Jika seseorang menghapus tabel, ketikkan baris perintah yang sesuai untuk menghapus tabel. Hal tersebut tentu saja sangat menyulitkan karena seseorang harus hafal dan

mengetikkan perintahnya satu per satu.

[Sumber :❙iktat ❚❯rruliahanataaulia ❳ ❨❩ ❬s ata Universitas ❭❪ ❫ ❨❴❵ ❨❛ ❜❨ ]

2.9.6 Wamp Server

WAMP adalah singkatan dari Windows and the principal components of the package: Apache, MySQL and PHP ( Perl or Python). Merupakan satu paket aplikasi Apache, PHP, dan MySQLpada Windows. Kita tidak perlu repot-repot untuk menginstall satu persatu dari komponen web server seperti Apache, MySQL dan PHP karena menurut orang awam terlalu sulit dimengerti.

Wamp adalah sebuah aplikasi yang dapat menjadikan komputer kita

menjadi sebuahserve❛ ❝ Kegunaan wamp server ini untuk membuat jaringan local

sendiri dalam artian kita dapat membuat website secara offline untuk masa coba-coba di komputer.


(51)

[Sumber :❞iktat ❡❢hnaliaruratauliah✐ ❥❦isika logiokneTnline ♠♥ ♦niversit


(52)

37 qr qs ss

t✉ ✈ qr✇r ①r ②

③④⑤ ④ ⑥ ④⑥ ⑦⑧ ⑦ ④⑨ ④⑧ ⑤ ⑦⑥④⑩ ④❶ ❷❸ ⑧❹❸ ⑧④⑦ ⑥❸ ❺ ❷④❻④ ❷ ❷④❻④❷ ⑦⑧❼ ❽❺ ❷④❶ ⑦❾ ⑥ ④⑦⑨ ⑦⑧❼ ❽❺❷④❶ ⑦ int❿➀➁ ➂➃ ❷ ④➄ ➅➄⑧ ❿kst❿➀➁➂➃ ➅④⑤④ ③➆➇➈➉ ➆➈ ❶ ❸ ⑩ ⑦⑧❹ ❹④ ⑤ ④➅④➊ ❷❸⑧❹❸ ➊ ④⑩➄⑦ ❷ ④❶ ④➋④⑩ ➌④⑧ ❹ ➊❸❺⑤④➅④➊ ⑤⑦⑤ ④➋④❷ ❶ ⑦❶ ➊❸ ❷ ➌④⑧ ❹ ❶ ❸ ⑤ ④⑧❹ ⑥❸❺ ➍④➋④⑧ ➇ ➎❸ ➊❸ ➋④⑩ ⑦ ➊➄ ④⑨ ④⑧ ⑤ ⑦⑥④⑩ ④❶ ❷❸ ⑧❹❸ ⑧④⑦ ➅❸❺ ④⑧ ❻④⑧❹ ④⑧❶ ⑦❶ ➊❸ ❷➌④⑧ ❹ ④⑨ ④⑧⑤ ⑦⑥④⑧ ❹➄⑧❶ ❸ ⑥④❹ ④⑦➄❶➄➋④⑧❶ ⑦❶ ➊❸ ❷ ⑥ ④❺➄ ➄⑧ ➊➄⑨ ❷❸ ⑧❹❸ ❷⑥ ④⑧❹ ⑨④⑧ ❶ ⑦❶ ➊❸ ❷ ➌④⑧ ❹ ❶➄⑤④⑩ ④⑤ ④ ❶ ❸ ⑨④➋⑦❹➄❶ ➄⑧➊➄⑨ ❷❸ ❷❸ ⑧➄⑩⑦ ➅❸❺ ❷⑦⑧ ➊④④⑧⑤④❺⑦➅⑦⑩ ④⑨③➆➇➈➉ ➆➈ ➇

➏➐➑ ➒➓➔→➣rp➔➣r→➣↔➣ ↕➙ ➔t ➛ ➓➜➝➙t➜➙→ ↕➓→➞➣t➟➐s ②➟s

➠⑤ ④➅➄⑧④⑨ ➊⑦❼ ⑦➊④❶➡④⑨ ➊⑦❼ ⑦➊④❶ ➌④⑧ ❹⑤ ⑦➋④⑨➄⑨④⑧⑤⑦③➆ ➇➈ ➉ ➆➈❶ ❸ ➋④❷ ④⑨❸❺➍④➅❺ ④⑨ ➊❸ ⑨ ⑤ ⑦➋④⑨❶ ④⑧④⑨ ④⑧ ❶❸ ➋④❷ ④ ❶ ④➊➄ ⑥➄➋④⑧❾ ⑤④❺⑦ ➊④⑧❹ ❹④➋ ➢ ➤➄➋⑦ ➥ ➢ ➠❹➄❶ ➊➄❶ ➦ ➧➨➦ ⑤④⑧ ⑤ ⑦➋④⑨➄⑨④⑧❶ ❸ ➊⑦④➅⑩ ④❺ ⑦❶ ❸ ⑧ ⑦⑧❶ ④❷➅④⑦➍➄❷④➊⑤⑦❷➄➋④⑦➅➄⑨➄➋➧➩➇➫ ➧❶➭⑤➨ ➦➇➧➧➯➈➲➇

➎❸ ➋④❷ ④ ⑨❸❺ ➍ ④ ➅❺④⑨➊❸ ⑨ ⑤⑦➊❸ ❷➅④➊⑨ ④⑧ ⑤ ⑦ ⑥④❹ ⑦④⑧ ③❺❽❹❺④❷ ➳❸ ❷ ⑦➊❺ ④④⑧ ➲⑦ ⑧④ ➵⑦⑧ ❹⑨➄⑧ ❹④⑧ ➸ ③➳➲➵➺ ➇➻ ⑦⑥ ④❹⑦④⑧ ⑦⑧ ⑦ ⑨⑩➄❶➄❶ ⑧ ➌④❷❸ ⑧ ❹❸ ➋❽➋④ ➊❸ ⑧➊④⑧ ❹ ⑨❸ ❷⑦➊❺ ④ ④⑧ ➌④⑧ ❹ ⑥❸❺ ④⑤④ ⑤ ⑦ ⑥④➼ ④⑩ ⑧ ④➄⑧ ❹④⑧ ③➆➇➈➉ ➆➈ ➄⑧ ➊➄⑨ ❷❸ ⑧ ⑤➄⑨➄⑧❹ ➅❺ ❽❶ ❸❶ ➅❸ ⑧ ❹❽➋④⑩ ④⑧ ⑦⑧❼ ❽❺❷④❶ ⑦❷ ⑦➊❺ ④⑥ ⑦⑧④④⑧ ❾⑤ ④⑧❷❸ ⑧ ❹❸ ❷⑥ ④⑧ ❹⑨ ④⑧➋④ ➌④⑧ ④⑧⑤ ④❺ ⑦❶ ❸ ⑥➄④⑩❶ ⑦❶ ➊❸ ❷ ➇

➎ ⑦❶ ➊❸ ❷ ➌④⑧ ❹ ⑥❸ ❺ ➍④➋④⑧ ⑤④➋④❷ ➅❸ ⑧ ➌⑦❷➅④⑧④⑧ ⑤④➊④ ❷ ④❶ ⑦⑩ ⑥❸ ➋➄❷ ⑥④⑦ ⑨ ⑤④⑧ ➅❸ ⑧❻④❺ ⑦ ④⑧❶❸ ⑥➄④⑩⑦⑧❼ ❽❺ ❷ ④❶ ⑦ ➌④⑧ ❹⑤ ⑦⑥➄➊➄⑩ ⑨④⑧❷ ④❶ ⑦⑩➊⑦⑤ ④⑨❶ ❸❶➄④⑦ ➌④⑧ ❹⑤⑦⑩ ④❺ ④➅⑨④⑧ ➇ ➽➋❸ ⑩ ⑨ ④❺❸ ⑧ ④ ⑦➊➄❾ ⑤ ⑦⑩④❺④➅⑨ ④⑧ ❶ ⑦❶ ➊❸ ❷ ➌④⑧ ❹ ⑤⑦⑨❸ ❷⑥ ④⑧❹ ⑨④⑧ ⑦⑧⑦ ⑤④➅④➊ ⑥❸❺ ❼➄⑧ ❹❶ ⑦ ❶ ❸ ⑥④ ❹④⑦ ➅❸ ⑧➄⑧ ➍④⑧❹ ⑨ ⑦⑧❸❺➍④⑤ ④❺ ⑦ ❷④❶ ④➋④⑩ ➌④⑧ ❹④⑤ ④❾❶ ❸➅❸❺➊⑦➅❸ ⑧ ➌⑦❷➅④⑧ ④⑧ ⑤ ④➊④ ➌④⑧ ❹ ❷ ④❶ ⑦⑩⑥❸ ➋⑦❷⑥ ④⑦⑨⑤④⑧➋④⑦⑧➡➋④⑦⑧➇

➏➐➾ r➚➙➪➣ ➔➣ ➔✈➙➔ ➙➪ ➙➶

③④⑤ ④ ③➳➲➵ ⑨❸ ⑥➄➊➄⑩ ④⑧ ➅❸ ⑧ ❹❸ ➋❽ ➋④④⑧ ⑤ ④➊④ ❷④❶ ⑦⑩ ⑨➄❺ ④⑧ ❹ ❸❼ ❸ ⑨➊⑦❼ ⑤ ④⑧ ➅❸ ⑧➌⑦❷➅④⑧ ④⑧ ⑤④➊④⑧ ➌④ ➊⑦⑤④⑨ ❸❼ ⑦❶ ⑦❸ ⑧ ❶❸ ⑩ ⑦⑧❹ ❹④ ⑨④⑤ ④⑧❹ ⑨ ④➋④ ⑤④➊ ④ ➌④⑧ ❹ ⑤ ⑦⑥➄➊➄⑩⑨ ④⑧


(1)

62


(2)

63


(3)

64


(4)

65


(5)

66


(6)

6

q r srt ✉

✈✇ ①t ②③④⑤s⑥⑦ s⑥①s⑧s⑥

⑨ ⑩❶ ✈❷❸ ❹❺ ❻❼❽❾❿

➀➁➂➃ ➄➅ ➄➂➆ ➄➇➈ ➄➅ ➉➊➋➄➇➌➃➉➃ ➄➍➄➎➍➁➏➐ ➑➄➎➄➇➊➄➍➒➂➄➇➆ ➁➂➓➄➍➂➄➆➎➁➆➉➇ ➉➔

➏➄➆ ➄➃ ➉➍➁➂➒➊➁➈➅ ➁➐➄➌➄➉➐➁➂ ➉➆➑➎→

➣↔ ↕ ➉➅➎➁➏➙➁➇➌ ➒➊➄➈ ➄➇➛➇➜➒➂➏➄➅ ➉➋➄➇➌➃ ➉➐➄➇➌ ➑➇➃➄➍➄➎ ➏➁➏➐➄➇➎ ➑

➍➂➒➅ ➁➅➆➁➂➓➄➃ ➉ ➙➝↔ ➛➞➝ ➛➟ ➙➁➂➅ ➁➂➒➠➆➈➑➅➑➅➇➋➄➍➄➃➄➡➉➢ ➉➅➉➙➤ ➀➥

➃➄➊➄➏➏➁➏➐➄➇➎ ➑➆➁➌➉➄➎➄➇➃➄➊➄➏➍➁➇➌➒➊➄➈➄➇➃➄➎➄➏➉➎➂➄➐➉➇➄➄➇➔

➏➁➇ ➄➏➍➉➊➆➄➇➉➇➜➒➂➏➄➅ ➉➎➁➇➎➄➇➌ ➏➉➎➂ ➄➔ ➏➁➇➌➁➊➒➊➄➃➄➎➄➃ ➉➐➁➂➐➄➌➄➉

➅ ➁➆➎ ➒➂↔

➦↔ ➙➁➇➋➉➏➍➄➇➄➇➃➄➎➄➧➃➄➎➄➋➄➇➌➃ ➉➨➩➫ ➭➯➲➳ ➩➅➑➃➄➈➃➉➅ ➉➏➍➄➇➍➄➃➄

➵ ➳➯➳ ➸➳ ➺ ➻↔

➼↔ ↕ ➉➅➎➁➏➍➁➇➽➄➂ ➉➄➇➅➑➄➎ ➑➉➇➜➒➂➏➄➅ ➉➋➄➇➌➃➉➐ ➑➎ ➑➈➆➄➇➐➁➂➓➄➊➄➇➃➁➇➌➄➇

➐➄➉➆↔

⑨ ⑩➾ ①❾➚❾❿

↕ ➉➅➎➁➏➙➁➇➌ ➒➊➄➈➄➇➛➇➜➒➂➏➄➅ ➉➪➉➎➂ ➄➀➉➇ ➄➄➇➙➤➀➥➙➝↔ ➛➞➝➛➟ ➙➁➂➅ ➁➂➒➠

➀➄➇➃➑➇➌➏➄➅ ➉➈➃ ➄➍➄➎➃➉➆➁➏➐➄➇➌➆ ➄➇➅ ➁➉➂➉➇➌➃ ➁➇➌➄ ➇➍➁➂ ➆➁➏➐➄➇➌➄➇

➅➍➁➅ ➉➜ ➉➆➄➅ ➉➆ ➁➐ ➑➎ ➑➈➄➇➍➁➇➌➌➑➇ ➄➅ ➉➅➎➁➏➋➄➇➌➈ ➄➂➑➅➃➉➍➁➇➑➈➉➃ ➁➇➌➄➇➏➁➇➽➄➍➄➉

➎➄➈ ➄➍➋➄➇➌➊➁➐➉➈➎➉➇➌➌➉➃ ➄➇➆➉➇ ➁➂➓➄➅ ➉➅➎➁➏➋➄➇➌➊➁➐➉➈➐➄➉➆↔

➪➄➅ ➉➈➐➄➇➋➆➄➜ ➄➅ ➉➊➉➎➄➅➧➜ ➄➅ ➉➊➉➎➄➅➋➄➇➌ ➍➁➂➊➑➃ ➉➆ ➁➏➐➄➇➌➆ ➄➇➒➊➁➈ ➡➉➢➉➅ ➉

➙➤ ➀➥➙➝↔ ➛➞➝➛➟ ➙➁➂➅ ➁➂➒➠➀ ➄➇➃➑➇➌➑➇➎ ➑➆➏➁➏➄➆ ➅➉➏➄➊➆➄➇➆ ➁➂➓➄➅ ➉➅➎➁➏➋➄➇➌

➅➁➎➉➄➍➅ ➄➄➎➐➁➂➆ ➁➏➐➄➇➌➅ ➁➉➂➉➇➌➃➁➇➌➄➇➏➁➇➉➇➌➆ ➄➎➇➋➄➆ ➁➐ ➑➎ ➑➈➄➇➄➆ ➄➇