TUGAS AKHIR

RANCANG BANGUN WEBSITE SISTEM INFORMASI

AKADEMIK PADA TK ISLAM RAUDATUL ATHFAL AR-
RASYID

MUHAMMAD ABDUR RASYID ASRUDDIN

NIM. 14 650 171

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS DAYANU IKHSANUDDIN
BAUBAU
2020
 BAB I
PENDAHULUAN

A. Latar Belakang

Taman kanak-kanak Raudatul Athfal adalah merupakan jenjang pendidikan

anak usia dini dalam bentuk pendidikan formal, dibawah pengelolaan Kementerian

Agama sejak usia 4-6 tahun, pendidikan taman kanak-kanak sangatlah penting diera

seperti saat ini, karena dengan adanya taman kanak-kanak pembentukan karakter

anak sejak diusia dini mereka diajarkan mengenai agama, budi bahasa, berhitung,

membaca (mengenal aksara dan ejaan), bernyanyi, bersosialisasi dalam lingkungan

keluarga dan teman-teman sepermainannya, dan berbagai macam keterampilan

lainnya sebelum mereka memasuki pendidikan sekolah dasar atau yang biasa disebut

dengan SD.

TK Islam Raudatul Athfal Ar-Rasyid Merupakan taman kanak-kanak yang

beralamat JL. Hayam Wuruk No.72 Kel. Kaobula Kec. Batupoaro kota Baubau. TK

Islam Raudatul Ar-Rasyid merupakan salah satu lembaga pendidikan yang saat ini

belum menggunakan media internet dalam hal pemberian informasi baik kepada

siswa, lingkungan sekolah orang tua dan masyarakat luas dalam hal sistem yang

pemprosesan data yang ada. Berdasarkan pengamatan yang dilakukan di TK Islam

Raudatul Athfal Ar-Rasyid, ternyata sistem pemrosesan data akademik yang

dilakukan oleh sekolah tersebut selama ini masih menggunakan sistem pemrosesan

konvensional. Dengan keadaan manajemen akademik yang ada saat ini, untuk

menyampaikan informasi yang efisien dan tepat sasaran masih belum dapat

maksimal. Untuk itu perlu dilakukan pembaharuan sistem informasi yang terstruktur
agar memudahkan dalam penyampaian sistem informasi administrasi akademik

menjadi lebih fleksibel, efektif dan efisien.

Adapun penelitian yang pernah dilakukan berkaitan dengan penelitian yang

dilakukan yaitu Sistem Informasi Pada Taman Kanak-Kanak Pertiwi 1 Karangpakel

Trucuk Klaten Berbasis Web. Tujuan penelitian yaitu untuk membuat sebuah sistem

informasi yang dapat digunakan oleh Taman Kanak-Kanak Pertiwi 1 Karangpakel

Trucuk Klaten agar dapat meningkatkan citra sekolah tersebut. Hasil penelitian yaitu

dengan adanya sistem informasi web ini dapat memberikan kemudahan kepada pihak

sekolah untuk menyampaikan informasi lebih luas lagi dari sebelumnya serta dapat

mempermudah kinerja pihak sekolah dalam melakukan pendataan siswa ataupun

guru karena bersifat dinamis dan mengurangi pemakaian alat manual seperti kertas

(Anisyah, 2014).

Penelitian lainnya berjudul Model Sistem Informasi Akademik Pada Sekolah

Taman Kanak-Kanak. Penelitian ini bertujuan untuk membuat aplikasi untuk

mengelola aktifitas akademik dan taman kanak-kanak yang dapat digunakan oleh

staf, orang tua murid dan pendaftar. Dari penelitian ini dapat disimpulkan bahwa

Dengan adanya aplikasi ini diharapkan dapat membantu pendaftar untuk

mendaftarkan anak-anak yang akan masuk ke taman kanak-kanak secara online,

membantu orang tua melihat hasil nilai anak-anaknya dan membantu staf dalam

pengelolaan data aktifitas akademik dengan menggunakan database MySQL (Ratna,

2015).

Penelitian selanjutnya dengan judul perancangan pengolahan data akademik

pada TK Al-Hidayah Lolu. Tujuan dari penilitian ini adalah untuk membangun

2
Sistem Informasi Pengolahan Data Akademik yang dapat membantu pengolahan

data akademik, menjamin keamanan data, dan pembuatan laporan sehingga

aktivitas belajar dapat berjalan dengan lebih efektif dan efisien. Dari penelitian

tersebut dapat disimpulkan Sistem Informasi Pengolahan Data Akademik dapat

memudahkan pengolahan data akademik dan pembuatan laporan serta dapat

melakukan pencarian data yang cepat sehingga menghemat waktu dan tenaga

pengelola TK Al-Hidayah Lolu (Kaharu dan Sakina, 2016).

Penelitian selanjutnya yaitu Model Sistem Informasi Akademik Pada Sekolah

Taman Kanak-Kanak. Tujuan dari penilitian ini adalah untuk membuat sebuah

Sistem Informasi Akademik pada TK Kemala Bhayangkari 02 SPN Banjarbaru

sebagai alat untuk pencatatan data pokok pendidikan pada TK Kemala Bhayangkari

02 SPN Banjarbaru agar proses pengolahan data akademik dapat menyajikan

informasi yang lebih efektif dan efisien. Hasil dari penelitian ini dapat disimpulkan

bahwa dengan adanya Sistem Informasi Akademik pada TK Kemala Bhayangkari 02

SPN Banjarbaru ini dapat membantu pihak sekolah dalam menyampaikan informasi

dengan mudah melalui website sekolah (Alfiannor dan Yudihartanti, 2017).

Penelitian lainnya yaitu berjudul Sistem Informasi Monitoring Perkembangan

Anak di Sekolah Taman Kanak-kanak Berbasis Cloud. Tujuan dari penelitian yaitu

untuk membuat sebuah sistem informasi monitoring untuk mengontrol, mengawasi

serta mengecek sejumlah aktivitas yang telah dilakukan oleh Anak-anak TK. Hasil

penelitian yang dilakukan dengan menyebar kuesioner menggunakan perhitungan

skala likert menunjukkan lebih dari 50% pengguna setuju dengan pernyataan yang

sudah dibuat (Saputra, 2017).

3
 Penelitian selanjutnya berjudul Perencanaan Sistem Informasi Administrasi di

Pendidikan Anak Usia Dini. Tujuan dari penelitian ini adalah untuk perencanaan

sistem informasi administrasi di Pendidikan anak usia dini. Dengan metode yang

digunakan adalah Unified Software Development Process dan pemodelan Unified

Modelling Language dibatasi hanya sampai model perancangan. Dari penelitian

tersebut berdasarkan kajian landasan teori serta hasil dari analisis dan perancangan

maka dapat diambil kesimpulan. Dengan adanya perencanaan ini diharapkan dapat

membantu konsep pengenbangan sistem informasi Pendidikan anak usia dini serta

dengan adanya perencanaan ini memudahkan sekolah untuk proses administrasi yang

mencakup penerimaan mahasiswa baru, pembayaran SPP dan pelaporannya (Fitriani.

2018).

Penelitian lainnya yaitu dengan judul Rancang Bangun Sistem Informasi

Akademik Sekolah Berbasis Web Pada SMP Plus Al-Ijtihad 2 Kutabaru Tangerang.

Tujuan dari penelitian ini adalah untuk merancang sebuah sistem informasi akademik

sekolah berbasis web sebagai solusi permasalahan yang timbul dari pengolahan data

secara manual. Kesimpulan penelitian yaitu dengan adanya sistem informasi

akademik yang terkomputerisasi, diharapkan pengelolaan data akademik sekolah

menjadi lebih efektif dan efisien, dan proses informasi akademik sekolah dapat

diakses dimanapun dengan koneksi internet (Riki, 2018).

Penelitian selanjutnya yang berjudul Rancang Bangun Sistem Informasi

Akademik Dengan PHP Dan Mysql Pada SDN Kalicari 01. Tujuan dari penelitian

ini untuk membuat sistem informasi akademik untuk menunjang pemenuhan

informasi bagi pendidik atau guru dan siswa-siswinya serta masyarakat luas. Hasil

4
penelitian menunjukkan bahwa sistem ini memudahkan pihak sekolah melakukan

pendataan siswa, wali siswa dan guru secara efektif dan efisien, serta dapat

mengawasi dan mengontrol absensi serta mengelola nilai anak didik secara mudah

dan cepat tanpa harus membuka buku besar (Yuli, 2019).

Penelitian selanjutnya berjudul Pengembangan Sistem Informasi Manajemen

Akademik Sekolah Dasar Untuk Pendaftaran Dan Pendataan Ulang Siswa (Studi

Kasus Pada Sekolah Dasar Negeri Dinoyo 1 Malang). Tujuan penelitian yaitu untuk

mengembangkan Sistem Informasi Manajemen Akademik Sekolah Dasar Untuk

Pendaftaran dan Pendataan Ulang Siswa pada SDN Dinoyo 1 Malang. Hasil

penelitian ini yaitu implementasi berupa Sistem Informasi Manajemen Akademik

(SIMA) sesuai dengan fitur yang telah diidentifikasi, dengan kerangka kerja

CodeIgniter berbasis situs web yang menghasilkan artefek sistem yang

didokumentasikan pada struktur artefak sitem, beberapa implementasi algoritme, dan

beberapa implemntasi antarmuka pengguna (Nyoman, 2019).

Penelitian selanjutnya berjudul Perancangan Sistem Informasi Akademik pada

TK Dalilussa’adah Berbasis Web. enelitian ini bertujuan untuk membangun sistem

informasi akademik di TK Dalilussa'adah Karawang. Keuntungannya adalah

memberikan kemudahan dalam memproses nilai rapor dan penjadwalan pengajaran.

Hasil penelitian ini diharapkan dapat menjawab kesulitan-kesulitan yang sering

dihadapi oleh pengajaran, kurikulum, guru dan wali kelas sehingga dapat menjadi

jauh lebih efisien dan efektif. Aplikasi ini juga diharapkan dapat menjadi referensi

bagi peneliti lain dan kemudian dapat mengembangkannya untuk penelitian lebih

lanjut (Maman, 2019).

5
 Pengembangan sistem informasi akademik selanjutnya berjudul Rancang

Bangun sistem informasi akademik pada TK Islam Raudatul Athfal Ar-Rasyid.

Adapun yang diharapkan dari sistem informasi akademik ini yaitu untuk

memudahkan dalam penyampaian sistem informasi akademik menjadi lebih

fleksibel, efektif dan efisien serta penyampaian informasi seputar TK Islam Raudatul

Athfal Ar-Rasyid dapat dengan muadah diakses secara online tanpa harus berada

disekolah dan dapat meningkatkan nilai akreditasi pada TK tersebut.

B. Rumusan Masalah

Berdasarkan uraian pada latar belakang diatas dapat dirumuskan sebagai

berikut:

1. Bagaimana merancang bangun website sistem informasi akademik pada TK

Islam Raudatul Athfal Ar-Rasyid.

2. Bagaimana cara mempermudah dalam mengelola data akademik dan

memberikan informasi secara on-line mengenai pendaftaran siswa baru,

penilaian siswa serta orang tua dapat melihat nilai raport anak secara online.

C. Batasan Masalah

Batasan masalah dalam penelitian yang dilakukan yaitu berfokus pada

pembuatan situs website akademik pada TK. Raudatul Athfal Ar-Rasyid yang

mencakup proses pendaftaran siswa baru pada sekolah, publikasi penginputan

informasi akademik meliputi penginputan nilai yang dilakukan oleh guru serta

masing-masing orang tua atau wali siswa dapat mengakses nilai dari sistem yang

dibuat serta publikasi mengenai informasi kegiatan TK. Raudatul Athfal Ar-Rasyid.

6
D. Tujuan Penelitian

Tujuan penelitian ini adalah:

1. Untuk merancang bangun website sistem informasi akademik pada TK. Islam

Raudatul Athfal Ar-Rasyid.

2. Untuk mempermudah dalam mengelola data akademik dan memberikan

informasi secara on-line mengenai pendaftaran siswa baru, penilaian siswa

