BAB IV

PELAKSANAAN KERJA PRAKTEK

IV.1 Gambaran Umum
Pendidikan anak Usia Dini Sang Timur ( PG-TKK ) didirikan pada pada tanggal 11
Agustus 2003 berlokasi di Jl.Wairklau N0.80 Maumere . Play Group TKK Sang Timur
didirikan untuk menjawab kebutuhan pendidikan masyarakat Maumere secara khusus
menampung anak-anak usia dini di sekitar daerah Wairklau dan sekitarnya. PG-TKK Sang
Timur Maumere menerima anak-anak dari berbagai kalangan latar belakang ekonomi orang
tua, yang pada awal berdirinya terdiri dari golongan ekonomi menengah ke atas. PAUD ini
telah melaksanakan kegitan belajar sambil bermain sejak berdirinya hingga tahun 2007
mendapat izin operasional secara resmi dari Dinas Pendidikan dan Kebudayaan ( nama :
Dinas PPO sekarang).Pada Tahun 2008 PG-TKK Sang Timur terakreditasi dengan nilai
A. Kata Sang Timur berasal dari Bahasa Jawa : Sang artinya Yang dan Timur berarti kecil.
Jadi Sang Timur berarti Yang Kecil. Sebutan ini sebagai tanda penghormatan bagi Yesus
yang masih muda. Sang Timur merupakan pelindung di dalam karya pendidikan.
Kepala Sekolah pertama adalah Sr.Evarista,PIJ (2003 - 2005), dilanjutkan oleh Sr
Stefana, PIJ (2005- 2007) , Sr Innes PIJ (2007- 2012), dari tahun 2012 - November 2015
oleh Sr.Evarista,PIJ, Sr.Clarina,PIJ November 2015 hingga kini perkembangannya, PGTKK

Sang Timur tetap konsisten dalam mengemban misi Sang Timur dalam upaya

membawa anak-anak kepada Tuhan. Pendampingan anak intensif untuk membentuk mentalspiritual, kepribadian dan intelektual menjadi manusia yang utuh (integral).
Hal yang khas di PG-TKK Sang Timur Maumere adalah: budaya kasih persaudaraan,
kegembiraan dan kesederhanaan, disiplin, reflektif, kreatif. Keakraban antara anak dengan
guru,orang tua dalam setiap kegiatan bersama baik dalam pembelajaran maupun kegiatan
pengembangan, sangat dirasakan oleh warga sekolah, Perhatian terhadap anak sangat besar
terlebih kepada anak yang bermasalah dalam mental maupun spiritual, kepribadian/sosial.
Kehidupan religius sangat diperhatikan dan merupakan pembiasaan yang utama.
PG-TKK Sang Timur merupakan PAUD yang multikultural yaitu dengan menerima
anak dari berbagai suku, ras, agama, latar belakang, strata keluarga. Asas penghargaan
terhadap martabat-pribadi menjadi dasar rasa kekeluargaan yang dapat meretas berbagai
perbedaan yang ada.

Keunggulan PG-TKK

Sang Timur adalah pendidikan karakter yang terintegrasi

dalam semua bidang pengembangan, dalam kegiatan ekstrakurikuler dalam rangka

menyiapkan dan membekali generasi muda bangsa agar menjadi pribadi yang berintegritas
tinggi, berkarakter.
Selain itu PG-TKK Sang Timur Maumere menjadikan pendidikan entrepreneurship dan
Parething day di setiap jenjang / kelompok , sebagai salah satu upaya pembentukan karakter:
kreatif, inovatif, mandiri dan bertanggung jawab, tangguh menghadapi kesulitan, daya juang.

IV.1.1 Visi dan Misi

1. Visi
Mewujudkan sikap dan perilaku yang mandiri, berbudi luhur, dalam semangat kasih
persaudaraan, kesederhanaan, dan kegembiraan terhadap Tuhan dan sesama.
2. Misi
Menumbuhkan sikap mandiri dalam diri anak didik melalui aneka kegiatan :
a. Menumbuhkan rasa toleransi melalui sikap saling menghargai terhadap sesama.
b. Menciptakan suasana persaudaraan, kesederhanaan, kegembiraan melalui budaya
5S yaitu senyum, salam, sapa, sopan dan santun.

IV.1.2 Tujuan
1.
2.
3.
4.

Membawa anak didik bercita-cita luhur dan berjiwa gembira.

Membawa anak didik untuk berjiwa murni dan memiliki cinta sejati.
Membawa anak didik untuk saling mencinta dan saling melayani.
Membawa anak didik untuk menjadi manusia yang bertanggung jawab, berdikari,
mandiri, tertib, disiplin, jujur, dan bermoral tinggi.

