LAPORAN KERJA PRAKTEK

WEB PROFIL (ADMINISTRATOR)

DI SD N SURYOWIJAYAN

Di ajukan sebagai salah satu syarat

untuk memperoleh gelar sarjana Teknik Informatika

Di susun oleh:

Nama : Fitria Harumsari

Nim :11651005

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

2014

KATA PENGANTAR

Bismillahirrahmanirrahim.

Alhamdulillah, puji syukur kehadirat Allah SWT yang telah melimpahkan

segala rahmat dan karunia-Nya, sehingga penulis dapat melakukan Kerja

Praktekyang menjadi salah satu syarat untuk menyelesaikan studi di Teknik

InformatikaUIN Sunan Kalijaga Yogyakarta. Sholawat dan salam juga tidak lupa

penulishaturkan kepada Nabi Muhammad saw yang dinantikan syafa’atnya kelak

diyaumul qiyamah.Penulis menyadari bahwa dalam proses pengerjaan Kerja

Praktek ini,penulis tidak lepas dari peran berbagai pihak yang telah memberikan

dukungan,bantuan dan dorongan sehingga Kerja Praktek ini dapat terlaksana.

Penulis menyadari ketidak sempurnaan dalam pengerjaan Kerja Praktek

ini. Oleh karena itu, penulis mengharapkan kritik dan saran yang dapat

memperbaiki kualitas penulisan ini sehingga dapat bermanfaat.

Yogyakarta, 22 Desember 2014

Penulis

DAFTAR ISI COVER

HALAMAN PENGESAHAN

KATA PENGANTAR ......................................................................................... ii

DAFTAR ISI........................................................................................................ iii

DAFTAR GAMBAR ........................................................................................... v

DAFTAR TABEL .............................................................................................. vi

BAB I PENDAHULUAN .................................................................................... 1

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

1.2 Batasan Kerja Praktek ............................................................................... 2

1.3 Tujuan Kerja Praktek ................................................................................ 3

1.4 Manfaat Kerja Praktek ............................................................................... 3 BAB II TEMPAT KERJA PRAKTEK ............................................................. 4

2.1 Gambaran Umum Instansi ....................................................................... 4

2.2 Ruang Lingkup Kerja Praktek .................................................................. 6

BAB III HASIL DAN PEMBAHASAN ............................................................9

3.1 Analisis .....................................................................................................9

3.2 Desain Sistem.............................................................................................9

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

1. DFD Level 0 Diagram Konteks ........................................ 11

b. DFD Level 1 .................................................................................... 13

c. DFD Level 2 .................................................................................... 15

1. Level 2 Proses Login .............................................................. 15

2. Level 2 Proses Manajemen Home .......................................... 16

3. DFD Level 2 Proses Manajemen Profile ................................ 17

4. DFD Level 2 Proses Manajemen Berita ................................. 18

5. DFD Level 2 Proses Manajemen Gallery ............................. 19

6. DFD Level 2 Proses Manajemen Tata Tertib.......................... 20

3.3 Desain Tabel ........................................................................................... 21

3.4 Implementasi Sistem Halaman Administrator ....................................... 24

a. Form Login ..................................................................................... 24 b. Menu Utama ................................................................................... 25

1. Menu Utama Admin............................................................... 25

a. Menu Home .................................................................... 25

b. Menu Profile ................................................................... 26

c. Menu Berita .................................................................... 28

d. Menu Gallery .................................................................. 30

e. Menu Tata Tertib ............................................................ 32

BAB IV PENUTUP .......................................................................................... 35

4.1 Kesimpulan ..............................................................................................37

4.2Rekomendasi .............................................................................................37

DAFTAR GAMBAR Gambar 3.1 DFD Level 0 Diagram Konteks(DFD Level 0).................................11

Gambar 3.2 DFD Level 1 .....................................................................................13

Gambar 3.3 DFD Level 2 Proses Login................................................................15

Gambar 3.4 DFD Level 2 Proses Manajemen Home ......................................... 16 Gambar 3.5 DFD Level 2 Proses Manajemen Profile .........................................17 Gambar 3.6 DFD Level 2 Proses Manajemen Berita ..........................................18 Gambar 3.7 DFD Level 2 Proses Manajemen Gallery .........................................19 Gambar 3.8 DFD Level 2 Proses Manajemen Tata tertib .................................. 20

