Pembangunan Sistem Pengolahan Data Siswa pada Galenia Mom and Child Center Divisi Daycare berbasis web

(1)

PEMBANGUNAN SISTEM PENGOLAHAN DATA SISWA

PADA GALENIA MOM AND CHILD CENTER

DIVISI DAYCARE BERBASIS WEB

KERJA PRAKTEK

Diajukan untuk Memenuhi

Salah Satu Syarat Mata Kuliah Kerja Praktek Program Strata Satu Program Studi Teknik Informatika

Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

Disusun Oleh :

Aziz Prastyo Wibowo 10109016 Gilang Rahmat Gumilar 10109023

Adrianto Akbar 10109029

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

(2)

(3)

(4)

DAFTAR RIWAYAT HIDUP

Nama Lengkap

: Adrianto Akbar

Tempat Lahir

: Subang

Tanggal Lahir

: 26 Mei 1991

Agama

: Islam

Alamat Rumah

: Jl. Tengah Ciater RT 13/03 Desa Ciater Kec.

Ciater Kab. Subang

No. Telepon

: 085624267507

E-Mail

: adrianto507@gmail.com

Riwayat Pendidikan

1997-2003

: SD N Centre Ciater

2003-2006

: SMP N 1 Jalancagak

2006-2009

: SMA N 3 Subang

(5)

Nama Lengkap

: A

ziz Prastyo Wibowo

Tempat Lahir

: Cilacap

Tanggal Lahir

: 20 September 1991

Agama

: Islam

Alamat Rumah

: Rawa Bebek Jl. Durian Dalam RT. 01 RW. 15 No.

53, Kel. Kotabaru, Kec. Bekasi Barat, Kota

Bekasi

No. Telepon

: 085624649230

E-Mail

:

wibowo.azizprastyo@gmail.com

Riwayat Pendidikan

1997-2003

: SDN Kota Baru II

2003-2006

: SMPN 5 Kota Bekasi

2006-2009

: SMKN 1 Kota Bekasi

2009-Sekarang

: Program Studi Teknik Informatika Universitas

(6)

Nama Lengkap

:

Gilang Rahmat Gumilar

Tempat Lahir

: Subang

Tanggal Lahir

: 16 November 1991

Agama

: Islam

Alamat Rumah

: Dusun Krajan1 RT.006 RW.002 Desa Cigugur

Kec. Pusakajaya Kab. Subang

No. Telepon

: 085795000429

E-Mail

: gilangg17

@gmail.com

Riwayat Pendidikan

1997-2003

: SDN Patimura

2003-2006

: SMP N 1 Pusakanagara

2006-2009

: SMA N 1 Pusakanagara

(7)

DAFTAR ISI

LEMBAR JUDUL LEMBAR PENGESAHAN KATA PENGANTAR...i DAFTAR ISI...iii DAFTAR TABEL...vi DAFTAR GAMBAR...vii DAFTAR SIMBOL...ix DAFTAR LAMPIRAN...xi BAB I PENDAHULUAN ...1

I.1Latar Belakang...1

I.2Rumusan Masalah...1

I.3Maksud dan Tujuan...2

I.4Batasan Masalah...2

I.5Metode Penelitian...3

I.5.1Metode Pengumpulan Data...3

I.5.2Metode Pembangunan Perangkat Lunak...4

I.6Sistematika Penulisan...5

BAB II TINJAUAN PUSTAKA...7

II.1Profil Perusahaan...7

II.1.1Badan Hukum Instansi...7

II.1.2Visi dan Misi...7

II.1.3Deskripsi Perusahaan...7

II.1.4Logo Instansi...9

II.1.5Struktur Organisasi dan Job Description...9

II.2Landasan Teori...10

II.2.1Sistem Informasi...11

(8)

II.2.3MySQL...13 II.2.4XAMPP...14 II.2.5Bluefish Editor...14 II.2.6Dia...14 BAB III PEMBAHASAN...15

III.1Jadwal Kerja Praktek...15

III.2Teknik Kerja Praktek...15

III.3Analisis Sistem...16

III.3.1Analisis Masalah...17

III.3.2Analisis Prosedur yang Berjalan...17

III.3.3Analisis Kebutuhan Non-Fungsional...20

III.3.3.1Analisi Perangkat Keras...20

III.3.3.2Analisis Perangkat Lunak...21

III.3.3.3Analisis Kebutuhan Pengguna...22

III.3.3.4Analisis Kebutuhan Jaringan...23

III.3.4Analisis Basis Data...24

III.3.5Analisis Kebutuhan Fungsional...26

III.3.5.1Pemodelan Aliran Data...26

III.3.5.2Pemodelan Rincian Aliran Data...27

III.3.5.3Spesifikasi Proses...29

III.3.5.4Kamus Data...35

III.4Perancangan...38

III.4.1Perancangan Basis Data...38

III.4.1.1Diagram Relasi...39

III.4.1.2Struktur tabel...40

III.4.2Perancangan Menu...44

III.4.3Perancangan Antarmuka...45

III.4.3.1Antarmuka login pegawai...45

(9)

III.4.3.3Antarmuka Halaman Daycare & Preschool...47

III.4.3.4Antarmuka Halaman HRD...48

III.4.3.5Antarmuka Login Admin...49

III.4.3.6Antarmuka Halaman Formulir Siswa Baru...50

III.4.3.7Antarmuka Halaman Data Siswa...51

III.4.3.8Antarmuka Halaman Formulir Input Absensi Siswa...52

III.4.3.9Antarmuka Halaman Database Absensi Siswa...53

III.4.3.10Antarmuka Halaman Formulir Input Uang Tahunan...54

III.4.3.11Antarmuka Halaman Data Uang Tahunan...55

III.4.3.12Antarmuka Halaman Formulir Input Uang SPP...56

III.4.3.13Antarmuka Halaman Data Uang SPP...57

III.4.3.14Antarmuka Halaman Formulir Input Pegawai Baru...58

III.4.3.15Antarmuka Halaman Data Pegawai...59

III.4.3.16Antarmuka Halaman Data Admin...60

III.4.4Perancangan Pesan...60

III.4.5Jaringan Semantik...63

III.4.6Perancangan Prosedural...64

III.5Implementasi...70

III.5.1Lingkungan Implementasi...70

III.5.2Screenshoot Program...72

BAB IV KESIMPULAN DAN SARAN...81

IV.1Kesimpulan...81

IV.2Saran...81

(10)

KATA PENGANTAR

Puji syukur dipanjatkan kehadirat Allah SWT, karena hanya rahmat dan hidayah–Nya Laporan Kerja Praktek ini dapat tersusun hingga selesai. Laporan ini merupakan hasil rangkuman dari kegiatan Kerja Praktek di CV. Galenia Mom and Child Center (GMCC), Bandung untuk memenuhi persyaratan yang telah ditentukan oleh Universitas Komputer Indonesia. Proses dalam melakukan Kerja Praktek dan menyusun Laporan ini telah melibatkan berbagai pihak, untuk itu tidak lupa ucapan terima kasih disampaikan kepada :

1. Orang tua serta keluarga yang senantiasa memberikan dorongan yang tak pernah ada habisnya baik secara moril terutama secara spiritual, serta cinta dan kasih sayang mereka yang selalu memberikan kekuatan.

2. Direksi beserta Staff CV. Galenia MCC, yang telah memberikan izin dan fasilitas untuk melakukan Kerja Praktek.

3. Bapak Irawan Afrianto. S.T., M.T. selaku Ketua Program Studi Teknik Informatika

4. Ibu Tati Harihayati Mardzuki, S.T., M.T. selaku Dosen Pembimbing Kerja Praktek.

5. Rekan-rekan seperjuangan Teknik Informatika di UNIKOM angkatan 2009 umumnya dan sahabat di kelas IF-1 khususnya.

6. Seluruh pihak yang telah membantu yang tidak dapat disebutkan satu persatu.

(11)

Bandung, Januari 2012

(12)

DAFTAR

PUSTAKA

[1] Rosa & Shalahuddin, Rekayasa Perangkat Lunak, Modula (2011).

