Kata Pengantar

Puji dan syukur kami sebagai penulis panjatkan kehadirat Tuhan Yang Maha Esa karena
atas berkat dan Karunia-Nya, sehingga kami mampu menyelesaikan laporan kerja praktek ini
dengan judul Membangun Website Sebagai Media Promosi dan Informasi Menggunakan
PHP dan MYSQLI di PG-TKK Sang Timur. Kerja praktek merupakan salah satu mata kuliah
semester VI dan merupakan salah satu syarat sebelum penulisan proposal.

Proses penyusunan laporan ini melibatkan bantuan dari berbagai pihak. Oleh karena itu,
tak lupa penulis ucapkan terima kasih kepada :
1. Bapak Ir. Angelinus Vincentius, M. Si selaku Rektor Universitas Nusa Nipa Maumere.
2. Bapak Harry Janto, ST., MEM selaku Dekan Fakultas Teknik Universitas Nusa Nipa
Maumere.
3. Suster Maria Clarina, PIJ, selaku Kepala Sekolah PG-TKK Sang Timur beserta staf-
staf pengajar yang telah memberikan ijin bagi kami untuk melakukan kerja praktek dan
pengambilan data.
4. Ibu Maria Margaretha Alaqok, selaku bagian Tata Usaha Sekolah PG-TKK Sang Timur
yang bersedia mendampingi kami melakukan kerja praktek dan melengkapi data-data
yang kami butuhkan.
5. Bapak Agustinus L. Suban, S.Kom., MT selaku Ketua Program Studi Teknik
Informatika Fakultas Teknik Universitas Nusa Nipa Maumere.
6. Ibu Margaretha P.N. Rozady, ST., MT selaku Dosen Pembimbing yang dengan penuh
kesabaran telah meluangkan waktu, tenaga, dan pikiran untuk memberikan masukan
dan saran sehingga penulis dapat menyelesaikan laporan kerja praktek ini dengan baik.
7. Semua pihak yang dengan caranya masing-masing telah memberikan dukungan dalam
bentuk apapun dalam penyelesaian laporan kerja praktek ini.

Akhir kata kami berharap semoga laporan kerja praktek ini bias bermanfaat bagi semua pihak
yang membutuhkan dan semoga Tuhan Yang Maha Esa selalu senantiasa melimpahkan berkat
dan rahmat-Nya kepada kita semua.

Maumere, 26 September 2016

Penulis
i
 DAFTAR ISI

Kata Pengantar ............................................................................................................................ i

Daftar tabel ................................................................................................................................ v

Daftar gambar ........................................................................................................................... vi

Bab I ........................................................................................................................................... 1

Pendahuluan ............................................................................................................................... 1

1.1 Latar Belakang ............................................................................................................ 1

1.2 Lingkup ....................................................................................................................... 2

1.3 Tujuan.......................................................................................................................... 2

1.4 Metode Penelitian ........................................................................................................ 2

1.4.1 Metode Pengumpulan Data .................................................................................. 2

1.4.2 Metode Perancangan Perangkat Lunak ................................................................ 3

1.5 Sistematika Penulisan.................................................................................................. 3

Bab II ......................................................................................................................................... 5

Teori Penunjang Kerja Praktek .................................................................................................. 5

2.1 Teori Penunjang Kerja Praktek ........................................................................................ 5

2.1.1 Pengertian Internet .................................................................................................... 5

2.1.2 Pengertian Website ................................................................................................... 5

2.1.3 Pengertian Web Server ............................................................................................. 6

2.1.4 Pengertian Domain dan Hosting ............................................................................... 6

2.1.5 Entity Relationship Diagram (ERD) ......................................................................... 7

2.1.6 Data Flow Diagram (DFD) ..................................................................................... 10

2.2 Aplikasi yang digunakan................................................................................................ 12

2.2.1 PHP ......................................................................................................................... 12

2.2.2 MySQLi .................................................................................................................. 12

2.2.3 JQuery ..................................................................................................................... 13

2.2.5 Web Browser .......................................................................................................... 13

ii
Bab III ...................................................................................................................................... 14

Pelaksanaan Kerja Praktek....................................................................................................... 14

3.1 Gambaran Umum ........................................................................................................... 14

3.1.1 Visi dan Misi ........................................................................................................... 15

3.1.2 Tujuan ..................................................................................................................... 15

3.1.3 Struktur Organisasi ................................................................................................. 16

3.2 Lingkup Kerja ................................................................................................................ 16

3.3 Deskripsi Pekerjaan ....................................................................................................... 17

3.4 Jadwal Kerja Praktek ..................................................................................................... 17

3.5 Jadwal Kerja................................................................................................................... 19

3.6 Gambaran Tentang Sistem Yang Sedang Berjalan ........................................................ 22

3.7 Gambaran Mengenai Sistem Baru ................................................................................. 22

3.7.1 Diagram Konteks Sistem Baru................................................................................ 23

3.7.2 Diagram Berjenjang ................................................................................................ 23

3.7.3 Diagram Level 0 ..................................................................................................... 24

3.7.4 Diagram Level 1 Proses 2 (memasukkan data)....................................................... 25

3.7.5 Diagram Level 1 Proses 3 (menampilkan data) ..................................................... 26

3.7.6 Entity Relationship Diagram (ERD) ....................................................................... 27

3.7.7 Desain Database ...................................................................................................... 27

3.8 Persiapan Implementasi ................................................................................................. 30

3.8.1 Desain Halaman User ............................................................................................. 30

3.8.2 Desain halaman Admin ........................................................................................... 43

BAB IV .................................................................................................................................... 49

Implementasi ............................................................................................................................ 49

Bab V ....................................................................................................................................... 62

Penutup .................................................................................................................................... 62

5.1 Kesimpulan .................................................................................................................... 62

iii
 5.2 Saran .............................................................................................................................. 62

DAFTAR PUSTAKA ..............................................................................................................vii

Lampiran A. Log Activity ....................................................................................................... 64

Lampiran B. Halamann Penilaian Kerja Praktek ..................................................................... 70

Lampiran C. Surat Penerimaan Kerja Praktek ......................................................................... 71

Lampiran D. Lembar Konsultasi ............................................................................................. 72

iv
 Daftar tabel
Tabel 3.1 Admin ...................................................................................................................... 28

Tabel 3.2 Menu ........................................................................................................................ 28

Tabel 3.3 Halaman ................................................................................................................... 28

Tabel 3.4 Galeri ....................................................................................................................... 28

Tabel 3.5 Pegumuman ............................................................................................................. 29

Tabel 3.6 Pesan ........................................................................................................................ 29

Tabel 3.7 Submenu .................................................................................................................. 29

v
 Daftar gambar
Gambar 4.1 Tampilan beranda user ......................................................................................... 50

Gambar 4.2 Tampilan beranda user ......................................................................................... 50

Gambar 4.3 Tampilan menu galeri .......................................................................................... 52

Gambar 4.4 Tampilan Beranda Admin .................................................................................... 53

Gambar 4.5 Tampilan edit menu admin .................................................................................. 53

Gambar 4.6 Tampilan edit submenu admin ............................................................................. 54

Gambar 4.7 Tampilan edit submenu admin ............................................................................. 55

Gambar 4.9 Tampilan edit data halaman admin ...................................................................... 56

Gambar 4.10 Tampilan edit galeri admin ................................................................................ 57

Gambar 4.11 Tampilan edit galeri admin ............................................................................... 58

Gambar 4.13 Tampilan balas pesan admin .............................................................................. 59

Gambar 4.14 Tampilan balas pesan admin .............................................................................. 60

Gambar 4.15 Tampilan ubah password admin ........................................................................ 61

vi
 Bab I
