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

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

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

2009-Sekarang

: Program Studi Teknik Informatika Universitas

Komputer Indonesia

DAFTAR RIWAYAT HIDUP

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

Komputer Indonesia

DAFTAR RIWAYAT HIDUP

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

2009-Sekarang

: Program Studi Teknik Informatika Universitas

Komputer Indonesia

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

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

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

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.

Laporan Kerja Praktek ini tentu jauh dari kesempurnaan, namun diharapkan mudah-mudahan Laporan Kerja Praktek ini dapat dijadikan sebagai sumber ilmu pengetahuan dan bermanfaat bagi masyarakat.

Bandung, Januari 2012

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 [7] http://bluefish.openoffice.nl/index.html, diakses 20 Agustus 2012

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 Berbasis Web”, maka masalahnya dapat dirumuskan sebagai berikut : “Bagaimana

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

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 cara melakukan pengamatan dari data, infrastruktur, dan proses bisnis

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,

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 laporan ini terdiri dari BAB I, BAB II, BAB III, dan BAB IV.

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 pembahasan laporan ini.

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

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,

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

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

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 pengambilan keputusan. Sumber dari informasi adalah data. Data adalah

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 terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.

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 lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber

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 dan format lainnya.

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 divisi lain di GMCC.

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 dalam proses input data dan proses bisnis yang berlaku.

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, dan analisis basis data.

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. Daycare.

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 disimpan sebagai file spreadsheet.

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 kepada konsumen.

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 usahanya. Komputer-komputer tersebut memiliki spesifikasi seperti pada tabel

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 usahanya. Komputer-komputer tersebut memiliki spesifikasi perangkat lunak

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

Menglola dan memantau data

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

pengetehuan tentang internet

Pengguna Biasa

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

pengetehuan tentang internet

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

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 Center berbasis web diilustrasikan pada gambar III.5 yang terdiri dari tujuh

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 key, uname, pswd.

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 dari sistem ini diilustrasikan pada gambar III.6.

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.

Gambar III.7: DFD Level 1 Sistem Pengolahan Data Siswa pada GMCC Divisi Daycare Berbasis Web

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 Destination Pengguna sistem Logika Proses Proses tambah siswa

1. Masukkan data ke field yang disediakan

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

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

4. Menampilkan pesan (Data berhasil disimpan)

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 Destination Pengguna sistem 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)

4. Jika data diisi lengkap, maka data akan data dimasukkan ke dalam tabel absensiswa

5. Menampilkan pesan (Data berhasil disimpan)

Proses edit absen

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

4. Menampilkan pesan (Data berhasil disimpan)

Proses hapus absen

1. Cari data absen 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

4 No. Proses 4

Nama Proses Olah data SPP Source Tabel SPP Input Data SPP Output Info SPP

Destination Pengguna sistem Logika Proses Proses tambah SPP

1. Cari data siswa yang akan membayar SPP

2. Masukkan data ke field yang disediakan

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

disimpan) Proses edit SPP

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

data yang ingin diedit

3. Jka data tidak ditemukan, maka cari kembali

4. Menampilkan pesan (Data berhasil disimpan)

Proses hapus SPP

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

5 No. Proses 5

Nama Proses Olah data uang tahunan Source Tabel utahun

Input Data uang tahunan Output Info uang tahunan Destination Pengguna sistem

Logika Proses Proses tambah uang tahunan

1. Cari data siswa yang akan membayar uang tahunan

2. Masukkan data ke field yang disediakan

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

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

3. Jka data tidak ditemukan, maka cari kembali

4. Menampilkan pesan (Data berhasil disimpan)

Proses hapus uang tahunan

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

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

2. Masukkan data ke field yang disediakan

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

3. Jka data tidak ditemukan, maka cari kembali

4. Menampilkan pesan (Data berhasil disimpan)

Proses hapus admin

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

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

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

2. Masukkan data ke field yang disediakan

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

5. Menampilkan pesan (Data berhasil disimpan)

Proses edit user

1. Cari data user yang akan diedit

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

3. Jka data tidak ditemukan, maka cari kembali

4. Menampilkan pesan (Data berhasil disimpan)

Proses hapus user

1. Cari data user 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

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]

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

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]

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

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

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

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.

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 III.11.

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

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

uname varchar 40 pswd varchar 40

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

goldarah varchar 20 hobi varchar 100 jabatan varchar 30 pendidikanterakhir varchar 40 email varchar 40 tanggalinput date

III.4.2 Perancangan Menu

Perancangan struktur menu dari sistem pengolahan data siswa pada GMCC divisi Daycare diilustrasikan pada gambar III.9.

III.4.3 Perancangan Antarmuka

Perancangan antarmuka terdiri dari 20 form.

III.4.3.1 Antarmuka login pegawai

Antarmuka login pegawai diilustrasikan pada gambar III.10.

III.4.3.2 Antarmuka Halaman Utama

Antarmuka halaman utama diilustrasikan pada gambar III.11.

III.4.3.3 Antarmuka Halaman Daycare & Preschool

Antarmuka halaman daycare & preschool diilustrasikan pada gambar III.12.

III.4.3.4 Antarmuka Halaman HRD

Antarmuka halaman HRD diilustrasikan pada gambar III.13.

III.4.3.5 Antarmuka Login Admin

Antarmuka halaman login admin diilustrasikan pada gambar III.14.

III.4.3.6 Antarmuka Halaman Formulir Siswa Baru

Antarmuka halaman pendaftaran siswa baru diilustrasikan pada gambar III.15.

III.4.3.7 Antarmuka Halaman Data Siswa

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

