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. Kuswanto GURU KELAS I
Supriyanti, S.PgSD
GURU KELAS II Sri Wahjuni, S.Pd.
GURU KELAS III Wiwiek S, S.Pd.
GURU PENJASKES
GURU PRAMUKA Kamaludin
GURU TIK R. Paripurnaningsih, ST GURU
B. DAERAH GURU
B. INGGRIS GURU 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
password admin
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