Pendahuluan
1.1 Latar Belakang
Keberadaan internet menjadi sarana untuk mendapatkan dan menyebarkan informasi
dengan cepat. Internet memberikan kemudahan bagi manusia baik itu dalam urusan
individu maupun lembaga dalam bidang pendidikan, pemerintahan, dan komersial.
Dengan menggunakan jaringan ini, sebuah instansi dalam berbagai bidang dapat
melakukan penyebaran informasi kepada masyarakat luas. Secara online kita dapat
menggunakan website sebagai media untuk memperkenalkan dan menyebarkan informasi
yang dapat diakses oleh masyarakat luas.
Dengan menggunakan fungsi website tersebut maka lembaga pendidikan dapat
menggunakan website sebagai media untuk memberikan informasi serta memperkenalkan
secara lengkap, detail dan jelas. Melalui cara inilah maka lembaga pendidikan tersebut
dapat dikenal sehingga meningkatkan mutu dari lembaga pendidikan tersebut.
PlayGroup-Taman Kanak-Kanak Sang Timur adalah lembaga pendidikan bagi anak-
anak usia dini. Sekolah yang diasuh oleh Yayasan Susteran Sang Timur, didirikan pada
tanggal 11 Agustus 2003 yang berlokasi di Jalan Wairklau No. 80 Kelurahan Kota Uneng
Kecamatan Alok, merupakan sekolah yang didirikan untuk menjawab kebutuhan
pendidikan masyarakat Maumere secara khusus untuk menampung anak-anak usia dini di
sekitar daerah wairklau dan sekitarnya.
Sekolah ini secara resmi mendapat izin operasionalnya pada tahun 2007 dari Dinas
PPO dan mendapatkan akreditasi A pada tahun 2008. Sekolah multikultural ini juga aktif
di berbagai kegiatan di luar dan sudah mendapat berbagai piagam penghargaan, seiring
dengan misi sekolah untuk membawa anak-anak kepada Tuhan walau berbeda agama. Tiap
tahun PG-TKK Sang Timur membuka pendaftaran bagi anak-anak usia dini untuk
dibimbing di sekolah tersebut, dengan menggunakan cara promosi yaitu menyebarkan
informasi menggunakan brosur, memasang spanduk di depan sekolah, serta memberikan
pengumuman melalui radio dan gereja.
Cara ini memang membantu mereka dalam menyampaikan informasi dan
memperkenalkan sekolah tersebut, namun seiring kemajuan teknologi internet cara ini
menjadi kurang efektif dan efisien, dikarenakan makin banyak orang yang mengakses
informasi melalui internet dibandingkan mendengarkan pengumuman atau membaca pada
1
 spanduk dan brosur. Sehingga diusulkan salah satu alternatif yang bisa membantu, yaitu
membangun sebuah website sebagai media promosi sekaligus media informasi bagi
masyarakat luas.
Berdasarkan latar belakang di atas, maka penulis menyusun laporan kerja praktek ini
dengan judul Rancang Bangun Website Sekolah Sebagai Media Promosi dan Informasi
Menggunakan PHP dan MYSQLI di PG-TKK Sang Timur.

1.2 Lingkup
Berdasarkan lingkup materi kerja praktek yang dilaksanakan di sekolah PG-TKK
Sang Timur dalam membangun website sekolah sebagai media promosi dan informasi
menggunakan PHP dan MYSQLI, ruang lingkup pembahasan dibatasi pada membuat
interface halaman website yang terdiri dari halaman home, admin, pegumuman, profil,
galeri, ppdb dan kontak. Dengan submenu yang terdiri dari halaman sejarah, visi dan misi,
staf pengajar, tata tertib dan halaman kurikulum.

1.3 Tujuan
Tujuan pelaksanaan kerja praktek di PG-TKK Sang Timur adalah membangun sebuah
media informasi dan promosi, dalam hal ini website untuk menyebarkan informasi dan
memperkenalkan sekolah PG-TKK Sang Timur kepada masyarakat luas sehingga
masyarakat dapat memperoleh informasi yang diinginkan dengan lengkap, detail dan jelas
dan dapat berguna untuk meningkatkan mutu sekolah dan siswa yang mendaftar.

1.4 Metode Penelitian

1.4.1 Metode Pengumpulan Data

Metode pengumpulan data dan informasi dalam penyusunan laporan kerja praktek ini,
yaitu melalui :
1. Wawancara, yaitu mengumpulkan data dan informasi secara langsung dengan cara
mewawancarai narasumber yang terkait. Yang menjadi narasumber adalah ibu
bagian tata usaha dan ibu wakil kepala sekolah bagian kurikulum PG-TKK Sang
Timur.
2. Studi literatur, yaitu mengumpulkan data dan informasi dari sumber bacaan, seperti
buku, jurnal yang berkaitan dengan laporan kerja praktek. Dalam hal ini, studi
2
 literatur yang diambil adalah dari contoh laporan kerja praktek ITB, dan jurnal
teknik informatika.
3. Observasi di PG-TKK Sang Timur, yaitu mengumpulkan semua data-data yang
dibutuhkan untuk membangun website Sekolah. Data-data yang dikumpulkan
dalam hal ini adalah data-data mengenai sejarah sekolah, struktur organisasi
sekolah, tenaga mengajar, dan kegiatan murid bersama guru dan orangtua.

1.4.2 Metode Perancangan Perangkat Lunak

Metode perancangan perangkat lunak yang digunakan untuk membangun Website
Sekolah PG-TKK Sang Timur Maumere adalah menggunakan model Spiral. Model Spiral
adalah suatu model perancangan perangkat lunak yang dilakukan secara bertahap dan dinamis,
sehingga memungkinkan pengembangan versi perangkat lunak yang lebih lengkap secara
bertahap. Metode Spiral memiliki tahap-tahap yaitu :
1. Analisa kebutuhan, yaitu mencari apa yang dibutuhkan oleh sistem. Dari kebutuhan
sistem tersebut akan diterapkan ke dalam perangkat lunak tersebut.
2. Perancangan sistem, yaitu merancang kerangka sistem.
3. Penulisan kode program, yaitu mengimplementasikan rancangan ke dalam bahasa
pemograman tertentu.
4. Pengujian program, yaitu melakukan pengujian setelah program selesai dibuat.
5. Penerapan program dan pemeliharaan.
6. Evaluasi, yaitu hubungan antara orang yang membutuhkan perangkat lunak dan
pembuat perangkat lunak terus ada, di mana bisa mengembangkan versi dari perangkat
lunak sesuai dengan kebutuhan yang juga sewaktu-waktu bisa berubah. Sehingga
memungkinkan untuk kembali ke tahapan-tahapan perancangan perangkat lunak
sebelumnya.

1.5 Sistematika Penulisan

Penyusunan laporan kerja praktek ini diuraikan dalam beberapa bab dan sub bab yang
tersusun sebagai berikut :

Bab I Pendahuluan
Bab ini membahas mengenai latar belakang masalah, lingkup kerja praktek, tujuan kerja
praktek, sistematika laporan, metode penelitian dan perancangan perangkat lunak.

3
Bab II Teori Penunjang Kerja Praktek
Bab ini membahas mengenai teori penunjang kerja praktek dan kakas pembangunan
perangkat lunak.

Bab III Pelaksanaan Kerja Praktek

Bab ini membahas mengenai gambaran sistem lama dan perancangan sistem baru.

Bab IV Implementasi
Bab ini membahas mengenai implementasi sistem.

Bab V Penutup
Bab ini membahas mengenai kesimpulan dan saran.

4
 Bab II
Teori Penunjang Kerja Praktek

2.1 Teori Penunjang Kerja Praktek

2.1.1 Pengertian Internet

Internet adalah kelompok atau kumpulan dari jutaan komputer, yang penggunaannya
memungkinkan untuk mendapatkan informasi dari komputer yang ada di dalam kelompok
tersebut dengan asumsi bahwa pemilik komputer memberikan hak akses. (Simarmata,
2010:47). Internet juga merupakan sekumpulan jaringan yang terhubung satu dengan lainnya,
di mana jaringan menjadikan sambungan menuju global informasi. (Sutedjo,dkk, 2007:117).
Menurut Kadir (2002), internet adalah metode untuk menghubungkan berbagai
computer ke dalam suatu jaringan computer global, melalui protocol disebut Transmission
Control Protocol/ internet protocol (TCP/IP). Protocol adalah suatu petunjuk yang
menunjukkan pekerjaan yang akan pengguna (user) lakukan dengan internet, apakah akan
mengakses situs web, melakukan transfer file, mengirim email dan sebagainya. Protocol bisa
dibayangkan seperti suatu bahasa yang digunakan untuk berkomunikasi berbagai jenis
computer maupun sistem operasi yang terhubung di internet.
Daya guna internet itu terletak pada informasi itu sendiri, bukan pada jaringan
computer. Informasi itu ada karena beberapa orang atau beberapa kelompok memberikan
waktu, usaha dan karya mereka. Mereka mempunyai ide, menyusunnya, menciptakan sesuatu
yang berguna dan membuatnya tersedia buat pemakai internet di seluruh dunia. (Shalahuddin
dan Rosa, 2010:3).