. Gambar 3.9 Tampilan Form Login ..................................................................... 24

Gambar 3.10 Tampilan Halaman Utama Admin ................................................. 25 Gambar 3.11 Tampilan Form Admin Home........................................................ 25 Gambar 3.12 Tampilan Tambah Data Home ...................................................... 26 Gambar 3.13 Tampilan Edit Data Home ............................................................ 26 Gambar 3.14 Tampilan Form Admin Profil ........................................................ 27 Gambar 3.15 Tampilan Tambah Data Profil ....................................................... 27 Gambar 3.16 Tampilan Edit Data Profil ............................................................ 28 Gambar 3.17 Tampilan Form Admin Berita....................................................... 28 Gambar 3.18 Tampilan Tambah Data Berita .................................................... 29 Gambar 3.19 Tampilan Edit Data Berita .......................................................... 30 Gambar 3.20 Tampilan Form Admin Gallery..................................................... 31 Gambar 3.21 Tampilan Tambah Data Gallery ................................................... 31

1

Gambar 3.22 Tampilan Edit Data Gallery ...........................................................32 Gambar 3.23 Tampilan Form Tata Tertib ......................................................... 33 Gambar 3.24 Tampilan Tambah Data Tata Tertib .............................................. 33 Gambar 3.25 Tampilan Edit Data Tata Tertib .................................................... 34 Gambar 3.26 Tampilan Form Admin Akun............................................................36

2

DAFTAR TABEL

Tabel 3.1 Tabel Admin....................................................................................... 21

Tabel 3.2 Tabel Berita..........................................................................................21

Tabel 3.3 Tabel Tata Tertib.................................................................................22

Tabel 3.3 Tabel Gallery........................................................................................22

Tabel 3.4 Tabel Home........................................................................................ 23

Tabel 3.7 Tabel Profil..........................................................................................23

3

BAB I

PENDAHULUAN

1.1 Latar Belakang

Sekolah adalah bangunan atau lembaga untuk belajar dan mengajar atau

tempat dimana siswa dan guru melakukan kegiatan yang berhubungan

dengan pendidikan untuk saling berinteraksi. Sekolah juga merupakan

tempat memberikan informasi-informasi, menerima dan memberi pelajaran

baik secara langsung maupun secara online.

Penyampain informasi ataupun memberikan pelajaran secara online

tersebut membutuhkan web. Web merupakan hal yang tidak dapat

dipisahkan dari dunia internet. Melalui web, setiap pemakai internet bisa

mengakses informasi-informasi di situs web yang tidak hanya berupa teks,

tetapi dapat berupa gambar, suara, film, animasi, dll.

Akan tetapi di SD NEGERI SURYOWIJAYAN penyampaian informasi

pendidikan sekolah yang masih sederhana membuat masyarakat dan para

siswa kesulitan dalam mencari informasi tentang sekolah. Masyarakat atau

kalangan siswa yang membutuhkan informasi sekolah harus datang dan

bertanya langsung ke sekolah, sehingga menyebabkan penyampaian

informasi kurang efektif dan efisien.

Sistem penyampaian informasi yang demikian menjadikan kendala bagi

sekolah untuk bisa lebih dikenal dan diketahui oleh masyarakat luas

4

disebabkan jangkauan informasi yang sangat sempit dan terbatas

karena informasi sekolah yang tidak bisa diakses sewaktu-waktu.

Untuk itu di SD NEGERI SURYOWIJAYAN ini diperlukannya website

sekolah. Website Sekolah adalah sebuah website yang resmi di miliki sekolah

dan biasanya untuk website sekolah memiliki ciri khusus dari nama

domainnya yaitu .com . Website sekolah digunakan untuk membantu

sarana pembelajaran online untuk para siswa siswi dan sarana Informasi.

Website ini dikhususkan untuk pelajar serta para guru, di website ini

pengguna bisa mengupdate semua kegiatan – kegiatan sekolah dari foto– foto

kegiatan, siswa - siswi dan para guru juga bisa menuliskan berbagai artikel

yang bisa di baca oleh semua orang.

