1

BAB I
PENDAHULUAN

1.1 Latar Belakang

TK Islam Satria Hasanudin merupakan sekolah yang beralamat di Jl. Satria
Raya, Plombokan, Kec. Semarang Utara, Kota Semarang, Jawa Tengah. Dalam
proses akademik dan penerimaan siswa baru, TK Islam Satria Hasanudin masih
menggunakan cara lama yaitu dengan menyebar brosur, undangan, maupun
pengumuman. Seiring berkembangnya teknologi informasi, hal ini tentu saja
menjadi kurang efektif karena teknologi informasi sudah banyak dimanfaatkan oleh
sekolah-sekolah lain untuk mendukung proses akademik dan penerimaan siswa
baru.
Web merupakan media interface yang dibuat sedemikian rupa untuk
memberikan kenyamanan dan kemudahan dalam mengakses informasi-informasi
yang tersedia di dalam internet. Perkembangan suatu web tidak terlepas dari
perkembangan sistem-sistem yang ada didalamnya, salah satunya adalah sistem
login yang kini mulai menjadi perhatian bagi para pengembang web. dimana
kenyamanan dan keamanan web diciptakan seiring dengan perkembangan web itu
sendiri. pemberian hak akses adalah dasar dari sistem login, dimana setiap
pengguna bisa atau tidak untuk mengakses suatu informasi itu tergantung pada hak
yang diterimanya(Kasmirin et al., 2016).
Chanlin (2015), sistem informasi berbasis website dapat diakses melalui
smartphone membantu mengatasi kesulitan dalam pencarian informasi yang sangat
dibutuhkan masyarakat umum sehingga membuat informasi tersebut mudah diakses
dimanapun, oleh siapapun tanpa dibatasi ruang dan waktu asalkan dapat mengakses
internet melalui smartphone yang dapat terhubung ke media informasi online
sehingga bisa dikatakan bersifat responsif.
Perkembangan internet tersebut juga berimbas kepada perkembangan situs
web yang semakin menarik dengan beragam konten yang menarik yang dapat
diberikan. Situs web juga banyak memberikan keuntungan bagi pemilik sistus web
 2

maupun untuk pengguna situs web. Wordpress merupakan Content Management

System yang sangat mudah digunakan untuk mengelolah sebuah website company
profile. Hal ini, dapat dilakukan oleh semua orang tanpa perlu memahami bahasa
pemrograman. Aplikasi tersebut sangat mudah digunakan hanya dengan
mengelolah content sehingga tidak diperlukan pemahaman tentang pemrograman
(Siregar et al., 2021).
Pada era digital seperti saat ini, internet telah menjadi salah satu media
utama dalam berkomunikasi, berbagi informasi, dan mempromosikan berbagai
jenis institusi. Salah satu bentuk institusi yang semakin menyadari pentingnya
kehadiran online adalah lembaga pendidikan, termasuk Taman Kanak-Kanak (TK).
TK Islam Hasanudin adalah salah satu lembaga pendidikan tingkat dasar yang
berkomitmen untuk memberikan pendidikan berkualitas kepada anak-anak usia
dini. Oleh karena itu, perlu adanya sarana promosi yang efektif untuk
memperkenalkan TK Islam Hasanudin kepada masyarakat.
Penggunaan website menjadi salah satu pilihan yang tepat. Website dapat
menjadi sarana promosi yang efektif dan dapat diakses oleh siapa saja, kapan saja,
dan dari mana saja. Seiring dengan perkembangan teknologi, banyak platform yang
dapat digunakan untuk membuat website, salah satunya adalah WordPress, yang
dikenal sebagai salah satu platform content management system (CMS) paling
populer.

1.2 Rumusan Masalah

Menurut latar belakang yang telah diuraikan diatas, dijelaskan bahwa TK Islam
Satria Hasanudin menghadapi masalah:
Bagaimana Merancang Bangun sebuah Web Profile berbasis website pada TK
Islam Hasanudin sebagai media promosi?
1.3 Batasan Masalah
Berdasarkan rumusan masalah yang sudah dijabarkan diatas berikut
merupakan batasan masalahnya :