2.1.2 Pengertian Website

Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan
informasi data teks, data gambar diam atau gerak, data animasi, suara, video atau gabungan
dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait di mana masing-masing dihubungkan dengan jaringan-jaringan
halaman (hyperlink). (Purwanti, 2008).
Menurut Yulaitmoko (2010), secara garis besar website bisa digolongkan menjadi tiga bagian
, yaitu :
1. Website statis adalah web yang mempunyai halaman yang tidak berubah.

5
 2. Website dinamis merupakan website yang memerlukan update sesering mungkin.
Contoh website dinamis adalah web berita atau web portal yang di dalamnya terdapat
fasilitas berita, polling dan sebagainya.
3. Website interaktif adalah web yang saat ini memang sedang booming, user bisa
berinteraksi dan beradu argument. Salah satu contoh website interaktif adalah blog
dan forum.
Menurut Rahmat (2010:3), website terbagi atas empat berdasarkan fungsinya, yaitu :
1. Personal website, website yang berisi informasi pribadi seseorang,
2. Commercial website, website yang dimiliki oleh sebuah perusahaan yang bersifat
bisnis.
3. Government website, website yang dimiliki oleh instansi pemerintahan, pendidikan
yang bertujuan memberikan pelayanan kepada pengguna.
4. Non-profit organization website, dimiliki oleh organisasi yang bersifat non-profit atau
tidak bersifat bisnis.

2.1.3 Pengertian Web Server

Web server adalah tempat anda mendapatkan halaman web dan data yang
berhubungan dengan website yang anda buat, sehingga data dapat diakses dan dilihat
oleh orang lain. (Jhonsen, 2004:174).

2.1.4 Pengertian Domain dan Hosting

Domain adalah alamat unik di dunia internet yang digunakan untuk
mengidentifikasi sebuah website, atau dengan kata lain domain adalah alamat yang
digunakan untuk mencari dan menemukan sebuah website pada dunia internet (Rahmat,
2010:9). Menurut Oya Suryana (2008:7), domain pada umumnya dikenal identic dengan
nama url atau website, sebagai contoh domain blog bisnis: http://onlinebisnis.web.id dan
lain-lain. Hosting berasal dari kata host. Computer yang terhubung dalam jaringan
memanfaatkan fasilitas yang tersedia dalam suatu computer yang terhubung dengan
jaringan. Hosting menyediakan sumber daya server-server untuk disewakan sehingga
memungkinkan organisasi atau individu menempatkan informasi di internet, server hosting
terdiri dari gabungan server-server atau sebuah server yang terhubung dengan jaringan
internet berkecepatan tinggi. (Bonafit Nugroho, 2008).

6
2.1.5 Entity Relationship Diagram (ERD)
Menurut Halim (2013), untuk mendeskripsikan hubungan antara penyimpanan data
yang dirancang di DFD dibutuhkan suatu model jaringan yang menghubungkan struktur
data dan hubungan antar data. Model ini dikenal dengan nama Entity Relationship Diagram
(ERD). Penyajian sebuah diagram merupakan hal yang sangat penting dalam
mempresentasikan sebuah hubungan relasi. Untuk merancang sebuah basis data kita harus
memodelkan data-data tersebut agar penyajiannya menjadi lebih muda dimengerti dan
proses perancangannya juga lebih mudah karena datanya terstruktur. Salah satu metode
dalam model merancang suatu basis data yang banyak digunakan yaitu, Entity Relationship
Diagram (ERD).
ERD merupakan model jaringan data yang menekankan pada struktur-struktur data
dan relationship data. Model relasional merupakan model data yang paling banyak
digunakan saat ini. Hal ini disebabkan oleh bentuknya yang sederhana dibandingkan
dengan model jaringan atau model hirarki. Bentuk yang sederhana ini membuat pekerjaan
seorang programmer menjadi lebih mudah, yaitu dalam melakukan berbagai operasi data
(insert, update, delete, dan lainnya). ERD digunakan untuk menggambarkan model
hubungan data dalam sistem, di mana didalamnya terdapat hubungan entitas beserta atribut
relasinya dan mendokumentasikan kebutuhan untuk sistem pemrosesan data.
Keuntungan menggunakan ERD sebagai berikut :
1. ERD berbentuk sederhana
2. Mudah melakukan berbagai operasi data
3. ERD digunakan untuk menghindari pengulangan informasi
4. ERD digunakan untuk menghindari hilangnya informasi
Elemen-elemen ERD adalah sebagai berikut :
1. Entity (Entitas)
Pada ERD, entitas digambarkan dengan sebuah bentuk persegi panjang. Entitas adalah
sebuah objek yang ada di dalam sistem baik itu nyata maupun abstrak dan dapat
dibedakan dengan objek lain. Entitas diberi nama denan kata benda dan dikelompokkan
dalam empat jenis nama yaitu : orang, benda, lokasi dan kejadian. Setiap entitas
memiliki atribut sebagai keterangan dari entitas. Misalnya: entitas mahasiswa yang
memiliki atribut nim, nama dan alamat. Setiap entitas juga memiliki kunci atribut atau
primary key. Misalnya: entitas mahasiswa dengan atribut nim sebagai primary key

7
 sedangkan entitas dosen memiliki atribut no_dosen sebagai primary key. Symbol
entitas dapat dilihat pada gambar berikut :

Gambar 2.1 Entity

2. Relationship
Pada ERD, relationship dapat digambarkan dengan sebuah belah ketupat. Pada
umumnya penghubung diberi nama dengan kata kerja dasar sehingga memudahkan
untuk membaca relasinya. Symbol relationship dapat dilihat pada gambar sebagai
berikut :

Gambar 2.2 Relationship

3. Derajat Relationship (Relationship Degree)

Derajat relationship adalah jumlah entitas yang berpartisipasi dalam suatu relationship.
Symbol derajat relationship dapat dilihat pada gambar sebagai berikut :

Gambar 2.3 Derajat Relationship

4. Atribut
Atribut adalah sifat atau karakteristik dari tiap entitas maupun tiap relationshipnya.
Maksudnya atribut adalah sesuatu yang menjelaskan apa sebenarnya yang dimaksud
entitas dan relationshipnya. Dalam atribut terdapat value atau nilai yang merupakan

8
 suatu occurance tertentu dari sebuah atribut dalam entitas dan relationshipnya. Ada dua
jenis atribut nilai yaitu :
1. Identifier (Key)
Identifier digunakan untuk menentukan suatu entitas secara unik (primary key).
2. Descriptor (nonkey atribut)
Descriptor digunakan untuk menspesifikasikan karakteristik dari suatu entity yang
tidak unik. Symbol atribut dapat digambarkan sebagai berikut:

Gambar 2.4 Atribut

5. Kardinalitas Relasi
Kardinalitas relasi menunjukkan jumlah maksimum tupel yang dapat berelasi dengna
entitas pada entitas yang lain. Terdapat 3 macam entitas kardinalitas relasi yaitu ;
1. One to one
Tingkat hubungan ini menunjukkan hubungan satu ke satu, dinyatakan dengan satu
kejadian pada entitas pertama dan hanya mempunyai satu hubungan dengan satu
kejadian pada entitas yang ke dua dan sebaliknya.
Contoh kardinalitas one to one

1 1
Anggota Meminjam Buku

Gambar 2.5 one to one

2. One to many atau many to one
Tingkat hubungan satu ke banyak adalah sama dengan banyak ke satu, tergantung
dari mana hubungan tersebut dimulai. Untuk suatu kejadian pada entitas yang
pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas kedua.

9
 Sebaliknya, satu kejadian pada entitas yang kedua hanya dapat mempunyai satu
hubungan dengan satu kejadian pada entitas yang pertama.
Contoh kardinalitas Many to one

N 1
Siswa Memiliki Ruang kelas

Gambar 2.6 Many to one

3. Many to many
Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah entitas
akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya, dilihati
dari sisi entitas pertama maupun dilihat dari sisi yang kedua.

N N
Siswa diajarkan Guru

Gambar 2.7 Many to many

Langkah-langkah teknis yang dapat dilakukan untuk menghasilkan diagram ERD
adalah sebagai berikut :
a. Mengidentifikasi dan menetapkan seluruh entitas yang akan terlibat
b. Menentukan atribut-atribut key (primary key) dari masing-masing entitas
c. Mengidentifikasi dan menetapkan derajat / kardinalitas seluruh relasi antara
entitas-entitas yang ada beserta foreign key nya
d. Melengkapi entitas dan relasi dengan atribut-atribut deskriptif