Dengan adanya website di SD NEGERI SURYOWIJAYAN dapat

membantu dalam menyampaikan informasi maupun berita-berita kepada

masyarakat umum secara langsung dengan efektif dan efisien.

1.2 Batasan Kerja Praktek

Batasan di dalam Kerja Praktek ini adalah :

a. Implementasi pada sistem yang akan dibuat dengan menggunakan bahasa

pemrograman PHP dan database MySQL.

b. Keamanan password admin menggunakan md5.

5

1.3 Tujuan Kerja Praktek

Tujuan dari Kerja Praktek ini adalah :

Membangun website Sekolah Dasar Negeri Suryowijayan untuk media

penyampaian informasi yang lebih efektif yang terfokuskan pada

administrator.

1.4 Manfaat Kerja Praktek

Pelaksanaan kerja praktek ini mempunyai banyak manfaat yang dirasakan

baik oleh peserta kerja praktek maupun oleh instansi penyelenggara, antara

lain:

a. Manfaat bagi peserta kerja praktek :

1. Mengetahui situasi dan kondisi di tempat kerja praktek.

2. Memahami bagaimana membuat sebuah website yang dinamis dengan

tampilan yang menarik.

3. Menerapkan pengetahuan desain webiste yang telah didapatkan di

bangku perkuliahan.

b. Manfaat bagi Penyelenggara kerja praktek :

1. Mempunyai website Sekolah Dasar Negeri Suryowijayan untuk

menampilkan dan mengenalkan profil sekolah yang update kepada

pengunjung website.

6

2. Orangtua siswa-siswi bisa mendapatkan informasi-informasi dari web

tersebut mengenai kegiatan ataupun informasi yang lain mengenai

Sekolahan tersebut.

7

BAB II

TEMPAT KERJA PRAKTEK

2.1 Gambaran Umum Sekolah

SD Negeri Suryowijayan terletak di Suryowijayan MJ I / 290

Yogyakarta dengan status sekolah TERAKREDITASI " A"dan memiliki

tata tertib yang diberlakukan kepada siswa adalah :

1. Siswa sudah harus hadir di sekolah selambat-lambatnya 5 menit sebelum

pelajaran dimulai.

2. Bagi siswa yang piket datang lebih awal lagi ( pukul 06.30 WIB)

3. Sebelum mengikuti pelajaran berbaris tertib dan rapi diatur oleh Ketua

Kelas.

4. Sebelum pelajaran dimulai dan pada akhir pelajaran siswa berdoa sesuai

dengan agama / kepercayaan masing – masing.

5. Siswa wajib mengikuti Upacara Bendera setiap hari Senin dan hari besar

lainnya.

6. Siswa yang datang terlambat tidak diperkenankan langsung masuk kelas,

melainkan harus melapor terlebih dahulu kepada guru piket.

7. Bagi siswa yang tidak masuk sekolah wajib meminta izin kepada Guru

Kelas secara tertulis

8. Setiap siswa wajib memakai seragam sekolah lengkap sesuai dengan

ketentuan sekolah :

a. Hari Senin dan Selasa mengenakan seragam merah putih.

8

b. Hari Rabu dan Kamis mengenakan seragam identitas sekolah (hijau)

c. Hari Jumat mengenakan Pakaian seragam Pramuka

d. Hari Sabtu mengenakan pakaian batik bebas.

Selain kepada siswa, SD Negeri Suryowijayann menerapkan tata

tertib untuk guru, adalah sebagai berikut :

a. Wajib menjaga kode etik keguruan.

b. Wajib hadir 10 menit sebelum KBM dimulai bagi guru dan 15 menit

sebelum KBM dimulai bagi Wakasek dan Staf.

c. Wajib menggunakan seragam guru sesuai dengan ketentuan yang berlaku.

d. Berpenampilan rapih dan sopan.

e. Wajib menandatangani daftar hadir / absensi komputer.

f. Masuk dan keluar kelas tepat waktu (sesuai jam pelajaran).

g. Memberitahukan kepada Kepala Sekolah bila berhalangan hadir dan

menyampaikan tugas untuk siswa.

h. Menyiapkan program pembelajaran pada awal tahun pelajaran.