1. Tidak menangani kegiatan transaksi dalam perusahaan.

 3

2. Website profile sekolah berisi informasi sekolah, informasi pendaftaran,

kegiatan di dalam sekolah, dan fasilitas sekolah.
3. Studi kasus diambil di TK Islam Hasanudin.
4. Nantinya website akan bersifat dinamis, semua isi yang ada di dalam
website dapat ditambah, dirubah, maupun dihapus oleh admin.
5. Website ini akan dikembangkan menggunakan Wordpress.

1.4 Tujuan dan Manfaat Penelitian

1.4.1 Tujuan Penelitian

Membangun sebuah web profile berbasis website menggunakan plugins

wordpress.

1.4.2 Manfaat Penelitian Bagi TK Islam Hasanudin

a. Membantu mempromosikan lembaga pendidikan TK Islam Hasanudin

secara online.
b. Meningkatkan aksesibilitas informasi yang diberikan kepada
masyarakat.

1.4.3 Manfaat Penelitian Bagi Penulis

a. Sebagai penerapan teori dalam praktek, pengaplikasian teori yang

dipelajari selama masa studi.
b. Sebagai syarat kelulusan pada jenjang pendidikan D-3 yang ditempuh
penulis.
1.5 Metodologi Penelitian
1.5.1 Objek Penelitian

Objek penelitian ini adalah sebuah Taman Kanak-kanak berbasis Islam

yang ber beralamat di Jl. Satria Raya, Plombokan, Kec. Semarang Utara,
Kota Semarang, Jawa Tengah. Lembaga pendidikan formal tersebut
 4

menyelenggarakan pendidikan anak usia dini bagi anak-anak berusia 4-6

tahun. TK Islam memiliki tujuan untuk mengembangkan potensi anak
secara optimal, baik dari segi kognitif, afektif, maupun psikomotorik.

1.5.2 Metode Pengumpulan Data

Pada penelitian kali ini penulis mengumpulkan data yang diperlukan

menggunakan metode Observasi, Wawancara, Studi Pustaka, dan Studi
Internet.

1) Metode Obervasi
Pengumpulan data dilakukan secara langsung pada objek penelitian
untuk mendapatkan data dan informasi yang nantinya digunakan penulis
untuk menentukan media promosi dan tema yang akan digunakan.
2) Metode Wawancara
Metode Wawancara yaitu suatu metode dengan mengadakan wawancara
langsung oleh narasumber yang kompeten dalam masalah ini
3) Studi Pustaka
Studi Pustaka merupakan pengumpulan data yang dilakukan dengan cara
mengumpulkan referensi berupa buku atapun jurnal yang berhubungan
dengan penelitian.
4) Studi Internet
Metode pengumpulan data dengan cara menggunakan internet sebagai
referensi dalam mencari kajian teori,teori yang dicari merupakan teori
yang berhubungan dengan website.

1.5.3 Metode Pengembangan Sistem

Untuk mengembangkan Web Profile, penulis menggunakan metode

waterfall. Metode waterfall dipilih karena dapat mencakup aspek yang
dapat mendukung penulis dalam pengembangan sisntem informasi
 5

penjualan, mulai dari analisis kebutuhan, desain, implementasi, dan

testing.

1. Tahapan Metode Waterfall

Berikut adalah tahapan tahapan pengembangan sistem informasi penjualan
menggunakan metode waterfall Winston W. Royce (1970) :

a. Analisis Kebutuhan
Tahap analisis kebutuhan berisi tentang segala kebutuhan yang
diperlukan penulis untuk membuat sistem informasi penjualan pada
TK Islam hasanudin seperti perangkat keras yang digunakan, serta
kebutuhan perangkat lunak.
b. Desain
Tahapan desain berisikan tentang desain awal dari tampilan website
yang akan dikembangkan oleh penulis.
c. Implementasi
Tahapan implementasi berisikan tentang implementasi dari desain
website yang telah dikembangkan oleh penulis.
d. Testing
Tahapan testing merupakan tahapan pengujian website yang sudah
dikembangkan oleh penulis. Pada penelitian kali ini penulis akan
memilih melakukan testing dengan metode black-box untung
mengetahui hasil dari website sudah sesuai atau tidak.
 6