2.1.6 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) awalnya dikembangkan oleh Chris Gane dan Trish
Sarson pada tahun 1979 yang termasuk dalam Structured Sistems Analysis and Design

10
 Methodology (SSADM) yang ditulis oleh Chris Gane dan Trish Sarson. Sistem yang
dikembangkan ini berbasis pada dekomposisi fungsional dari sebuah sistem. Berikut adalah
contoh DFD yang dikembangkan oleh Chris Gane dan Trish Sarson:

Aliran data

D4 Nama penyimpanan data

Gambar 2.8 Contoh DFD yang dikembangkan Chris Gane & Trish Sarson

Edward Yourdon dan Tom DeMarco memperkenalkan metode yang lain pada tahun
1980-an di mana mengubah persegi dengan sudut lengkung (pada DFD Chris Gane dan Trish
Sarson) dengan lingkaran untuk menotasikan. DFD model Edward Yourdon dan Tom
DeMarco popular digunakan sebagai model analisis sistem perangkat lunak untuk sistem
perangkat lunak yang akan diimplementasikan dengan pemograman terstruktur. Informasi
yang ada di dalam perangkat lunak dimodifikasi dengan beberapa transformasi yang
dibutuhkan. Data Flow Diagram (DFD) atau dalam bahasa Indonesia menjadi Diagram Alir

11
Data (DAD) adalah representasi grafik yang menggambarkan aliran informasi dan transformasi
informasi yang diaplikasikan sebagai data yang mengalir dari masukan (input) dan
keluaran(output). DFD dapat digunakan untuk merepresentasikan sebuah sistem atau perangkat
lunak pada beberapa level abstraksi.

2.2 Aplikasi yang digunakan

2.2.1 PHP
PHP singkatan dari Hypertext Preprocessor yang merupakan server-side
programming, yaitu bahasa pemograman yang diproses di sisi server. Fungsi utama PHP
dalam membangun website adalah untuk melakukan pengolahan data pada database. Data
website akan dimasukkan ke database, diedit dihapus dan ditampilkan pada website yang
diatur oleh PHP.(Rohi Abdulloh, 2016)

2.2.2 MySQLi
Salah satu software database relasional adalah MySQL yang didesain khusus untuk
menangani pengelolaan database di lingkungan web. PHP mempunyai fungsi atau
ekstension dalam mengakses database MySQL, ada tiga pilihan ekstension yang
digunakan, yaitu :
1. Mysql, contohnya : mysql_connect, mysql_query, mysql_fetch_array, dll.
2. Mysqli (i:improved), contohnya : mysqli_connect, mysqli_query, dll.
3. PDO (PHP Data Object).

Ekstension mysql paling popular di kalangan programmer PHP, namun sejak PHP versi 5.5
sudah tidak dianjurkan lagi untuk digunakan, sehingga ada peringatan resmi dari
pengembang PHP, kurang lebih bunyinya begini : Deprecated :mysql_connect(): The
mysql extension is deprecated and will be removed in the future: use mysqli or PDO
instead . Artinya, ekstension mysql dalam proses deprecated (akan dihapus pada PHP
versi berikutnya) , silahkan pakai ekstension mysqli atau PDO. Alasan tim pengembang
PHP mengapa sudah tidak menggunakan ekstension mysql adalah masalah keamanan
database dan performa kinerja database . Disamping itu, ekstension mysql tidak
menyediakan antarmuka berorientasi objek dan tidak mendukung fitur terbaru dari MySQL
seperti Prepared Statement, Transaction, Compression, Stored Procedure, dan Encryption
(SSL). (Lukman Hakim, 2014)

12
2.2.3 JQuery
JQuery merupakan sebuah framework dan cara baru dalam menuliskan kode
JavaScript. JavaScript sendiri adalah bahasa pemograman yang dapat bekerja di sebagian
besar browsesr terbesar seperti Google Chrome, Mozilla Firefox, Safari, Internet Explorer
(IE), Opera dan lainnya. Kode JavaScript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT. JQuery disini hadir untuk mengoptimisasi dan meringkaskan
cara penulisan library JavaScript, sehingga mempercepat perpindahan dokumen HTML,
penanganan event (event handling), pembuatan animasi di dalam web, sehingga web kita
tampak seperti Flash, sampai dengan interaksi AJAX untuk pengembangan web yang
modern dan cepat. JQuery mempunyai lisensi di bawah GNU artinya jQuery merupakan
aplikasi yang Open Source dan bebas dipublikasikan oleh siapapun. Ukurannya juga cukup
kecil yaitu sebesar 56 KB (compressed), sehingga menggunakan jQuery menjadi jauh lebih
cepat dan mudah daripada menggunakan framework yang lain atau menggunakan
JavaScript konvensional. (Hariyanto Agus, 2014)
Berbeda dengan php yang diproses di sisi server, JavaScript diproses pada computer
client. Karena pemrosesannya dilakukan di computer client, membuat JavaScript lebih
interaktif disbanding php. Peran JavaScript dalam membuat website adalah memberikan
efek animasi yang menarik, dan interaktifitas dalam penanganan event yang dilakukan oleh
pengguna website. (Abdulloh Rohi, 2015)III.2.4 Web Editor
Merupakan program aplikasi yang berfungsi mengetikkan perintah-perintah
dokumen web baik client slide scripting maupun server side scripting. Saat ini banyak
tersedia web editor mulai dari yang paling sederhana hingga yang lebih smart. Mulai dari
web editor yang berbayar hingga yang gratis. Contoh web editor adalah : Notepad,
Notepad++, Macromedia Dreamweaver. (M. Rudyanto Arief, 2011)

2.2.5 Web Browser

Digunakan untuk menampilkan hasil website yang telah dibuat. Web browser yang
paling sering digunakan, di antaranya Mozilla Firefox, Google Chrome, Internet Explorer,
Opera dan Safari. (Rohi Abdulloh, 2016)

13
 Bab III
Pelaksanaan Kerja Praktek

3.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, PG-TKK
Sang Timur tetap konsisten dalam mengemban misi Sang Timur dalam upaya membawa anak-
anak kepada Tuhan. Pendampingan anak intensif untuk membentuk mental-spiritual,
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.

14
 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.

3.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.

3.1.2 Tujuan
1. Membawa anak didik bercita-cita luhur dan berjiwa gembira.
2. Membawa anak didik untuk berjiwa murni dan memiliki cinta sejati.
3. Membawa anak didik untuk saling mencinta dan saling melayani.
4. Membawa anak didik untuk menjadi manusia yang bertanggung jawab, berdikari,
mandiri, tertib, disiplin, jujur, dan bermoral tinggi.

15
3.1.3 Struktur Organisasi

YKST-PUSAT

YKST-
PERWAKILAN
FLORES KOMITE SEKOLAH

MPK
KEPALA PG-TKK
DINAS PPO KAB

TATA USAHA
PARA GURU BENDAHARA

PESERTA DIDIK

PRESCHOOL PLAYGROUP TKA1 TKA2 TKB

Sumber : papan struktur organisasi PG-TKK Sang Timur

Gambar 3.1 Struktur Organisasi

YKST (Yayasan KeSangTimuran) dipimpin oleh seorang Madre yang bertempat di
Italia. YKST membuka cabang di Flores yang kemudian membangun sebuah sekolah di kota
Maumere dengan kedudukan tertinggi adalah Kepala Sekolah PG-TKK Sang Timur yang
berhubungan dengan MPK dan Komite Sekolah serta Dinas PPO Maumere. Di bawah Kepala
Sekolah ada tiga bagian unit yang berhubungan yaitu, Tata usaha (TU), Bendahara dan para
guru.

3.2 Lingkup Kerja

Tempat penulis melaksanakan kerja praktek adalah di PG-TKK Sang Timur Maumere.
Berdasarkan gambar struktur organisasi di atas, unit yang diberi tanda merah pada gambar
menunjukkan tempat penulis melaksanakan kerja praktek di bawah bimbingan Ibu Rid selaku
bagian Tata Usaha.

Sekolah ini membimbing anak-anak dari umur 2 tahun sampai dengan 5 tahun, dari
kategori PreSchool, PlayGroup, TK A, dan TK B. Ketika proses kerja praktek ini berlangsung,
PG-TKK Sang Timur sedang mempersiapkan brosur pendaftaran untuk dibagikan. Pada

16
pelaksanaan kerja praktek, penulis membantu membangun sebuah website sebagai media
promosi dan informasi untuk sekolah tersebut.