serta orang tua dapat melihat nilai raport anak secara online.

E. Manfaat Penelitian

Manfaat penelitian ini yaitu:

1. Dengan memanfaatkan website sistem informasi akademik akan

mempermudah orang tua wali untuk pendaftarankan anaknya ke TK Islam

Raudatul Athfal Ar-Rasyid secara online.

2. Sistem informasi akademik pada TK Islam Raudatul Athfal Ar-Rasyid dapat

meningkatkan nilai akreditasi pada TK tersebut.

3. Mempermudah guru untuk memberikan penilaian terhadap siswa secara online.

4. Orang tua atau wali siswa dapat mengakses nilai raport anak secara online.

F. Sistematika Penulisan

Sistematika penulisan pada penelitian terdiri dari:

BAB I PENDAHULUAN

Pada bab ini diuraikan tentang latar belakang, rumusan masalah, batasan

masalah, tujuan, manfaat penelitian, dan sistematika penulisan.

BAB II LANDASAN TEORI

Di dalam bab ini diuraikan tentang kerangka teori dan kerangka pikir.

7
BAB III METODOLOGI PENELITIAN

Di dalam bab ini diuraikan waktu dan tempat penelitian, teknik

pengumpulan, analisis data serta metode pengujian.

BAB IV ANALISIS DAN DESAIN SISTEM

Dalam bab ini menguraikan tentang analisa kondisi awal, rancangan

sistem secara umum, rancangan terinci dan implementsi sistem.

BAB V PENGUJIAN SISTEM

Pada bab ini berisikan metode pengujian dan teknik pengujian.

BAB VI PENUTUP

Bab ini berisikan kesimpulan dan saran.

DAFTAR PUSTAKA

8
BAB II

LANDASAN TEORI

A. Kerangka Teori

1. Taman Kanak-kanak (TK)

Pendidikan taman kanak-kanak merupakan salah satu pendidikan usia

dini. yang berumur sekitar 4-6 tahun. pendidikan TK memiliki peran yang

sangat penting untuk pengembangan kepribadian anak, serta untuk

mempersiapkan mereka untuk memasuki jenjang pendidikan selanjutnya.

dimna anak-anak TK diberikan rangsangan pendidikan untuk membantu

[Link] utama TK adalah untuk mempersiapkan anak dengan

memperkenalkan berbagai pengetahuan, sikap, perilaku, dengan cara yang

[Link] sebagai tempat bermain yang indah, nyaman, dan gembira

bagi anak untuk bersosialisasi dengan teman sebayanya.

Teori praktik for adulthood dari [Link] (1991) mengatan bahwa bermain

merupakan peluang bagi pengembangan ketrampilan dan pengetahuan anak

yang sangat penting fungsinya. bermain merupakan suatu kegiatan yang

melekat pada anak bermain itu hal yang paling wajar disukai anak. melalui

pendekatan bermain, anak-anak dapat merngembangkan aspek psikis dan fisik

yang meliputi moral dan nilai-nilai agama, sosial emosional, kognitif, bahasa,

fisik atau motorik, kemandirian dan seni. pada prinsipnya bermain

mengandung makna yang menyenangkan, mengasikan, tanpa ada paksaan dari

luar diri anak. bermain sebagai metode pembelajaran di TK hendaknya

disesuaikan dengan perkembangan usia dan kemampuan anak didik yang

9
 secara berangsur-angsur dikembangkan. Tujuan pendidikan TK itu sendiri

membantu pertumbuhan dan pengembangan jasmani dan rohani agar anak

memiliki kesiapan dalam memasuki pendidikan lebih lanjut (Pasal 1. 14

Undang-Undang Republik Indonesia No 20 Tahun 2003) Kemajuan akademis

seharusnya tidak menjadi satu-satunya tujuan pendidikan proses

pengembangan pengetahuan. pola pikir dan pertumbuhan anak lah yang paling

penting. sebuah pendidikan yang diberikan oleh seorang guru dengan penuh

kasih sayang akan membentuk karakter anak yang positif. "Bermain sambil

belajar dan belajar seraya bermai. Bermain merupakan cara terbaik untuk

mengembangkan porensi anak didik sebelum bersekolah" (Fitria, 2013).

2. Sistem Informasi

Sistem Informasi adalah suatu sistem didalam organisasi yang

mempertemukan kebutuhan pengelolah transaksi harian, mendukung operasi,

bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan

pihak luar tertentu dengan laporan-laporan yang diperlukan (Jogiyanto, 2005).

Secara teknis sistem informasi dapat didefenisikan sebagai sekumpulan

komponen yang saling berhubungan, mengumpulkan, memproses, menyimpan

dan mendistribusikan informasi untuk menunjang pengambilan keputusan dan

pengawasan dalam suatu organisasi

Tiga aktivitas di dalam sistem informasi akan memproduksi informasi

yang dibutuhkan adalah input, proses dan output. Input, merekam atau

mengumpulkan data mentah dari dalam maupun luar organisasi. Proses,

mengubah data input mentah ini menjadi bentuk yang berarti. Output,

10
 mengirimkan informasi yang telah diproses ke orang yang akan menggunakan

atau kepada aktivitas yang akan menggunakan informasi tersebut. Berikut

ilustrasi dari tiga aktivitas diatas:

INPUT PROSES OUTPUT

FEEDBACK

Gambar 2.1 Aktivitas Sistem Informasi

3. Sistem Informasi Akademik

Sistem Informasi Akademik merupakan Sistem yang memberikan

layanan informasi yang berupa data dalam hal yang berhubungan dengan

akademik. Dimana dalam hal ini pelayanan yang diberikan yaitu seperti :

penyimpanan data untuk siswa baru, penentuan kelas, penentuan jadwal

pelajaran, pembuatan jadwal mengajar, pembagian wali kelas, proses

penilaian (Imelda & Erik, 2014).

Sistem Informasi Akademik (SIA) dapat dikatakan sebagai perangkat

lunak yang digunakan untuk menyajikan informasi dan menata administrasi

yang berhubungan dengan kegiatan akademis. Dengan penggunaan perangkat

lunak seperti ini diharapkan kegiatan administrasi akademis dapat dikelola

dengan baik dan informasi yang diperlukan dapat diperoleh dengan mudah

dan cepat.

Sistem informasi akademik memberikan beberapa manfaat bagi

penggunanya antara lain:

11
 a. Integrasi data - Dengan pengelolaan data secara integrasi sehingga data

akan selalu up-to-date dan selalu siap digunakan, serta mengurangi resiko

duplikasi data.

b. Sebagai pusat informasi - Dengan adanya respon email otomatis, PMB

online dan penjadwalan Mata Pelajaran, maka semua berita atau

pengumuman dapat diakses sebagai referensi.

c. Media komunikasi pengguna - Dengan dilengkapi beberapa fitur seperti

email terpadu, chatting, forum dan lain-lain maka sistem ini dapat

dijadikan sebagai media komunikasi antar para penggunanya.

3. Definisi Tentang Website

Perkembangan internet tidak terlepas dari Web atau World Wide Web,

disingkat WWW. Web sebagai sumber informasi yang terdapat dalam diri

internet memiliki kemudahan bagi pencari informasi untuk mengaksesnya,

tanpa dibatasi oleh ruang dan waktu. Web adalah salah satu aplikasi yang

berisikan dokumen-dokumen multimedia (teks, gambar, animasi, video)

didalamnya yang menggunakan protokol Hypertext Transfer Protocol

(HTTP) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut

browser (Arief, 2011).

Browser adalah aplikasi yang mampu menjalankan dokumen-dokumen

web dengan cara diterjemahkan. Prosesnya dilakukan oleh komponen yang

terdapat didalam aplikasi browser yang biasa disebut Web Engine. Semua

dokumen web ditampilkan oleh browser dengan cara diterjemahkan.

Beberapa jenis browser yang populer saat ini diantaranya adalah Internet

12
 Explorer yang diproduksi oleh Microsoft, Mozilla Firefox, Opera, dan Safari

yang diproduksi oleh Apple (Arief, 2011).

4. Perancangan Sistem

Perancangan merupakan kegiatan utama dari rangkaian pengembangan

suatu produk atau sistem yang direkayasa. Perancangan digambarkan sebagai

proses multi langkah sebagai referensi struktur langkah, struktur program,

karakteristik interface dan detail prosedur disintesis dari demografi informasi.

Perancangan suatu sistem diperlukan adanya teknik-teknik penyusunan sistem

untuk mendokumentasikan data yang mengalir didalam sistem tersebut.

a. Unified Modeling Language ( UML )

UML adalah tujuan umum, perkembangan, bahasa pemodelan di bidang

rekayasa perangkat lunak, yang dimaksudkan untuk menyediakan cara standar

untuk memvisualisasikan desain sistem. UML adalah bahasa pemodelan untuk

sistem atau perangkat lunak yang berparadigma berorientasi objek. Pemodelan

sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan

yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami

(Nugroho, 2010).

Model UML dapat dikelompokkan berdasarkan sifatnya yaitu statis atau

dinamis. Berikut Jenis diagram UML yang digunakan dalam pembuatan

aplikasi ini antara lain:

1) Use Case

Use case diagram ialah diagram untuk menunjukkan peran dari berbagai

pengguna dan bagaimana peran-peran menggunakan sistem (Satzinger, 2009).

13
 Use case diagram digunakan untuk memodelkan bisnis proses berdasarkan

perspektif pengguna sistem. Use case diagram terdiri atas diagram untuk use

case dan actor. Actor merepresentasikan orang yang mengoperasikan atau

orang yang berinteraksi dengan sistem aplikasi.

Adapun use case ditujukan pada Tabel 2.1 berikut:

Tabel 2.1 Simbol-Simbol Use Case

NO GAMBAR NAMA KETERANGAN

Menspesifikasikan himpuan peran yang
1 Actor pengguna mainkan ketika berinteraksi
dengan use case.
Hubungan dimana perubahan yang terjadi
pada suatu elemen mandiri (independent)
2 Dependency akan mempengaruhi elemen yang
bergantung padanya elemen yang tidak
mandiri (independent).
Hubungan dimana objek anak (descendent)
3 Generalization berbagi perilaku dan struktur data dari
objek yang ada di atasnya objek induk.
Menspesifikasikan bahwa use case sumber
4 Include
secara eksplisit.
Menspesifikasikan bahwa use case target
5 Extend memperluas perilaku dari use case sumber
pada suatu titik yang diberikan.
Apa yang menghubungkan antara objek
6 Association
satu dengan objek lainnya.
Menspesifikasikan paket yang
7 System
menampilkan sistem secara terbatas.
Deskripsi dari urutan aksi-aksi yang
8 Use Case ditampilkan sistem yang menghasilkan
suatu hasil yang terukur bagi suatu aktor
Interaksi aturan dan elemen lain yang
9 Collaboration bekerja sama untuk menyediakan prilaku
yang lebih besar dari elemen-elemennya.
Elemen fisik yang eksis saat aplikasi
10 Note dijalankan dan mencerminkan suatu
sumber daya komputasi

14
 b. Activity Diagram

Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas

dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak

(Sukamto dan Shalahuddin, 2013)

Secara grafis Activity Diagram menggambarkan rangkaian aliran

aktivitas baik proses bisnis maupun use case. Activity Diagram dapat

digunakan untuk memodelkan action yang akan dilakukan saat operasi

dieksekusi, dan memodelkan hasil dari action tersebut. Adapun simbol-simbol

Activity Diagram ditujukan pada Tabel 2.2 berikut:

Tabel 2.2 Simbol-simbol Activity Diagram

NO GAMBAR NAMA KETERANGAN

Memperlihatkan bagaimana masing-masing

1 Actifity kelas antarmuka saling berinteraksi satu
sama lain

2 Action State dari sistem yang mencerminkan

eksekusi dari suatu aksi

3 Initial Node Bagaimana objek dibentuk atau diawali.

Actifity Final
4 Bagaimana objek dibentuk dan dihancurkan
Node

5 Fork Node Satu aliran yang pada tahap tertentu

berubah menjadi beberapa aliran

c. Sequence Diagram

Diagram sekuen menggambarkan objek pada use case dengan

mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima

antar objek (Sukamto dan Shalahuddin, 2013).

15
 Sequence diagram menunjukkan urutan event kejadian dalam suatu

waktu. Komponen sequence diagram terdiri atas obyek yang dituliskan dengan

kotak segi empat bernama message diwakili oleh garis dengan tanda panah dan

waktu yang ditunjukkan dengan progress vertikal.

Adapun simbol-simbol Sequence Diagram ditujukan pada Tabel 2.3

berikut:

Tabel 2.3 Simbol-simbol Sequence Diagram

NO GAMBAR NAMA KETERANGAN

Menggambarkan orang yang sedang
1. Actor berinteraksi dengan sistem

Objek entity, antarmuka yang saling

2. LifeLine berinteraksi.

Spesifikasi dari komunikasi antar objek

3. Message yang memuat informasi-informasi
tentang aktifitas yang terjadi
Spesifikasi dari komunikasi antar objek
4. Message yang memuat informasi-informasi
tentang aktifitas yang terjadi

5. Bahasa Pemrograman Berbasis Web

Pemrograman berbasis web merupakan proses membuat sebuah program

komputer yang berdasarkan pada halaman situs yang menampilkan berbagai

informasi berbentuk teks, grafis, suara dan sumber daya animasi melalui

protokol transfer hypertext.

Berikut adalah berbagai macam jenis bahasa pemrograman berbasis web:

a. Perl Hypertext Proccessor (PHP)

16
 PHP adalah  Bahasa server side scripting yang menyatu dengan HTML

untuk membuat halaman web yang dinamis. Karena PHP merupakan server

side scripting maka sintaks dan perintah-perintah PHP akan diesksekusi

diserver kemudian hasilnya akan dikirimkan ke browser dengan format HTML

(Arief, 2011).

PHP dirancang untuk membuat halaman web yang dinamis, yaitu

halaman web yang dapat membentuk suatu tampilan berdasarkan permintaan

terkini, seperti menampilkan isi basis data ke halaman web. PHP  dapat

berjalan pada berbagai web server seperti Internet Information Server (IIS),

Personal Web Server (PWS), Apache, Xitami. PHP mampu berjalan di banyak

sistem operasi yang beredar saat ini, diantaranya: Sistem Operasi Microsoft

Windows (semua versi), Linux, Mac Os, dan Solaris. PHP dapat dibangun

sebagai modul web server Apache dan sebagai binary yang dapat

berjalan sebagai Common Gateway Interfac (CGI).  Hampir seluruh aplikasi

berbasis web dapat dibuat dengan PHP.

b. Cascading Style Shee (CSS)

CSS adalah suatu teknologi yang digunakan untuk mempermudah

pembuatan suatu tampilan sebuah website (Astamal, 2006).

CSS merupakan salah satu bahasa pemograman web untuk

mengendalikan beberapa komponen dalam sebuah web, sehingga akan lebih

terstruktur dan seragam. CSS adalah bahasa style sheet yang digunakan untuk

mengatur tmpilan dokumen. CSS saat ini dikembangkan oleh World Wide Web

Consortium (W3C) dan menjadi bahasa standard dalam pembuatan web. CSS

17
 difungsikan sebagai penopang atau pendukung, dan pelengkap dari file html

yang berperan dalam penataan kerangka dan layout. CSS dapat dijalankan pada

berbagai macam sistem operasi dan web browser. Secara umum, yang

dilakukan oleh CSS adalah pengaturan layout, kerangka, teks, gambar, warna,

tabel, spasi, dan lain sebagainya.

c. jQuery

jQuery adalah librari atau kumpulan kode JavaScript siap pakai.

Keunggulan menggunakan jQuery dibandingkan dengan JavaScript standar,

yaitu menyederhanakan kode JavaScript dengan cara memanggil fungsi-fungsi

yang disediakan oleh jQuery. JavaScript sendiri merupakan bahasa Scripting

yang bekerja disisi Client sehingga website dapat lebih interaktif (Sigit, 2011).

Jquery menyediakan layanan para developers untuk membuat plug-ins di

dalam bahasa javascript tentunya. Sehingga  memungkinkan para developer

website membuat website lebih interaktif dengan animasi, tema dan widget.

JQuery tidak sekedar sebagai framework Javascript, namun memiliki

kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan

banyak developer web menggunakannya. JQuery memiliki slogan “Write less,

do more” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan

code, tapi dengan hasil yang lebih banyak.

6. XAMPP

XAMPP adalah sebuah software yang berfungsi untuk menjalankan

website berbasis PHP dan menggunakan pengolah data MySQL dikomputer

lokal.  XAMPP berperan sebagai server web pada komputer anda. XAMPP

18
 dapat disebut sebuah CPanel server virtual, yang dapat membantu anda

melakukan preview sehingga dapat memodifikasi website tanpa harus terakses

dengan internet (wicaksono, 2008).

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 statis maupun dinamis.

Gambar 2.2 Tampilan Xampp

7. PhpMyAdmin

PhpMyAdmin adalah salah satu aplikasi Graphical User Interface (GUI)

yang digunakan untuk mengelola database MySQL (Arief, 2011).

PhpMyAdmin mendukung berbagai aplikasi Mysql, diantaranya

mengelola basis data, tabel-tabel, serta relasi. PhpMyAdmin merupakan aplikasi

web yang bersifat open souce (sumber terbuka) sejak pertama kali dibuat dan

dikembangkan. Dengan dukungan dari banyak developer dan translator,

19
 aplikasi web phpMyAdmin mengalami perkembangan yang cukup pesat dengan

ketersediaan banyak pilihan bahasa. Sampai saat ini, ada kurang lebih 65

bahasa yang didukung phpMyAdmin.

Gambar 2.3 Tampilan phpMyAdmin

8. My Structure Query  Language (MySQL)

MySQL adalah salah satu jenis database server yang sangat terkenal dan

banyak digunakan untuk membangun aplikasi web yang menggunakan

database sebagai sumber dan pengelolaan datanya (Junaedi, 2005).

Dari pengertian tersebut dapat disimpulkan bahwa MySQL adalah

perangkat lunak yang digunakan untuk membuat aplikasi dengan menggunakan

database sebagai sumber pengelolaan datanya. Sebagai database server yang

memiliki konsep database modern, MySQL memiliki banyak sekali

keistimewaan. Berikut ini beberapa keistimewaan yang dimiliki oleh MySQL:

a. Portability

MySQL dapat berjalan stabil pada berbagai OS seperti Windows, Linux,

Unix, Mac OS, Solaris, Unix, Amiga, HP-UX, Symbian.

b. Open Source

20
 Dahulu MySQL didistribusikan secara gratis, dibawah lisensi GPL

sehingga dapat digunakan secara cuma-cuma tanpa dipungut biaya.

c. Multiuser

MySQL dapat digunakan oleh beberapa user dalam waktu yang

bersamaan tanpa mengalami konflik.

d. Performance Tuning

MySQL memiliki kecepatan dalam menangani query sederhana.

e. Column Types

MySQL memiliki tipe kolom yang sangat kompleks, seperti

signed/unsigned integer, float, double, char, varchar, text, blob, date,

time, datetime, timestamp, year, set serta enum.f. Command dan

Functions. MySQL memiliki operator dan fungsi secara penuh yang

mendukung perintah select dan where dalam query.

f. Security

MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask,

nama host, dan izin akses user serta password terenkripsi.

g. Scalability dan Limits

MySQL mampu menangani database dalam skala besar dengan jumlah

records lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris.

h. Connectivity

MySQL dapat melakukan koneksi dengan klien menggunakan TCP/IP,

Unix soket (Unix), atau Named Pipes (NT).

i. Localisation

21
 MySQL dapat mendeteksi pesan kesalahan (error code) pada klien

dengan menggunakan lebih dari dua puluh bahasa.

j. Interface

MySQL memiliki interface terhadap berbagai aplikasi dan bahasa

pemrograman dengan menggunakan fungsi Application Programming

Interface (API).

k. Struktur Tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani

ALTER TABLE dibandingkan database lainnya.

9. Dreamweaver CS5

Dreamweaver adalah sebuah HTML editor profesional untuk mendesain

web secara visual dan mengelola situs atau halaman web (Madcoms, 2011).

Adobe Dreamweaver merupakan program penyunting halaman web

keluaran AdobeSystems yang dulu dikenal sebagai Macromedia Dreamweaver

keluaran Macromedia. Program ini banyak digunakan oleh pengembang web

karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi

terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe

Systems yaitu versi 8. Adobe Dreamweaver CS5 yang dirilis pada 12 April

2011. Versi ini terdapat beberapa kemampuan bukan hanya sebagai software

untuk desain web saja tetapi untuk menyunting kode serta pembuatan aplikasi

web dengan menggunakan berbagai bahasa pemograman web, antara lain: JPS,

PHP, ASP dan ColdFusion.

22
 Gambar 2.4 Tampilan Dreamwever CS5

10. Pengertian Basis Data (Database)

Basis data (Database) merupakan kumpulan data yang saling

berhubungan satu dengan lainnya, tersimpan diperangkat keras komputer dan

digunakan perangkat lunak untuk memanipulasi (Fatansyah, 2007).

Database yang terdiri dari beberapa tabel yang saling berhubungan

antara satu dan lainnya (relationship) untuk membangun sebuah sistem

informasi. Setiap tabel relasi mempunyai kode unik (primary key), yang

digunakan untuk merelasikan (penghubung) antara tabel yang satu dengan

tabel lainnya. Berikut merupakan keuntungan basis data yaitu :

a. Kemampuannya menggunakan data yang sama dibanyak aplikasi dan

sistem.

b. Penyimpanan data dalam format yang fleksibel.

c. Teknologi basis data menyediakan skalabilitas superior, dalam arti basis

data dan sistem yang menggunakannya dapat ditingkatkan atau

23
 dikembangkan untuk memenuhi kebutuhan-kebutuhan perubahan pada

sebuah organisasi.

d. Kemajuan independensi data yang sangat mengurangi redudansi data,

telah mengingkatkan fleksibilitas.

B. Kerangka Pikir

Kerangka pikir adalah urutan atau tahapan yang menyatakan kerangka konsep

pemecahan masalah yang telah di identifikasi atau dirumuskan. Kerangka pikir dapat

dilihat pada Gambar 2.5 berikut ini:

TK. Raudatul Athfal Ar-Rasyid merupakan lembaga dibidang pendidikan

sekolah dasar swasta yang diperuntukkan untuk masyarakat umum khususnya
di Kota Baubau.

TK. Raudatul Athfal Ar-Rasyid belum memiliki website akademik yang

mengelola administrasi data, baik data siswa, guru, pegawai maupun data
informasi akademik lainnya.

Merancang bangun website sistem informasi akademik pada TK Islam Raudatul

Athfal Ar-Rasyid.

Dengan memanfaatkan website yang dibuat, pihak TK. Raudatul Athfal Ar-
Rasyid dapat dengan mudah dalam mendaftarkan siswa baru secara online,
penyampaian sistem informasi administrasi akademik serta dapat
mempermudah orang tua siswa dapat mengakses nilai secara online.

Gambar 2.5 Bagan Kerangka Pikir

24
BAB III

METODOLOGI PENELITIAN

A. Waktu dan Tempat Penelitian

Waktu penelitian dilakukan selama tiga bulan dan bertempat di TK. Raudatul

Athfal Ar-Rasyid.

B. Teknik Pengumpulan dan Analisis Data

1. Teknik Pengumpulan Data

Dalam penelitian metode yang digunakan adalah metode deskriptif yaitu

prosedur pemecahan masalah yang diselidiki dengan menggambarkan keadaan

subjek atau objek berdasarkan fakta-fakta yang tampak atau sebagaimana adanya.

Pengumpulan data tersebut dikumpulkan dengan cara:

a. Pengamatan (observasi) yaitu mendatangi dan mengamati langsung objek yang

diteliti, seperti mengenai proses akademik yang dilakukan pada TK. Raudatul

Athfal Ar-Rasyid.

b. Wawancara (Interview) yaitu salah satu cara untuk memperoleh data dengan

