Post on 26-Oct-2020
1
BAB I
PENDAHULUAN
A. Latar Belakang
Teknologi informasi merupakan teknologi yang menggabungkan komputasi
(komputer) dengan jalur komunikasi kecepatan tinggi yang membawa data, suara, dan
video (William dan Sawyer, 2003). Teknologi informasi sangat penting bagi manusia demi
memenuhi kebutuhan informasi, baik untuk indiividu itu sendiri maupun kelompok.
Teknologi informasi melakukan berbagai macam fungsi dari memasang aplikasi untuk
merancang jaringan komuter dan basis data informasi.
Untuk dapat menggunakan teknologi informasi, dibutuhkan rangkaian jaringan yang
saling terhubung menggunakan standar TCP/IP sebagai protokol pertukaran paket untuk
mendapatkan informasi dari seluruh jaringan komunikasi yang menggunakan media
elektronik atau yang biasa disebut internet. Internet menjadi sarana untuk mendapatkan
dan menyebarkan informasi dengan cepat. Dengan menggunakan jaringan internet,
sebuah organisasi dapat melakukan pertukaran informasi secara internal maupun
eksternal dengan organisasi lain (Kadir, 2003).
TK Islam Ratnaningsih adalah taman kanak – kanak swasta berbasis islam yang berdiri
di bawah naungan Yayasan Pendidikan Sosial Kemasyarakatan “Ratnaningsih”. Pada
awalnya Yayasan Pendidikan Sosial Kemasyarakatan “Ratnaningsih” hanya mendirikan
Kelompok Bermain (KB) Islam Ratnaningsih pada 17 April 1997, kemudian pada 1 April
dan 1 Juli 2007 didirikan Taman Pendidikan Agama (TPA) dan Taman Kanak – Kanak (TK)
Islam yang berlokasi di Jalan Dr. Sutomo Gang Semangka no. 5 Badegan, Bantul,
Yogyakarta.
Penyampaian informasi pendidikan TK yang masih sederhana pada TK Islam
Ratnaningsih membuat masyarakat dan para siswa kesulitan dalam mencari informasi
tentang TK. Masyarakat atau orang tua yang membutuhkan informasi TK harus datang
dan bertanya langsung ke TK, sehingga menyebabkan penyampaian informasi kurang
efektif dan efisien
TK Islam Ratnaningsih sudah memiliki website, namun website tersebut belum efektif
karena masih dalam tahap pengembangan. Selain itu, desain antarmuka pada website
tersebut terlihat kurang menarik dan penempatan menu masih berantakan seperti yang
terlihat pada gambar – gambar berikut ini :
2
Gambar 1.1. Halaman beranda.
Pada gambar 1.1., kekurangan yang lain yaitu setiap menu yang telah tersedia di
website TK Islam Ratnaningsih terdiri menu beranda, kami, staff, lain-lain dan terakhir
kotak kami. Beberapa memiliki sub menu yaitu seperti kami, staff, dan lain-lain, saat
menggerakan kursor ke arah menu yang memiliki sub menu dan kita mengklik menu
tersebut feedback yang di dapat berupa error. Error yang dimaksud disini adalah tidak
tersedianya halaman website tersebut. Seperti pada gambar 1.2.
Gambar 1.2. Halaman yang error.
3
Berdasarkan masalah di atas maka berinisiatif melakukan kerja praktek dengan
mengambil judul “ Pembuatan Website Profil TK Islam Ratnaningsih Badegan Bantul
Yogyakarta ”. Dengan mengambil judul ini diharapkan dapat membantu masyarakat,
orang tua, guru, dan warga TK dalam mengakses informasi TK dengan mudah, cepat, dan
praktis.
B. Identifikasi masalah
Identifikasi masalah kerja praktek adalah :
1. Belum efektifnya web profile yang tersedia di TK Islam Ratnaningsih
2. Membuat interface halaman website terdiri dari halaman utama website.
3. Beberapa halaman web profile yang sudah tersedia, masih terdapat beberapa error di
halaman yang mau dilihat.
4. Kurang menariknya halaman web profile yang sudah tersedia.
C. Batasan masalah
Pembuatan website TK Islam Ratnaningsih berisi tentang halaman utama yaitu profile,
visi dan misi, struktur organisasi, list guru TK, informasi TK, dan galeri.
D. Rumusan masalah
Bagaimana membangun website yang informatif bagi TK Islam Ratnaningsih yang
menarik, rapi, dan tidak ada error sehingga dapat memudahkan dalam penyampaian
informasi kepada masyarakat.
E. Tujuan KP
Tujuan pelaksanaan kerja praktek adalah :
1. Menghasilkan web profile TK Islam Ratnaningsih berbasis website yang menarik, rapi, dan
tidak ada error yang dapat di gunakan oleh masyarakat khusus nya orang tua.
2. Memperbarui website yang telah ada sebelumnya.
4
F. Manfaat KP
Manfaat kerja praktek adalah :
1. Efisiensi dan praktis dengan adanya website profile TK Islam Ratnaningsih dapat
membantu orang tua dan masyarakat untuk dapat mendapat informasi.
2. Instansi dapat mempublikasikan informasi yang berhubungan dengan TK Islam
Ratnaningsih.
5
BAB II
GAMBARAN INSTANSI
A. UMUM
Yayasan Pendidikan Sosial Kemasyarakatan Ratnaningsih adalah yayasan yang
berdiri pada tanggal 9 Januari 1998, dipimpin oleh Dra. Hj. Kawiasih yang memperoleh
pengesahan dari Menteri Hukum dan Hak Asasi Manusia Republik Indonesia, Direktorat
Jendral Administrasi Hukum Umum Nomor AHU-503.AH.01.04 pada tanggal 17 Februari
20019. YPSK Ratnaningsih merupakan yayasan yang bergerak di bidang pendidikan anak
usia dini yang mempunyai tiga layanan. Berikut adalah logo TK Islam Ratnaningsih dapat
dilhat pada Gambar 2.1
Gambar 2.3 Logo TK. Ratnaningsih
Berdiri sejak tahun 1997 diawali dengan Kelompok Bermain (KB) atau Play Group.
TK Islam Ratnaningsih berdiri pada tanggal 1 Juli 2007 dan sudah terakreditasi dengan nilai
klasifikasi “ A “. TK Islam Ratnaningsih membuka layanan bagi anak yang berusia 4 sampai
dengan 6 tahun dengan 12 pendidik dalam 6 kelas. Metode pembelajaran yang digunakan
metode sentra.
Memiliki visi terwujudnya anak yang sehat, cerdas, dan berakhlak mulai dengan
misi yaitu pertama mengembangkan potensi anak, kedua mengupayakan tumbuh
kembang anak seoptimal mungkin dan ketiga meletakan nilai-nilai islami. Untuk tujuan
yang dimiliki oleh TK Islam Ratnaningsih adalah pertama mencerdaskan bangsa dan kedua
membuka lapangan kerja.
TK Islam Ratnaningsih ini berlokasi di Jl. Dr. Sutomo Gg. Sirkaya no. 6 Badegan
Bantul Yogyakarta 55711. Nomot telepon. 085100994168, 085100994092.
6
B. Struktur Organisasi
Struktur Organisasi TK Islam Ratnaningsih terdiri dari ketua yayasan, kepala
sekolah, pendidik, tata usaha, tenaga administrasi, dan tenaga masak. Struktur Organisasi
TK Islam Ratnaningsih dapat dilihat pada Gambar 2.2.
Gambar 2.4 Struktur Organisasi TK Islam Ratnaningsih
C. Sumber Daya Manusia dan Sumber Daya Fisik
TK Islam Ratnaningsih memiliki sumber daya yang cukup untuk menjalakan tk baik
sumber daya manusia dan sumber daya media. Berikut daya yang dimiliki oleh TK Islam
Ratnaningsih :
1. Sumber Daya Manusia ( SDM )
1) Prof.(HC),Drs H. Suparian, S.H., M.Sc.H.L.Med, Kes.Med.
2) Kadarina Wastuti, S.Kom.I ( Kepala Sekolah )
3) Iin Suciyanti, S.Pd.I ( Guru )
4) Rismayatun, S.Pd ( Guru )
5) Yuli Haryanti, S.Sos.I ( Guru )
6) Ema Puji Lestari, S.P ( Guru )
7) Hepi Susanti, S.Psi ( Guru )
7
8) Sunarni ( Guru )
9) Nunuk Sutrianingsih, S.Pd ( Guru )
10) Catur Ismawati S.Pd ( Guru )
11) Septiyaningsih S.Pd ( Guru )
12) Laras Wulan Pratiwi ( Guru )
13) Tiwi Mirawati, S. Fill.I ( Guru )
14) Kiki Kusula Dewi ( Guru )
15) Dra. Hariyanti ( Guru )
16) Tuty Lestari ( Guru )
17) Mudmainah ( Guru )
2. Sumber Daya Media
Untuk melakukan promosi, pemasaran, dan Kegiatan TK Islam Ratnaningsih
memiliki sumber daya media. Sumber daya media yang dimiliki oleh TK Islam Ratnaningsih
sebagai berikut :
a. Web
TK Islam Ratnaningsih memiliki sumber daya media yang digunakan untuk
memberikan informasi terkait dengan kegiatan TK Islam Ratnaningsih tersebut, yaitu
sebagai berikut :
1) http://www.ratnaningsih.sch.id
2) http://paudratnaningsih.blogspot.com
b. Social Media
Selain dalam bentuk website TK Islam Ratnaningsih juga memberikan informasi
dalam bentuk social media, yaitu sebagai berikut:
1. Paud Ratnaningsih ( Facebook )
2. @tk_islam_ratnaningsih ( Instagram )
8
BAB III
METODOLOGI KERJA PRAKTEK
A. Lokasi KP, Alamat, Kontak pembimbing KP
1) Lokasi dan alamat Kerja Praktek ( KP )
Lokasi tempat pelaksanaan Kerja Praktek ( KP ) berada di Jl. Dr. Sutomo Gg.
Sirkaya no. 6 Badegan Bantul Yogyakarta 55711.
2) Kontak Pembimbing Kerja Praktek ( KP )
Pelaksanaan Kerja Praktek ( KP ) dibimbing oleh :
Nama Dosen : Dewi Pramudi Ismi, S.T., M.CompSc
Kontak Telepon : 085868576374
3) Kontak Pembimbing Lapangan dari TK Islam Ratnaningsih :
Pelaksanaan Kerja Praktek ( KP ) dibimbing oleh :
Nama : Maryanti S.E
Kontak Telepon : 085799842471
B. Metode Pengambilan Data
1. Wawancara ( Interview )
Pengumpulan data yang dilakukan melalui tatap muka dan tanya jawab
secaran langsung dengan pemimpin Yayasan Ratnaningsih. Narasumber bernama
Maryanti, S.E . Dapat persetujuan untuk membuat web profile dan mendapatkan
informasi tentang TK Islam Ratnaningsih yang nanti dimasukan ke dalam website.
2. Pengamatan ( Observasi )
Merupakan teknik metode pengumpulan data yang dilakukan dengan cara
pengamatan langsung di TK Islam Ratnaningsih. Pengamatan dilakukan pada 28
September 2018 hasilnya mendapatkan data yang benar dan akurat. Melakukan
pengamatan terhadapat beberapa website profile yang digunakan untuk sebagai
literature seperti website profile TK Khalifah, TK Negeri 1 Sleman, dan TK Negeri
2 Yogyakata.
9
C. Rancangan jadwal kegiatan KP
Dalam rancangan dan jadwal kegiatan dibagi menjadi beberapa tahap, tahapan-
tahapan yang dilakukan seperti pada Table 3.1 berikut :
Tabel 3.1 Rancangan Jadwal Kegiatan
No.
Nama
Kegiatan
Bulan
Realisasi
September Oktober November Desember
1 2 3 4 5 6 7 8 9 10 11 12 13 14 Ya/Tidak %
1. Mencari
Tempat KP
Ya 100%
2. Observasi dan
wawancara
dengan TK
Islam
Ratnaningsih
Ya 100%
3. Menganalisis
kebutuhan
layout
Ya 100%
4. Membuat
gambaran
layout halaman
depan
Ya 100%
5. Membuat isi
halaman web
Ya 100%
6. Membuat isi
halaman profil
yayasan
Ya 100%
7. Membuat
Laporan
Ya 100%
10
D. Rancangan Sistem
Dari hasil penelitian dapat di site mate yang dibutuhkan TK Islam
Ratnaningsih seperti pada Gambar 3.5. :
Gambar 3.5. Struktur website
Berikut rancangan desain interface halaman website profile TK Islam
Ratnaningsih:
a. Rancangan interface halaman Beranda
b. Rancangan interface halaman Profile
c. Rancangan interface halaman TK
d. Rancangan interface halaman KB
e. Rancangan interface halaman Kontak
Rancangan desain interface halaman beranda seperti pada Gambar 3.6. Rancangan
interface halaman Beranda.
TK Islam Ratnaningsih
Beranda Profile TK KB
11
Gambar 3.6. Rancangan interface halaman Beranda TK Islam Ratnaningsih
Halaman Beranda berisi tampilan berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Slide show, berfungsi sebagai tampilan gambar-gambar bergerak.
8. Informasi berisi kata pengantar TK Islam Ratnaningsih.
9. Plugin Facebook, berisi informasi terbaru TK Islam Ratnaningsih melalui
facebook.
10. Alamat, akreditasi dari TK dan KB, email dan media social.
11. Footer yang berfungsi hak cipta.
12
Rancangan desain interface halaman Profile seperti pada Gambar 3.7. Rancangan
interface halaman Profile berikut.
Gambar 3.7. Rancangan interface halaman Profile TK Islam Ratnaningsih
Halaman Layanan berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi yang berisi profile yayasan Paud Ratnaningsih.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berisi hak cipta.
13
Rancangan desain interface halaman Visimisi seperti pada Gambar 3.8. Rancangan
interface halaman Visimisi TK Islam Ratnaningsih. Menu visimisi merupakan
submenu dari menu Profile.
Gambar 3.8. Rancangan interface halaman visimisi TK Islam Ratnaningsih
Halaman Visimisi berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi Visi, misi dan tujuan dari Paud Ratnaningsih.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
14
Rancangan desain interface halaman Pengurus Komite seperti pada Gambar 3.9.
Rancangan interface halaman Pengurus komite TK Islam Ratnaningsih. Menu
Pengurus Komite merupakan submenu dari menu Profile.
Gambar 3.9. Rancangan interface halaman Pengurus komite TK Islam
Ratnaningsih
Halaman Pengurus Komiter berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi berisi data diri pengurus yayasan beserta foto.
15
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman Fasilitas seperti pada Gambar 3.10.
Rancangan interface halaman Fasilitas TK Islam Ratnaningsih. Menu Fasilitas
merupakan submenu dari menu Profile.
Gambar 3.10. Rancangan interface halaman fasilitas TK Islam Ratnaningsih
Halaman Fasilitas berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
16
7. Informasi berisi fasilitas yang terdapat di Paud Ratnaningsih.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman TK seperti pada Gambar 3.11. Rancangan
interface halaman TK TK Islam Ratnaningsih.
Gambar 3.11. Rancangan interface halaman TK TK Islam Ratnaningsih.
Halaman TK berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
17
7. Informasi TK dan Struktur Organisasi.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman Guru TK seperti pada Gambar 3.12.
Rancangan interface halaman Guru TK TK Islam Ratnaningsih. Menu Guru TK
merupakan submenu dari menu TK.
Gambar 3.12. Rancangan interface halaman guru TK TK Islam
Ratnaningsih
Halaman Guru TK berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
18
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi berupa data diri guru beserta foto.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman Prestasi seperti pada Gambar 3.13. Rancangan
interface halaman Prestasi TK Islam Ratnaningsih. Menu Prestasi merupakan
submenu dari menu TK.
Gambar 3.13. Rancangan interface halaman prestasi TK Islam Ratnaningsih
Halaman Prestasi berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
19
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi berisi prestasi murid dan guru.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman Kurikulum seperti pada Gambar 3.14.
Rancangan interface halaman Kurikulum TK Islam Ratnaningsih. Menu
Kurikulum merupakan submenu dari menu TK.
Gambar 3.14. Rancangan interface halaman kurikulum TK Islam
Ratnaningsih
Halaman Kurikulum berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
20
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi berisi kurikulum TK Islam Ratnaningsih.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman Jadwal Kegiatan Sentra TK seperti pada
Gambar 3.15. Rancangan interface halaman Jadwal Kegiatan Sentra TK TK Islam
Ratnaningsih. Menu Jadwal Kegiatan Sentra TK merupakan submenu dari menu
TK.
Gambar 3.15. Rancangan interface halaman Jadwal kegiatan Sentra TK
Islam Ratnaningsih
Halaman Jadwal Kegiatan Sentra TK berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
21
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi berisi Jadwal Kegiatan Sentra TK di setiap kelas.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman Jadwal Pembelajaran seperti pada Gambar
3.16. Rancangan interface halaman Jadwal Pembelajaran TK Islam Ratnaningsih.
Menu Jadwal Pembelajaran merupakan submenu dari menu TK.
Gambar 3.16. Rancangan interface halaman Jadwal pembelajaran TK Islam
Ratnaningsih
Halaman Jadwal Pembelajaran berisi menu sebagai berikut :
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
22
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi berisi jadwal pembelajaran di setiap kelas.
8. Alamat, akreditasi dari TK dan KB, email dan media social.
9. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman KB seperti pada Gambar 3.17. Rancangan
interface halaman KB.
Gambar 3.17. Rancangan interface halaman KB TK Islam Ratnaningsih
Halaman KB berisi menu sebagai berikut:
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
23
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Informasi berisi tentang KB.
8. Informasi tentang data diri guru KB.
9. Alamat, akreditasi dari TK dan KB, email dan media social.
10. Footer yang berfungsi hak cipta.
Rancangan desain interface halaman Kontak seperti pada Gambar 3.18. Rancangan
interface halaman Kontak TK Islam Ratnaningsih.
Gambar 3.18. Rancangan interface halaman Kontak TK Islam Ratnaningsih
Halaman Kontak berisi menu sebagai berikut :
24
1. Image Header berfungsi Identitas TK Islam Ratnaningsih.
2. Beranda berada di menu navigasi, menu beranda berisi informasi utama website
dan berita.
3. Profile berada di menu navigasi, menu profile berisi profile yayasan.
4. TK berada di menu navigasi, menu TK berisi informasi TK dan struktur organisasi.
5. KB berada di menu navigasi, menu KB berisi informasi KB dan daftar guru KB.
6. Kontak berada di menu navigasi, menu kontak berisi informasi alamat, kontak,
email, dan map lokasi.
7. Alamat, akreditasi dari TK dan KB, email dan media social.
8. Map Lokasi.
9. Footer yang berfungsi hak cipta.
25
BAB IV
HASIL PELAKSANAAN KP
A. Deskripsi Sistem yang dibangun
Pembuatan website TK Islam Ratnaningsih berisi tentang informasi yang ada pada
TK Islam Ratnaningsih, seperti visi misi, metode pembelajaran, kegiatan di TK Islam
Ratnaningsih dan beserta data guru TK Islam Ratnaningsih.
B. Pembahasan Sistem yang dibangun.
1. Hasil Analisis
Dari hasil analisis, kebutuhan perangkat keras ( Hardware ) dan kebutuhan
perangkat lunak ( Software) yang digunakan dalam pembuatan pembangunan website ini
sebagai berikut :
a. Kebutuhan perangkat keras ( Hardware )
1) Komputer atau laptop yang digunakan intel® Core™ i7-2670QM.
2) Komputer memiliki 8192MB RAM.
3) Keyboard.
4) Monitor.
5) Mouse.
b. Kebutuhan perangkat lunak ( Software )
1) Sistem operasi minimal windows 7
2) Text editor yang digunakan dalam pembuatan website ini yaitu menggunakan
Sublime Text 3 versi 3.1.1.
3) Program aplikasi pengembangan yang digunakan yaitu XAMPP
4) Browser yang digunakan Mozilla Firefox.
2. Hasil Implementasi
Hasil dari implementasi dari website profile TK Islam Ratnaningsih adalah sebagai
berikut:
a. Tampilan halaman Beranda
26
Hasil implementasi untuk tampilan beranda website sebagai berikut.
Seperti pada Gambar 4.19.
Gambar 4.19. Tampilan halaman beranda website
Tampilan Beranda merupakan tampilan utama ketika membuka website. Di
halaman ini berisi berupa slide show. Informasi tentang berita terbaru TK Islam
Ratnaningsih. Seperti berita tentang penerimaan murid baru dll. Halaman website
ini menampilkan berita dan kata pengantar dari paud ratnaningsih yang diambil
dari facebok.
b. Tampilan Halaman Profile
Hasil implementasi untuk tampilan halaman profile yaitu sebagai berikut.
Seperti Gambar 4.20.
27
Gambar 4.20. Tampilan halaman profile
Tampilan menu profile ini merupakan tampilan halaman yang berisi tentang profile
yayasan.
c. Tampilan halaman Visi Misi Yayasan
Hasil implementasi untunk tampilan visi misi yayasan sebegai berikut. Seperti pada
Gambar 4.21.
Gambar 4.21. Tampilan halaman Visi Misi Yayasan
Tampilan menu Visi Misi Yayasan ini merupakan sub menu dari profile yang berisi tentang
visi misi yayasan.
d. Tampilan halaman Pengurus Komite
Hasil implementasi untuk tampilan Pengurus Komite sebegai berikut. Seperti pada
Gambar 4.22.
28
Gambar 4.22. Tampilan halaman Pengurus Komite
Tampilan menu Pengurus Komite merupakan sub menu dari menu Profile yang berisi
tentang data diri pengurus Yayasan Paud Ratnaningish
e. Tampilan halaman Metode Pembelajaran
Hasil implementasi untuk tampilan Metode pembelajaran sebegai berikut. Seperti
pada Gambar 4.23.
29
Gambar 4.23. Tampilan halaman Metode Pembelajaran
Tampilan menu Metode Pembelajaran merupakan sub menu dari menu Profle yang berisi
tentang metode pembelajaran yang diajarkan di Paud Ratnaningsih.
f. Tampilan halaman Fasilitas
Hasil implementasi untuk tampilan Fasilitas sebegai berikut. Seperti pada Gambar
4.24.
Gambar 4.24. Tampilan halaman Fasilitas
30
Tampilan menu Fasilitas merupakan submenu dari menu Profile yang berisi tentang
fasilitas yang terdapat di Paud Ratnaningsih.
g. Tampilan halaman TK
Hasil implementasi untuk tampilan halaman TK yaitu sebagai berikut.
Seperti Gambar 4.25.
Gambar 4.25. Tampilan halaman TK
Tampilan halaman TK ini merupakan tampilan halaman taman kanak – kanak yang berisi
sejarah TK, dan struktur organisasi TK.
h. Tampilan halaman Guru TK
Hasil implementasi untuk tampilan Guru TK sebegai berikut. Seperti pada Gambar
4.26.
31
Gambar 4.26. Tampilan halaman Guru TK
Tampilan menu Daftar Guru merupakan sub menu dari menu TK yang berisi daftar guru
TK Islam Ratnaningsih yang mengajar.
i. Tampilan halaman Prestasi
Hasil implementasi untuk tampilan Prestasi sebegai berikut. Seperti pada Gambar
4.27.
Gambar 4.27. Tampilan halaman Prestasi
32
Tampilan menu Prestasi merupakan sub menu dari menu TK yang berisi tentang informasi
prestasi yang di dapat oeh murid dan guru di TK Islam Ratnaningsih.
j. Tampilan halaman Kurikulum
Hasil implementasi untuk tampilan Kurikulum sebegai berikut. Seperti pada Gambar
4.28.
Gambar 4.28. Tampilan halaman Kurikulum
Tampilan menu Kurikulum merupakan sub menu dari menu TK yang berisi tentang
informasi kurikulum yang diajarkan di TK Islam Ratnaningsih dari semester 1 sampai
semester 2.
k. Tampilan halaman Jadwal Kegiatan Sentra TK
Hasil implementasi untuk tampilan Jadwal Kegiatan Sentra TK sebegai berikut. Seperti
pada Gambar 4.29.
33
Gambar 4.29. Tampilan halaman Jadwal Kegiatan Sentra TK
Tampilan menu Jadwal Kegiatan Sentra TK merupakan sub menu dari menu TK yang berisi
tentang informasi kegiatan sentra TK.
l. Tampilan halaman Jadwal Pembelajaran
Hasil implementasi untuk tampilan Jadwal Pembelajaran sebegai berikut. Seperti pada
Gambar 4.30.
Gambar 4.30. Tampilan halaman Jadwal Pembelajaran
34
Tampilan menu Jadwal Pembelajaran merupakan sub menu dari menu TK yang berisi
tentang informasi jadwal belajar yang dilaksanakan di TK Islam Ratnaningsih.
m. Tampilan halaman KB
Hasil implentasi untuk tampilan halaman KB yaitu sebagai berikut. Pada Gambar 4.31.
Gambar 4.31. Tampilan halaman KB.
Tampilan halaman KB merupakan halaman yang berisi informasi tentang kelompok
bermain atau di singkat KB. Informasi tersebut terdiri dari sejarah KB, daftar guru, alamat,
informasi kontak, dan peta lokasi.
n. Tampilan halaman kontak
Hasil implementasi untuk tampilan Kontak sebegai berikut. Seperti pada Gambar 4.32.
35
Gambar 4.32. Tampilan halaman Kontak
Tampilan menu Kontak merupakan tampilan yang berisi informasi alamat, akreditasi,
email, media social dan map lokasi TK Islam Ratnaningsih.
3. Hasil Pengujian Sistem
Metode pengujian yang digunakan pada website profile yaitu dengan dilakukan
pengujiannya oleh pengguna atau user. Pengujian tersebut secara langsung dilakukan oleh
user yang berinteraksi dengan system yang telah dibuat, seperti pada table 4.2 berikut :
Tabel 4.2 Pengujian Sistem
No. Fungsi yang diujikan Cara Pengujian Hasil yang di harapkan Hasil Pengujian
1. Menu Beranda Memilih menu
Beranda pada
Website
Menampilkan halaman beranda
website yang berisi Informasi
dan Berita TK Islam
Ratnaningsih.
Berhasil
2. Menu Profile Memilih menu
Profile pada
Website
Menampilkan informasi profile
Yayasan Ratnaningsih.
Berhasil
36
3. Menu TK Memilih menu
TK pada
Website
Menampilkan informasi TK
dan Struktur Organisasi.
Berhasil
4. Menu KB Memilih menu
KB pada
Website
Menampilkan informasi KB
dan Guru KB.
Berhasil
5. Menu Kontak Memilih menu
Kontak pada
Website
Menampilkan informasi
alamat, akreditasi, email, media
social dan map lokasi.
Berhasil
Pengujian website profile yang di kembangkan menggunakan metode pengujian user,
menunjukan bahwa system mampu menampilkan informasi pada setiap menu yang
terdapat pada menu website seperti menu beranda, profile, TK, KB, dan kontak.
37
BAB V
PENUTUP
C. Kesimpulan
Berdasarkan kesimpulan dari kp yang di telah di laksanakan yaitu :
1. Dihasilkan web yang menarik, rapi, dan tidak ada error.
2. Dihasilkan interface halaman utama website, halaman profil, halaman TK, dan halaman
KB Islam Ratnaningsih.
3. Dihasilkan halaman website profile yang dapat diimplementasikan.
D. Saran
Berdasarkan saran yang telah di simpulkan bahwa :
1. Penunjukan staff untuk melakukan pembaharuan terhadap konten website.
2. Menambahkan galeri dan TPA.
38
Lampiran
39