3.3 Deskripsi Pekerjaan

Deskripsi pekerjaan yang dilakukan selama kerja praktek di PG-TKK Sang Timur adalah
membangun website sebagai media promosi dan informasi yang menangani hal-hal berikut :
1. Menampilkan profil sekolah dan foto slideshow.
2. Menampilkan sejarah sekolah, visi misi, staf pengajar, tata tertib, galeri, pegumuman,
dan penerimaan peserta didik baru (ppdb).

3.4 Jadwal Kerja Praktek

Kerja praktek dilaksanakan dari tanggal 11 Maret 2016 sampai dengan 10 Mei 2016,
selama 8 minggu. Waktu kerja praktek adalah hari Selasa, Jumad dan Sabtu pukul 08.00 WITA
12.30 WITA. Secara umum, kegiatan yang dilakukan selama kerja praktek adalah sebagai
berikut :
1. Minggu pertama :
a) Pengenalan lingkungan kerja
b) Melakukan wawancara singkat tentang lingkungan dan kebutuhan sekolah,
memberikan solusi alternatif aplikasi berdasarkan kebutuhan utama dari
sekolah.
c) Di antara solusi alternatif tersebut, setelah dianalisis berdasarkan kebutuhan dan
lingkungan sekolah, maka disetujui pembuatan sebuah aplikasi yang berguna
sebagai media promosi dan informasi, dalam hal ini sebuah website.
d) Mendesign tampilan awal dari website tersebut.
2. Minggu kedua :
a) Menunjukkan design awal dari tampilan website sekolah.
b) Pengambilan data secara umum (lambang sekolah, prakata kepala sekolah, visi-
misi sekolah, serta profil dan sejarah sekolah).
c) Pengambilan foto bangunan dan lingkungan sekolah.
d) menginput data tersebut ke halaman website.
3. Minggu ketiga :
a) Pengambilan data tambahan (kurikulum sekolah, data guru, aturan seragam
guru-murid) , tetapi belom ada hasil karena menunggu dari bagian kurikulum.
17
 b) Mengedit header website sekolah.
c) Menyesuaikan tampilan website berdasarkan penerapan IMK.
4. Minggu keempat :
a) Melakukan wawancara kembali untuk mendapatkan data lebih jelas tentang
cara promosi sekolah dan perkembangan murid yang mendaftar tiap tahun.
b) Mencari website sekolah di kota lain yang dibina oleh YKST, sebagai patokan
untuk website sekolah di Mamuere.
c) Membuat koneksi database menggunakan MySQLi.
5. Minggu kelima :
a) Permintaan pembuatan brosur pendaftaran untuk tahun ajaran 2016/2017.
b) Pengambilan foto dan video untuk pendokumentasian di acara gebyar seni.
6. Minggu keenam :
a) Memberikan contoh brosur dan mengambil data yang akan di masukkan ke
dalam brosur.
b) Mendesign brosur sesuai permintaan.
7. Minggu ketujuh :
a) Menunjukkan brosur yang telah dibuat serta menerima berbagai masukan untuk
perbaikan brosur tersebut.
b) Memperbaiki isi dan tampilan brosur.
c) Mencetak brosur.

18
3.5 Jadwal Kerja

MARET APRIL MEI JUNI

NO TAHAP KEGIATAN
I II III IV I II III IV I II III IV I II III IV
1 Menentukan lokasi kerja praktek
2 Pelaksanaan kerja praktek
Mengindetifikasi masalah, menentukan tema,
3 menentukan metode pengumpulan data

2016
4 Pengumpulan data
5 Analisis dan perancangan sistem
6 Pembuatan laporan
Bab I
Bab II
Bab III
Bab IV
Bab V
7 Implementasi (desain Perangkat Lunak)
8 Uji coba sistem
9 Presentasi Program

19
 JULI AGUSTUS SEPTEMBER OKTOBER NOVEMBER DESEMBER
I II III IV I II III IV I II III IV I II III IV I II III IV I II III IV

20
 JANUARI FEBRUARI
I II III IV I II III IV
2017

21
3.6 Gambaran Tentang Sistem 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, 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.

3.7 Gambaran Mengenai Sistem Baru

Berdasarkan gambaran mengenai sistem lama yang sedang berjalan, maka penulis akan
membangun sebuah webite PG-TKK Sang Timur sebagai sarana untuk mempromosikan PG-
TKK 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 sistem baru.

22
3.7.1 Diagram Konteks Sistem Baru

USER ADMIN

pesan
Data login(username dan password),
Data, visi-misi, sejarah,
tata tertib, kurikulum, prestasi,
guru dan karyawan, ppdb,
Pegumuman, galeri.

SI dan
informasi visi-misi, Konfirmasi login, informasi visi-misi,
promosi
sejarah, tata tertib, kurikulum, sejarah, tata tertib, kurikulum,
sekolah PG-
prestasi, guru dan karyawan, prestasi, guru dan karyawan,
TKK Sang
ppdb, pegumuman, galeri ppdb, pegumuman, galeri, pesan masuk.
Timur

Gambar 3.2 Diagram Konteks Sistem Baru

1. Dalam sistem ini terdapat 2 entitas yaitu entitas admin dan entitas user.
2. Admin memiliki hak akses untuk menginput data, mengubah, menghapus dan
mempublikasikan data halaman (data sejarah sekolah, visi misi, tata tertib, kurikulum
pembelajaran, guru dan karyawan, pendaftaran siswa baru dan prestasi) menu-menu
website, data galeri, pegumuman dan membalas pesan masuk.
3. User hanya memiliki akses untuk melihat informasi sejarah sekolah, visi misi, tata
tertib, kurikulum pembelajaran, guru dan karyawan, pendaftaran siswa baru dan
prestasi, pegumuman dan galeri dan mengirim pesan.

3.7.2 Diagram Berjenjang

SI dan promosi
sekolah PG-TKK
Sang Timur

Menampilkan
Login
informasi

Input data

Menampilkan
Menampilkan informasi galei
informasi visi-
misi Menampilkan
Menampillkan Menampilkan Menampilkan informasi
Input data visi- Input data pesan
informasi informasi informasi Menampilkan
misi Input data galeri
pegumuman sejarah kurikulum informasi
tatib
prestasi
Menampilkan
Input data Input data
Input data informasi guru
sejarah Input data Input data pesan Menampilkan
guru dan dan karyawan
kurikulum prestasi informasi tatib
karyawan

Gambar 3.3 Diagram Berjenjang

Dalam sistem ini terdapat tiga proses diantaranya ada proses login, input data, dan
menampilkan informasi. Pada proses input data terdapat proses input data visi misi, data
23
sejarah, kurikulum, tatib, guru dan karyawan, prestasi galeri dan pesan. Sementara pada proses
menampilkan informasi terdapat proses menampilkan informasi pegumuman, informasi visi
misi, informasi sejarah, informasi tatib, informasi kurikulum, informasi guru dan karyawan,
informasi prestasi, informasi galeri dan informasi pesan. Sedangkan pada proses login tidak
memiliki turunan proses lainnya.

3.7.3 Diagram Level 0

Format data admin

Data login( username dan password) admin

Format data admin

Admin
Login Data login
Konfirmasi login

Data guru dan karyawan

Data ppdb
Format data halaman halaman
Data visi-misi
Data prestasi
Data sejarah

Data tatib Data pegumuman Input

data
Data kurikulum
Data galeri Format data galeri

Data pesan balasan

informasi guru dan karyawan

Informasi visi- misi
Admin Informasi ppdb galeri
Informasi prestasi
Informasi tatib
Informasi sejarah
Informasi kurikulum
Informasi pegumuman
Format data pegumuman
Informasi pesan masuk
pegumuman
Informasi galeri
User Informasi tatib
Informasi kurikulum

Informasi ppdb

Format data pesan

Informasi Pesan balasan pesan

Informasi visi-misi
Informasi pegumuman
Informasi Informasi
guru dan galeri
kayawan
Data pegumuman
Informasi sejarah Data galeri
Menampilkan
Data halaman
Informasi

Informasi prestasi

Gambar 3.4 Diagram Level 0