1.6 Sistematika Penulisan

Sistematika penulisan dalam penelitian ini disusun seperti berikut:
BAB I Pendahuluan
Bab pendahuluan berisikan informasi yang sudah dikumpulkan oleh
penulis mulai dari latar belakang, rumusan masalah, tujuan dan
manfaat penelitian, metode penelitian, serta sistematika penulisan.
BAB II Tinjauan Pusataka
Bab tinjauan pustaka berisikan hasil dari penelitian penelitian
sebelumnya tentang topik yang relevan sebagai bahan acuan untuk
penelitian ini.
BAB III Analisa dan Perancangan
Bab analisa dan perancangan berisi tentang segala kebutuhan yang
diperlukan penulis untuk membuat sistem informasi Web Profile TK
Islam Satria Hasanudin seperti kebutuhan perangkat keras yang
digunakan, kebutuhan perangkat lunak, dan perancangan desain.
BAB IV Implementasi
Bab implementasi berisikan tentang implementasi dari sistem
informasi penjualan yang telah dirancang oleh penulis.
BAB V Hasil dan Pembahasan
Bab hasil dan pembahasan berikan tentang hasil dari perancangan
website profile TK Islam Satria Hasanudin.
BAB VI Kesimpulan dan Saran
Bab kesimpulan dan saran adalah bab yang berisi tentang inti dari
penelitian ini serta saran saran dari pembaca yang ditujukan untuk
memperbaiki kesalahan dalam penelitian yang dilakukan.
 7

BAB II
TINJAUAN PUSTAKA

2.1 Pustaka yang Terkait dengan Penelitian

Tinjauan pustaka memuat uraian sistematis tentang informasi hasil penelitian
yang telah dilakukan sebelumnya dengan masalah yang sedang diteliti yaitu
pembahasan mengenai Desain Website Media Promosi pada TK Islam Hasanudin.
Tinjuan pustaka dibuat dengan tujuan untuk memperoleh data pendukung
dalam pembuatan desain Website Media Promosi pada TK Islam Hasanudin .
Berikut ini merupakan rangkuman penelitian yang memiliki persamaan dengan
judul tugas akhir ini.
(Fahmi & Windasari, 2022) Website berperan sebagai media promosi bagi
sekolah dengan menyajikan informasi mengenai keunggulan sekolah dan
menyampaikan dengan tampilan semenarik mungkin.
(Nurul Hima Hodayati, 2023) Website merupakan hasil pengembangan
teknologi informasi yang memudahkan pengguna internet terhadap kegiatan
penyampaian serta penerimaan informasi dan website menjadi salah satu faktur
pendukung suatu organisasi pada implementasinya.
(Radhiani & Sirwan, 2019) Wordpress merupakan program open source.
Aplikasi ini dikembangkan pertama oleh Michel Valdrighi pada tahun 2003.
Dengan sifatnya yang dapat diunduh gratis dan dapat dimodifikasi oleh siapa saja
program ini menjadi solusi bagi pengembangan pembelajaran yang lebih efektif dan
efisien.
2.2 Penelitian Terdahulu
Penelitian yang dilakukan kali ini tidak luput dari hasil penelitian penelitian
yang sudah pernah dilakukan dulu. Hasil penelitian terdahulu digunakan sebagai
acuan dan perbandingan bagi penulis untuk penelitian kali ini.
Susanto Alip, 2016, bahwa perancangan website dapat memberi manfaat
yaitu memudahkan dalam mendapat indormasi sekolah. Perbedaan dengan
penelitian yang ditulis adalah Objek penelitian dan lokasi penelitian.
 8

Kusumah Rhamadan Erdika, 2022, bahwa ketika menggunakan website

memudahkan admin dalam proses menyebarkan dan juga mengelola nilai siswa.
Perbedaan dengan penelitian yang ditulis oleh penulis ini adalah pada pemilihan
metode penelitian dimana penelitian kali ini menggunakan Metode penelitian yang
menggunakan metode framework laravel, objek penelitian, lokasi penelitian.