megajukan pertanyaan langsung, dengan kepala sekolah dan guru-guru tentang

bagaimana sistem akademik yang berjalan.

c. Kepustakaan (library) yaitu cara untuk memadukan, mengiterprestasikan dan

mengisintesiskan seluruh materi yang ada dan berkaitan dengan topik masalah.

Dengan mengungkapkan dasar teoritis, konseptual, logis dan hasil penelitian

ataupun data sekunder lainnya.

25
2. Analisis Data

Setelah melakukan serangkaian penelitian yang dilakukan dengan cara

observasi maupun wawancara yang sesuai dengan tujuan dalam penyusunan skripsi,

maka dilakukan analisis data yang dapat membantu dan mendukung tercapainya

tujuan, analisis tersebut adalah sebagai berikut:

a. Jenis Data

Jenis data yang digunakan adalah data kualitatif atau informasi yang berupa

penjelasan atau wawancara langsung dengan dengan kepala sekolah TK. Raudatul

Athfal Ar-Rasyid dan data kuantitatif atau data yang dapat diukur atau dihitung

secara langsung yang berupa data jumlah guru, jumlah siswa, dan nilai siswa .

b. Sumber Data

Sumber data yang digunakan dalam penelitian yaitu sebagi berikut:

1. Data Primer adalah data yang diperoleh dari hasil observasi, dokumentasi dan

wawancara langsung dengan dengan kepala sekolah maupun siswa yang

sekolah mengenai penelitian yang dilakukan.

2. Data Sekunder yaitu data yang diperoleh dari buku, catatan-catatan, laporan-

laporan, jurnal-jurnal penelitan yang dapat mendukung kelengkapan data

primer yang ada kaitannya dengan penelitian yang dilakukan.

C. Teknik Pengujian

Metode pengujian yang digunakan pada perangkat lunak aplikasi adalah

metode Black Box. Tujuannya adalah untuk mengetahui bahwa bagian-bagian

fungsionalitas dalam system aplikasi telah dengan benar menampilkan pesan-pesan

kesalahan jika terjadi kesalahan dalam penginputan data. Black Box Testing atau

26
biasa disebut Functional Testing merupakan teknik pengujian yang mengabaikan

mekanisme internal dari sebuah system dan hanya terfokus kepada keluaran-keluaran

(outputs) yang merupakan hasil dan jawaban dari masukan-masukan (inputs) yang

terpilih dan kondisi-kondisi yang dieksekusi. Pengujian Black Box dilakukan pada

saat aplikasi telah selesai dikembangkan. Pengujian Black Box merupakan metode

pengujian yang berfokus pada persyaratan fungsional perangkat lunak. Pengujian

dilakukan dengan mencari fungsi-fungsi perintah yang tidak benar, menguji

kesalahan-kesalahan yang mungkin terjadi pada tampilan perangkat lunak yang telah

dikembangkan

27
 BAB IV

ANALISIS DAN DESAIN SISTEM

A. Analisa Kondisi Awal

Kondisi awal sistem yang berjalan pada TK. Raudatul Athfal Ar-Rasyid sistem

akademik, masih menggunakan microsoft office. Pembahasan bab ini akan

menganalisa sistem serta memberikan solusi dari perbaikan sistem yang ada.

B. Gambaran Umum Sistem

1. Use Case Diagram

Adapun use case dapat dilihat gambar 4.1 berikut:

<<include>> Input formulir Orang Tua
Verifikasi username
Login dan password pendaftaran Calon siswa

Admin Verifikasi berkas Hasil verifikasi

pendaftaran <<include>> pendaftaran

Login
<<include>>
Input, edit hapus Buat akun
<<include>>
data rombel Data rombel

<<include>>
Data guru
Input, edit, hapus Guru
data guru

Data siswa
<<include>>
Input, edit, hapus
data siswa Mengisi daftar
hadir siswa

Input, edit,
hapus pelajaran Mengisi absen
pulang siswa
<<include>>

<<extend>> Input nilai

Data
siswa
pelajaran
Orang
Melihat laporan
data guru Tua Siswa
Kepala
<<include>>
sekolah <<extend>>
Melihat Melihat kepulangan
laporan data dan menjemput siswa
siswa <<include>>

28
 Melihat laporan nilai siswa
pendaftar calon siswa
Verifikasi username
dan password Login
<<include>>

Gambar
Tabel 4.1 4.1 Use Case
Skenario Use Diagram
Case Login

Nama Use case Login

Aktor Admin, Guru dan Siswa
Deskripsi Use case menggambarkan aktor melakukan login
untuk masuk ke halaman menu utama untuk
melakukan aktifitas pengolahan data.
Pre-Condition Aktor menginput username dan password untuk
masuk ke halaman menu utama.
Post Condition Sistem melakukan verifikasi barulah aktor dapat
mengakses halaman menu utama.
Skenario Setelah login, aktor dapat mengakses halaman
menu utama dan melakukan pengolahan data.

Tabel 4.2 Skenario Use Case Data Rombel

Nama Use case Halaman Data Rombel

Aktor Admin dan Guru
Deskripsi Use case menggambarkan admin telah berhasil
masuk ke halaman penginputan data dan bersiap
untuk menginput data kelas yang kemudian data
tersebut dapat di akses oleh guru.
Pre-Condition Aktor memilih menu input data kelas untuk
melakukan penginputan data sedangkan Guru
mengakses menu data kelas.
Post Condition Sistem melakukan verifikasi barulah aktor dapat
mengakses penginputan dan penyimpanan data.
Skenario Aktor melakukan login agar dapat mengakses
halaman menu penginputan data kelas.

Tabel 4.3 Skenario Use Case Data Guru

Nama Use case Halaman Data Guru

Aktor Admin dan Guru
Deskripsi Use case menggambarkan admin telah berhasil
masuk ke halaman penginputan data dan bersiap
untuk menginput data guru yang kemudian data

29
 tersebut dapat di akses oleh pegawai.
Pre-Condition Aktor memilih menu input data pegawai untuk
melakukan penginputan data sedangkan pegawai
mengakses menu data profil pegawai.
Post Condition Sistem melakukan verifikasi barulah aktor dapat
mengakses penginputan dan penyimpanan data.
Skenario Aktor melakukan login agar dapat mengakses
halaman menu penginputan data pegawai.

Tabel 4.4 Skenario Use Case Data Siswa

Nama Use case Halaman Data Siswa

Aktor Admin dan Siswa
Deskripsi Use case menggambarkan admin telah berhasil
masuk ke halaman penginputan data dan bersiap
untuk menginput data siswa yang kemudian data
tersebut dapat di akses oleh siswa.
Pre-Condition Aktor memilih menu input data siswa untuk
melakukan penginputan data sedangkan Siswa
mengakses menu data profil siswa.
Post Condition Sistem melakukan verifikasi barulah aktor dapat
mengakses penginputan dan penyimpanan data.
Skenario Aktor melakukan login agar dapat mengakses
halaman menu penginputan data siswa.

Tabel 4.5 Skenario Use Case Data Pelajaran

Nama Use case Halaman Data Pelajaran

Aktor Admin dan Guru
Deskripsi Use case menggambarkan admin telah berhasil
masuk ke halaman penginputan data dan bersiap
untuk menginput data pelajaran yang kemudian
data tersebut dapat di akses oleh guru.
Pre-Condition Aktor memilih menu input data pelajaran untuk
melakukan penginputan data sedangkan Guru
mengakses menu data pelajaran.
Post Condition Sistem melakukan verifikasi barulah aktor dapat
mengakses penginputan dan penyimpanan data.
Skenario Aktor melakukan login agar dapat mengakses
halaman menu penginputan data mata pelajaran.

30
 Tabel 4.6 Skenario Use Case Daftar Hadir Siswa
Nama Use case Halaman Daftar Hadir Siswa
Aktor Admin dan Siswa
Deskripsi Use case menggambarkan admin telah berhasil masuk ke
halaman penginputan data dan menginput daftar hadir siswa
yang kemudian data tersebut dapat di akses oleh siswa.
Pre-Condition Aktor memilih menu input daftar hadir siswa untuk
melakukan penginputan data sedangkan Siswa mengakses
menu data absen untuk melihat kehadiran.
Post Condition Sistem melakukan verifikasi barulah aktor dapat mengakses
penginputan dan penyimpanan data.
Skenario Aktor melakukan login agar dapat mengakses halaman menu
penginputan data daftar hadir siswa.

Tabel 4.7 Skenario Use Case Input Formulir Pendaftaran

Nama Use case Halaman Input Formulir Pendaftaran
Aktor Calon Siswa Baru
Deskripsi Use case menggambarkan calon siswa baru melihat
informasi pendaftaran.
Pre-Condition Aktor melakukan registrasi kemudian login agar dapat
menginput formulir pendaftaran dan syarat pendaftaran.
Post Condition Sistem melakukan verifikasi barulah aktor dapat mengakses
penginputan dan penyimpanan data.
Skenario Aktor melakukan registrasi dan login agar dapat menginput
formulir pendaftaran.

Tabel 4.8 Skenario Use Case Verifikasi Berkas Pendaftaran

Nama Use case Halaman Verifikasi Berkas Pendaftaran
Aktor Admin
Deskripsi Use case menggambarkan calon siswa baru telah berhasil
melakukan penginputan formulir pendaftaran menghasilkan
berkas pendaftaran calon siswa baru.
Pre-Condition Aktor memilih salah satu berkas untuk melakukan
pengecekan data dan melakukan verifikasi.
Post Condition Sistem melakukan proses barulah aktor dapat melakukan
verifikasi berkas pendaftaran.
Skenario Admin memilih menu data pendaftaran untuk melakukan
pengecekan berkas.

Tabel 4.9 Skenario Use Case Laporan

Nama Use case Halaman Laporan
Aktor Admin dan Kepala Sekolah
Deskripsi Use case menggambarkan admin telah berhasil melakukan

31
 penginputan data menghasilkan data laporan yang kemudian
data tersebut diberikan kepada Kepala Sekolah sebagai
laporan.
Pre-Condition Aktor memilih menu cetak untuk melakukan pencetakan
data laporan sedangkan Kepala Sekolah menerima hasil
laporan.
Post Condition Sistem melakukan verifikasi barulah aktor dapat melakukan
pencetakan data.
Skenario Aktor membuat laporan yang akan diberikan kepada Kepala
Sekolah. Laporan tersebut meliputi laporan data guru, siswa
dan peserta pendaftaran calon siswa baru.

2. Rancangan Database

1) Rancangan Tabel User_Admin

Nama : Tabel User_Admin

Primary Key : id_admin

Tabel 4.10 Struktur Tabel User_Admin

Field Type Size Primary Key Keterangan

id_admin Int 5 * Id Admin
nama Varchar 20 Nama Lengkap
username Varchar 20 User name
password Varchar 20 Password
foto Varchar 50 Foto Admin
akses Enum '1' Hak Akses

2) Rancangan Tabel Kelas

Nama : Tabel Kelas

Primary Key : id_kel

Tabel 4.11 Struktur Tabel Kelas

Field Type Size Primary Key Keterangan

id_kel Int 3 * Id Kelas
kelas Varchar 5 Nama Kelas
wali_kelas Varchar 3 Wali Kelas

32
3) Rancangan Tabel Mapel

Nama : Tabel Mapel

Primary Key : kode_pel

Tabel 4.12 Struktur Tabel Pelajaran

Field Type Size Primary Key Keterangan
id_mapel Int 3 * Id Pelajaran
kode_pel Varchar 7 Kode Pelajaran
pelajaran Varchar 40 Pelajaran

4) Rancangan Tabel Kondaktor

Nama : Tabel Kondaktor

Primary Key : id_kondaktor

Tabel 4.13 Struktur Tabel Kondaktor

Field Type Size Primary Key Keterangan
id_kondaktor Int 3 * Id Kondaktor
id_mapel Int 3 ** Id Pelajaran
kode Varchar 7 Kode Kondaktror
Kondaktor Varchar 40 Kondaktor

5) Rancangan Tabel Data_Guru

Nama : Tabel Data_Guru

Primary Key : id_guru

Tabel 4.14 Struktur Tabel Guru