1. Dalam sistem ini terdapat 3 proses yaitu proses login, memasukkan data, dan
menampilkan data. pada sistem ini terdapat 7 data store yaitu data store admin,
halaman, submenu, menu, pegumuman, galeri, dan pesan.
2. Untuk dapat mengakses sistem, 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. Semua data yang dimasukkan oleh admin akan langsung dipublikasikan ke
website.
4. User mempunyai hak akses hanya sebatas untuk melihat informasi halaman,
pegumuman, dan galeri.
24
3.7.4 Diagram Level 1 Proses 2 (memasukkan data)

Input data
Data pegumuman Format data pegumuman
pegumuman

Admin pegumuman

Data sejarah

DataData
tatibvisi-misi
Data kurikulum
Input data
Data guru dan karyawan Format data halaman halaman
halaman
Data prestasi

Data galeri

user

Input data
Format data galeri galeri
galeri

Data pesan masuk Input pesan Format data pesan Pesan

Data pesan balasan

Gambar 3.5 Diagram Level 1 Proses 2

1. Dalam sistem ini terdapat 4 turunan proses dari proses input data yaitu proses input data
pegumuman, halaman, galeri dan pesan.
2. Admin bertugas untuk menginput data pegumuman, halaman (data sejarah, visi misi,
prestasi, tatib, guru dan karyawan, kurikulum ), galeri dan pesan balasan. Sedangkan
user menginput data pesan yang akan dikirim.

25
3.7.5 Diagram Level 1 Proses 3 (menampilkan data)
Informasi prestasi

Informasi visi-misi Data visi-misi

Informasi sejarah
Data sejarah
Data tatib
Informasi tatib
Menampilkan
Admin Informasi kurikulum Data kurikulum Halaman
halaman

Informasi guru dan karyawan

Informasi pesan masuk Data guru dan karyawan
Data prestasi

Informasi galeri
Informasi pegumuman
sejarah
Informasi guru dan karyawan
Informasi tatib
Infornasi visi-misi

Informasi prestasi
kurikulum

Menampilkan
Informasi

Data pegumuman
pegumuman
pegumuman
Informasi

User Informasi pegumuman

Informasi galeri

Menampilkan
Data galeri galeri
galeri

Menampilkan
Informasi pesan balasan Data pesan masuk dan pesan balasan pesan
pesan

Gambar 3.6 Diagram Level 1 proses 3

1. dalam sistem ini terdapat 4 turunan proses dari proses menampilkan informasi yaitu,
proses menampilkan halaman (sejarah, visi misi, prestasi, tatib, guru dan karyawan,
kurikulum), pegumuman, galeri dan pesan.
2. Admin dan user juga bisa melihat informasi yang ditampilkan.

26
3.7.6 Entity Relationship Diagram (ERD)
judul Id_galeri *

gambar
tanggal

galeri

username Judul Id_halaman*

Id_admin* memiliki
password
1
isi
n halaman 1

1 1
admin mengelola memiliki

memiliki memiliki

Id_pesan*
Id_pegumuma
n*
tanggal
n n
tanggal pegumuman pesan
balasan nama

judul
email
isi
pesan
subjek

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. Admin (id_admin*, username, password)
2. Menu (id_menu*, judul, link, urutan)
3. Halaman (id_halaman*, judul, isi)
4. Galeri (id_galeri*, judul, gambar, tanggal)
5. Pegumuman (id_pegumuman*, tanggal, judul, isi)
6. Pesan (id_pesan*, tanggal, nama, email, subjek, pesan, balasan)
7. Submenu ( id_submenu*, id_menu**, judul, link, urutan)

3.7.7 Desain Database

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

27
 Tabel 3.1 Admin
Nama Field Tipe Data dan Ukuran keterangan
Id_admin Integer (5) Auto Increment dan
Primary key,
username Varchar (5)
Password Varchar (5)

2. Tabel Menu
Tabel 3.2 Menu
Nama Field Tipe data dan Ukuran Keterangan
Id_menu* Integer (5) Auto increment dan
primary key
judul Varchar (20)
link Varchar (20)
Urutan Integer (3)

3. Tabel Halaman
Tabel 3.3 Halaman
Nama Field Tipe Data dan Ukuran keterangan
Id_halaman* Integer (5) Auto increment dan
primary key
Judul Varchar (100)
isi text

4. Tabel galeri
Tabel 3.4 Galeri
Nama Field Tipe Data dan Ukuran Keterangan
Id_galeri Integer (5) Auto increment dan
primary key
Judul Varchar (100)
Gambar Varchar (100)
Tanggal Date

28
5. Tabel pegumuman
Tabel 3.5 Pegumuman
Nama Field Tipe Data dan Ukuran Keterangan
Id_pegumuman* Integer (5) Auto increment dan
primary key
Tanggal date
Judul Varhcar (50)
isi Text

6. Tabel Pesan
Tabel 3.6 Pesan
Nama Field Tipe Data dan Ukuran Keterangan
Id_pesan* Integer (5) Auto increment dan
primary key
Tanggal date
Nama Varchar (50)
Email Varchar (30)
Subjek Varchar (30)
Pesan Text
balasan Text

7. Tabel Submenu
Tabel 3.7 Submenu
Nama Field Tipe Data dan Ukuran Keterangan
Id_submenu * Integer (5) Auto increment dan
primary key
Id_menu** Integer (5) Foreign key dari table
menu
judul Varchar (50)
link Varchar (30)
urutan integer (3)

29
3.8 Persiapan Implementasi

3.8.1 Desain Halaman User

1. Desain Halaman Beranda

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

Slide show foto JAM

KALENDER
GOOGLE MAP LETAK
SEKOLAH
ISI HALAMAN BERANDA

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 galeri

30
 Link yang menghubungkan ke halaman galeri yang berisi foto dan video kegiatan
PG-TKK Sang Timur.
c. Link pegumuman
Link yang menghubungkan ke halaman pegumuman yang berisi pegumuman yang
berkaitan dengan PG-TKK Sang Timur.
d. Link PPDB
Link yang menghubungkan ke halaman yang berisi syarat-syarat pendaftaran siswa
baru di PG-TKK Sang Timur.
e. Link kontak kami
Link yang menghubungkan ke halaman untuk user mengirim pesan kepada PG-
TKK Sang Timur.
f. Link login
Link yang menghubungkan ke halaman login admin untuk mengolah data.

31
2. Desain halaman menu Profil submenu Sejarah

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

JAM

ISI HALAMAN

GOOGLE MAP LETAK

SEKOLAH

FOOTER

Gambar 3.9 Desain Halaman sumenu sejarah

Halaman ini berisi sejarah dari PG-TKK Sang Timur.

32
3. Desain halaman menu Profil submenu Visi-Misi

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

JAM

ISI HALAMAN

GOOGLE MAP LETAK

SEKOLAH

FOOTER

Gambar 3.10 Desain Halaman Submenu Visi-Misi

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

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

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

JAM

ISI HALAMAN

GOOGLE MAP LETAK

SEKOLAH

FOOTER

Gambar 3.11 Desain halaman Submenu Tata Tertib

Halaman ini berisi tata tertib PG-TKK Sang Timur.

34
5. Desain halaman menu Profil submenu Staf Pengajar

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

JAM

ISI HALAMAN

GOOGLE MAP LETAK

SEKOLAH

FOOTER

Gambar 3.12 Desain halaman submenu Staf Pengajar

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

35
6. Desain halaman menu Profil submenu Kurikulum

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

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.

36
7. Desain halaman menu Fasilitas

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

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.

37
8. Desain halaman menu Galeri

HEADER

HOME PROFIL 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.

38
9. Desain halaman menu pegumuman

HEADER

HOME PROFIL 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.

39
10. Desain halaman menu PPDB

HEADER

HOME PROFIL GALERI PEGUMUMAN PPDB KONTAK KAMI LOGIN

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.

40
11. Desain halaman menu kontak kami

HEADER

HOME PROFIL 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.

41
12. Desain halaman menu login

Form login

Gambar 3.19 Desain halaman menu Login

Halaman ini berisi form login untuk admin.

42
3.8.2 Desain halaman Admin

HEADER

BERANDA MENU SUBMENU HALAMAN GALERI PREVIEW UBAH PASS KELUAR

FOOTER

Gambar 3.20 Desain Halaman admin

43
1. Desain halaman kelola menu

HEADER

BERANDA MENU SUBMENU HALAMAN GALERI PREVIEW UBAH PASS KELUAR

FORM KELOLA MENU

FOOTER

Gambar 3.21 Desain halaman kelola menu

44
2. Desain halaman kelola submenu

HEADER

BERANDA MENU SUBMENU HALAMAN GALERI PREVIEW UBAH PASS KELUAR