IV.2 Gambaran Tentang System Yang Sedang Berjalan

Berdasarkan pengamatan yang penulis temukan pada PG-TKK Sang Timur ada dua hal
yang disoroti yaitu, pertama, promosi sekolah untuk memperbanyak siswa yang masuk
sehingga meningkatkan kualitas sekolah adalah dengan menggunakan beberapa cara
misalnya dengan menggunakan brosur, spanduk dan dari mulut ke mulut masyarakat. Cara
promosi yang seperti ini, sangat diperlukan namun, ini membuat pengeluaran dana yang lebih
besar serta efektivitas waktu yang tidak memadai. Karena masih banyaknya Playgroup
maupun TKK di kota Maumere ini, sehingga diperlukan cara promosi yang efektif dan
efisien. Kedua, penyampaian informasi tentang PG-TKK Sang Timur tidak dapat

dipublikasikan, karena masih banyak masyarakat yang tidak mengenal sekolah ini dengan
baik. Adapun kegiatan-kegiatan yang dilakukan oleh PG-TKK Sang Timur dengan
melibatkan pihak luar hanya dipublikasikan melalui media cetak seperti Pos Kupang dan
melalui media suara seperti Radio Rogate, Sonia FM. Untuk itu perlu adanya sarana yang
bisa digunakan kapan saja, dan di mana saja. Sehingga dapat mempersingkat waktu
pengerjaan, membatasi pengeluaran dana serta penyampaian informasi sekolah yang dapat
dipublikasikan dengan cepat.

IV.3 Gambaran Mengenai System Baru

Berdasarkan gambaran mengenai system lama yang sedang berjalan ,maka penulis akan
membangun sebuah webite PG-TKK Sang Timur sebagai sarana untuk mempromosikan PGTKK Sang Timur dan sarana penyebaran informasi kegiatan sekolah agar dapat dikenal di
seluruh wilayah baik di sekitar flores maupun di seluruh Indonesia. Untuk itu penulis telah
membuat suatu desain system baru.

IV.3.1 Diagram Konteks Sistem Baru

Gambar 3.1 Diagram Konteks Sistem Baru

1. Dalam system ini terdapat 2 entitas yaitu entitas admin dan entitas user.
2. Entitas admin memiliki hak akses untuk menginput data, mengubah, menghapus dan
mempublikasikan data admin, halaman (data sejarah sekolah, visi misi, tata tertib,
kurikulum pembelajaran, fasilitas, guru dan karyawan dan pendaftaran siswa baru),
menu-menu website, data galeri, pegumuman dan pesan-pesan

3. User hanya memiliki akses untuk melihat informasi sejarah sekolah, visi misi, tata
tertib, kurikulum pembelajaran, fasilitas, guru dan karyawan dan pendaftaran siswa
baru, pegumuman dan galeri dan mengirim pesan.
IV.3.2 Diagram Berjenjang

Gambar 3.2 Diagram Berjenjang

IV.3.3 Diagram Level 0

Gambar 3.3 Diagram Level 0

1. Dalam system ini terdapat 3 proses yaitu proses login, memasukkan data, dan
mengolah data. pada system ini terdapat 5 data store yaitu datastore admin, halaman,
pegumuman, galeri, dan pesan.
2. Untuk dapat mengakses system, admin harus melakukan proses login dengan
menginputkan data login, proses login akan berhasil jika data login yang dimasukkan
cocok dengan data login yang diambil dari datastore admin sehingga proses login
memberikan informasi login berhasil kepada admin.
3. Admin memiliki hak akses untuk memasukkan data admin, halaman, pegumuman,
dan galeri. Admin juga melakukan pengolahan data admin, halaman, pegumuman,
galeri, menu-menu, dan pesan. Semua data yang dimasukkan dan diolah oleh admin
akan langsung dipublikasikan ke website.
4. User mempunyai hak akses hanya sebatas untuk melihat informasi halaman,
pegumuman, dan galeri.

IV.3.4 Diagaram Level 1 Proses 2 (memasukkan data)

Gambar 3.4 Diagram Level 1 Proses 2

IV.3.5 Diagram Level 1 Proses 3 (mengolah data)

Gambar 3.5 Diagram Level 1 Proses 3

IV.3.6 Diagram Level 1 Proses 4 (menampilkan data)

Gambar 3.6 Diagram Level 1 proses 4

IV.3.7 Entity Relationship Diagram (ERD)

Gambar 3.7 Entitiy Relationship Diagram