III.4.3.8 Antarmuka Halaman Formulir Input Absensi Siswa

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

III.4.3.9 Antarmuka Halaman Database Absensi Siswa

Antarmuka halaman lihat data absen siswa diilustrasikan pada gambar III.18.

III.4.3.10 Antarmuka Halaman Formulir Input Uang Tahunan

Antarmuka halaman input uang tahunan diilustrasikan pada gambar III.19.

III.4.3.11 Antarmuka Halaman Data Uang Tahunan

Antarmuka halaman lihat data uang tahunan diilustrasikan pada gambar III.20.

III.4.3.12 Antarmuka Halaman Formulir Input Uang SPP

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

III.4.3.13 Antarmuka Halaman Data Uang SPP

Antarmuka halaman lihat data uang SPP diilustrasikan pada gambar III.22.

III.4.3.14 Antarmuka Halaman Formulir Input Pegawai Baru

Antarmuka halaman input data karyawan baru diilustrasikan pada gambar III.23.

III.4.3.15 Antarmuka Halaman Data Pegawai

Antarmuka halaman lihat data pegawai diilustrasikan pada gambar III.24.

III.4.3.16 Antarmuka Halaman Data Admin

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 proses login pegawai. Pesan P01 diilustrasikan pada gambar III.26.

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.

Gambar III.28: Tampilan pesan pemasukkan data berhasil

Tampilan pesan P04 merupakan pesan ketika field yang harus diisi tetapi masih kosong. Pesan P04 diilustrasikan pada gambar III.29.

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 web diilustrasikan pada gambar III.30.

Gambar III.30: Jaringan Semantik Sistem Pengolahan Data Siswa pada GMCC Divisi Daycare

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 ke sistem. Prosedur login diilustrasikan pada gambar III.31.

2. Prosedur lihat data merupakan prosedur untu melihat isi tabel. Prosedur lihat data diilustrasikan pada gambar III.32.

3. Prosedur Tambah Data, prosedur ini dilakukan apabila user akan melakukan penambahan data. Prosedur tambah data diilustrasikan pada gambar III.33.

4. Prosedur Edit Data, prosedur ini dilakukan apabila user akan melakukan perubahan data. Prosedur edit data diilustrasikan pada gambar III.34.

5. Prosedur Pencarian Data, prosedur ini dilakukan apabila user akan melakukan pencarian data. Prosedur pencarian data diilustrasikan pada gambar III.35.

6. Prosedur Hapus Data, prosedur ini dilakukan apabila user akan melakukan Penghapusan data. Prosedur hapus data diilustrasikan pada gambar III.36.

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

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 Printer Epson T30

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 Paket DBMS & Web Server XAMPP

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 Paket DBMS & Web Server XAMPP

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 admin, halaman tambah user, dan halaman lihat data user.

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.

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

yang telah diimplementasi.

5. Halaman Bayar SPP

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

Gambar III.41: Halaman Lihat Data Siswa

6. Halaman Lihat Data SPP

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

7. Halaman Bayar Uang Tahunan

Gambar III.44 merupakan tampilan halaman bayar uang tahunan dari aplikasi yang telah diimplementasi.

Gambar III.43: Halaman Lihat Data SPP

8. Halaman Lihat Data Uang Tahunan

Gambar III.45 merupakan tampilan halaman lihat data uang tahunan dari aplikasi yang telah diimplementasi.

9. Halaman Absen Siswa

Gambar III.46 merupakan tampilan halaman absen siswa dari aplikasi yang telah diimplementasi.

Gambar III.45: Halaman Lihat Data Uang Tahunan

10. Halaman Lihat Data Absen

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

11. Halaman Utama Admin

Gambar III.48 merupakan tampilan halaman utama admin dari aplikasi yang telah diimplementasi.

Gambar III.47: Halaman Lihat Data Absen

12. Halaman Tambah Admin

Gambar III.49 merupakan tampilan halaman tambah admin dari aplikasi yang telah diimplementasi.

13. Halaman Lihat Data Admin

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

Gambar III.49: Halaman Tambah Admin

14. Halaman Tambah User

Gambar III.51 merupakan tampilan halaman tambah user dari aplikasi yang telah diimplementasi.

15. Halaman Lihat Data User

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

Gambar III.51: Halaman Tambah User

yang telah diimplementasi.

5. Halaman Bayar SPP

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

Gambar III.41: Halaman Lihat Data Siswa

6. Halaman Lihat Data SPP

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

7. Halaman Bayar Uang Tahunan

Gambar III.44 merupakan tampilan halaman bayar uang tahunan dari aplikasi yang telah diimplementasi.

8. Halaman Lihat Data Uang Tahunan

Gambar III.45 merupakan tampilan halaman lihat data uang tahunan dari aplikasi yang telah diimplementasi.

9. Halaman Absen Siswa

Gambar III.46 merupakan tampilan halaman absen siswa dari aplikasi yang telah diimplementasi.

Gambar III.45: Halaman Lihat Data Uang Tahunan

10. Halaman Lihat Data Absen

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

11. Halaman Utama Admin

Gambar III.48 merupakan tampilan halaman utama admin dari aplikasi yang telah diimplementasi.

Gambar III.47: Halaman Lihat Data Absen

12. Halaman Tambah Admin

Gambar III.49 merupakan tampilan halaman tambah admin dari aplikasi yang telah diimplementasi.

13. Halaman Lihat Data Admin

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

Gambar III.49: Halaman Tambah Admin

14. Halaman Tambah User

Gambar III.51 merupakan tampilan halaman tambah user dari aplikasi yang telah diimplementasi.

15. Halaman Lihat Data User

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

Gambar III.51: Halaman Tambah User