2.3 Tabel Perbedaan Penelitian

Tabel 2.1
Rangkuman Perbedaan Penelitian
Nama Peneliti Judul Penelitian Hasil Penelitian Perbedaan Penelitian
Susanto Perancangan Disimpulkan bahwa Objek penelitian,
Alip,2016 Website Sekolah website sudah lokasi penelitian.
SMK Al-Islam terdapat fitur menu
Surakarta dengan berita dan agenda
Wordpress sehingga guru atau
masyarakat dapat
dengan mudah
mendapat informasi
tentang sekolah.
Kusumah Rancang Bangun Disimpulkan bahwa Metode penelitian
Rhamadan Website Sekolah ketika menggunakan yang menggunakan
Erdika, 2022. pada SMPN 1 website metode framework
Cilamaya Wetan memudahkan admin laravel, objek
Menggunakan dalam proses penelitian, lokasi
Framework Laravel menyebarkan dan penelitian.
juga mengelola nilai
siswa.
 9

BAB III
ANALISA DAN PERANCANGAN

3.1 Tahap Analisa

3.1.1 Analisa Kebutuhan Perangkat Keras

Dalam penelitian ini penulis menggunakan beberapa perangkat keras

untuk membangun web profile TK Islam Hasanudin, berikut spesifikasinya:
a. Laptop : RAM 4 GB, Memory 512 GB
b. Keyboard
c. Mouse

3.1.2 Analisa Kebutuhan Perangkat Lunak

Untuk membangun website penjualan tidak hanya diperlukan perangkat

keras saja tetapi juga diperlukan perangkat lunak agar website penjualan dapat
digunakan dengan baik. Beberapa perangkat lunak yang digunakan oleh
penulis adalah:
a. OS Windows 11
b. Google Chrome
c. CMS Wordpress

3.1.3 Analisa Kebutuhan Data

Data yang dibutuhkan dalam pembuatan Web Profile TK Islam

Hasanudin, melihat apa saja yang ada TK Islam Hasanudin dan memotret
objek-objek yang dibutuhkan.
3.2 Perancangan Desain Website
3.2.1 Desain Tampilan Halaman Home

Tampilan Home didesain untuk menampilkan Header yang berisikan

Logo, Button, Home, About, Visi-Misi, Contact, dan Sidebar. Terdapat kolom
image yang nantinya diisi dengan foto murid-murid kemudian ditempel dengan
 10

slogan sekolah,beberapa kegiatan yang dilakukan di sekolah dan beberapa

tenaga kerja di TK Islam Hasanudin serta link untuk ke halaman pendaftaran.
Desain Tampilan Home dapat dilihat pada gambar 3.1

Gambar 3.1 Desain Tampilan Halaman Home

 11

3.2.2 Desain Tampilan Halaman About

Tampilan About didesain untuk menampilkan deskripsi sekolah, daftar

tenaga pengajar secara lengkap, dan Hyperlink youtube terkait TK Islam
Hasanudin. Desain Tampilan About dapat dilihat pada gambar 3.2

Gambar 3.2 Desain Tampilan Halaman About

3.2.3 Desain Tampilan Halaman Visi-Misi

Tampilan Visi-Misi didesain untuk menampilkan deskripsi Visi-Misi serta

tujuan dari Tk islam hasanudin. Desain Tampilan Visi-Misi dapat dilihat pada
gambar 3.3
 12

Gambar 3.3 Desain Tampilan Halaman Visi-Misi

3.2.4 Desain Tampilan Halaman Contact

Tampilan Contact Us didesain untuk menapilkan informasi seperti nomer

telepon, informasi pendaftaran. Desain Tampilan Contact dapat dilihat pada gambar
3.4

Gambar 3.4 Desain Tampilan Halaman Contact

 13

3.2.5 Desain Tampilan Side Bar

Tampilan Side Bar didesain untuk menampilkan kolom search serta

deskripsi singkat website dan menampilkan alamat sekolah. Desain Tampilan
Contact Us dapat dilihat pada gambar 3.5