Gambar di atas adalah Entitiy Relationship Diagram. Entitiy Relationship Diagram

adalah jenis model perancangan basis data yang digunakan untuk melihat dengan hubungan
antara table yang saling berhubungan.
Kamus data:
1.
2.
3.
4.
5.
6.

Admin (id_admin*, username, password)

Menu (id_menu*, judul, link, urutan)
Halaman (id_halaman*, judul, isi)
Galeri (id_galeri*, judul, gambar, tanggal)
Pegumuman (id_pegumuman*, tanggal, judul, isi)
Pesan (id_pesan*, tanggal, nama, email, subjek, pesan, balasan)

IV.3.8 Desain Database

1. Table Admin
Table di bawah ini adalah table database Admin, yang bertujuan untuk menginput dan
menyimpan data-data yang berkaitan dengan data admin.
Nama Field
Id_admin

Tipe Data dan Ukuran

Integer (5)

keterangan
Auto Increment dan Primary

key,
username
Password

Varchar (5)
Varchar (5)
Tabel 3.1 Admin

2. Table Menu
Nama Field
Id_menu*

Tipe data dan Ukuran

Integer (5)

Keterangan
Auto increment dan primary
key

judul
link
Urutan

Varchar (20)
Varchar (20)
Integer (3)
Tabel 3.2 Menu

3. Table Halaman
Nama Field
Id_halaman*

Tipe Data dan Ukuran

Integer (5)

keterangan
Auto increment dan primary
key

Judul
isi

Varchar (100)
text
Tabel 3.3 Halaman

4. Table galeri
Nama Field
Id_galeri

Tipe Data dan Ukuran

Integer (5)

Keterangan
Auto increment dan primary
key

Judul
Gambar
Tanggal

Varchar (100)
Varchar (100)
Date
Tabel 3.5 Galeri

5. Table pegumuman
Nama Field
Id_pegumuman*

Tipe Data dan Ukuran

Integer (5)

Tanggal
Judul
isi

date
Varhcar (50)
Text

Keterangan
Auto increment dan primary
key

Tabel 3.5 Pegumuman

6. Table Pesan
Nama Field
Id_pesan*

Tipe Data dan Ukuran

Integer (5)

Keterangan
Auto increment dan primary
key

Tanggal
Nama
Email
Subjek
Pesan
balasan

date
Varchar (50)
Varchar (30)
Varchar (30)
Text
Text
Tabel 3.6 Pesan

IV.3.9 Persiapan Implementasi

IV.3.9.1 Desain Halaman User
1. Desain Halaman Beranda
HEADER
ISI HALAMAN BERANDA
HOM

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

LOGIN

JAM
Slide show foto
KALENDER

GOOGLE MAP LETAK

SEKOLAH

FOOTER
Gambar 3.8 Desain Halaman Beranda

Halaman beranda merupakan halaman yang pertama ditampilkan pada saat user
mengunjungi website PG-TKK Sang Timur. Secara keseluruhan setiap halaman pada
website ini terdapat link-link, yaitu :
a. Link profil
Link yang memunculkan submenu lain yaitu submenu sejarah, visi-misi, tata
tertib, staf pengajar, dan kurikulum.
b. Link fasilitas
Link yang menghubungkan ke halaman fasilitas yang tersedia di PG-TKK Sang
Timur.
c. Link galeri
Link yang menghubungkan ke halaman galeri yang berisi foto dan video kegiatan
PG-TKK Sang Timur.
d. Link pegumuman
Link yang menghubungkan ke halaman pegumuman yang berisi pegumuman yang
berkaitan dengan PG-TKK Sang Timur.
e. Link PPDB
Link yang menghubungkan ke halaman yang berisi syarat-syarat pendaftaran
siswa baru di PG-TKK Sang Timur.
f. Link kontak kami
Link yang menghubungkan ke halaman untuk user mengirim pesan kepada PGTKK Sang Timur.
g. Link login
Link yang menghubungkan ke halaman login admin untuk mengolah data.

2. Desain halaman menu Profil submenu Sejarah

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

LOGIN

Gambar 3.9 Desain Halaman sumenu sejarah

Halaman ini berisi sejarah dari PG-TKK Sang Timur.

3. Desain halaman menu Profil submenu Visi-Misi

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

LOGIN

Gambar 3.10 Desain Halaman Submenu Visi-Misi

Halaman ini berisi tentang visi misi PG-TKK Sang Timur.

4. Desain halaman menu Profil submenu Tata Tertib PG-TKK Sang Timur

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

LOGIN

Gambar 3.11 Desain halaman Submenu Tata Tertib