Field Type Size Primary Key Keterangan

id_ guru Int 3 Id Guru
nip Varchar 20 NIP
nuptk Varchar 25 * NUPTK
nama Varchar 35 Nama Pegawai
nik Varchar 25 NIK
tmp_lahir Varchar 30 Tempat Lahir
tgl_lahir Date - Tanggal Lahir
jk Enum 'L','P' Jenis Kelamin
agama Varchar 15 Agama
alamat Varchar 50 Alamat
email Varchar 30 Email

33
telepon Varchar 12 Telepon
pend_terakhir Varchar 35 Pendidikan Terakhir
jabatan Varchar 45 Jabatan
gol Varchar 10 Golongan
sk_pengangkatan Varchar 25 SK pengangkatan
pengangkatan Date - Pengangkatan
foto Varchar 20 Foto
password Varchar 20 Password
akses Int 1 Akses

6) Rancangan Tabel Data_Siswa

Nama : Tabel Data_Siswa

Primary Key : id_siswa

Tabel 4.15 Struktur Tabel Data_Siswa

Field Type Size Primary Key Keterangan
nisn Varchar 15 NISN
nik Char 25 * NIK
nama_siswa Varchar 35 Nama Siswa
tmp_lahir Varchar 30 Tempat Lahir
tgl_lahir Date - Tanggal Lahir
jk Enum 'L','P' Jenis Kelamin
agama Varchar 15 Agama
alamat Varchar 35 Alamat
kodepos Char 6 Kode Pos
jenis_tinggal Char 35 Jenis Tinggal
transportasi Varchar 35 Transportasi
telp Varchar 12 Nomor Telepon
rombel Varchar 35 Rombongan Belajar
nkk Varchar 25 NKK
ayah Char 35 Nama Ayah
nik_ayah Varchar 25 NIK Ayah
kerja_ayah Varchar 30 Pekerjaan Ayah
pend_ayah Varchar 15 Pendidikan Ayah
ibu Varchar 35 Nama Ibu
nik_ibu Varchar 25 NIK Ibu
kerja_ibu Varchar 30 Pekerjaan Ibu
pend_ibu Varchar 15 Pendidikan Ibu
penghasilan Varchar 50 Penghasilan Orang Tua
foto Varchar 50 Foto Siswa
username Varchar 20 Username
password Varchar 20 Password

34
7) Rancangan Tabel Nilai

Nama : Tabel Nilai

Primary Key : id_nilai

Tabel 4.16 Struktur Tabel Nilai

Field Type Siz Primary Key Keterangan
e
id_nilai Int 11 * Id Nilai
nisn Varchar 25 NISN
nama_siswa Varchar 35 Nama Siswa
semester Varchar 10 Semester
kelas Varchar 10 Kelas
pelajaran Varchar 50 Pelajaran
hasil_akhir Text - Hasil akhir

8) Rancangan Tabel Kompilasi_Mingguan

Nama : Tabel Kompilasi_Mingguan

Primary Key : id_kdm

Tabel 4.17 Struktur Tabel Kompilasi_Mingguan

Field Type Siz Primary Keterangan
e Key
id_kdm Int 11 * Id-kdm
nisn Varchar 25 NISN
nama_siswa Varchar 35 Nama Siswa
semester Varchar 10 Semester
kelas Varchar 10 Kelas
kode Char 10 Kode Pelajaran
skala_pengembanga Varchar 3 Skala Pengembangan
n
catatan_anekdot Varchar 3 Catatan Anekdot
hasil_karya Varchar 3 Hasil Karya
capaian_akhir Varchar 3 Capaian Akhir

9) Rancangan Tabel Kompilasi_Bulanan

Nama : Tabel Kompilasi Bulanan

35
 Primary Key : id_kdb

Tabel 4.18 Struktur Tabel Kompilasi Bulanan

Field Type Siz Primary Key Keterangan
e
id_kdb Int 11 * Id-kdb
nisn Varchar 25 NISN
nama_siswa Varchar 35 Nama Siswa
semester Varchar 10 Semester
kelas Varchar 10 Kelas
kode Char 10 Kode Pelajaran
minggu_1 Varchar 3 Minggu_1
minggu_2 Varchar 3 Minggu_2
minggu_3 Varchar 3 Minggu_3
minggu_4 Varchar 3 Minggu_4
minggu_5 Varchar 3 Minggu_5
hasil_akhir Varchar 3 Hasil Akhir

10) Rancangan Tabel Ekstrakurikuler

Nama : Tabel Ekstrakurikuler

Primary Key : id_eks

Tabel 4.19 Struktur Tabel Ekstrakurikuler

Field Type Size Primary Key Keterangan
id_eks Int 11 * Id Ekstrakurikuler
nisn Varchar 25 NISN
nama_siswa Varchar 35 Nama Siswa
semester Varchar 10 Semester
kelas Varchar 10 Kelas
kode Char 10 Kode Pelajaran
praktek_wudhu Varchar 25 Praktek_Wudhu
shalat_berjamaah Varchar 25 Shalat_Berjamaah
mengaji Varchar 25 Mengaji
hafalan Varchar 25 Hafalan
catatan Text - Catatan
nilaistatus enum('0','1') 3 Nilai Status

11) Rancangan Tabel Jaskes

Nama : Tabel Jaskes

36
 Primary Key : id_jaskes

Tabel 4.20 Struktur Tabel Jaskes

Field Type Size Primary Key Keterangan
id_jaskes Int 11 * Id Jaskes
nisn Varchar 25 NISN
nama_siswa Varchar 35 Nama Siswa
semester Varchar 10 Semester
kelas Varchar 10 Kelas
kode Char 10 Kode Pelajaran
tb Char 10 Tinggi Badan
bb Char 10 Berat Badan
lk Char 10 Linkar Kepala
mata Varchar 25 Mata
telinga Varchar 25 Telinga
gigi Varchar 25 Gigi
kuku Varchar 25 Kuku
rambut Varchar 25 Rambut
catatan Text - Catatan
nilaistatus enum('0','1') 3 Nilai Status

12) Rancangan Tabel Pendaftar

Nama : Tabel Pendaftar

Primary Key : id_pendaftar

Tabel 4.21 Struktur Tabel Pendaftar

Field Type Primary Key Keterangan

id_pendaftar int(11) * Id_Pendaftar
nik varchar(25) NIK
nama_lengkap varchar(35) Nama_Lengkap
nama_panggilan varchar(20) Nama_Panggilan
tmp_lahir varchar(35) Tmp_Lahir
tgl_lahir date Tgl_Lahir
jk varchar(10) Jenis Kelamin
agama varchar(25) Agama
anak_ke varchar(10) Anak Ke
jum_saudara varchar(5) Jumlah Saudara
alamat varchar(50) Alamat
ayah varchar(35) Nama Ayah
kerja_ayah varchar(30) Pekerjaan Ayah

37
pend_ayah varchar(15) Pendidikan Ayah
ibu varchar(35) Nama Ibu
kerja_ibu varchar(30) Pekarjaan Ibu
pend_ibu varchar(15) Pendidikan Ibu
telp char(12) Telelepon
akta_lahir varchar(35) Akta_Lahir
kk varchar(35) Kartu Keluarga
foto varchar(35) Foto
username varchar(20) Username
password varchar(50) Password
no_reg char(15) No_Registrasi
tgl_daftar date Tgl_Daftar
st_verifikasi enum('0','1') St_Verifikasi
st_lulus enum('0','1') St_Lulus

13) Rancangan Tabel Absen

Nama : Tabel Absen

Primary Key : nis

Tabel 4.22 Struktur Tabel Absen

Field Type Size Primary Keterangan

Key
nisn Varchar 15 * NIS Siswa
nama_siswa Varchar 33 Nama Siswa
tgl Date - Tanggal Absen
jam Time - Jam Absen
absen enum('H','I','S','A','T') - Absensi

14) Rancangan Tabel Absen Pulang

Nama : Tabel Absen Pulang

Primary Key : nis

Tabel 4.23 Struktur Tabel Absen Pulang

Field Type Size Primary Key Keterangan

nisn Varchar 15 * NIS Siswa
nama_siswa Varchar 33 Nama Siswa
tgl Date - Tanggal Absen

38
jam Time - Jam Absen
absen enum('S',B') - Absensi
15) Rancangan Tabel Profil

Nama : Tabel Profil

Primary Key : id_profil

Tabel 4.24 Struktur Tabel Profil

Field Type Size Primary Key Keterangan
id_profil Int 3 * Id Profil
judul Varchar 50 Judul Profil
kategori Varchar 20 Kategori Profil
konten Text - Deskripsi
gambar Varchar 50 Gambar Profil
tgl Date - Tanggal Input

16) Rancangan Tabel Agenda

Nama : Tabel Agenda

Primary Key : id_agenda

Tabel 4.25 Struktur Tabel Agenda

Field Type Size Primary Key Keterangan
id_agenda Int 3 * Id Agenda
judul Varchar 50 Tema Agenda
lokasi Varchar 20 Lokasi
konten Text - Deskripsi
date Date - Tanggal Agenda
jam Time - Jam Agenda

17) Rancangan Tabel Fasilitas

Nama : Tabel Fasilitas

Primary Key : id_fasilitas

Tabel 4.26 Struktur Tabel Fasilitas

Field Type Size Primary Key Keterangan
id_fasilitas Int 3 * Id Fasilitas
judul Varchar 50 Judul Fasilitas
konten Text - Deskripsi

39
foto Varchar 50 Gambar Fasilitas
tgl Date - Tanggal Input
18) Rancangan Tabel Berita

Nama : Tabel Berita

Primary Key : id_berita

Tabel 4.27 Struktur Tabel Berita

Field Type Size Primary Key Keterangan

id_berita Int 11 * Id Berita
Judul Varchar 50 Judul Berita
idkategori Int 3 ** Id Kategori
deskripsi Text - Deskripsi
sumber Varchar 30 Sumber Penulis
gambar Varchar 50 Gambar Berita
Tgl Date - Tanggal Input

19) Rancangan Tabel Kategori_Berita

Nama : Tabel Kategori_Berita

Primary Key : idkategori

Tabel 4.28 Struktur Tabel Kategori_Berita

Field Type Size Primary Key Keterangan

idkategori Int 3 * Id Kategori Berita
kategori Varchar 25 Kategori Berita

20) Rancangan Tabel Comment

Nama : Tabel Comment

Primary Key : id_komentar

Tabel 4.29 Struktur Tabel Comment

Field Type Size Primary Key Keterangan
id_komentar Int 11 * Id Komentar
id_berita Int 11 ** Id Berita
nama_comment Varchar 50 Nama Pengirim
email Varchar 3 Email Pengirim
pesan Text - Isi Pesan

40
tgl Date - Tanggal Input
status Enum ‘0’,’1’ Status Pesan
21) Rancangan Tabel Galery

Nama : Tabel Galery

Primary Key : id_galery

Tabel 4.30 Struktur Tabel Galery

Field Type Size Primary Key Keterangan
id_galery Int 11 * Id Galery
judul Varchar 50 Judul Galeri
Foto Varchar 50 Gambar Galeri
tgl Date - Tanggal Input

22) Rancangan Tabel Slider

Nama : Tabel Slider

Primary Key : id_slider

Tabel 4.31 Struktur Tabel Slider

Field Type Size Primary Key Keterangan
id_slider Int 3 * Id Cover
judul Varchar 35 Judul
gambar Varchar 50 Gambar
tgl Date - Tanggal Input

23) Rancangan Tabel Tahun_Akademik

Nama : Tabel Tahun_Akademik

Primary Key : id_tahun

Tabel 4.32 Struktur Tabel Tahun_Akademik

Field Type Size Primary Key Keterangan
id_tahun Int 3 * Id Tahun
keterangan Varchar 50 Keterangan
semester Varchar 10 Semester
batas_registrasi Date - Batas Registrasi
status enum('n','y') - Status
tahun Varchar 4 Tahun

41
 24) Rancangan Tabel Kontak

Nama : Tabel Kontak

Primary Key : id_pesan

Tabel 4.33 Struktur Tabel Kontak

Field Type Size Primary Key Keterangan