i. Menyerahkan perangkat pembelajaran pada setiap semester dan akhir

tahun pelajaran.

j. Turut mengamankan kebijakan Kepala Sekolah.

k. Membantu menegakkan disiplin sekolah.

l. Peduli terhadap kebersihan dan keindahan lingkungan sekolah.

m. Tidak merokok di lingkungan sekolah kecuali di tempat yang telah

ditentukan.

n. Menjalin hubungan kekeluargaan sesama warga sekolah.

9

o. Memiliki loyalitas dan dedikasi yang tinggi.

p. Siap melaksanakan tugas yang diberikan oleh pimpinan sekolah.

q. Memberi laporan pelaksanaan tugas yang telah dilaksanakan kepada

Kepala Sekolah.

2.2 Visi Sekolah

BERMUTU, BERTUMPU PADA BUDAYA BANGSA DAN

AGAMA.

2.3 Misi Sekolah

1. Meningkatkan kedisiplinan siswa dan guru

2. Menumbuhkan penghayatan terhadap ajaran agama dan budaya bangsa

sebagai sumber kearifan dalam bertindak

3. Melaksanakan pembelajaran dan bimbingan yang efektif sehingga setiap

siswa berkembang secara optimal

4. Menerapkan manajemen partisipatif dengan melibatkan seluruh warga

sekolah dan stick holder sekolah

5. Mendorong dan membantu siswa mengenali potensi dirinya agar dapat

dikembangkan secara optimal

6. Melaksanakan pembelajaran berbasis kearifan lokal dan hak – hak anak

7. Membentuksekolah yang terpercaya di masyarakat untuk mencerdaskan

bangsa dalam rangka mensukseskan wajib belajar.

10

2.4 Tujuan Sekolah

1. Menumbuhkan dan mengembangkan penghayatan dan pengamalan nilai

nilai agama dan budi pekerti

2. Menumbuhkan iman dan taqwa kepada Tuhan Yang Maha Esa dan

berakhlak mulia

3. Meningkatkan pencapaian prestasi akademik

4. Memiliki dasar-dasar pengetahuan, kemampuan, dan ketrampilan untuk

melanjutkan pendidikan pada jenjang yang lebih tinggi

5. Mengoptimalkan potensi keterampilan dan seni

6. Mengenal dan mencintai bangsa, masyarakat, dan kebudayaannya

7. Mengenal dan atau menguasai aplikasi pembelajaran berbantuan/berbasis

komputer secara terpadu.

8. Menumbuhkan kreatifitas, keterampilan, dan dapat mengembangkan diri

secara terus menerus.

2.5 Struktur Organisasi Sekolah

11

KEPALA SEKOLAH

Puji Astuti, S.Pd.

TATA USAHA

Drs. Wahyudi P.

GURU KELAS IV

Drs. H. Mujiyo

GURU KELAS V

Hardani, S.Pd.

GURU KELAS VI

Drs. KuswantoGURU KELAS I

Supriyanti, S.PgSD

GURU KELAS II

Sri Wahjuni, S.Pd.GURU KELAS III

Wiwiek S, S.Pd.

GURU

PENJASKESGURU PRAMUKA

Kamaludin

GURU TIK

R. Paripurnaningsih, ST

GURU

B. DAERAH

GURU

B. INGGRISGURU AGAMA

GURU SENI TARI

Jamilah

GURU TPA (PA)

GURU TPA (PI)

Novita

PENJAGA

Trimaredja

SISWA

MASYARAKAT

SEKITAR

BAGAN STRUKTUR ORGANISASI SEKOLAH

Tabel 2.1 Struktur Organisasi Sekolah

12

BAB III

HASIL DAN PEMBAHASAN

3.1 Analisis

Analisis dilakukan dengan mengidentifikasi masalah yang terjadi

dalam sistem yang akan dibangun. Spesifikasi kebutuhan menjelaskan apa

yang dapat dilakukan oleh suatu website dan cakupan dari proyek. Dalam hal

ini, SD N Suryowijayan memerlukan website dinamis yang dapat memberikan

informasi kepada pengunjung umum, siswa, guru, dan pihak-pihak yang

memerlukan informasi mengenai sekolah. Isi website yang dibutuhkan SD N