[2] Witarto, Memahami Sistem Informasi, Informatika (2009)

[3] Kroenke, D M. (2008). Experiencing MIS. Prentice-Hall, Upper Saddle River, NJ

[4] http://www.php.net/, diakses 18 Agustus 2012

[5] http://dev.mysql.com/doc/refman/4.1/en/what-is-mysql.html, diakses 18 Agustus 2012

[6] http://www.apachefriends.org/en/xampp.html, diakses 20 Agustus 2012

(13)

BAB I

PENDAHULUAN

I.1 Latar Belakang

Galenia Mom and Child Center merupakan startup company yang bergerak

di bidang pendidikan anak dan kesehatan ibu dan anak. GMCC memiliki dua

divisi, yaitu divisi daycare dan divisi gentlebirth. Divisi daycare bergerak di

bidang pendidikan anak. GMCC berjalan kurang lebih satu tahun. Aplikasi

Microsoft Excel adalah salah satu alat yang digunakan oleh GMCC dalam

mengolah data. Data tidak akurat karena belum memiliki format data yang jelas,

dan terjadi duplikasi data serta tidak tersimpan dengan baik. Data yang akurat

memungkinkan untuk menjadi pedoman perusahaan dalam mengambil keputusan

bisnis.

Berdasarkan hasil wawancara dengan Bapak Angga dan Bapak Dikdik

selaku pimpinan GMCC pada 16 Juni 2012, terdapat kelemahan dalam mengolah

data perusahaan dengan aplikasi Microsoft Excel. Masalah tersebut adalah sering

terjadinya duplikasi data dan letak file yang terpisah-pisah sehingga

memperlambat proses pencarian data ketika membuat laporan perusahaan pada

divisi daycare.

Berdasakan dari permasalahan yang telah disebutkan pada alinea kedua

latar belakang, GMCC tentu saja membutuhkan sebuah alat yang dapat menangani

permasalahan tersebut. Alat tersebut adalah Sistem Informasi Galenia Berbasis

Web. Sistem informasi ini berbasis web agar dapat digunakan di berbagai macam

sistem operasi.

I.2 Rumusan Masalah

Sesuai dengan judul laporan kerja praktek ini “Pembangunan Sistem

Pengolahan Data Siswa pada Galenia Mom and Child Center Divisi Daycare

(14)

membangun sistem informasi pada galenia mom and child center berbasis web

pada divisi daycare.”

I.3 Maksud dan Tujuan

Maksud dari pembuatan laporan ini adalah untuk membangun sistem

informasi pada galenia mom and child center berbasis web pada divisi daycare.

Sedangkan tujuan dari pembuatan laporan ini adalah :

1. Mengurangi duplikasi data yang sering terjadi.

2. File diletakkan pada satu tempat sehingga letak file tidak lagi terpisah.

3. Mempercepat proses pencarian data.

I.4 Batasan Masalah

Batasan masalah dalam membangun sistm informasi Galenia Mom and

Child Center terdiri dari :

1. Tools yang digunakan untuk membangun aplikasi yaitu :

a) Software Bluefish editor untuk menulis script pemrograman web

b) Bahasa pemrograman yang digunakan adalah PHP

c) XAMPP yang terdiri dari apache sebagai web server dan MySQL

sebagai database manajemen sistem

d) Software Dia untuk menggambar diagram DFD dan flowmap

2. Sistem yang dibangun berbasis web dan khusus untuk divisi daycare

3. Data yang diolah yaitu :

a) Data siswa

b) Data absen

c) Data spp

(15)

4. Proses yang dilibatkan adalah :

a) Mengolah data siswa

b) Mengolah data absen

c) Mengolah data spp

d) Mengolah data uang tahunan

I.5 Metode Penelitian

Metode penelitian merupakan tahapan-tahapan yang dilalui oleh peneliti

mulai dari perumusan masalah sampai kesimpulan, yang membentuk sebuah alur

yang sistematis. Metode penelitian ini digunakan sebagai pedoman peneliti dalam

melaksanakan penelitian ini agar hasil yang dicapai ini tidak menyimpang dari

tujuan yang telah ditentukan sebelumnya. Metode penelitian yang dilakukan

terdiri dari metode pengumpulan data dan metode pembangunan perangkat lunak.

I.5.1 Metode Pengumpulan Data

Metode pengumpulan data yang dilakukan adalah :

1. Studi Literatur

Studi literatur dilakukan dengan cara mempelajari berbagai literatur dari

dokumen-dokumen yang sudah ada di perusahaan, buku-buku, situs

internet, jurnal ilmiah, dan teks yang berkaitan dengan penelitian ini.

2. Studi Lapangan

Studi lapangan dilakukan dengan cara mengunjungi tempat yang akan

diteliti dan melakukan pengumpulan data secara langsung. Meode yang

digunakan dalam studi lapangan adalah wawancara dan observasi.

Wawancara merupakan metode pengumpulan data dengan cara bertanya

langsung kepada pelaku sistem. Sedangkan observasi dilakukan dengan

(16)

yang ada.

I.5.2 Metode Pembangunan Perangkat Lunak

Metode pembangunan perangkat lunak yang digunakan adalah waterfall.

Model Software Development Life Cycle (SDLC) air terjun (waterfall) sering juga

disebut model sekuensial linier (sequential linear) atau alur hidup klasik (classic

life cycle). Model air terjun menyediakan pendekatan alur hidup perangkat lunak

secara sekuensial atau terurut dimulai dari analisis, desain, pengkodean,

pengujian, dan tahap pendukung (support). Model air terjun diilustrasikan pada

gambar I.1 [1].

1. Analisis Kebutuhan Perangkat Lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami

perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi

kebutuhan perangkat lunak pada tahap ini perlu untuk

didokumentasikan.

2. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada

desain pembuatan program perangkat lunak termasuk struktur data,

(17)

arsitektur perangkat lunak, representasi antarmuka, dan prosedur

pengkodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari

tahap analisis kebutuhan ke representasi desain agar dapat

diimplementasikan menjadi program pada tahap selanjutnya. Desain

perangkat lunak yang dihasilkan pada tahap ini juga perlu

didokumentasikan.

3. Pembuatan Kode Program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil

dari tahap ini adalah program komputer sesuai dengan desain yang

telah dibuat pada tahap desain.

4. Pengujian

Pengujian fokus pada perangkat lunak dari segi lojik dan fungsional

dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan

untuk meminimalisir kesalahan (error) dan memastikan keluaran yang

dihasilkan sesuai dengan yang diinginkan.

5. Pendukung atau Pemeliharaan

Sebuah perangkat lunak tidak menutup kemungkinan mengalami

perubahan ketika sudah dikirim ke user. Perubahan bisa terjadi karena

adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau

perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap

pendukung atau pemeliharaan dapat mengulangi proses pengembangan

mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang

sudah ada, tapi tidak untuk membuat perangkat lunak baru.

I.6 Sistematika Penulisan

Sistematika penulisan laporan kerja praktek ini disusun untuk memberikan

gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan

(18)

BAB I PENDAHULUAN

Bab ini membahas tentang latar belakang masalah, rumusan masalah,

maksud dan tujuan, batasan masalah, metode penelitian dan sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Bab ini menjelaskan tentang profil instansi, struktur organisasi, job

description, dan landasan teori yang berhubungan dengan permasalahan

berdasarkan studi pustaka yang dilakukan.

BAB III PEMBAHASAN

Bab ini berisi uraian mengenai jadwal kerja praktek, teknik kerja praktek,

analisis, perancangan dan implementasi dari sistem yang dibuat.

BAB IV KESIMPULAN DAN SARAN

Bab ini berisi tentang kesimpulan dan saran-saran yang didapat dari

(19)

BAB II

TINJAUAN PUSTAKA

II.1 Profil Perusahaan

Penjelasan mengenai Galenia Mom and Child Center terdiri dari badan

hukum instansi, visi dan misi, deskripsi perusahaan, logo instansi, struktur

organisasi dan job description.