id_pesan Int 3 * Id Pesan
nama Varchar 50 Nama Pengirim
email Varchar 3 Email Pengirim
subjek Varchar 50 Subjek Pesan
pesan Text - Isi Pesan
tgl Date - Tanggal Input
status Enum ‘0’,’1’ Status Pesan

25) Rancangan Tabel Pengaturan Web

Nama : Tabel Pengaturan Web

Primary Key : id_pengaturan

Tabel 4.34 Struktur Tabel Pengaturan Web

Field Type Size Primary Key Keterangan

id_pengaturan Int 3 * Id Pengaturan
titel Varchar 30 Pengaturan Titel
email Varchar 35 Pengaturan Email
telp Varchar 12 Pengaturan No. Telepon
fb Varchar 35 Pengaturan link facebook
twit Varchar 35 Pengaturan link twiter
alamat Varchar 50 Pengaturan Alamat

3. Relasi Antar Tabel

Adapun relasi yang digunakan dalam perancangan database ini adalah one to

one yaitu antara entity pertama dapat berhubungan dengan satu entity kedua dan

42
 entity kedua dapat berhubungan dengan entity pertama paling banyak satu entity

sebagaimana tampak pada Gambar berikut:

Kompilasi_Mingguan Data_Siswa Pendaftar Data_Guru Admin

nisn * id_pendaftar * id_ guru *
id_kdm * nip ** id_admin *
nik ** nik **
nisn ** nuptk nama
nama nama_lengkap
nama_siswa nama username
tmp_lahir nama_panggilan
semester nik password
tgl_lahir tmp_lahir
kelas tmp_lahir foto
jk tgl_lahir
kode tgl_lahir akses
agama jk
skala_pengembangan jk
kelas agama
catatan_anekdot agama
alamat anak_ke
hasil_karya alamat
email jum_saudara Kontak
capaian_akhir email
nkk alamat
ayah ayah telepon id_pesan *
nik_ayah kerja_ayah pend_terakhir nama
kerja_ayah pend_ayah jabatan email
Kompilasi_Bulanan pend_ayah ibu tmt_sk_cpns subjek
ibu kerja_ibu tmt_sk_awal pesan
id_kdb * nik_ibu pend_ibu tmt_sk_terakhir tgl
nisn ** kerja_ibu telp foto status
nama_siswa pend_ibu akta_lahir password
semester penghasilan kk akses
kelas telepon foto Profil
kode foto username id_profil *
minggu_1 password password Kelas judul
minggu_2 akses no_reg kategori
minggu_3 tgl_daftar id_kel * konten
minggu_4 st_verifikasi kelas gambar
minggu_5 st_lulus wali_kelas tgl
hasil_akhir Absen
nisn *
Nilai nama_siswa Tblkategori Agenda
tgl
id_nilai * Absen_Pulang idkategori * idagenda *
jam
nisn ** nisn * kategori judul
absen
nama_siswa nama_siswa lokasi
semester tgl konten
kelas Jaskes jam Berita date
pelajaran keterangan jam
id_jaskes * id_berita *
hasil_akhir
nisn ** judul
nama_siswa idkategori **
semester Kondaktor deskripsi Fasilitas
Ekstrakurikuler gambar
kelas idfasilitas *
id_kondaktor * tgl
id_eks * kode judul
id_mapel **
nisn ** tb konten
kode
nama_siswa bb gambar
Kondaktor
semester lk Komentar tgl
kelas mata
telinga id_komentar *
kode
gigi id_berita **
praktek_wudhu
kuku nama
shalat_berjamaah
rambut 43 email
mengaji
catatan pesan
hafalan
nilaistatus tgl
catatan
status
nilaistatus
 Galery
Mapel
id_galery *
id_mapel *
judul
kode_pel
foto
pelajaran
tgl

Gambar 4.2 Relasi Antar Tabel

C. Desain Sistem Aplikasi

1. Rancangan Halaman Menu Login

Tampilan desain menu login disajikan dalam Gambar berikut:

Gambar 4.3 Rancangan Halaman Login

Rancangan halaman login digunakan untuk menginput username dan password

agar halaman utama dapat di akses.

2. Rancangan Halaman Menu Admin

Tampilan halaman Menu Admin disajikan dalam Gambar berikut:

44
 Gambar 4.4 Rancangan Halaman Admin

Rancangan halaman admin digunakan untuk menampung semua data dan

penginputan dalam pembuatan website TK. Raudatul Athfal Ar-Rasyid.

3. Rancangan Halaman Menu Kelas

Tampilan desain halaman menu kelas disajikan dalam Gambar berikut:

Gambar 4.5 Rancangan Halaman Kelas

4. Rancangan Halaman Menu Pelajaran

Tampilan desain halaman menu pelajaran disajikan dalam Gambar berikut:

45
 Gambar 4.6 Rancangan Halaman Pelajaran

5. Rancangan Halaman Menu Tahun Ajaran

Tampilan desain halaman menu tahun ajaran disajikan dalam Gambar berikut:

Gambar 4.7 Rancangan Halaman Tahun Ajaran

6. Rancangan Halaman Menu Siswa

Tampilan desain halaman menu siswa disajikan dalam Gambar berikut:

46
 Gambar 4.8 Rancangan Halaman Input Data Siswa

Rancangan halaman siswa digunakan untuk menginput data siswa seperti nama

siswa, nis, tempat tanggal lahir jenis kelamin, alamat, email, nomor telepon, nama

ayah, nama ibu, kelas, username dan password.

7. Rancangan Halaman Menu Input Data Guru

Tampilan desain halaman menu data guru disajikan dalam Gambar 4.9 berikut:

47
 Gambar 4.9 Rancangan Halaman Data Guru

Rancangan halaman input data guru berfungsi untuk menginput data pengajar,

pegawai maupun tata usaha.

8. Rancangan Halaman Menu Profil

Tampilan halaman menu input profil disajikan dalam Gambar berikut:

Gambar 4.10 Rancangan Halaman Menu Profil

9. Rancangan Halaman Menu Media Informasi

Tampilan halaman menu input informasi disajikan dalam Gambar berikut:

48
 Gambar 4.11 Rancangan Halaman Data Media Berita & Informasi

10. Rancangan Halaman Input Nilai Siswa

Tampilan halaman input nilai siswa disajikan dalam Gambar berikut:

Gambar 4.12 Rancangan Halaman Input Nilai Siswa

11. Rancangan Halaman Pendaftaran Calon Siswa Baru

49
Tampilan desain halaman pendaftaran calon siswa baru disajikan dalam

Gambar berikut:

Gambar 4.13 Rancangan Halaman Pendaftaran Calon Siswa Baru

50
 Rancangan halaman pendaftaran calon siswa baru digunakan untuk menginput

formulir pendaftaran calon siswa baru pengisian inputan berupa biodata awal calon

siswa seperti nomor kartu keluarga, nama siswa, tempat tanggal lahir jenis kelamin,

agama, alamat, email, nomor telepon, username dan password.

BAB V

PENGUJIAN SISTEM

A. Teknik Pengujian Sistem

Metode pengujian yang digunakan pada pembuatan sistem informasi ini adalah

metode Black Box. Adapun pengujian yang dilakukan meliputi:

1. Pengujian Halaman Login Admin

Pengujian login admin bertujuan untuk menguji apakah akses login dapat

dilakukan dengan baik, tabel pengujian ditujukan pada Tabel 5.1 berikut ini:

Tabel 5.1 Pengujian Halaman Login Admin

Data
Yang diharapkan Pengamatan Kesimpulan
masukan
Saat menginput username dan Menampilkan [ √ ] diterima
password admin melakukan login Data login
Input agar mengakses halaman utama.
username Jika megisi username dan Menu admin [ x ] ditolak
dan password yang tidak sesuai maka gagal tampil
Password login akan gagal dan
menampilkan pesan” username
dan password tidak sesuai”

a. Pengujian Halaman Login Admin

51
 Gambar 5.1 Tampilan Halaman Login Admin

Gambar 5.1 merupakan tampilan halaman login admin yang berfungsi untuk

menginput username dan password, jika user menginput dengan benar dan mengklik

tombol login maka sistem dapat menerima akses dan menampilkan halaman utama.

b. Pengujian Halaman Utama

Gambar 5.2 Tampilan Halaman Menu Utama

Halaman menu utama dapat tampil, jika admin melakukan login dengan benar

maka halaman menu utama dapat diakses. Pada halaman utama admin terdapat menu

yang berfungsi untuk melakukan pengolahan data Siakad pada TK Ar Rasyid.

c. Pengujian Tampilan Input Login Salah

52
 Gambar 5.3 Gagal Login

Pengujian gagal login yang berfungsi untuk mengetahui notifikasi jika

username atau password belum terisi, lalu mengklik tombol login maka sistem akan

menolak akses dan menampilkan pesan ”Isian masih kosong..!”.

2. Pengujian Halaman Penginputan Data Guru

Tabel pengujian data guru ditujukan pada Tabel 5.2 berikut ini:

Tabel 5.2 Pengujian Halaman Penginputan Data Guru

Data masukan Yang diharapkan Pengamatan Kesimpulan

Input nip, nama Jika memilih menu data Menampilkan [ √ ] diterima
guru, email, guru maka akan tampil data guru dan
jenis kelamin, menu input data dan menu input data
alamat, no. tabel guru
telepon, Jika penginputan data Gagal [ x ] ditolak
username, dan pada form tidak berhasil menampilkan data
password. maka data gagal tampil guru

a. Pengujian Menu Input Data Guru

53
 Gambar 5.4 Tampilan Halaman Input Data Guru

Gambar 5.4 merupakan tampilan halaman input data guru, saat halaman data

guru tampil maka pengguna dapat melakukan penginputan data dengan cara

memasukan nip, nama guru, email, jenis kelamin, alamat, no. telepon, jabatan,

pendidikan terakhir, username dan password.

b. Pengujian Berhasil Menginput Data Guru

54
 Gambar 5.5 Berhasil Menginput Data Guru

Gambar 5.5 merupakan pengujian berhasil menginput data, jika semua isian

yang ada pada form telah terinput dengan benar dan klik tombol simpan maka

penginputan berhasil dan akan tampil pesan “Data Berhasil di Simpan”.

c. Pengujian Gagal Menginput Data Guru

55
 Gambar 5.6 Gagal Menginput Data Guru

Jika pada penginputan data guru salah satu isian tidak di input dan menekan

tombol simpan maka penyimpanan data akan gagal.

3. Pengujian Halaman Penginputan Data Siswa

Tabel 5.3 Pengujian Halaman Penginputan Data Siswa

Data masukan Yang diharapkan Pengamatan Kesimpulan

Input nis, nama Jika memilih menu data Menampilkan [ √ ] diterima
siswa, email, siswa maka akan tampil data siswa dan
jenis kelamin, menu input data dan menu input data
alamat, no. tabel siswa

56
 Jika penginputan data Gagal [ x ] ditolak
kelas, username
pada form tidak berhasil menampilkan data
dan password
maka data gagal tampil siswa
a. Pengujian Menu Input Data Siswa

Gambar 5.7 Tampilan Halaman Input Data Siswa

Gambar 5.7 merupakan tampilan halaman input data siswa, saat halaman data

siswa tampil maka pengguna dapat melakukan penginputan data siswa.

b. Pengujian Berhasil Menginput Data Siswa

57
 Gambar 5.8 Berhasil Menginput Data Siswa

c. Pengujian Gagal Menginput Data Siswa

58
 Gambar 5.9 Gagal Menginput Data Siswa

Jika pada penginputan data siswa salah satu isian tidak di input dan menekan

tombol simpan maka penyimpanan data akan gagal.

4. Pengujian Halaman Penginputan Data Rombel

Tabel 5.4 Pengujian Halaman Penginputan Data Rombel

Data masukan Yang diharapkan Pengamatan Kesimpulan

Jika memilih menu Menampilkan [ √ ] diterima
rombel maka akan tampil Rombel dan menu
Input kode,
menu input data rombel input data
rombel dan
Jika penginputan data Gagal [ x ] ditolak
nama kelompok
pada form tidak berhasil menampilkan
maka data gagal tampil Data Rombel