Suryowijayan yaitu menampilkan profil sekolah, berita sekolah, gallery

sekolah, dan tata tertib sekolah untuk dapat digunakan sebagai alat informasi

pengunjung dan pembelajaran antara siswa dan guru. Karena website ini

merupakan web yang dinamis maka ada fitur administrator yang berfungsi

untuk mengupgrade isi web.Halaman admin mampu mengelola akun,

mengelola profil sekolah, berita sekolah, gallery sekolah, tata tertib sekolah,

dan semua isi website. Proses antara administrator dengan website merupakan

hal yang penting.Dengan adanya administrator, maka informasi yang ada

dalam website akan dapat selalu ter-update sehingga pengunjung website

selalu mendapatkan informasi terbaru dari sekolah.

3.2 Desain Sistem

Desain sistem website sekolah merupakan suatu gambaran model dan

cara kerja website. Dalam hal ini, sistem website yang dibangun dimodelkan

dengan menggunakan metode DFD (Data Flow Diagram) .DFD

13

menggambarkan model desain proses informasi yang terjadi pada sistem

website yang dibangun.

1.DFD (Data Flow Diagram)

a. DFD Level 0 Diagram Konteks

Gambar 3.1 merupakan gambaran dari suatu informasi proses yang

berjalan pada website sekolah yang dirancang bagaimana sistem berinteraksi

dengan beberapa entity untuk mempresentasikan keseluruhan sistem sesuai

dengan analilis kebutuhan.

14

Gambar 3.1 Diagram Konteks (DFD Level 0)

15

Dari diagram konteks seperti yang disajikan oleh Gambar 3.1 dapat

disimpulkan bahwa di dalam web terdapat admin dan user. Admin yaitu yang

mengelola website meliputi home, profile, berita, gallery, dan tata tertib.

Dimana admin terlebih dahulu harus login untuk mengelolanya. Dan ada user

atau pengunjung biasa yaitu dapat melihat home, profile, berita, gallery,dan

tata tertib secara langsung tanpa harus login terlebih dahulu.

16

b. DFD Level 1

Gambar 3.2 DFD Level 1

DFD Level 1 menggambarkan proses yang terjadi pada sistem website

sekolah secara keseluruhan. Ini juga merupakan penjelasan lebih lanjut dari

DFD level 0 sebelumnya. Proses-proses tersebut ditunjukkan pada Gambar

3.2. Pada Gambar 3.2 terdapat lima proses yaitu :

1. Proses Login

17

Proses login ini hanya dapat dilakukan oleh admin. Dengan proses

login maka admin dapat ikut mengelola web dari segi home, profile, berita,

gallery, tata tertib dan akun. Proses login dimulai dengan input username dan

password. Setelah username dan password dimasukkan kemudian sistem akan

melakukan validasi untuk menentukan login berhasil atau tidak.

2. Proses Manajemen Home

Proses ini dilakukan oleh admin untuk mengisi menu home atau

halaman awal yang ada di website sekolah yang berisi untuk mengganti foto–

foto utama dihalaman awal.

3. Proses Manajemen Profile

Proses manajeman profile ini dilakukan oleh admin untuk mengisi

menu profile yang ada di website sekolah yang berisikan visi, misi dan sejarah

sekolah.

4. Proses Manajemen Berita

Proses dalam manajemen berita ini dilakukan oleh admin untuk

mengisi menu yang ada dalam berita di website sekolah. Berita yang ada

tersebut berisikan beberapa berita atau pengumuman yang bersangkut pautkan

dengan sekolah yang ditampilkan dihalaman awal website dan menu berita itu

sendiri.

5. Proses Manajemen Gallery

Proses ini dilakukan oleh admin untuk mengisi menu gallery yang ada

di website sekolah. Menu gallery ini berisi foto-foto yang berhubungan atau

18

kegiatan-kegiatan sekolah dan juga yang akan ditampilkan pada halaman awal

website dan menu gallery.

6. Proses Manajemen Tata tertib

Proses manajemen tata tertib ini dilakukan oleh admin. Yaitu

menambahkan beberapa tata tertib sekolah ke dalam website.

7.Proses Manajemen Password

Proses manajemen password ini dilakukan oleh admin. Admin kapan pun

