laporan kerja praktek web profil (administrator) di …
Post on 02-Nov-2021
2 Views
Preview:
TRANSCRIPT
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
top related