II.1.1 Badan Hukum Instansi

Berdasarkan Akta Notaris Heriyawan, SH tentang perseroan Komanditer

“CV. Galenia Indonesia” tertanggal 4 Juli 2011 no. 2. Menjelaskan bahwa Galenia

Indonesia adalah berbadan hukum CV.

II.1.2 Visi dan Misi

Visi :

“GMCC menjadi pelopor pusat pelayanan keehatan dan edukasi ibu dan

anak terpercaya di Indonesia”

Misi :

1. Memberikan pelayanan kesehatan berkualitas bagi ibu dan anak yang

paripurna dan terintegrasi

2. Memberika edukasi bagi ibu dan anak agar dapat mengisi sebaik mungkin

masa-masa emas anaknya dengan pengasuhan terbaik

3. Memberikan pelayanan kesehatan ibu dan anak yang berfokus pada

edukasi sehingga terbangun budaya hidup sehat

II.1.3 Deskripsi Perusahaan

(20)

melakukan terobosan inovasi baru denan menyediakan erpaduan unik antara

fasilitas kesehatan dan edukasi ibu dan anak yang paripurna dan terintegrasi.

Menjadikan setiap elemen dari GMCC_{sebagai edukator yang memberi bekal}

cukup bagi ibu dalam memberikan pendidikan dan kesehatan bagi anak.

Mengusung konsep kesehatan yang memberikan knyamanan serta edukasi kepada

para ibu, membuat GMCC mengedepankan konsep-konsep terkini serta unik.

Konsep “one stop mom center” menjadi konsep andalan bagi GMCC.

Galenia Mom and Child Center adalah perusahaan yang bergerak dalam

bidang pendidikan anak, baby spa, persalinan dan kesehatan ibu. GMCC berdiri

pada bulan September 2011.

1. Day care & Pre-school

Layanan pendidikan anak dengan kurikulum multiple intelligences, day

care sudah termasuk pre-school, pre-school terbagi 3 kelas bayi (0-2 th),

play group (2-4 th), kindergarten (4-6 th).

2. Persalinan

Layanan untuk persalinan. Baik konsultasi, sampai penanganan persalinan.

Layanan persalinan yang diberikan pun beraneka macam. Ada gentle birth

dan water birth. Metode gentle birth merupakan melahirkan secara alami

dengan pemberian sugesti yang positif dari terapis bahwa melahirkan itu

menyenangkan sehinggan melahirkan dengan cara ini terasa tenang dan

nyaman. Sedangkan water birth merupakan melahirkan di dalam air

sehingga adanya pendarahan dan rasa sakit pun berkurang. Ditambah lagi

dengan suasana tempat persalinan yang nyaman.

3. Kesehatan Ibu

Memberi pelayanan kepada ibu baik sebelum dan sesudah melahirkan.

Terdapat layanan breast care, mom to be class, pregnancy massage,

(21)

4. Baby Spa

Baby spa merupakan layanan spa pada bayi dan baby photo studio.

II.1.4 Logo Instansi

GMCC menggunakan logo perusahaan seperti pada gambar II.1 dalam

menjalankan usahanya.

Logo bergambar ibu dan anak yang bermakna kedekatan antara ibu dan

anak. GMCC akan selalu mendampingi proses-proses terpenting dalam siklus

kehidupan seorang ibu dan anak. GMCC menjadi sahabat serta keluarga yang

akan selalu mendampingi seorang wanita dalam memasuki siklus kehidupan

sebagai seorang ibu serta menjadi pendamping terbentuknya karakter yang baik di

masa pertumbuhan anak.

II.1.5 Struktur Organisasi dan Job Description

Struktur organisasi merupakan susunan dan hubungan yang terdapat pada

suatu badan usaha/instansi dalam menjalankan kegiatan operasional dalam

mencapai suatu tujuan. Struktur organisasi pengguna Sistem Informasi Galenia

Mom and Child Center Berbasis Web pada Divisi Daycare diilustrasikan seperti

(22)

gambar II.2 yang terdiri dari Front Office Galenia dan Front Office Daycare yang

dikepalai oleh pimpinan perusahaan GMCC.

Job description atau uraian tugas Front Office Galenia sesuai dengan

struktur organisasi GMCC adalah :

a) Menerima telepon

b) Melayani tamu

c) Mengurus surat yang masuk

d) Menjadi admin

Job description atau uraian tugas Front Office Daycare sesuai dengan

struktur organisasi GMCC adalah :

a) Menginput data divisi daycare

b) Menerima telepon pada divisi daycare

c) Membuat laporan keuangan divisi daycare secara harian, bulanan, dan

semester.

II.2 Landasan Teori

Landasan teori merupakan penjelasan dari teori-teori pendukung, sebab

dalam pengembangan suatu perangkat lunak diperlukan teori-teori pendukung

(23)

untuk menjelaskan bagaimana suatu perangkat lunak dibuat.

II.2.1 Sistem Informasi

“Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang

saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan

atau untuk menyelesaikan suatu sasaran yang tertentu” [2].

Secara garis besar, informasi dapat disimpulkan bahwa suatu sistem

merupakan elemen yang saling berhubungan dan saling mempengaruhi dalam

melakukan tugas bersama untuk mencapai tujuan tertentu.

Informasi berasal dari bahasa Prancis kuno informacion (tahun 1387) yang

diambil dari bahasa latin informationem yang berarti “garis besar, konsep, ide”.

Informasi merupakan kata benda dari informare yang berarti aktivitas dalam

“pengetahuan yang dikomunikasikan”

Informasi adalah pesan (ucapan atau ekspresi) atau kumpulan pesan yang

terdiri dari order sekuens dari simbol, atau makna yang dapat ditafsirkan dari

pesan atau kumpulan pesan.

Definisi sistem informasi adalah kumpulan informasi di dalam sebuah

basis data menggunakan model dan media teknologi informasi digunakan di

dalam pengambilan keputusan bisnis sebuah organisasi. Di dalam suatu

organisasi, informasi merupakan sesuatu yang penting didalam mendukung proses

pengambilan keputusan oleh pihak manajemen.

Menurut Raymond Mcleod, : “Informasi adalah data yang telah diolah

menjadi bentuk yang memiliki arti bagi si penerima dan bermanfaat bagi

pengambilan keputusan saat ini atau mendatang”.

Secara umum informasi dapat didefinisikan sebagai hasil dari pengolahan

data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya

yang menggambarkan suatu kejadian-kejadian yang nyata yang digunakan untuk

(24)

kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata.

Kejadian-kejadian adalah sesuatu yang terjadi pada saat tertentu. Di dalam dunia

bisnis, kejadian-kejadian yang sering terjadi adalah transaksi perubahan dari suatu

nilai yang disebut transaksi. Kesatuan nyata adalah berupa suatu obyek nyata

seperti tempat, benda dan orang yang benar-benar ada dan terjadi. Data

merupakan bentuk yang masih mentah, belum dapat bercerita banyak sehingga

perlu diolah lebih lanjut. Data diolah melalui suatu metode untuk menghasilkan

informasi. Data dapat berbentuk simbol-simbol semacam huruf, angka, bentuk

suara, sinyak, gambar, dan sebagainya.

Dalam arti yang sangat luas, istilah sistem informasi yang sering

digunakan merujuk kepada interaksi antara orang, proses algoritmik, data, dan

teknologi. Dalam pengertian ini, istilah ini digunakan untuk merujuk tidak hanya

pada penggunaan organisasi teknologi informasi dan komunikasi (TIK), tetapi

juga untuk cara di mana orang berinteraksi dengan teknologi ini dalam

mendukung proses bisnis [3].

II.2.2 PHP

PHP merupakan singkatan dari Hypertext Preprocessor yaitu bahasa skrip

yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai

untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun

sebuah CMS [4].

Pada awalnya PHP merupakan kependekan dari Personal Home Page

(Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.

Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa

sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan

menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber

(25)

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP

sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga

modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang

interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada

Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan

meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi

akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis

tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak

dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan

kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki

kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter

PHP mengalami perubahan besar. Versi ini juga memasukkan model

pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan

bahasa pemrograman ke arah paradigma berorientasi objek.

II.2.3 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL

(bahasa Inggris: database management system) atau DBMS yang multithread,

multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat

MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General

Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial

untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL

[5].

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat

(26)

dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh

sebuah perusahaan komersial Swedia MySQLAB, dimana memegang hak cipta

hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang

Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson,

dan Michael "Monty" Widenius.

II.2.4 XAMPP

XAMPP adalah adalah perangkat lunak bebas, yang mendukung banyak

sistem operasi, merupakan kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang

terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah

bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP

merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL,

PHP dan Perl. Program ini tersedia dalam GNU General Public License dan

bebas, merupakan web server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload

langsung dari web resminya [6].

II.2.5 Bluefish Editor

Bluefish editor adalah sebuah editor open source untuk web designer yang

berpengalaman dan programer, mendukung banyak bahasa pemrograman dan

bahasa markup (markup language), tetapi berfokus pada membuat website

dinamis dan interaktif [7].

II.2.6 Dia

Dia adalah software editor untuk diagram dan grafik. Dia juga tersedia

dukungan untuk diagram struktur statis UML (diagram kelas), Entity-Relationship

diagram, diagram jaringan dan banyak lagi. Diagram dapat diekspor ke postscript

(27)

BAB IV

KESIMPULAN DAN SARAN

IV.1 Kesimpulan

Setelah melakukan analisis, perancangan, dan Implementasi sistem, maka

kesimpulan yang diperoleh sebagai berikut :

1. Aplikasi yang dibangun dapat membantu mengurangi duplikasi data yang

sering terjadi.

2. Proses pencarian menjadi lebih cepat.

3. Aplikasi yang dibangun masih memiliki bug atau error.

IV.2 Saran

Berdasarkan kesimpulan yang telah disebutkan, hal yang diharapkan ke

depan adalah agar aplikasi ini dapat dikembangkan lebih jauh dengan pengolahan

data yang lebih banyak dan luas, sehingga aplikasi ini benar-benar dapat

digunakan sebagai salah satu gambaran dalam pengolahan data untuk beberapa

(28)

BAB III

PE

MBAHASAN

III.1 Jadwal Kerja Praktek

Kerja praktek dilaksanakan di Galenia Mom and Child Center yang

beralamat di Jl. Badak Singa No. 8, Kota Bandung. Kegiatan kerja praktek

dilaksanakan pada tanggal 16 Juli 2012 sampai dengan 16 Agustus 2012.

III.2 Teknik Kerja Praktek

Kerja praktek dilaksanakan dalam beberapa tahapan kegiatan, antara lain :

1. Pembuatan surat permohonan kerja praktek yang ditujukan untuk Galenia

Mom and Child Center.

2. Pimpinan GMCC memberikan surat balasan permohonan kerja praktek.

3. Pemberitahuan tata tertib dan penempatan posisi kerja praktek.

4. Pelaksanaan kerja praktek.

Pelaksanaan kerja praktek ini dibagi ke dalam beberapa tahapan kegiatan

untuk mengetahui permasalahan yang ada dalam pemrosesan input data dan

transaksi. Tahapan yang dilakukan antara lain :

1. Pengumpulan data yang dibagi dalam 3 tahapan, yaitu :

a) Observasi

Observasi yang dilakukan dengan cara mengamati kegiatan proses

bisnis yang dilakukan oleh pelaku sistem.

b) Wawancara

Wawancara yang dilakukan dengan cara memberi pertanyaan kepada

pelaku sistem dan pimpinan perusahaan seputar masalah yang dihadapi

(29)

c) Studi Literatur

Studi literatur yang dilakukan dengan cara mempelajari

dokumen-dokumen perusahaan seperti formulir pengisian, SOP, serta buku-buku

dan diktat kuliah yang diperlukan dalam membangun sistem.

2. Tahap analisis sistem

Analisis merupakan langkah selanjutnya setelah memperoleh data yang

cukup. Kegiatan analisis terdiri : analisis masalah, analisis prosedur yang

sedang berjalan, analisis kebutuhan non-fungsional, analisis basis data, dan

analisis kebutuhan fungsional.

3. Perancangan perangkat lunak

Merancang sistem informasi Galenia Mom and Child Center berbasis web

pada divisi daycare merupakan tahap selanjutnya setelah kegiatan analisis

dilakukan.

4. Pengkodean

Hasil perancangan diterjemahkan ke dalam kode-kode dengan

menggunakan bahasa pemrograman PHP.

5. Implementasi dan pengujian

Implementasi dan pengujian dilakukan setelah tahap 1 sampai 4 selesai

dilakukan. Serangkaian program dan pengujian unit melibatkan verifikasi

bahwa setiap unit telah memenuhi spesifikasi sistem yang sesuai.

III.3 Analisis Sistem

Tahap analisis ini terdiri dari tahap analisis masalah, analisis prosedur,

analisis kebutuhan non-fungsional, analisis kebutuhan fungsional, analisis kode,

(30)

III.3.1 Analisis Masalah

Berdasarkan hasil wawancara dengan Bapak Angga dan Bapak Dikdik

selaku pimpinan GMCC pada 16 Juni 2012, terdapat kelemahan dalam mengolah

data perusahaan dengan aplikasi Microsoft Excel. Masalah tersebut adalah sering

terjadinya duplikasi data dan letak file yang terpisah-pisah sehingga

memperlambat proses pencarian data ketika membuat laporan perusahaan.

III.3.2 Analisis Prosedur yang Berjalan

Prosedur yang sedang berjalan di GMCC divisi daycare adalah proses

pendaftaran dengan menggunakan aplikasi Microsoft Excel, dan pencetakan

kwitansi dilakukan manual.

Prosedur pada GMCC divisi daycare dalam melakukan pendaftaran data

siswa diilustrasikan pada gambar III.1.

1. Front Office Daycare menawarkan brosur dan menjelaskan

produk-produknya.

2. Konsumen (orang tua siswa) mengisi formulir pendaftaran.

3. Form pendaftaran yang telah diisi langsung diberikan kembali ke F.O.

(31)

Prosedur pengolahan data siswa merupakan tahap selanjutnya setelah

melakukan pendaftaran. Prosedur proses pengolahan data diilustrasikan pada

gambar III.2.

1. FO Daycare menerima hasil form yang telah diisi pelanggan.

2. FO Daycare menginput data dari formulir ke Microsoft Excel untuk

[image:31.595.122.500.118.432.2]

disimpan sebagai file spreadsheet.

(32)

Prosedur keluaran dari sistem diilustrasikan pada gambar III.3.

1. Konsumen membayar biaya yang diminta

2. File yang telah disimpan, akan dicetak sebagai kwitansi untuk diberikan

[image:32.595.125.500.116.478.2]

kepada konsumen.

(33)

III.3.3 Analisis Kebutuhan Non-Fungsional

Kebutuhan non-fungsional adalah spesifikasi yang rinci tentang hal-hal

yang akan dilakukan sistem ketika diimplementasikan. Spesifikasi kebutuhan

melibatkan analisis perangkat keras, analisis perangkat lunak, analisis pengguna,

dan analisis jaringan.

III.3.3.1 Analisi Perangkat Keras

GMCC saat ini memiliki tiga unit komputer dalam menjalankan

[image:33.595.124.501.118.481.2]

(34)

III.1.

Tabel III.1: Spesifikasi perangkat keras yang sedang digunakan

Processor Intel Pentium Dual-Core

Harddisk Berkapasitas 250GB

RAM 1GB

Monitor 15,6 inch

Optical Disc Drive DVDRW

Keyboard Keyboard USB

Mouse Optical mouse USB

Printer Epson T30

Kebutuhan perangkat keras yang dibutuhkan untuk mendukung sistem

informasi terlihat pada tabel III.2.

Tabel III.2: Spesifikasi Perangkat Keras yang Dibutuhkan

Processor Minimal berkecepatan 1GHz