FORM KELOLA SUBMENU

FOOTER

Gambar 3.22 Desain halaman kelola submenu

45
3. Desain halaman kelola isi submenu halaman profil

HEADER

BERANDA MENU SUBMENU HALAMAN GALERI PREVIEW UBAH PASS KELUAR

FORM KELOLA HALAMAN SUBMENU PROFIL

FOOTER

Gambar 3.23 Desain halaman kelola halaman submenu profil

46
4. Desain halaman kelola galeri

HEADER

BERANDA MENU SUBMENU HALAMAN GALERI PREVIEW UBAH PASS KELUAR

FORM KELOLA GALERI

FOOTER

Gambar 3.24 Desain halaman kelola galeri

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

HEADER

GALERI PREVIEW UBAH PASS

BERANDA MENU SUBMENU HALAMAN KELUAR

FOOTER

Gambar 3.25 Desain halaman preview

48
 BAB IV
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.

4.1 Rancangan Antarmuka Halaman User

4.1.1 Halaman Beranda

Pada halaman ini terdiri dari tujuh menu, diantaranya adalah menu home yaitu
halaman yang pertama muncul saat user mengakses website. Yang kedua menu profil yang
dapat diakses oleh user, terdiri dari submenu visi-misi, sejarah, tata tertib, kurikulum, staf
pengajar dan prestasi. Yang ketiga menu galeri yang dapat diakses oleh user, terdiri dari galeri
foto dan video, fasilitas yang tersedia. Yang keempat menu pegumuman yaitu menu yang dapat
diakses oleh user yang berisi tentang pegumuman untuk orangtua murid tentang kegiatan
sekolah. Yang kelima menu ppdb yaitu menu yang dapat diakses oleh user, yang berisi syarat-
syarat pendaftaran. Yang keenam menu kontak kami yaitu menu yang dapat diakses oleh user,
pada halaman ini user dapat mengirimkan komentar atau pertanyaan yang berkaitan dengan
sekolah maupun aktivitas belajar anaknya. Yang ketujuh menu login, menu ini hanya dapat
diakses oleh admin untuk mengolah semua data yang ditampilkan pada website.

49
 Gambar 4.1 Tampilan beranda user

Gambar 4.2 Tampilan beranda user

Source code koneksi ke database

1 <?php
2 $host="localhost";
3 $user="root";
4 $pass="";

50
 5 $db="WEBKU";