Halaman ini berisi tata tertib PG-TKK Sang Timur.

5. Desain halaman menu Profil submenu Staf Pengajar

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

LOGIN

Gambar 3.12 Desain halaman submenu Staf Pengajar

Halaman ini berisi data lengkap staf pengajar (guru dan karyawan) di PG-TKK Sang
Timur.

6. Desain halaman menu Profil submenu Kurikulum

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

Gambar 3.13 Desain halaman submenu Kurikulum

Halaman ini berisi kurikulum pembelajaran yang ada di PG-TKK Sang Timur.

LOGIN

7. Desain halaman menu Fasilitas

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

Gambar 3.14 Desain halaman menu Fasilitas

Halaman ini berisi fasilitas-fasilitas yang tersedia di PG-TKK Sang Timur.

LOGIN

8. Desain halaman menu Galeri

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

LOGIN

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

Gambar 3.15 Desain halaman menu Galeri

Halaman ini berisi kumpulan foto dan video kegiatan-kegiatan yang dilakukan oleh
PG-TKK Sang Timur.

9. Desain halaman menu pegumuman

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

LOGIN

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER
Gambar 3.16 Desain halaman menu Pegumuman

Halaman ini berisi pegumuman yang berhubungan dengan PG-TKK Sang Timur.

10. Desain halaman menu PPDB

HEADER
HOME

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

JAM

ISI HALAMAN

GOOGLE MAP LETAK SEKOLAH

FOOTER

Gambar 3.17 Desain halaman menu PPDB

Halaman ini berisi syarat pendaftaran untuk PG-TKK Sang Timur.

LOGIN

11. Desain halaman menu kontak kami

HEADER

HOM

PROFIL

FASILITAS

GALERI

PEGUMUMAN

PPDB

KONTAK KAMI

LOGIN

JAM

Kotak pesan

GOOGLE MAP LETAK

SEKOLAH

FOOTER

Gambar 3.18 Desain halaman menu Kontak Kami

Halaman ini berisi form pesan, apabila user ingin menyampaikan pendapatnya atau
ingin bertanya.

12. Desain halaman menu login

Form login

Gambar 3.19 Desain halaman menu Login

Halaman ini berisi form login untuk admin.

IV.3.9.2 Desain halaman Admin

HEADER

BERANDA

MENU

SUBMENU

HALAMAN

GALERI

FOOTER

Gambar 3.20 Desain Halaman admin

PREVIEW

UBAH PASS

KELUAR

1. Desain halaman kelola menu

HEADER

BERANDA

MENU

SUBMENU

HALAMAN

GALERI

PREVIEW

FORM KELOLA MENU

FOOTER

Gambar 3.21 Desain halaman kelola menu

UBAH PASS

KELUAR

2. Desain kelola halaman submenu

HEADER

BERANDA

MENU

SUBMENU

HALAMAN

GALERI

PREVIEW

FORM KELOLA SUBMENU

FOOTER

Gambar 3.22 Desain halaman kelola submenu

UBAH PASS

KELUAR

3. Desain halaman kelola isi submenu halaman profil

HEADER

BERANDA

MENU

SUBMENU

HALAMAN

GALERI

PREVIEW

UBAH PASS

FORM KELOLA HALAMAN SUBMENU PROFIL

FOOTER

Gambar 3.23 Desain halaman kelola halaman submenu profil

KELUAR

4. Desain halaman kelola galeri

HEADER

BERANDA

MENU

SUBMENU

HALAMAN

GALERI

FORM KELOLA GALERI

FOOTER

Gambar 3.24 Desain halaman kelola galeri

PREVIEW

UBAH PASS

KELUAR

5. Desain halaman preview

Halaman yang ketika diakses akan memunculkan preview dari perubahan yang kita
lakukan pada halaman website tersebut.

HEADER

UBAH PASS

BERANDA

MENU

SUBMENU

HALAMAN

GALERI

FOOTER

Gambar 3.25 Desain halaman preview

PREVIEW

KELUAR

IV.3.10 Implementasi
Website PG-TKK Sang Timur ini dibangun menggunakan bahasa pemograman PHP
(Hypertext Pre-Processor) dengan DBMS MySQLi. Adapun beberapa perangkat lunak yang
digunakann untuk pembuatan aplikasi dibangun menggunakan HTML (Hypertext Markup
Language), CSS, JavaScript, MySQLi, Bootstrap, Notepad++ dan XAMPP.

IV.3.10.1 Rancangan Antarmuka Halaman User

IV.3.10.1.1 Halaman Beranda
Halaman beranda merupakan halaman yang muncul pertama saat diakses oleh
user