Harddisk Minimal berkapasitas 40GB

RAM Minimal berkapasitas 768MB

Monitor Minimal berukuran 14 inch

Optical Disc Drive Tidak diperlukan

Keyboard Minimal Keyboard PS/2

Mouse Minimal Mouse

Printer Minimal jenis inkjet

Spesifikasi komputer yang sudah ada di GMCC bila dibandingkan dengan

spesifikasi komputer yang dibutuhkan untuk sistem, maka sudah memenuhi

spesifikasi komputer yang dibutuhkan.

III.3.3.2 Analisis Perangkat Lunak

GMCC saat ini memiliki tiga unit komputer dalam menjalankan

(35)

seperti pada tabel III.3.

Tabel III.3: Spesifikasi perangkat lunak yang sedang digunakan

Sistem Operasi Microsoft Windows 7 32 bit

Web Browser Mozilla Firefox 17.0.1

Kebutuhan perangkat keras yang dibutuhkan untuk mendukung sistem

informasi terlihat pada tabel III.4.

Tabel III.4: Spesifikasi perangkat lunak yang dibutuhkan

Sistem Operasi GNU/Linux, Macintosh, Microsoft Windows

Web Browser Minimal Mozilla Firefox 4.0

Paket DBMS & Web Server XAMPP

Spesifikasi perangkat lunak yang sedang digunakan apabila dibandingkan

dengan spesifikasi perangkat lunak yang dibutuhkan maka spesifikasi perangkat

lunak yang sedang digunakan belum memenuhi kebutuhan. Komputer-komputer

tersebut belum memiliki satu perangkat lunak, yaitu paket DBMS & Web Server.

III.3.3.3 Analisis Kebutuhan Pengguna

Pengguna yang akan menjadi pengguna sistem merupakan pegawai

GMCC seperti yang terlihat pada tabel III.5.

Tabel III.5: Analisis Kebutuhan Pengguna yang Sudah Ada

Bagian Usia Kemampuan Tanggung Jawab

FO Daycare 23 Tahun Berpengalaman menggunakan sistem operasi Windows, aplikasi Microsoft Word dan Excel, memiliki

pengetehuan tentang internet

Mengelola sistem pengolahan data siswa.

FO Galenia 25 Tahun Berpengalaman menggunakan

(36)

sistem operasi Windows, aplikasi Microsoft Word dan Excel, memiliki pengetehuan tentang internet pada sistem keseluruhan.

Kebutuhan pengguna yang mendukung sistem ini terlihat pada tabel III.6.

Tabel III.6: Analisis Kebutuhan Pengguna Sistem

Bagian Usia Kemampuan Hak Akses

FO Daycare 23 Tahun Berpengalaman menggunakan sistem operasi Windows, aplikasi Microsoft Word dan Excel, memiliki

Pengguna Biasa

FO Galenia 25 Tahun Berpengalaman menggunakan sistem operasi Windows, aplikasi Microsoft Word dan Excel, memiliki

Administrator

Hasil analisis dari pengguna yang berada di GMCC sudah memenuhi

kebutuhan pengguna pada sistem informasi Galenia Mom and Child Center

berbasis web pada divisi daycare.

III.3.3.4 Analisis Kebutuhan Jaringan

(37)

ada di GMCC bisa terhubung dengan internet melalui switch dan router WiFi

untuk mendistribusikan jaringan internet ke laptop maupun handphone.

Router wifi terhubung langsung ke internet dan mendistribusikannya

dengan berperan sebagai Access Point untuk device wireless. Sedangkan

komputer-komputer dibuatkan jaringan lokal (Local Area Network) atau yang

sering disebut LAN dengan menggunakan kabel (Unshielded Twisted Pair) atau

yang sering disebut UTP agar bisa terhubung antar komputer. Jaringan tersebut

diilustrasikan pada gambar III.4.

Kondisi jaringan yang ada pada GMCC sudah memenuhi spesifikasi

kebutuhan jaringan. Sebab, spesifikasi yang dibutuhkan minimal

komputer-komputer yang ada pada GMCC bisa saling terhubung atau berada pada jaringan

lokal (LAN).

III.3.4 Analisis Basis Data

Sistem yang dibangun membutuhkan basis data untuk menyimpan

informasi dan menghasilkan informasi yang dibutuhkan. Entity Relational

Diagram (ERD) digunakan sebagai alat bantu untuk memodelkan relasi data dari

basis data yang dibutuhkan. ERD sistem informasi Galenia Mom and Child

(38)

entitas, yaitu :

1. daftarsiswa dengan atribut noinduk sebagai primary key, tanggal,

namasiswa, jeniskelamin, alamat, notelp, tempatlahir, tanggallahir, agama,

kegemaran

2. absensiswa dengan atribut idabsen sebagai primary key, noinduk sebagai

foreign key, tanggalinput, tanggal, hadir, keterangan, pengantar,

jamdiantar, penjemput, jamdijemput

3. spp dengan atribut idspp sebagai primary key, noinduk sebagai foreign key,

spp, jul, tgljul, ags, tglags, sep, tglsep, okt, tglokt, nov, tglnov, des, tgldes,

jan, tgljan, feb, tglfeb, mar, tglmar, apr, tglapr, mei, tglmei, jun, tgljun,

last_update, ket.

4. uang tahunan dengan atribut idutahun sebagai primary key, noinduk

sebagai foreign key, cicilan1, tglbayar1, cicilan2, tglbayar2, cicilan3,

tglbayar3, last_update, ket.

5. karyawan dengan atribut nik sebagai primary key, noktp, nama, jk, agama,

alamat, notelp, nohp, tempatlahir, tanggallahir, goldarah, hobi, jabatan,

pendidikanterakhir, email, tanggalinput.

6. user dengan atribut iduser sebagai primary key, nik sebagai foreign key,

uname, pswd.

7. admin dengan atribut idadmin sebagai primary key, nik sebagai foreign

(39)

III.3.5 Analisis Kebutuhan Fungsional

Analisis kebutuhan fungsional meliputi Diagram Konteks, Data Flow

Diagram (DFD), Spesifikasi Proses, dan Kamus Data.

III.3.5.1 Pemodelan Aliran Data

Tools yang digunakan untuk memodelkan aliran data dari entitas luar ke

dalam sistem menggunakan DFD Level 0 atau diagram konteks. Diagram konteks

[image:39.595.115.513.116.372.2]

dari sistem ini diilustrasikan pada gambar III.6.

(40)

III.3.5.2 Pemodelan Rincian Aliran Data

Tools yang digunakan untuk merinci sistem yang ada pada diagram

konteks adalah DFD. Gambar III.7 merupakan DFD Level 1 sistem pengolahan

data siswa pada Galenia Mom and Child Center Divisi Daycare berbasis web.

DFD Level 1 terdiri dari tujuh proses, yaitu login, olah data daftar siswa, olah data

absen siswa, olah data spp, olah data uang tahunan, olah data admin, dan olah data

user.

(41)

[image:41.595.141.484.116.633.2]

(42)

III.3.5.3 Spesifikasi Proses

Spesifikasi proses merupakan tabel yang berisi deskripsi dan keterangan

dari semua proses yang terdapat di DFD, logika proses dituliskan menggunakan

bahasa deskriptif. Spesifikasi proses diilustrasikan pada tabel III.7 yang terdiri

dari tujuh proses, yaitu login, olah data daftar siswa, olah data absen siswa, olah

data spp, olah data uang tahunan, olah data admin, dan olah data user.

Tabel III.7: Spesifikasi Proses Sistem Pengolahan Data Siswa pada GMCC Divisi Daycare Berbasis Web

No Proses Keterangan

1 No. Proses 1

Nama Proses Login

Source Tabel user

Input Data user

Output Info user

Destination Pengguna sistem

Logika Proses Proses Login

1. Masukkan data username dan password 2. Sistem memeriksa ke dalam tabel user 3. Jika data cocok dengan tabel user,

maka user bisa masuk ke sistem

4. Jika data tidak cocok dengan tabel user, maka user tidak bisa masuk ke sistem