Gambar 3.5 Desain Tampilan Side Bar

 14

BAB IV
IMPLEMENTASI
4.1 Implementasi Web
Pada bab ini akan dijelaskan mengenai implementasi dari Web Profile TK
Islam Hasanudin menggunakan Wordpress. Implementasi ini dilakukan dilakukan
setelah tahap perencanaan selesai.
4.2 Tampilan Halaman Pengguna
4.2.1 Halaman Home

Halaman Home mengacu pada gambar 3.1 adalah halaman dimana

pengunjung pertama kali mengakses website. Pada halaman ini dibagian header
terdapat logo tulisan TK Islam Hasanudin dan juga tombol navigasi untuk menuju
page Home, About, Visi-Misi, dan juga Contact, pengguna dapat melihat slogan
sekolah yang dibelakangnya terdapat gambar dari murid murid TK Islam
Hasanudin, kemudian dibawahnya terdapat text box yang berisi pendekatan
pembelajaran dan juga button menuju halaman about. dan informasi terbaru. Dapat
dilihat pada gambar 4.1, 4.2, 4.3, dan 4.4

Gambar 4.1 Halaman Home

 15

Gambar 4.2 Halaman Home

Gambar 4.3 Halaman Home

 16

Gambar 4.4 Halaman Home

4.2.2 Halaman About

Halaman About adalah halaman dimana pengunjung dapat melihat semua

informasi yang telah ditampilkan yaitu textbox berisi karakteristik TK Islam
Hasanudin kemudian link youtube terkait TK Islam Hasanudin oleh admin website.
Dapat dilihat pada gambar 4.5 dan 4.6
 17

Gambar 4.5 Halaman About

Gambar 4.6 Halaman About

4.2.3 Halaman Visi-Misi

Halaman ini berisi Visi-Misi serta tujuan dibentuknya TK Islam

Hasanudin.Dapat dilihat pada gambar 4.7 dan 4.8
 18

Gambar 4.7 Halaman Visi-Misi

Gambar 4.8 Halaman Visi-Misi

 19

4.2.4 Halaman Contact

Halaman Contact adalah halaman yang berisi alamat,telepon serta informasi pendaftaran
yang berguna untuk calon siswa/siswa baru mendapatkan informasi tentang TK Islam Hasanudin.
Dapat dilihat pada gambar 4.9

Gambar 4.9 Halaman Contact

4.2.5 Side Bar

Side Bar adalah Tampilan yang dibuat agar dapat menambahkan fitur search,dimana
pengunjung dapat mencari konten/informasi yang ingin dituju dengan lebih mudah. Dapat dilihat
pada gambar 4.10

Gambar 4.10 Halaman Sidebar

 20

BAB V HASIL DAN PEMBAHASAN

5.1 Hasil Penelitian
Untuk mengetahui apakah website yang telah dikembangkan dapat berjalan sesuai
dengan apa yang diinginkan oleh penulis, maka penulis melakukan pengujian website
dengan metode Black Box. Metode ini dilakukan dengan cara melakukan input kepada
menu-menu yang ada pada website melalui sudut pandang pengguna.

5.1.1 Pengujian Menu Home

Pengujian Menu Home dilakukan dengan cara melakukan Klik pada Menu Home,
hasil yang diinginkan adalah wesbite akan menampilkan Halaman Home. Dengan
pengujian yang telah dilakukan, hasil yang didapatkan adalah wesbite menampilkan
Halaman Home. Maka disimpulkan bahwa hasil pengujiannya mendapatkan hasil
yang sesuai.

Gambar 5.1 Pengujian Menu Home

 21

5.1.2 Pengujian Menu About

Pengujian Menu About dilakukan dengan cara melakukan Klik pada Menu About,
harapannya adalah website akan menampilkan Halaman About. Dari hasil pengujian
yang telah dilakukan, dapat disimpulkan bahwa website berhasil menampilkan
Halaman About sesuai dengan yang diinginkan. Oleh karena itu, hasil pengujiannya
dapat dianggap sesuai.