dapat mengganti password lama dengan yang baru.

C. DFD Level 2

DFD level 2 ini merupakan penjabaran proses dari beberapa proses

manajemen yang ada pada DFD level 1, antara lain:

1. DFD Level 2 Proses Login

DFD level 2 proses login merupakan penjabaran login yang terdapat pada

level 1, secara lebih rinci yang ditunjukkan Gambar 3.3:

Input

admin

validasi

Status login

Username

password

Username

password

Username

passwordadmin

Gambar 3.3 DFD Level 2 Proses Login

19

Pada DFD level 2 Proses login ini hanya dapat dilakukan oleh admin.

Proses login dimulai dengan input username dan password. Setelah username

dan password dimasukkan kemudian sistem akan melakukan validasi untuk

menentukan login berhasil atau tidak.

2. Level 2 Proses Manajemen Password

DFD level 2 proses manajemen password merupakan manajemen

password yang terdapat pada level 1, secara lebih rinci yang ditunjukkan

gambar 3.4:

Gambar 3.4 DFD Level 2 Proses ganti password

Pada level 2 proses ganti password ini dilakukan oleh admin.

Admin memasukkan password lama kemudian menggantinya dengan

password baru.

3. Level 2 Proses Manajemen Home

20

DFD level 2 proses manajemen home merupakan penjabaran

manajemen home yang terdapat pada level 1, secara lebih rinci yang

ditunjukkan gambar 3.5

Gambar 3.5 DFD Level 2 Proses Manajemen Home

Pada DFD level 2 proses manajemen home terdapat 3 proses yang

terjadi yaitu: Proses insert, update, dan delete yang terdapat pada menu home

di website sekolah. Proses ini dilakukan oleh admin.

4. DFD Level 2 Proses Manajemen Profile

21

DFD level 2 proses manajemen profile merupakan penjabaran manajemen

profile yang terdapat pada level 1, secara lebih rinci yang ditunjukkan Gambar 3.6

:

Gambar 3.6 DFD Level 2 Proses Manajemen Profile

Pada DFD level 2 proses manajemen profile terdapat 3 proses yang

terjadi yaitu: Proses insert, update, dan delete yang terdapat pada menu profile

di website sekolah. Proses yang berjalan pada manajemen profil ini dilakukan

oleh admin. Dan harus login terlebih dahulu untuk melakukannya.

5. DFD Level 2 Proses Manajemen Berita

22

DFD level 2 proses manajemen berita merupakan penjabaran

manajemen berita yang terdapat pada level 1, secara lebih rinci yang

ditunjukkan Gambar 3.7 :

Gambar 3.7 DFD Level 2 Proses Manajemen Berita

Pada DFD level 2 proses manajemen berita terdapat 3 proses yang

terjadi yaitu: Proses insert, update, dan delete yang terdapat pada menu berita

di website sekolah. Proses yang berjalan pada manajemen berita ini dilakukan

oleh admin dan harus login terlebih dahulu untuk melakukannya.

23

6. DFD Level 2 Proses Manajemen Gallery

DFD level 2 proses manajemen gallery merupakan penjabaran

manajemen gallery yang terdapat pada level 1, secara lebih rinci yang

ditunjukkan Gambar 3.8:

Gambar 3.8 DFD Level 2 Proses Manajemen Gallery

Pada DFD level 2 proses manajemen gallery terdapat 3 proses yang

terjadi yaitu: Proses insert, update, dan delete yang terdapat pada menu gallery

di website sekolah. Proses yang berjalan pada manajemen gallery ini

dilakukan oleh admin. Dan harus login terlebih dahulu untuk melakukannya.

24

7. DFD Level 2 Proses Manajemen Tata tertib

DFD level 2 proses manajemen tata tertib merupakan penjabaran

manajemen tata tertib yang terdapat pada level 1, secara lebih rinci yang

ditunjukkan Gambar 3.9:

Admin

6.1

Insert Tata

Tertib

6.2

Update Tata

Tertib

6.3

Delete Tata

Tertib

Id

Judul

Isi

tglPost

Id

Judul

Isi

tglPost

Id

Judul

Isi

tglPost

Id

Judul

Isi

tglPost

Id

Judul

Isi

