bab i pendahuluan latar belakangeprints.uad.ac.id/14381/2/isi_laporan.pdf · pendahuluan a. latar...

39
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 :

Upload: others

Post on 26-Oct-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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 :

Page 2: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 3: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 4: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 5: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 6: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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 )

Page 7: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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 )

Page 8: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 9: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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%

Page 10: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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

Page 11: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 12: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 13: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 14: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 15: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 16: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 17: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 18: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 19: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 20: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 21: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 22: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 23: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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 :

Page 24: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 25: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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

Page 26: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 27: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 28: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 29: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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

Page 30: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 31: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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

Page 32: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 33: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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

Page 34: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 35: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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

Page 36: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 37: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

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.

Page 38: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

38

Lampiran

Page 39: BAB I PENDAHULUAN Latar Belakangeprints.uad.ac.id/14381/2/Isi_Laporan.pdf · PENDAHULUAN A. Latar Belakang Teknologi informasi merupakan teknologi yang menggabungkan komputasi (komputer)

39