6 $koneksi=mysqli_connect($host,$user,$pass,$db);
7 ?>
Source code menampilkan halaman
1 <?php
2 if (!defined ("INDEX")) die("---");
3 $artikel = mysqli_query($koneksi, "select * from halaman where
id_halaman='$_GET[id]'");
4 $data = mysqli_fetch_array($artikel);
5 $isi = $data['isi'];
6 ?>
7 <div class="halaman">
8 <h2 class="judul"><?= $data['judul']; ?> </h2>
9 <p> <?=$isi; ?></p>
10 </div>

Halaman beranda dan halaman-halaman lainnya memiliki tampilan dan source

code yang sama.

4.1.2 Halaman Galeri

51
 Gambar 4.3 Tampilan menu galeri

Source code untuk menampilkan halaman galeri

1 <?php
2 $no =1;
3 $artikel=mysqli_query($koneksi, "select * from galeri order by id_galeri desc limit
100");
4 while($data=mysqli_fetch_array($artikel)){
5 ?>
6 <td align="center ">
7 <a class="fancybox" href="gambar/galeri/<?=$data['gambar'];?>"
8 title="<?=$data['judul'];?>">
9 <img src="gambar/galeri/<?=$data['gambar'];?>" width="150" height="100"
border="1px">
10 <br><?=$data['judul'];?>
11 </a>
12 </td>
13 <?php
14 if ($no%4 == 0) echo "</tr><tr>";
15 $no++;
16 }
17 ?>

Pada source code di atas perintah pada baris 3 sampai 5 adalah query untuk menampilkan data
gambar pada tabel gambar, sedangkan pada baris 6 sampai 17 adalah perintah untuk
menampilkan data gambar.

52
4.2 Rancangan Antarmuka Halaman Admin

4.2.1 Halaman Beranda Admin

Gambar 4.4 Tampilan Beranda Admin

4.2.2 Halaman Edit Menu

Gambar 4.5 Tampilan edit menu admin

53
Source code untuk mengubah menu
1 <?php
2 $edit =mysqli_query($koneksi,"UPDATE menu set
3 judul='$_POST[judul]',
4 link='$_POST[link]',
5 urutan='$_POST[urutan]'
6 where id_menu='$_POST[id]'")or die(mysqli_error($koneksi));
7 if($edit){
8 echo"Data telah diedit";
9 echo"<meta http-equiv='refresh' content='1; url=?tampil=menu'>";
10 }
11 ?>

4.2.3 Halaman Edit SubMenu

Gambar 4.6 Tampilan edit submenu admin

54
 Gambar 4.7 Tampilan editsubmenu admin

Source code merubah sub menu

1 <?php
2 if(!defined("INDEX")) die ("---");
3 $edit =mysqli_query($koneksi,"UPDATE submenu set
4 judul='$_POST[judul]',
5 id_menu='$_POST[induk]',
6 link='$_POST[link]',
7 urutan='$_POST[urutan]'
8 where id_submenu='$_POST[id]'")or die(mysqli_error($koneksi));
9 if($edit){
10 echo"Data telah diedit";
11 echo"<meta http-equiv='refresh' content='1;
12 url=?tampil=submenu'>";
13 }
14 ?>

55
4.2.4 Halaman Edit Halaman

Gambar 4.8 Tampilan edit data halaman admin

Gambar 4.9 Tampilan edit data halaman admin

Source code edit halaman

1 <?php
2 $isi=addslashes($_POST['isi']);
3 $edit=mysqli_query($koneksi, "UPDATE halaman SET
4 judul='$_POST[judul]',
56
 5 isi='$isi'
6 WHERE id_halaman ='$_POST[id]'") or die(mysqli_error($koneksi));
7 if($edit){
8 echo"Data telah diedit";
9 echo"<meta http-equiv='refresh' content='1; url=?tampil=halaman'>";
10 }
11 ?>

4.2.5 Halaman Edit Galeri

Gambar 4.10 Tampilan edit galeri admin

57
 Gambar 4.11 Tampilan edit galeri admin

Source code simpan data gambar

1 if($lokasi_gambar==""){
2 $input =mysqli_query($koneksi,"INSERT INTO galeri set
3 judul ='$_POST[judul]',
4 tanggal ='$tanggal'
5 ") or die (mysqli_error($koneksi));
6 }else{
7 move_uploaded_file($lokasi_gambar, "../gambar/galeri/$nama_gambar");
8 $input=mysqli_query($koneksi,"INSERT INTO galeri set
9 judul='$_POST[judul]',
10 tanggal ='$tanggal',
11 gambar='$nama_gambar'
12 ") or die (mysqli_error($koneksi));
13 }

58
4.2.6 Halaman Pesan

Gambar 4.12 Tampilan pesan admin

Gambar 4.13 Tampilan balas pesan admin

59
 Gambar 4.14 Tampilan balas pesan admin

Source code proses balas pesan

1 <?php
2 mysqli_query($koneksi, "UPDATE pesan SET balasan='$_POST[balas]'
3 WHERE id_pesan ='$_POST[id]'") or die(mysqli_error($koneksi));
4 $email=mail($_POST['email'],$_POST['subjek'],$_POST['pesan'],"From:tksangtimur.
mof@gmail.com");
5 echo"Data Telah dihapus";
6 echo"<meta http-equiv='refresh' content='1;
7 url=?tampil=pesan'>";
8 ?>

60
4.2.7 Halaman Ubah Password

Gambar 4.15 Tampilan ubah password admin

Source code ubah password

1 if($_POST['password'] == ""){
2 $edit = mysqli_query($koneksi, "UPDATE user SET username =
'$_POST[username]' " )or die (mysqli_error($koneksi));
3 if ($edit) echo"Profil berhasil di edit";
4 }
5 else{
6 if($_POST['password'] !=$_POST['password_ulang']){
7 echo "<p style='color:red'>
8 Password dan ulang password tidak sama</p>";
9 }else{
11 $password = md5($_POST['password']);
12 $edit = mysqli_query($koneksi, "UPDATE user SET username =
'$_POST[username]', password = '$password'") or die (mysqli_error($koneksi));
13 if ($edit) echo"Profil berhasil di edit";
14 }
15 }

61
 Bab V
Penutup
5.1 Kesimpulan
Berdasarkan uraian sebelumnya, maka penulis dapat mengambil kesimpulan bahwa dengan
adanya website PG-TKK Sang Timur, segala informasi mengenai kegiatan siswa, informasi
pendaftaran serta pegumuman bisa dipublikasikan dan diakses dengan mudah oleh siapa saja,
kapan saja, dan di mana saja, sehingga PG-TKK Sang Timur tidak hanya dikenal oleh
masyarakat di kota Maumere saja, tetapi juga di seluruh Indonesia.

5.2 Saran
Dengan melihat pada pembahasan yang telah penulis kemukakan di atas, adapun saran dari
penulis adalah :
1. Pada menu pendaftaran sebaiknya dikembangkan dengan fitur pendaftaran online.
2. Tampilan dan design sebaiknya di perbaiki agar pembaca nyaman saat membuka
halaman website.

62
 DAFTAR PUSTAKA
[1] Hakim, L., Rahasia Inti Master PHP dan MySQLi (improved), Lokomedia, 2014
[2] Abdulloh, R., Web programming is easy, Elex Media Komputindo, 2015
[3] S. A. Rosa., Shalahuddin, M., Rekayasa Perangkat Lunak Terstruktur dan Berorientasi
Objek, Informatika, 2015
[4] Hariyanto, Agus., Membuat Web Profil Sekolah dan PPDB Online, Lokomedia, 2014
[5] Kusuma, Adi Ginanjar.,dkk., Pembuatan Website Sekolah SMK Negeri 1 Majalengka,
Jurnal Web Design , 2015
[6] Utomo, Wahyu Budi., Bakara, Candra., Pembuatan Web Profil Sekolah Menengah Pertama
Negeri 1 Ngrampal Dengan Menggunakan PHP dan MySQL, Seminar Riset
Unggulan Nasional Informatika dan Komputer, 2013
[7] Rivai, Dani Ainur., Sukadi., Pembuatan Website Profil Sekolah Menengah Kejuruan (SMK)
Miftahul Huda, Indonesian Journal on Networking and Security , 2013
[8] Rahmawati, Lina., Perancangan Website sebagai Sarana Promosi pada MTs Maarif Nu 1
Ajibarang, Jurnal telematika , 2012
[9] Prasetyo , Ekkal., Rancang Bangun Sistem Informasi Sekolah Tinggi Ilmu Ekonomi
Rahmanyah Kabupaten Musi Banyuasin Berbasis Website, Jurnal Informatika,
2015

vii
LAMPIRAN

63
Lampiran A. Log Activity

Nama Mahasiswa : Fransiska Iriani Ongkio Buol

NIM : 021130012
Tempat KP : PG-TKK Sang Timur, Jalan Wairklau No.80,
Kelurahan Kota Uneng, Kecamatan Alok, Kabupaten
Sikka.
Topik/ Judul KP : Membangun Website Sebagai Media Promosi dan
Informasi Menggunakan PHP dan MYSQLI di PG-
TKK Sang Timur
Pembimbing Prodi : Ibu Margaretha P. N. Rozady
Pembimbing KP : Ibu Maria Margaretha Alaqok

Tanggal/Bulan Kegiatan Hasil

11 Maret 2016 Memperkenalkan diri dengan Persetujuan sementara dari
beberapa staf pengajar dan tata wakil kepsek bagian kurikulum
usaha. dan tata usaha.
menjelaskan tujuan dan apa
yang bisa dibantu untuk
perkembangan sekolah.
12 Maret 2016 Pertemuan antara salah satu Persetujuan pembuatan aplikasi
wakil kepsek bagian website untuk promosi sekolah.
kurikulum dan suster kepsek.
Menjelaskan kembali tujuan
dan apa yang bisa
dikembangkan untuk sekolah
ini.
15 Maret 2016 Perencanaan untuk membuat Perencanaaan di susun 50%.
website sekolah. Pertanyaan sudah disusun
Menyusun beberapa 100%.
pertanyaan wawancara untuk

64
 ditanyakan kepada ibu bagian Lagu anak-anak yang bisa
tata usaha. digunakan untuk hiburan serta
Diberi tugas untuk anak-anak ekstra menari.
mendownload lagu anak-anak.
18 Maret 2016 Merancang tampilan awal Warna khas sekolah. Data
website sekolah. softcopy lambang, visi misi
Wawancara dengan ibu bagian sekolah, foto-foto kegiatan
tata usaha. guru, murid dan orangtua.
Mendapatkan 75% informasi.
19 Maret 2016 Menunjukkan tampilan awal Suster kepsek dan ibu bagian
website yang dibuat tata usaha menyetujui tampilan
berdasarkan data yang didapat awal website.
dari hasil wawancara dan data Beberapa foto sekolah untuk
softcopy. dijadikan header website dan
Berkeliling untuk mengambil background website.
gambar sekolah dari berbagai
sudut.
22 Maret 2016 Melanjutkan design awal Design tampilan antarmuka
tampilan ditambah dengan serta menu-menu selesai,
berbagi menu serta login dan namun login serta logout admin
logout admin. sedang dalam pengerjaan
Mengisi informasi di halaman dengan beberapa kendala.
awal website serta informasi di Informasi yang diisi sudah
tiap tiap menu. 80%.

29 Maret 2016 Meminta tamban data dari tata Data softcopty berupa; data
usaha untuk disaring menjadi guru, prakata dari suster
informasi untuk website kepsek, aturan seragam guru
sekolah. dan murid, sejarah sekolah.
01 April 2016 Wawancara berkaitan dengan Informasi berupa cara promosi
cara promosi sekolah ini di serta jumlah siswa di tiap
tahun-tahun kemarin. tahunnya.

65
 Membuat laporan bab I 85% hamper selesai.
02 April 2016 Diberi tugas untuk membuat Membuat brosur menggunakan
brosur promosi sekolah untuk adobe photoshop CS 5.
tahun ajaran 2016/2017. Mendapatkan bentuk brosur
Mencari bentuk brosur yang yang cocok dibuat untuk
menarik untuk promosi sekolah ini.
pendaftaran siswa baru.
05 April 2016 Pengerjaan brosur pendaftaran Pengerjaan 65% selesai.
siswa baru. Diberikan beberapa foto
Berkonsultasi dengan ibu pendukung brosur.
wakasek bagian kurikulum
tentang informasi dan foto-
foto apa saja yang harus ada di
dalam brosur tersebut.
08 April 2016 12 Lanjutan pengerjaan brosur Pengerjaan 90% selesai.
April 2016 promosi sekolah.
15 April 2016 Brosur telah selesai Brosur siap dicetak.
dikerjakan.
16 April 2016 Lanjutan pengerjaan laporan Laporan KP bab I selesai.
bab I.
19 April 2016 03 Lanjutan pengerjaan website Laporan KP 65% hampir
Mei 2016 dan laporan KP. selesai.
10 Mei 2016 Permintaan selesai kerja Persetujuan berakhirnya kerja
praktek. praktek dari ibu wakasek
bagian kurikulum dan apabila
ada yang dibutuhkan dapat
kembali lagi.

66
Nama Mahasiswa : Ismail
NIM : 021130017
Tempat KP : PG-TKK Sang Timur, Jalan Wairklau No.80,
Kelurahan Kota Uneng, Kecamatan Alok, Kabupaten
Sikka.
Topik/ Judul KP : Membangun Website Sebagai Media Promosi dan
Informasi Menggunakan PHP dan MYSQLI di PG-
TKK Sang Timur
Pembimbing Prodi : Ibu Margaretha P. N. Rozady
Pembimbing Perusahaan : Ibu Maria Margaretha Alaqok

Tanggal/Bulan Kegiatan Hasil

11 Maret 2016
12 Maret 2016

15 Maret 2016
18 Maret 2016

19 Maret 2016
22 Maret 2016

29 Maret 2016
01 April 2016

67
02 April 2016
05 April 2016

08 April 2016
09 April 2016
12 April 2016

15 April 2016
16 April 2016

19 April 2016
22 April 2016

23 April 2016
26 April 2016

68
29 April 2016
30 April 2016

03 Mei 2016

10 Mei 2016 Berhenti kp

69
Lampiran B. Halamann Penilaian Kerja Praktek

70
Lampiran C. Surat Penerimaan Kerja Praktek

71
Lampiran D. Lembar Konsultasi

72