tglPost

Id

Judul

Isi

tglPost

Gallery

Id

Judul

Isi

tglPost

Gambar 3.9 DFD Level 2 Proses Manajemen Tata tertib

Pada DFD level 2 proses manajemen tata tertib terdapat 3 proses yang

terjadi yaitu: Proses insert, update, dan delete yang terdapat pada menu tata

tertib di website sekolah dan harus login terlebih dahulu untuk melakukannya.

25

3.3 Desain Tabel

Website sekolah memiliki beberapa tabel yang digunakan untuk

mendukung berjalannya sistem di dalam web perusahaan ini. Tabel-tabel

tersebut berada di dalam satu database yang sama yaitu “sdsuryowijayan”.

Adapun tabel-tabel tersebut antara lain :

1. Tabel Admin

Tabel 3.1 berisi daftar username, dan password untuk admin melakukan

login.

Tabel 3.1 tabel Admin

No

Nama Kolom

Tipe Data

Keterangan

1

Username Varchar(25)

2

Password Varchar(40)

2. Tabel Home

Tabel 3.2 berisi foto-foto yang ada dihalaman utama website untuk

dipublishkan ke pengunjung website.

Tabel 3.2 Tabel Home

No

Nama Kolom

Tipe Data

Keterangan

1

Id

Int(3)

Primary Key

2

Judul

Varchar(25)

3

Foto

Varchar(25)

26

3. Tabel Profil

Tabel 3.3 berisi tentang visi, misi, dan sejarah sekolah untuk di

publishkan ke pengunjung website.

Tabel 3.3 Tabel Profil

No

Nama Kolom

Tipe Data

Keterangan

1

Id

Int(2)

Primary Key

2

Nama

Varchar(30)

3

Isi

Longtext

4. Tabel Berita

Tabel 3.4 berisi berita-berita yang akan di publishkan ke pengunjung

website.

Tabel 3.4 Tabel Berita

No

Nama Kolom

Tipe Data

Keterangan

1

Id

Int(3)

Primary Key

2

Judul

Varchar(100)

3

Gambar

Varchar(25)

4

Isi

Mediumtext

5 TglPost Date

27

5. Tabel Gallery

Tabel 3.5 berisi foto-foto yang berhubungan dengan sekolah ataupun

foto kegiatan-kegiatan yang ada disekolah untuk di publishkan ke pengunjung

website.

Tabel 3.5 Tabel Gallery

No

Nama Kolom

Tipe Data

Keterangan

1

Id

Int(3)

Primary Key

2

Isi

Mediumtext

3

Foto

Varchar(25)

6. Tabel tata tertib

Tabel 3.6 berisi beberapa Tata tertib sekolahan yang di publishkan ke

pengunjung website.

Tabel 3.6 Tabel Tata tertib

No

Nama Kolom

Tipe Data

Keterangan

1

Id

Int(3)

Primary Key

2

Judul

Varchar(100)

3

Isi

Longtext

4 TglPost Date

28

3.4 Implementasi Sistem Halaman Administrator

Halaman admin merupakan halaman yang digunakan oleh admin untuk

mengatur konten dari website.

1. Form Login

Form ini digunakan oleh admin untuk masuk ke halaman

administrator. Form ini terlihat seperti pada gambar 3.11

Gambar 3.11 Tampilan Form Login

Didalam form login ini, admin harus memasukkan username dan

password untuk mengelola website tersebut.

2. Form Utama Admin

Pada menu utama admin berisi menu-menu utama seperti menu

profile, menu berita, menu gallery, menu tata tertib, dan menu akun.Seperti

terlihat pada gambar 3.12

29

Gambar 3.12 Tampilan Halaman Menu Utama Admin

Di dalam form ini admin berhak mengakses semua ataupun salah satu

menu untuk di edit.

3. Menu Home

Pada form admin home atau slide terdapat beberapa field yang ada

pada home. Seperti terlihat pada gambar 3.13

Gambar 3.13 Tampilan Form Admin Home

Pada form admin home ini dapat menambahkan,mengubah dan

mengahapus data gambar dihalaman awal . seperti pada gambar 3.14 dan 3.15

30

Gambar 3.14 Tampilan Edit Data Home