Gambar 5.2 Pengujian Menu About

5.1.3 Pengujian Menu Visi-Misi

Pengujian Menu Visi-Misi dilaksanakan dengan mengklik opsi Menu Visi-Misi,

dengan ekspektasi bahwa website akan menampilkan Halaman Visi-Misi.
Berdasarkan hasil pengujian yang dilakukan, dapat disimpulkan bahwa website
berhasil menampilkan secara memadai Halaman Visi-Misi sesuai dengan harapan.
Maka dari itu, dapat dinyatakan bahwa hasil pengujiannya sesuai dengan yang
diinginkan.
 22

Gambar 5.3 Pengujian Menu Visi-Misi

5.1.4 Pengujian Menu Contact

Uji Menu Contact dilakukan melalui tindakan klik pada Menu Contact, dengan
harapan bahwa website akan menavigasikan pengguna ke Halaman Kontak. Hasil
evaluasi menunjukkan bahwa website berhasil menampilkan Halaman Kontak sesuai
dengan antisipasi yang diinginkan. Oleh karena itu, kesimpulan yang dapat diambil
adalah hasil pengujian sesuai dengan ekspektasi.

Gambar 5.4 Pengujian Menu Contact

 23

5.1.5 Pengujian Menu Side Bar

Pengujian Menu Sidebar dilakukan dengan mengklik opsi Sidebar, dengan harapan
bahwa website akan merespons dengan menampilkan tautan-tautan atau fitur yang
relevan. Berdasarkan evaluasi yang telah dilakukan, dapat disimpulkan bahwa
website berhasil menampilkan Sidebar dengan baik sesuai dengan harapan
pengguna. Oleh karena itu, hasil pengujiannya dapat dianggap memuaskan dan
sesuai dengan ekspektasi.

Gambar 5.5 Pengujian Menu Side Bar

5.1.6 Pengujian Menu Search

Pengujian Menu Search dilakukan dengan mengaktifkan opsi pencarian pada menu,
dengan harapan bahwa website akan memberikan informasi pencarian yang
relevan. Setelah melaksanakan pengujian, dapat disimpulkan bahwa website
berhasil menyajikan hasil pencarian sesuai dengan harapan, menunjukkan
responsifitas yang memuaskan. Maka dari itu, hasil pengujian dapat dianggap
memenuhi standar dan sesuai dengan keinginan pengguna.

Gambar 5.6 Pengujian Menu Search

 24

5.2 Pembahasan

Pada pembahasan ini akan dilakukan pengujian untuk memastikan menu-menu yang
terdapat pada web dapat berjalan dengan baik dan sesuai. Pengujian ini akan dilakukan
menggunakan black box.

Tabel 5. 1 Hasil Pengujian Black Box

No Pengujian Test Case Hasil yang Keterangan
diharapkan Hasil
1 Menu Home
Dapat masuk ke Menampilkan
home halaman home
Sukses
Tidak
Tidak dapat menampilkan
masuk home halaman home
2 Menu About
Menampilkan
Dapat membuka
halaman
halaman About
About
Sukses
Tidak dapat Tidak
membuka menampilkan
halaman halaman about
About
3 Tombol Menu Visi-Misi
Dapat Menampilk
membuka an halaman
halaman visi- Visi-Misi
misi
Sukses

Tidak dapat Tidak

membuka menampilkan
halaman Halaman visi-
visi-misi misi

4 Tombol Menu Contact

Menampilk
Dapat
an halaman
membuka
contact
halaman contact
Sukses
Tidak
Tidak dapat
menam
membuka
pilkan
halaman
halaman
contact
contact
 25

5 Tombol Side Bar

Dapat Menampil
membuka kan
menu side halaman
bar side bar Sukses
Tidak
Tidak dapat menampilk
membuka an halaman
halaman sidebar
side bar
6 Search

Input info Menampilk

yang ingin an
dicari di dalam informasi
website yang dituju
Sukses

Berdasarkan pengujian black box diatas dapat disimpulkan bahwa desain yang
dirancang dapat berjalan dengan baik sesuai perintahnya.