a. Pengujian Menu Input Data Rombel

Gambar 5.10 Tampilan Halaman Input Data Rombel

Tampilan halaman input data rombel berfungsi untuk menginput nama rombel

dan guru, saat halaman tampil maka pengguna dapat melakukan penginputan data.

b. Pengujian Berhasil Menginput Data Rombel

Gambar 5.11 Berhasil Menginput Data Rombel

59
 Jika semua isian telah terinput dan klik tombol simpan maka penginputan

berhasil dan akan tampil pesan “Data telah di Simpan”.

c. Pengujian Gagal Menginput Data Rombel

Gambar 5.12 Gagal Menginput Data Rombel

Jika pada penginputan data rombel salah satu isian tidak di input dan menekan

tombol simpan maka penyimpanan data akan gagal.

5. Pengujian Halaman Penginputan Data Pelajaran

Tabel 5.5 Pengujian Halaman Penginputan Data Pelajaran

Data masukan Yang diharapkan Pengamatan Kesimpulan

Jika memilih menu Menampilkan [ √ ] diterima
pelajaran maka akan data pelajaran dan
Input id_pel,
tampil menu input data menu input data
pelajaran, kelas
Jika penginputan data Gagal [ x ] ditolak
dan nama guru.
pada form tidak berhasil menampilkan data
maka data gagal tampil pelajaran

a. Pengujian Menu Input Data Pelajaran

Gambar 5.13 Tampilan Halaman Input Data Pelajaran

Input data pelajran berfungsi untuk melakukan penginputan data dengan cara

memasukan id pelajaran, pelajaran, kelas dan nama guru yang mengajar.

b. Pengujian Berhasil Menginput Data Pelajaran

60
 Gambar 5.14 Berhasil Menginput Data Pelajaran

Gambar 5.14 merupakan pengujian berhasil menginput data, jika semua isian

yang ada pada form telah terinput dengan benar dan klik tombol simpan maka

penginputan berhasil dan akan tampil pesan “Data Berhasil di Simpan”.

c. Pengujian Gagal Menginput Data Pelajaran

Gambar 5.15 Gagal Menginput Data Pelajaran

Gambar 5.15 merupakan pengujian gagal melakukan penginputan data. Jika

pada penginputan data pelajaran salah satu isian tidak di input dan menekan tombol

simpan maka penyimpanan data akan gagal.

6. Pengujian Halaman Penginputan Data Tahun Ajaran

Tabel 5.6 Pengujian Halaman Penginputan Data Tahun Ajaran

Data masukan Yang diharapkan Pengamatan Kesimpulan

Input tahun Jika memilih menu data Menampilkan [ √ ] diterima
ajaran, semester, tahun ajaran maka akan data tahun ajaran
status dan tahun tampil menu input data dan menu input
tahun ajaran data
Jika penginputan data Gagal [ x ] ditolak
pada form tidak berhasil menampilkan data

61
 maka data gagal tampil tahun ajaran

a. Pengujian Menu Input Data Tahun Ajaran

Gambar 5.16 Tampilan Halaman Input Data Tahun Ajaran

Gambar 5.16 merupakan halaman input data tahun ajaran berfungsi untuk

melakukan penginputan data dengan cara memasukan tahun ajaran, semester, batas

registrasi, status dan tahun.

b. Pengujian Berhasil Menginput Data Tahun Ajaran

Gambar 5.17 Berhasil Menginput Data Tahun Ajaran

Pengujian berhasil menginput data jika semua isian yang ada pada form telah

terinput dengan benar dan klik tombol simpan maka penginputan berhasil dan akan

tampil pesan “Data Berhasil di Simpan”.

c. Pengujian Gagal Menginput Data Tahun Ajaran

62
 Gambar 5.18 Gagal Menginput Data Tahun Ajaran

Pengujian gagal melakukan penginputan data. jika salah satu isian tidak di

input dan menekan tombol simpan maka penyimpanan data akan gagal.

7. Pengujian Halaman Penginputan Data Profil

Pengujian ini bertujuan untuk menguji penginputan data Profil apakah koneksi

yang dilakukan ke database berjalan dengan baik, tabel pengujian ditujukan pada

Tabel 5.7 berikut ini:

Tabel 5.7 Pengujian Halaman Penginputan Data Profil

Data masukan Yang diharapkan Pengamatan Kesimpulan

Jika memilih menu data Menampilkan [ √ ] diterima
Input judul, profil maka akan tampil data profil dan
kategori, menu input data profil menu input data
deskripsi dan Jika penginputan data Gagal [ x ] ditolak
gambar pada form tidak berhasil menampilkan data
maka data gagal tampil profil

a. Pengujian Menu Input Data Profil

63
 Gambar 5.19 Tampilan Halaman Input Data Profil

Input data pelajaran berfungsi untuk melakukan penginputan data dengan cara

mengisi data berupa judul, kategori, deskrispi dan gambar.

b. Pengujian Berhasil Menginput Data Profil

Gambar 5.20 Berhasil Menginput Data Profil

64
 Pengujian berhasil menginput data jika semua isian yang ada pada form telah

terinput dengan benar dan klik tombol simpan maka penginputan berhasil dan akan

tampil pesan “Data Berhasil di Simpan”.

c. Pengujian Gagal Menginput Data Profil

Gambar 5.21 Gagal Menginput Data Profil

Pengujian gagal melakukan penginputan data. jika salah satu isian tidak di input dan

menekan tombol simpan maka penyimpanan data akan gagal

8. Pengujian Halaman Penginputan Data Media Informasi

Pengujian ini bertujuan untuk menguji penginputan data media informasi,

pengujian ditujukan pada Tabel berikut ini:

Tabel 5.8 Pengujian Halaman Penginputan Data Media Informasi

Data masukan Yang diharapkan Pengamatan Kesimpulan

Jika memilih menu data Menampilkan [ √ ] diterima
media informasi maka data media
Input judul,
akan tampil menu input informasi dan
deskripsi,
data media informasi menu input data
sumber dan
Jika penginputan data Gagal [ x ] ditolak
gambar
pada form tidak berhasil menampilkan data
maka data gagal tampil media informasi

65
a. Pengujian Menu Input Data Media Informasi

Gambar 5.22 Tampilan Halaman Input Data Media Informasi

Halaman input data media informasi, saat halaman data media informasi

tampil maka pengguna dapat melakukan penginputan data dengan cara memasukan

judul, deskripsi, sumber dan gambar.

b. Pengujian Berhasil Menginput Data Media Informasi

66
 Gambar 5.23 Berhasil Menginput Data Media Informasi

Pengujian berhasil menginput data, jika semua isian yang ada pada form telah

terinput dengan benar dan klik tombol simpan maka penginputan berhasil dan akan

tampil pesan “Data Berhasil di Simpan”.

c. Pengujian Gagal Menginput Data Media Informasi

Gambar 5.24 Gagal Menginput Data Media Informasi

Gambar 5.24 merupakan pengujian gagal melakukan penginputan data jika

alah satu isian tidak di input dan menekan tombol simpan maka penyimpanan data

akan gagal.

9. Pengujian Halaman Login Guru

Pengujian ini bertujuan untuk menguji penginputan data media informasi,

pengujian ditujukan pada Tabel berikut ini:

Tabel 5.9 Pengujian Halaman Login Guru

Data
Yang diharapkan Pengamatan Kesimpulan
masukan
Input Saat melakukan penginputan data Menampilkan [ √ ] diterima
username maka admin melakukan login. Data login guru
dan Jika megisi username dan Menu utama [ x ] ditolak

67
 Password password yang tidak sesuai maka guru gagal
login akan gagal dan tampil
menampilkan pesan” username
dan password salah”

a. Pengujian Halaman Login Guru

Gambar 5.25 Tampilan Halaman Login Guru

Halaman login berfungsi memasukan nama username dan password yang

benar lalu mengklik tombol login maka sistem dapat menerima akses login dan

menampilkan halaman menu utama.

b. Pengujian Halaman Berhasil Login Guru

Gambar 5.26 Tampilan Halaman Menu Utama Guru

68
 Jika halaman pengisian username dan password dilakukan dengan benar maka

akan tampil halaman menu utama. Pada halaman menu utama ada beberapa menu

yang berfungsi untuk melakukan penginputan data.

c. Pengujian Tampilan Input Login Salah

Gambar 5.27 Gagal Login

Pengujian ini bertujuan agar mengetahui apabila penginputan data login tidak

benar dengan memasukan nama user dan password yang belum terdaftar, lalu

mengklik tombol login maka sistem akan menolak akses dan menampilkan pesan

”Username & password tidak sesuai.!”.

10. Pengujian Halaman Penginputan Data Absen Masuk

Pengujian ini bertujuan untuk menguji penginputan data absensi apakah

koneksi yang dilakukan ke database berjalan dengan baik, tabel pengujian ditujukan

pada Tabel berikut ini:

Tabel 5.10 Pengujian Halaman Penginputan Data Absen Masuk

Data masukan Yang diharapkan Pengamatan Kesimpulan

Jika memilih menu data Menampilkan [ √ ] diterima
absensi maka akan tampil data absensi dan
Input nis, nama menu input data absensi menu input data
dan kehadiran Jika penginputan data Gagal [ x ] ditolak
pada form tidak berhasil menampilkan data
maka data gagal tampil absensi

69
a. Pengujian Menu Input Data Absen Masuk

Gambar 5.28 Tampilan Halaman Input Data Absen Masuk

Penginputan data absensi dilakukan dengan cara memasukan nis, nama, tanggal

dan kehadiran.

b. Pengujian Berhasil Menginput Data Absen Masuk

70
 Gambar 5.29 Berhasil Menginput Data Absen Masuk

Gambar 5.29 merupakan pengujian berhasil menginput data, jika semua isian

yang ada pada form telah terinput dengan benar dan klik tombol simpan maka

penginputan berhasil dan akan tampil pesan “Data Berhasil di Simpan”.

c. Pengujian Gagal Menginput Data Absen Masuk

Gambar 5.30 Gagal Menginput Data Absen Masuk

Jika pada penginputan data absensi salah satu isian tidak di input dan menekan

tombol simpan maka penyimpanan data akan gagal.

71
11. Pengujian Halaman Penginputan Data Absen Pulang

Pengujian ini bertujuan untuk menguji penginputan data absensi apakah

koneksi yang dilakukan ke database berjalan dengan baik, tabel pengujian ditujukan

pada Tabel berikut ini:

Tabel 5.11 Pengujian Halaman Penginputan Data Absen Pulang

Data pulangan Yang diharapkan Pengamatan Kesimpulan

Jika memilih menu data Menampilkan [ √ ] diterima
absensi maka akan tampil data absensi dan
Input nis, nama menu input data absensi menu input data
dan kehadiran Jika penginputan data Gagal [ x ] ditolak
pada form tidak berhasil menampilkan data
maka data gagal tampil absensi

a. Pengujian Menu Input Data Absen Pulang

Gambar 5.31 Tampilan Halaman Input Data Absen Pulang

Penginputan data absensi dilakukan dengan cara mepulangan nis, nama,

tanggal dan kehadiran.

72
b. Pengujian Berhasil Menginput Data Absen Pulang

Gambar 5.32 Berhasil Menginput Data Absen Pulang

Gambar 5.32 merupakan pengujian berhasil menginput data, jika semua isian

yang ada pada form telah terinput dengan benar dan klik tombol simpan maka

penginputan berhasil dan akan tampil pesan “Data Berhasil di Simpan”.

c. Pengujian Gagal Menginput Data Absen Pulang

Gambar 5.33 Gagal Menginput Data Absen Pulang

Jika pada penginputan data absensi salah satu isian tidak di input dan menekan

tombol simpan maka penyimpanan data akan gagal.

73
12. Pengujian Halaman Penilaian Siswa

Tabel 5.12 Pengujian Halaman Penilaian Siswa

Data
Yang diharapkan Pengamatan Kesimpulan
masukan
Jika memilih menu penilaian Menampilkan [ √ ] diterima
maka akan tampil data tabel data penilaian
Pilih Menu pilihan pelajaran akan tampil
Penilaian Jika penginputan data pada form Gagal [ x ] ditolak
tidak berhasil maka data gagal menampilkan
tampil. data penilaian