Pada form edit data home, admin dapat mengedit data-data home yang

berisikan judul dan foto dari home tersebut.

Gambar 3.15 Tampilan Tambah Data Home

Pada form tambah data home,admin dapat menginputkan data-data

home yang berisikan judul dan foto dari home tersebut.

4. Menu Profil

Pada admin profil terdapat beberapa field yang ada pada profile.

Seperti terlihat pada gambar 3.16.

31

Gambar 3.16 Tampilan Form Menu Profile.

Pada form admin profile ini admin dapat menambahkan,mengubah dan

menghapus data profile. Seperti pada gambar 3.17 dan gambar 3.18.

Gambar 3.17 Tampilan Tambah Data Profil

Pada form data profil, admin dapat menginputkan data-data profil yang

berisikan nama profil dan isi profil tersebut.

32

Gambar 3.18 Tampilan Edit Data Profile

Pada form edit data profil, admin dapat merubah data-data yang sudah

ada sesuai dengna kebutuhannya.

5. Menu Berita

Pada form admin berita terdapaat beberapa filed yang ada pada berita.

Seperti terlihat gambar 3.19

Gambar 3.19 Tampilan Form Berita

33

Pada form admin berita ini, admin dapat menambahkan,mengubah, dan

menghapus data berita. Seperti pada gambar 3.20 dan gambar 3.21

Gambar 3.20 Tampilan Tambah Data Berita

Pada form tambah data berita, admin dapat menambahkan beberapa

data yang ada dalam berita yaitu judul berita,foto berita dan isi berita.

34

Gambar 3.21 Tampilan Edit Data Berita

Pada form ini admin dapat mengedit atau mengubah isi data yang ada

yaitu judul dan gambar .

6. Menu Gallery

Pada form admin gallery terdapat beberapa field yang ada pada gallery.

Seperti terlihat pada gambar 3.22

35

Gambar 3.22 Tampilan Form Admin Gallery

Pada form admin gallery ini,admin dapat menambahkan,mengubah, dan

menghapus data dari gallery. Seperti pada gamabr 3.23 dan 3.24

Gambar 3.23 Tampilan Tambah Data Gallery

36

Pada form ini tambah data gallery,admin dapatmenambahkan beberapa

data yang ada dalam galleryyaitu keteragan dan foto gallery.

Gambar 3.24 Tampilan Edit Data Gallery

7. Menu Tata Tertib

Pada form admin Tata tertib terdapat beberapa field yang ada pada

Tata tertib. Seperti terlihat pada gambar 3.25 .

37

Gambar 3.26 Tampilan Form Tata Tertib

Pada form Tata tertib, admin dapat menambahkan,mengubah dan

menghapus data Tata tertib. Seperti pada gambar 3.26 dan 3.27

Gambar 3.26 Tampilan Tambah Data Tata Tertib

38

Pada form tambah data tata tertib, admin dapat menambahkan

beberapa data yang dalam tata tertib yaitu data nama tata tertib.

Gambar 3.27 Tampilan Edit Data Tata Tertib

Pada form edit tata tertib,admin dapat mengubah data-data yang sudah

disimpan,seperti mengubah data nama tata tertib.

39

BAB IV

PENUTUP

4.1 Kesimpulan

Berdasarkan hasil dan pembahasan, maka dapat disimpulkan sebagai

berikut:

1. Pelaksanaan kerja praktek berhasil membuat website SD N Suryowijayan

yang dapat memberikan informasi dan pembelajaran secara online.

2. Website yang dibangun merupakan website dinamis yang terintegrasi

dengan database, sehingga informasi dapat terus di-update.

3. Website ini dapat dipergunakan sebagai media promosi sekolah dan media

untuk berinteraksi antara guru dan siswa dan memberikan informasi sekolah

kepada pengunjung.

4.2 Rekomendasi

Saran atau masukan untuk perbaikan atau pengembangan sistem

website di SD N Suryowijayan yaitu:

1. Website SD N Suryowijayan ini masih dapat dikembangkan lagi dengan

menambahkan menu E-learning

2. Menambahkan Sistem Informasi Akademi secara terpisah dengan website

SD N Suryowijayan

3. Memperbaiki kualitas interface website SD N Suryowijayan