2 No. Proses 2

Nama Proses Olah data daftar siswa

Source Tabel daftarsiswa

Input Data siswa

Output Info siswa

Logika Proses Proses tambah siswa

1. Masukkan data ke field yang disediakan

(43)

3. Jika data diisi lengkap, maka data akan data dimasukkan ke dalam tabel daftarsiswa

4. Menampilkan pesan (Data berhasil disimpan)

Proses Edit siswa

1. Cari data siswa yang akan diedit

2. Jika data ditemukan, maka masukkan data yang ingin diedit

3. Jka data tidak ditemukan, maka cari kembali

Proses hapus siswa

1. Cari data siswa yang akan dihapus 2. Jika data ditemukan, maka hapus data

tersebut

3. Jika hapus data berhasil, maka menampilkan pesan konfirmasi (anda yakin ingin menghapus data ini? [Cancel] [OK])

4. Jika OK, maka menampilkan pesan (penghapusan data berhasil)

5. Jika Cancel, maka penghapusan dibatalkan

3 No. Proses 3

Nama Proses Olah data absen siswa

Source Tabel absensiswa

Input Data siswa

Output Info siswa

Logika Proses Proses tambah absen

1. Cari data siswa yang akan diabsen 2. Masukkan data ke field yang

disediakan

3. Jika ada data yang tidak diisi ke field, maka akan muncul validasi (Please filled out this field)

(44)

Proses edit absen

1. Cari data siswa yang akan diedit

Proses hapus absen

1. Cari data absen siswa yang akan dihapus

2. Jika data ditemukan, maka hapus data tersebut

4 No. Proses 4

Nama Proses Olah data SPP

Source Tabel SPP

Input Data SPP

Output Info SPP

Logika Proses Proses tambah SPP

1. Cari data siswa yang akan membayar SPP

3. Jika data diisi lengkap, maka data akan data dimasukkan ke dalam tabel spp 4. Menampilkan pesan (Data berhasil

disimpan) Proses edit SPP

(45)

data yang ingin diedit

Proses hapus SPP

tersebut

5 No. Proses 5

Nama Proses Olah data uang tahunan

Source Tabel utahun

Input Data uang tahunan

Output Info uang tahunan

Logika Proses Proses tambah uang tahunan

1. Cari data siswa yang akan membayar uang tahunan

3. Jika data diisi lengkap, maka data akan data dimasukkan ke dalam tabel spp 4. Menampilkan pesan (Data berhasil

disimpan)

Proses edit uang tahunan

1. Cari data uang tahunan siswa yang akan diedit

(46)

Proses hapus uang tahunan

tersebut

6 No. Proses 6

Nama Proses Olah data admin

Source Tabel admin

Input Data admin

Output Info admin

Destination Admin

Logika Proses Proses tambah admin

1. Cari data karyawan yang akan dijadikan admin

3. Jika data belum lengkap, maka muncul pesan (Please filled out this field) 4. Jika data diisi lengkap, maka data akan

data dimasukkan ke dalam tabel admin 5. Menampilkan pesan (Data berhasil

disimpan) Proses edit admin

1. Cari data admin yang akan diedit 2. Jika data ditemukan, maka masukkan

data yang ingin diedit

Proses hapus admin

1. Cari data admin yang akan dihapus 2. Jika data ditemukan, maka hapus data

[image:46.595.113.512.110.730.2]

(47)

7 No. Proses 7

Nama Proses Olah data user

Source Tabel karyawan

Input Data user

Output Info user

Destination Admin

Logika Proses Proses tambah user

1. Cari data karyawan yang akan dijadikan user

3. Jika data belum lengkap, maka muncul pesan (Please filled out this field) 4. Jika data diisi lengkap, maka data akan

data dimasukkan ke dalam tabel karyawan

Proses edit user

1. Cari data user yang akan diedit

Proses hapus user

1. Cari data user yang akan dihapus 2. Jika data ditemukan, maka hapus data

tersebut

(48)

[Cancel] [OK])

III.3.5.4 Kamus Data

Kamus data merupakan tabel yang berisi deskripsi dari data yang

mengalir pada DFD. Kamus data diilustrasikan pada tabel III.8 yang terdiri dari

tujuh data, yaitu data login, data siswa, data absen, data spp, data uang tahunan,

data admin, data user.

Tabel III.8: Kamus Data Sistem Pengolahan Data Siswa

Nama Data Login

Where used/how used 1. User – proses 1 (masukan) 2. Tabel user (masukan)

Deskripsi Berisi data user untuk masuk ke sistem

Struktur data Username + password

Username password

[A-Z | a-z | 0-9] [A-Z | a-z | 0-9]

Nama Data siswa

Where used/how used 1. User – proses 2 (masukan) 2. Tabel siswa (masukan)

Deskripsi Berisi data siswa

Struktur data Noinduk, namasiswa, jeniskelamin, alamat, notelp, tempatlahir,

tanggallahir, agama, kegemaran

Noinduk namasiswa jeniskelamin alamat notelp tempatlahir tanggalahir agama

[A-Z | a-z | 0-9] [A-Z | a-z | 0-9] [P | L]

[A-Z | a-z | 0-9] [0-9]

(49)

kegemaran [A-Z | a-z | 0-9]

Nama Data absen

Where used/how used 1. User – Proses 3 (masukan) 2. Tabel absensiswa (masukan)

Deskripsi Berisi data absen siswa

Struktur data Idabsen, noinduk, tanggalinput, tanggal, hadir, keterangan, pengantar,

jamdiantar, penjemput, jamdijemput

Idabsen noinduk tanggalinput tanggal hadir keterangan pengantar jamdiantar penjemput jamdijemput [0-9]

[A-Z | a-z | 0-9] [0-9]

[0-9] [A-Z | a-z] [A-Z | a-z | 0-9] [A-Z | a-z | 0-9] [0-9]

[A-Z | a-z | 0-9] [0-9]

Nama Data SPP

Where used/how used 1. User – Proses 4 (masukan) 2. Tabel spp (masukan)

Deskripsi Berisi data uang spp siswa

Struktur data Idspp, noinduk, spp, jul, tgljul, ags, tglags, sep, tglsep, okt, tglokt, nov, tglnov, des, tgldes, jan, tgljan, feb, tglfeb, mar, tglmar, apr, tglapr, mei, tglmei, jun, tgljun, last_update, ket

Idspp noinduk spp jul tgljul ags tglags sep tglsep okt tglokt nov tglnov [0-9]

(50)

des tgldes jan tgljan feb tglfeb mar tglmar apr tglapr mei tglmei jun tgljun last_update ket [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9]

[A-Z | a-z | 0-9]

Nama Data uang tahunan

Where used/how used 1. User – Proses 5 (masukan) 2. Tabel utahun (masukan)

Deskripsi Berisi data uang tahunan siswa

Struktur data idutahun, noinduk, cicilan1, tglbayar1, cicilan2, tglbayar2, cicilan3, tglbayar3, last_update, ket Idutahun noinduk cicilan1 tglbayar1 cicilan2 tglbayar2 cicilan3 tglbayar3 last_update ket [0-9]

[A-Z | a-z | 0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9]

[A-Z | a-z | 0-9]

Nama Data admin

Where used/how used 1. User – Proses 6 (masukan) 2. Tabel admin (masukan)

Deskripsi Berisi data admin

Struktur data idadmin, nik, uname, pswd

(51)

nik uname pswd

[0-9]

[A-Z | a-z | 0-9] [A-Z | a-z | 0-9]

Nama Data user

Where used/how used 1. User – Proses 7 (masukan) 2. Tabel user (masukan)

Deskripsi Berisi data user

Struktur data nik, noktp, nama, jk, agama, alamat, notelp, nohp, tempatlahir, tanggallahir, goldarah, hobi, jabatan,

pendidikanterakhir, email, tanggalinput.

Nik noktp nama jk agama alamat notelp nohp tempatlahir tanggallahir goldarah hobi jabatan pendidikanterakhir email tanggalinput [0-9] [0-9]