a. Pengujian Penilaian Siswa

Gambar 5.34 Penilaian Siswa

Gambar 5.34 merupakan pengujian penilaian, saat halaman penilaian tampil

maka guru dapat melakukan penginputan data kompilasi mingguan dengan cara

memasukan nilai-nilai yang diperoleh siswa selama proses belajar mengajar dan

perkembangan yang ada. Jika penilaian dilakukan dengan benar maka hasil nilai akan

tampil otomatis.

74
b. Pengujian Berhasil Menginput Data Penilaian

Gambar 5.35 Berhasil Menginput Data Penilaian

Gambar 5.35 merupakan pengujian berhasil menginput data, jika semua isian

yang ada pada form telah terisi dan klik tombol simpan maka penginputan berhasil

dan akan tampil pesan “Data Berhasil di Simpan”.

13. Pengujian Halaman Login Siswa

Pengujian ini bertujuan untuk menguji halaman login siswa apakah login yang

dilakukan berjalan dengan baik, tabel pengujian ditujukan pada Tabel 5.12 berikut

ini:

Tabel 5.13 Pengujian Halaman Login Siswa

Data masukan Yang diharapkan Pengamatan Kesimpulan

Saat melihat maka siswa Menampilkan [ √ ] diterima
melakukan login. menu utama
Input username
Jika gagal login maka Menu utama [ x ] ditolak
dan Password
halaman utama gagal gagal tampil
tampil

75
a. Pengujian Halaman Login Siswa

Gambar 5.36 Tampilan Halaman Login Siswa

Pengujian berfungsi untuk melakukan panginputan username dan password

yang benar lalu mengklik tombol login maka sistem dapat menerima akses login dan

menampilkan halaman menu utama siswa.

b. Pengujian Halaman Berhasil Login Siswa

Gambar 5.37 Tampilan Halaman Menu Utama Siswa

Gambar 5.37 merupakan tampilan halaman menu utama guru, jika halaman

pengisian username dan password dilakukan dengan benar maka akan tampil

halaman menu utama. Pada halaman menu utama ada beberapa menu yang berfungsi

untuk mengecek siswa apakah sudah pulang atau belum dan melihat nilai.

76
c. Pengujian Tampilan Input Login Salah

Gambar 5.38 Gagal Login Siswa

Pengujian ini bertujuan agar mengetahui apabila penginputan data login tidak

benar dengan memasukan nama user dan password yang belum terdaftar, lalu

mengklik tombol login maka sistem akan menolak akses dan menampilkan pesan

”Username & password tidak sesuai.!”.

14. Pengujian Halaman Pengecekan Siswa

Tabel 5.14 Pengujian Halaman Penginputan Data Absen Pulang

Data pulangan Yang diharapkan Pengamatan Kesimpulan

Jika memilih menu data Menampilkan [ √ ] diterima
absensi maka akan tampil data absensi dan
Input nis, nama menu input data absensi menu input data
dan keterangan Jika penginputan data Gagal [ x ] ditolak
pada form tidak berhasil menampilkan data
maka data gagal tampil

a. Pengujian Pengecekan Siswa

Gambar 5.39 Tampilan Halaman Cek Siswa

77
 Gambar 5.39 tampilan halaman cek siswa berfungsi untuk melakukan

pengecekan agar mengetahui apakah anaknya sudah pulang atau belum.

15. Pengujian Halaman Nilai

Pengujian halaman nilai ditujukan pada Tabel berikut ini:

Tabel 5.15 Pengujian Halaman Nilai

Data
Yang diharapkan Pengamatan Kesimpulan
masukan
Nilai telah berhasil di input Menampilkan data [ √ ] diterima
Tekan
oleh guru dan tersimpan ke nilai
Tombol
database
Halama
Jika belum dilakukan penilaian Gagal menampilkan [ x ] ditolak
n
maka data nilai tidak tampil data nilai

a. Pengujian Output Kompilasi Data Mingguan

Gambar 5.40 Halaman Output Kompilasi Data Mingguan

78
 Halaman output nilai rapor siswa berfungsi untuk menampilkan nilai kompilasi

data mingguan siswa. Nilai dapat tampil jika semua nilai telah di input oleh guru

kelompok yang menilai maka data nilai akan terisi nilai dan siap dicetak.

b. Pengujian Output Kompilasi Data Bulanan

Gambar 5.41 Halaman Output Kompilasi Data Bulanan

Gambar 5.41 merupakan halaman output nilai yang berfungsi untuk

menampilkan kompilasi data bulanan siswa. Kompilasi data bulanan dapat tampil

jika semua telah di input oleh guru kelompok yang menilai maka data nilai akan

terisi nilai dan siap dicetak.

79
c. Pengujian Output Laporan Penilaian Pembelajaran Siswa

Gambar 5.42 Halaman Output Laporan Penilaian Pembelajaran Siswa

Halaman output nilai yang berfungsi untuk menampilkan laporan penilaian

pembelajaran siswa. Laporan penilaian pembelajaran siswa dapat tampil jika semua

telah di input oleh guru kelompok yang menilai maka data nilai siap dicetak.

d. Pengujian Output Kegiatan Ekstrakurikuler

Gambar 5.43 Halaman Output Kegiatan Ekstrakurikuler

80
 Gambar 5.43 merupakan halaman output nilai yang berfungsi untuk

menampilkan kegiatan ekstrakurikuler. Kegiatan ekstrakurikuler dapat tampil jika

semua telah di input oleh guru kelompok yang menilai maka data nilai akan terisi

nilai dan siap dicetak.

e. Pengujian Output Perkembangan Jasmani dan Kesehatan Siswa

Gambar 5.44 Halaman Output Perkembangan Jasmani dan Kesehatan Siswa

Halaman output nilai yang berfungsi untuk menampilkan perkembangan

jasmani dan kesehatan siswa. Perkembangan jasmani dan kesehatan siswa dapat

tampil jika semua telah di input oleh guru kelompok yang menilai maka data nilai

akan terisi nilai dan siap dicetak.

81
16. Pengujian Halaman Pendaftaran Calon Siswa Baru

Pengujian ini bertujuan untuk menguji halaman pendaftaran calon siswa baru,

tabel pengujian ditujukan pada Tabel berikut ini:

Tabel 5.16 Pengujian Halaman Pendaftaran Calon Siswa Baru

Data
Yang diharapkan Pengamatan Kesimpulan
masukan
Mengakses halaman login atau Menampilkan [ √ ] diterima
Registrasi
melakukan registrasi dan Data From
, Login
melengkapi berkasi
dan
Jika form isian tidak dilengkapi Menu Utama [ x ] ditolak
Lengkapi
maka gagal melakukan Gagal Tampil
Berskas
penginputan data.

a. Pengujian Halaman Registrasi

Gambar 5.45 Tampilan Halaman Registrasi

Gambar 5.45 merupakan tampilan halaman registrasi berfungsi untuk

melakukan penginputan identitas calon siswa. Jika telah berhasil melakukan

registrasi maka user dapat melakukan login dan menginput username dan password

agar mengakses halaman menu utama.

82
b. Pengujian Halaman Login Calon Siswa

Gambar 5.46 Tampilan Halaman Login Calon Siswa

Halaman login calon siswa berfungsi untuk melakukan penginputan username

dan password halaman pendaftaran dapat di akses.

c. Pengujian Halaman Formulir Pendaftaran

Gambar 5.47 Tampilan Halaman Formulir Pendaftaran

83
 Gambar 5.47 merupakan tampilan form pendaftaran yang berfungsi untuk

melakukan penginputan formulir pendaftaran calon siswa baru berupa biodata calon

siswa dan orang tua serta mengunggah syarat pendaftaran berupa akta kelahiran,

kartu keluarga dan foto.

17. Pengujian Halaman Verifikasi Data Pendaftaran Calon Siswa Baru

Pengujian ini berfungsi untuk melihat daftar calon siswa baru dan verifikasi

data pendaftaran yang ditujukan pada Tabel berikut ini:

Tabel 5.17 Pengujian Halaman Verifikasi Data Pendaftaran Calon Siswa Baru

Data masukan Yang diharapkan Pengamatan Kesimpulan

Saat halaman utama tampil Menampilkan [ √ ] diterima
Halaman
maka data pendaftar tampil data pendaftaran
Verifikasi Data
calon siswa baru
Pendaftaran
Jika berkas pendaftaran Gagal verifikasi [ x ] ditolak
Calon Siswa
belum lengkap maka data pendaftaran
Baru
verifikasi tidak dilakukan calon siswa baru

a. Pengujian Daftar Calon Siswa Baru

Gambar 5.48 Halaman Daftar Calon Siswa Baru

Halaman daftar calon siswa baru berfungis untuk menampung data hasil

pendaftaran yang dilakukan oleh calon siswa baru, jika pemeriksaan berkas telah

dilakukan maka data akan di verifikasi.

84
b. Tampilan Verifikasi Data Calon Siswa Baru

Gambar 5.49 Verifikasi Data Calon Siswa Baru

Halaman verifikasi data calon siswa baru berfungsi untuk memeriksa berkas

formulir dan persyaratan calon siswa baru. Jika berkas telah lengkap maka admin

dapat melakukan verifikasi data dan jika berkas belum lengkap maka data belum di

verikasi.

85
c. Sinkron Data Calon Siswa Baru

Gambar 5.50 Sinkron Data Calon Siswa Baru

Halaman sinkron data berfungsi untuk melakukan penginputan data calon

siswa menjadi siswa yang telah di terima di TK. Raudatul Athfal Ar-Rasyid.

18. Pengujian Form Laporan

Pengujian ini bertujuan untuk menguji apakah koneksi yang dilakukan

berjalan dengan baik, pengujian ditujukan pada Tabel berikut ini:

86
 Tabel 5.18 Pengujian Form Laporan
Data
masuka Yang diharapkan Pengamatan Kesimpulan
n
Data guru, siswa dan calon Menampilkan data [ √ ] diterima
siswa baru telah berhasil di laporan
Pilih
input oleh admin
Data
Jika belum dilakukan Gagal menampilkan [ x ] ditolak
Laporan
penginputan maka laporan laporan
tidak tampil

a. Pengujian Laporan Data Pendaftar Calon Siswa Baru

Gambar 5.51 Form Laporan Data Pendaftar Calon Siswa Baru

Output laporan data pendaftar calon siswa baru merupakan data hasil inputan

yang dilakukan oleh calon siswa baru pada TK. Raudatul Athfal Ar-Rasyid.

b. Pengujian Laporan Data Pengajar

87
 Gambar 5.52 Form Laporan Data Pengajar

Output laporan data pengajar merupakan data hasil inputan yang dilakukan

oleh admin pada TK. Raudatul Athfal Ar-Rasyid.

c. Pengujian Laporan Data Siswa

88
 Gambar 5.53 Form Laporan Data Siswa

Output laporan data siswa merupakan data hasil inputan yang dilakukan oleh

calon siswa baru pada TK. Raudatul Athfal Ar-Rasyid.

89
 BAB VI

PENUTUP

A. Kesimpulan

Berdasarkan hasil penelitian tentang sistem informasi akademik siswa TK.

Raudatul Athfal Ar-Rasyid yang dilakukan maka dapat disimpulkan bahwa:

1. Sistem informasi yang dibuat dapat mempermudah TK. Raudatul Athfal Ar-

Rasyid dalam mengelola data akademik dan memberikan informasi secara on-

line mengenai pendaftaran siswa baru serta informasi akademik lainnya kepada

masyarakat.

2. Dengan adanya aplikasi ini dapat memudahkan guru untuk melakukan

penilaian kepada siswa serta memudahkan siswa untuk melihat nilai yang di

peroleh tiap semester.

B. Saran

Berdasarkan hasil penelitian, maka saran untuk penelitian selanjutnya yaitu

sistem informasi yang sudah dibuat dapat dikembangkan dengan menerapkan sistem

pendaftaran siswa berbasis android, sehingga orang tua murid dapat melakukan

pendaftaran siswa melalui smartphone.

90