[A-Z | a-z | 0-9] [P | L]

[A-Z | a-z] [A-Z | a-z | 0-9] [0-9]

[0-9]

[A-Z | a-z | 0-9] [0-9]

[A – Z]

[A-Z | a-z | 0-9] [A-Z | a-z | 0-9] [A-Z | a-z | 0-9] [A-Z | a-z | 0-9 | @] [0-9]

III.4 Perancangan

Tahap perancangan merupakan tahap selanjutnya dari tahap analisis. Tahap

perancangan terdiri dari tiga bagian, yaitu perancangan basis data, perancangan

menu, perancangan antarmuka, perancangan pesan, jaringan semantik, dan

perancangan prosedural.

III.4.1 Perancangan Basis Data

(52)

III.4.1.1 Diagram Relasi

Diagram relasi merupakan gambar hubungan antar tabel yang dihasilkan

dari rancangan ERD. Skema relasi diilustrasikan pada gambar III.8 yang terdiri

dari 7 tabel, yaitu tabel admin, tabel karyawan, tabel spp, tabel daftarsiswa, tabel

user, tabel absensiswa, tabel utahun.

(53)

III.4.1.2 Struktur tabel

Struktur tabel merupakan implementasi dari entitas dan atribut pada

ERD. Struktur tabel absensiswa dijelaskan pada tabel III.9.

Tabel III.9: Struktur tabel absensiswa

Name Type Length Key

idabsen int 11 Primary key

noinduk varchar 14 Foreign key dari tabel daftarsiswa

tanggalinput date tanggal date

hadir varchar 10 keterangan varchar 20 pengantar varchar 25 jamdiantar time

penjemput varchar 25 jamdijemput time

Implementasi entitas daftarsiswa, yaitu tabel daftarsiswa disajikan dalam

tabel III.10.

Tabel III.10: Struktur tabel daftarsiswa

Name Type Length Key

noinduk varchar 14 Primary key namasiswa varchar 40

jeniskelamin varchar 10 alamat varchar 100 notelp varchar 13 tempatlahir varchar 40 tanggallahir date

agama varchar 15 kegemaran varchar 25

nik varchar 3 Foreign key dari tabel karyawan

Implementasi dari entitas spp, yaitu tabel spp disajikan dalam tabel

(54)

Tabel III.11: Struktur tabel SPP

Name Type length Key

idspp int 11 Primary key

noinduk varchar 14 Foreign key dari tabel daftarsiswa

spp int 11

jul int 11

tgljul date

ags int 11

tglags date

sep int 11

tglsep date

okt int 11

tglokt date

nov int 11

tglnov date

des int 11

tgldes date

jan int 11

tgljan date

feb int 11

tglfeb date

mar int 11

tglmar date

apr int 11

tglapr date

mei int 11

tglmei date

jun int 11

tgljun date last_update date

ket varchar 100

Implementasi dari entitas utahun, yaitu tabel utahun disajikan dalam

tabel III.12.

Tabel III.12: Struktur tabel utahun

Name Type length Key

(55)

noinduk varchar 14 Foreign Key dari tabel daftarsiswa

utahun int 11 cicilan1 int 11 tglbayar1 date

cicilan2 int 11 tglbayar2 date

cicilan3 int 11 tglbayar3 date

last_update date

ket varchar 100

Implementasi dari entitas admin, yaitu tabel admin disajikan dalam tabel

III.13.

Tabel III.13: Struktur tabel admin

Name Type length Key

idadmin int 11 Primary Key

nik varhcar 20 Foreign Key dari tabel Karyawan

uname varchar 40 pswd varchar 40

Implementasi dari entitas user, yaitu tabel user disajikan dalam tabel

III.14.

Tabel III.14: Struktur tabel user

Name Type length Key

idadmin int 11 Primary Key

nik varhcar 20 Foreign Key dari tabel Karyawan

(56)

Implementasi dari entitas karyawan, yaitu tabel karyawan disajikan

dalam tabel III.15.

Tabel III.15: Struktur tabel karyawan

Name Type length Key

nik varchar 14 Primary noktp varchar 20

nama varchar 40 jk varchar 10 agama varchar 25 alamat varchar 100 notelp varchar 15 nohp varchar 15 tempatlahir varchar 40 tanggallahir date

(57)

III.4.2 Perancangan Menu

Perancangan struktur menu dari sistem pengolahan data siswa pada

[image:57.595.156.468.190.652.2]

GMCC divisi Daycare diilustrasikan pada gambar III.9.

(58)

III.4.3 Perancangan Antarmuka

Perancangan antarmuka terdiri dari 20 form.

III.4.3.1 Antarmuka login pegawai

[image:58.595.154.471.227.454.2]

Antarmuka login pegawai diilustrasikan pada gambar III.10.

(59)

III.4.3.2 Antarmuka Halaman Utama

[image:59.595.114.515.160.478.2]

Antarmuka halaman utama diilustrasikan pada gambar III.11.

(60)

III.4.3.3 Antarmuka Halaman Daycare & Preschool

Antarmuka halaman daycare & preschool diilustrasikan pada gambar

[image:60.595.113.513.177.498.2]

III.12.

(61)

III.4.3.4 Antarmuka Halaman HRD

[image:61.595.112.512.162.476.2]

Antarmuka halaman HRD diilustrasikan pada gambar III.13.

(62)

III.4.3.5 Antarmuka Login Admin

[image:62.595.114.514.161.425.2]

Antarmuka halaman login admin diilustrasikan pada gambar III.14.

(63)

III.4.3.6 Antarmuka Halaman Formulir Siswa Baru

Antarmuka halaman pendaftaran siswa baru diilustrasikan pada gambar

[image:63.595.115.511.177.499.2]

III.15.

(64)

III.4.3.7 Antarmuka Halaman Data Siswa

[image:64.595.115.510.163.476.2]

Antarmuka halaman lihat data siswa diilustrasikan pada gambar III.16.

(65)

III.4.3.8 Antarmuka Halaman Formulir Input Absensi Siswa

[image:65.595.112.511.165.477.2]

Antarmuka halaman input absen siswa diilustrasikan pada gambar III.17.

(66)

III.4.3.9 Antarmuka Halaman Database Absensi Siswa

Antarmuka halaman lihat data absen siswa diilustrasikan pada gambar

[image:66.595.112.513.183.497.2]

III.18.

(67)

III.4.3.10 Antarmuka Halaman Formulir Input Uang Tahunan

Antarmuka halaman input uang tahunan diilustrasikan pada gambar

[image:67.595.112.513.176.493.2]

III.19.

(68)

III.4.3.11 Antarmuka Halaman Data Uang Tahunan

Antarmuka halaman lihat data uang tahunan diilustrasikan pada gambar

[image:68.595.112.513.180.497.2]

III.20.

(69)

III.4.3.12 Antarmuka Halaman Formulir Input Uang SPP

[image:69.595.116.511.162.478.2]

Antarmuka halaman input uang SPP diilustrasikan pada gambar III.21.

(70)

III.4.3.13 Antarmuka Halaman Data Uang SPP

Antarmuka halaman lihat data uang SPP diilustrasikan pada gambar

[image:70.595.114.513.178.500.2]

III.22.

(71)

III.4.3.14 Antarmuka Halaman Formulir Input Pegawai Baru

[image:71.595.112.512.185.495.2]

Antarmuka halaman input data karyawan baru diilustrasikan pada

gambar III.23.

(72)

III.4.3.15 Antarmuka Halaman Data Pegawai

Antarmuka halaman lihat data pegawai diilustrasikan pada gambar

[image:72.595.113.511.177.493.2]

III.24.

(73)

III.4.3.16 Antarmuka Halaman Data Admin

[image:73.595.114.513.163.480.2]

Antarmuka halaman lihat data admin diilustrasikan pada gambar III.25.

Gambar III.25: Antarmuka halaman lihat data admin

III.4.4 Perancangan Pesan

Tahap perancangan pesan merupakan tahap selanjutnya setelah

perancangan antarmuka. Tampilan pesan dimaksudkan agar user mengetahui

kesalahan-kesalahan yang dilakukan oleh user.

Tampilan pesan P01 merupakan pesan ketika terjadi kesalahan dalam

(74)

Gambar III.26: Tampilan pesan kesalahan login pegawai

Tampilan pesan P02 merupakan pesan ketika terjadi kesalahan dalam

proses login yang dilakukan di halaman admin. Pesan P02 diilustrasikan pada

gambar III.27.

Gambar III.27: Tampilan pesan kesalahan login admin

Tampilan pesan P03 merupakan pesan ketika adanya proses pemasukkan

data. Pesan P03 diilustrasikan pada gambar III.28.

(75)

Tampilan pesan P04 merupakan pesan ketika field yang harus diisi tetapi

masih kosong. Pesan P04 diilustrasikan pada gambar III.29.

(76)

III.4.5 Jaringan Semantik

Jaringan semantik menggambarkan alur menu yang ada di sistem. Jaringan

semantik dari sistem pengolahan data siswa pada GMCC divisi Daycare berbasis

[image:76.595.114.512.213.634.2]

web diilustrasikan pada gambar III.30.

(77)

III.4.6 Perancangan Prosedural

Perancangan prosedural merupakan perancangan yang dilakukan untuk

menetapkan detail algoritma yang akan dinyatakan ke dalam suatu program.

Perancangan prosedural untuk sistem yang dibangun, dibagi menjadi :

1. Prosedur Login merupakan prosedur yang terjadi ketika user akan masuk

[image:77.595.203.420.264.568.2]

ke sistem. Prosedur login diilustrasikan pada gambar III.31.

(78)

2. Prosedur lihat data merupakan prosedur untu melihat isi tabel. Prosedur

[image:78.595.183.444.162.573.2]

lihat data diilustrasikan pada gambar III.32.

(79)

3. Prosedur Tambah Data, prosedur ini dilakukan apabila user akan

melakukan penambahan data. Prosedur tambah data diilustrasikan pada

[image:79.595.148.477.184.583.2]

gambar III.33.

(80)

4. Prosedur Edit Data, prosedur ini dilakukan apabila user akan melakukan

[image:80.595.146.478.173.651.2]

perubahan data. Prosedur edit data diilustrasikan pada gambar III.34.

(81)

5. Prosedur Pencarian Data, prosedur ini dilakukan apabila user akan

melakukan pencarian data. Prosedur pencarian data diilustrasikan pada

[image:81.595.191.436.188.497.2]

gambar III.35.

(82)

6. Prosedur Hapus Data, prosedur ini dilakukan apabila user akan melakukan

[image:82.595.191.439.168.538.2]

Penghapusan data. Prosedur hapus data diilustrasikan pada gambar III.36.

(83)

7. Proses Cetak Data, prosedur ini dilakukan apabila user akan melakukan

pencetakan data. Prosedur cetak data diilustrasikan pada gambar III.37.

Gambar III.37: Prosedur cetak data

III.5 Implementasi

Langkah implementasi merupakan hal penting yang harus dilaksanakan

guna mendapatkan hasil yang maksimal dari perangkat lunak yang telah dibangun.

III.5.1 Lingkungan Implementasi

Lingkungan implementasi menjelaskan dimana aplikasi ini dijalankan,

terdiri dari perangkat keras dan perangkat lunak.

1. Perangakat Keras

(84)

perangkat keras yang dijelaskan pada tabel III.16.

Tabel III.16: Spesifikasi Perangkat Keras Minimum

Processor Minimal Intel Pentium IV

Harddisk Minimal 40GB

RAM Minimal 768MB

Monitor Minimal 14 inch

Optical Disc Drive Tidak diperlukan

Keyboard Minimal Keyboard PS/2

Mouse Minimal Mouse

Printer Tidak diperlukan

Implementasi program dilakukan pada komputer yang memiliki spesifikasi

seperti pada tabel III.17, sehingga aplikasi dapat berjalan dengan baik

karena spesifikasi komputer yang digunakan memiliki performa yang lebih

baik daripada spesifikasi perangkat keras minimum.

Tabel III.17: Spesifikasi Perangkat Keras untuk Implementasi

Processor Intel Pentium Dual-Core

Harddisk Berkapasitas 250GB

RAM 1GB

Monitor 15,6 inch

Optical Disc Drive DVDRW

Keyboard Keyboard USB

Mouse Optical mouse USB

(85)

2. Perangkat Lunak

Aplikasi ini dapat dijalankan pada komputer yang memiliki spesifikasi

perangkat lunak yang dijelaskan pada tabel III.18.

Tabel III.18: Spesifikasi Perangkat Lunak Minimum

Sistem Operasi GNU/Linux, Macintosh, Microsoft Windows

Web Browser Minimal Mozilla Firefox 4.0

Implementasi program dilakukan pada komputer yang memiliki spesifikasi

seperti pada tabel III.19, sehingga aplikasi dapat berjalan dengan baik

karena spesifikasi komputer yang digunakan memiliki performa yang lebih

baik daripada spesifikasi perangkat lunak minimum.

Tabel III.19: Spesifikasi Perangkat Lunak untuk Implementasi

Sistem Operasi Microsoft Windows 7 32 bit

Web Browser Minimal Mozilla Firefox 17.0.1

III.5.2 Screenshoot Program

Hasil program yang telah diimplementasi terdiri dari halaman utama,

halaman daycare & preschool, halaman daftar siswa baru, halaman lihat data

siswa, halaman absen siswa, halaman lihat data absen, halaman bayar spp,

halaman lihat data spp, halaman bayar uang tahunan, halaman lihat data uang

tahunan, halaman utama admin, halaman tambah admin, halaman lihat data

(86)

1. Halaman Utama

Gambar III.38 merupakan tampilan halaman utama dari aplikasi yang telah

diimplementasi.

2. Halaman Daycare & Preschool

Gambar III.39 merupakan tampilan halaman daycare & preschool dari

aplikasi yang telah diimplementasi.

(87)

3. Halaman Daftar Siswa Baru

Gambar III.40 merupakan tampilan halaman daftar siswa baru dari aplikasi

yang telah diimplementasi.

4. Halaman Lihat Data Siswa

Gambar III.41 merupakan tampilan halaman lihat data siswa dari aplikasi Gambar III.39: Halaman Daycare & Preschool

(88)

5. Halaman Bayar SPP

Gambar III.42 merupakan tampilan halaman bayar spp dari aplikasi yang

telah diimplementasi.

Gambar III.41: Halaman Lihat Data Siswa

(89)

6. Halaman Lihat Data SPP

Gambar III.43 merupakan tampilan halaman lihat data spp dari aplikasi

7. Halaman Bayar Uang Tahunan

Gambar III.44 merupakan tampilan halaman bayar uang tahunan dari

Gambar III.43: Halaman Lihat Data SPP

(90)

8. Halaman Lihat Data Uang Tahunan

Gambar III.45 merupakan tampilan halaman lihat data uang tahunan dari

9. Halaman Absen Siswa

Gambar III.46 merupakan tampilan halaman absen siswa dari aplikasi

Gambar III.45: Halaman Lihat Data Uang Tahunan

(91)

10. Halaman Lihat Data Absen

Gambar III.47 merupakan tampilan halaman lihat data absen dari aplikasi

11. Halaman Utama Admin

Gambar III.48 merupakan tampilan halaman utama admin dari aplikasi

Gambar III.47: Halaman Lihat Data Absen

(92)

12. Halaman Tambah Admin

Gambar III.49 merupakan tampilan halaman tambah admin dari aplikasi

13. Halaman Lihat Data Admin

Gambar III.50 merupakan tampilan halaman lihat data admin dari aplikasi

Gambar III.49: Halaman Tambah Admin

(93)

14. Halaman Tambah User

Gambar III.51 merupakan tampilan halaman tambah user dari aplikasi

15. Halaman Lihat Data User

Gambar III.52 merupakan tampilan halaman lihat data user dari aplikasi

Gambar III.51: Halaman Tambah User