LAPORAN KERJA PRAKTEK

PEMBUATAN APLIKASI PROFIL SEKOLAH BERBASIS

WEB DENGAN BOOTSTRAP DI SEKOLAH DASAR NEGERI
PASIRPAROS

Diajukan untuk memenuhi persyaratan kelulusan

Matakuliah TIF 335 Kerja Praktek

Oleh:
INGRI NURHASANAH/ 301180012

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS BALE BANDUNG
2022
 LEMBAR PENGESAHAN

PROGRAM STUDI TEKNIK INFORMATIKA

PEMBUATAN APLIKASI PROFIL SEKOLAH BERBASIS WEB

DENGAN BOOTSTRAP DI SEKOLAH DASAR NEGERI PASIRPAROS

Oleh:
INGRI NURHASANAH/ 301180012

disetujui dan disahkan sebagai

LAPORAN KERJA PRAKTEK

Bandung, ..............................
Koordinator Kerja Praktek

Yusuf Muharam, M.Kom.

NIK: 04104820003

i
 LEMBAR PENGESAHAN

SEKOLAH DASAR NEGERI PASIRPAROS

PEMBUATAN APLIKASI PROFIL SEKOLAH BERBASIS WEB

DENGAN BOOTSTRAP DI SEKOLAH DASAR NEGERI PASIRPAROS

Oleh:
INGRI NURHASANAH/ 301180012

disetujui dan disahkan sebagai

LAPORAN KERJA PRAKTEK

Bandung, ..............................
Kepala Sekolah Dasar Negeri Pasirparos

Hj. Sumaryati, S.Pd.

ii
 ABSTRAKSI

Sekolah Dasar Negeri PasirParos belum punya media penyampaian informasi

yang cepat dan akurat, selama ini dalam penyampaian informasinya masih
menggunakan spanduk tentu saja hal ini akan menyita banyak waktu dan biaya.
Hal tersebut merupakan salah satu kendala untuk meningkatakan mutu dan
kualitas pendidikan disekolah Dasar Negeri PasirParos Baleendah. Dalam
penelitian ini akan dibuat website profil Sekolah Dasar Negeri PasirParos
Baleendah,untuk mempromosikan Sekolah Dasar Negeri PasirParos Baleendah
dengan tampilan yang menarik dan dapat diakses dengan mudah dari manapun
melalui internet.
Dengan begitu Sekolah Dasar Negeri PasirParos Baleendah akan lebih dikenal
dan diketahui oleh masyarakat umum dengan melihat profil yang bersifat online
tersebut.
Metode yang dilakukan penelitian antara lain, kepustakaan , observasi, analisis
dan perancangan , pembuatan website, implementasi. Sekolah Dasar Negeri
PasirParos Baleendah sudah mempunyai website, sehingga masyarakat bisa
mencari informasi mengenai Sekolah Dasar Negeri PsirParos secara online,
dengan adanya website ini jangkauan informasi yang diberikan lebih luas bukan
hanya masyarakat sekitar namun dari segala penjuru mampu mengetahui
Sekolah Dasar Negeri PasirParos dengan lebih lengkap dan jelas melalui media
internet.

Kata Kunci: pembuatan website profil SDN pasirparos

iii
 KATA PENGANTAR

Segala puji syukur atas kehadirat Tuhan Yang Maha ESA karena atas
berkat serta bimbingannya yang telah memberikan sehingga penulis dapat
menyelesaikan Laporan kerja praktek ini dengan judul “Pembuatan
Aplikasi Profil Sekolah Berbasis Web Dengan Bootstrap Di Sekolah Dasar
Negeri Pasirparos”.

Laporan kerja praktek ini dibuat dan disusun guna memenuhin syarat
Matakuliah TIF335 Kerja Praktek yang wajib ditempuh selama perkuliahan
di Fakultas Teknologi Informasi Universitas Bale Bandung. Laporan kerja
praktek disusun sebagai hasil dokumentasi selama melaksanakan
kegiatan kerja praktek di sekolah dasar negeri pasirparos selama 3 bulan.

Dalam melaksanakan Kerja praktek ini, penulis mendapat banyak

dukungan, bimbingan dan saran dari berbagai pihak yang tentunya akan
menjadi pengalaman yang sangat berharga bagi penulis. oleh karena itu,
Dengan segala hormat saya mengucapkan terimakasih yang sebesar –
besarnya kepada:
1. Kedua orang tua yang selalu sabar, yang menguatkan saya,
memotivasi, dan tak pernah lelah untuk menemani saya, sehingga
saya mampu berjuang sampai saat ini
2. Bapak Yudi Herdiana, S.T., M.T. selaku dekan Fakultas Teknologi
Informasi.
3. Yusuf Muharam, M.Kom selaku Ketua Prodi Teknik Informatika,
Koordinator Kerja Praktek Program Studi Teknik Informatika.
4. Ahmad Faojan, S.Kom selaku Pembimbing Kerja Praktek Program
studi Teknik Informatika.
5. HJ. sumaryati, S.Pd. selaku Kepala sekolah dasar negeri pasirparos
6. Bapak Ade Hurkam, S.Pd. selaku Pembimbing di sekolah dasar negeri
pasirparos
7. Bapak Hari, Sk. selaku koordinator disekolah dasar negeri pasirparos
8. Seluruh staf dan pegawai di sekolah dasar negeri pasirparos

iv
Dalam Penyusunan Laporan ini, penulis menyadari masih terdapat
kekurangan baik yang disengaja ataupun tidak disingaja dikarenakan
keterbatasan ilmu dan pengalaman dari penulis. oleh karena itu, penulis
mengharapkan kritik dan saran yang sifatnya membangun. penulis juga
berharap agar laporan ini dapat bermanfaat bagi pembaca. Aamiin.

Salam,

v
 DAFTAR ISI

LEMBAR PENGESAHAN PROGRAM STUDI .......................................... i

LEMBAR PENGESAHAN INSTANSI ....................................................... ii
ABSTRAKSI ............................................................................................. iii
KATA PENGANTAR ................................................................................ iv
DAFTAR ISI .............................................................................................. vi
DAFTAR GAMBAR ................................................................................ viii
DAFTAR TABEL ....................................................................................... x
BAB I PENDAHULUAN............................................................................. 1
I.1 Latar Belakang ............................................................................... 1
I.2 Lingkup .......................................................................................... 2
I.3 Tujuan............................................................................................. 3
BAB II LINGKUNGAN KERJA PRAKTEK................................................ 4
II.1 Profil Sekolah ................................................................................ 4
II.2 Visi dan Misi Sekolah SDN PasirParos ........................................ 6
II.3 Sturktur Organisasi SDN Pasirparos ........................................... 6
II.4 Lingkup Perkerjaan ..................................................................... 11
II.5 Deskripsi Pekerjaan .................................................................... 11
II.6 Jadwal Kerja Praktek................................................................... 11
BAB III TEORI PENUNJANG KERJA PRAKTEK .................................. 13
III.1 Teori Penunjang .......................................................................... 13
III.2 Peralatan Pembuatan Aplikasi ................................................... 24
BAB IV PELAKSANAAN KERJA PRAKTEK ......................................... 33
IV.1 Input 33
IV.2 Input 33
IV.2.1 Eksplorasi ............................................................................ 33
IV.2.2 Pembuatan Profil Sekolah Berbasis Web Di SDN
PasirParos ........................................................................... 35
IV.2.3 Pelaporan Hasil Kerja Praktek ........................................... 52
IV.3 Pencapaian Hasil ......................................................................... 52
BAB V PENUTUP .................................................................................... 56
V.1 Kesimpulan dan Saran Mengenai Pelaksanaan ........................ 56

vi
 V.1.1 Kesimpulan Pelaksanaan Kerja Praktek ........................... 56
V.1.2 Saran Pelaksanaan Kerja Praktek ..................................... 56
V.2 Kesimpulan dan Saran Mengenai Substansi ............................ 57
V.2.1 Kesimpulan Aplikasi Profil Sekolah Berbasis Web ......... 57
V.2.2 Saran Mengenai Aplikasi Profil Sekolah Berbasis Web .. 57
DAFTAR PUSTAKA ................................................................................. xi

vii
 DAFTAR GAMBAR

Gambar II.1 SDN Pasirparos ............................................................................... 4

Gambar II.2 Struktur Organisasi SDN Pasirparos ................................................ 7
Gambar III.1 Model Waterfall ............................................................................ 14
Gambar III.2 XAMPP ........................................................................................ 25
Gambar III.3 htdocs .......................................................................................... 25
Gambar III.4 phpMyAdmin ................................................................................ 26
Gambar III.5 Control Panel ............................................................................... 26
Gambar III.6 Mowes Portable - Not Running ..................................................... 27
Gambar III.7 Localhost Mowes Portable ........................................................... 27
Gambar III.8 Sublime Text ................................................................................ 28
Gambar III.9 Logo/ Icon Google Chrome .......................................................... 31
Gambar IV.1 Use Case Diagram....................................................................... 36
Gambar IV.2 Acitivy Diagram Login .................................................................. 37
Gambar IV.3 Activity Diagram Input data home ................................................ 38
Gambar IV.4 Activity Diagram input data profil .................................................. 39
Gambar IV.5 Activity Diagram input data guru .................................................. 40
Gambar IV.6 Activity Diagram input data galeri ................................................. 40
Gambar IV.7 Activity Diagram input data kontak ............................................... 41
Gambar IV.8 Activity Diagram input data berita................................................. 41
Gambar IV.9 Diagram Sequence login .............................................................. 42
Gambar IV.10 Class Diagram ........................................................................... 43
Gambar IV.11 Mockup Home............................................................................ 44
Gambar IV.12 Mockup Form Login ................................................................... 44
Gambar IV.13 Mockup Data Guru ..................................................................... 44
Gambar IV.14 Mockup Data Siswa ................................................................... 45
Gambar IV.15 Mockup Blog .............................................................................. 45
Gambar IV.16 Mockup Pengumuman ............................................................... 45
Gambar IV.17 Mockup Agenda ......................................................................... 46
Gambar IV.18 Mockup Download ..................................................................... 46
Gambar IV.19 Mockup Galeri............................................................................ 46
Gambar IV.20 Mockup Kontak .......................................................................... 47
Gambar IV.21 Tampilan Halaman Utama ......................................................... 52
Gambar IV.22 Tampilan About.......................................................................... 53

viii
Gambar IV.23 Tampilan Guru ........................................................................... 53
Gambar IV.24 Tampilan Siswa ......................................................................... 53
Gambar IV.25 Tampilan Blog ............................................................................ 54
Gambar IV.26 Tampilan Pengumuman ............................................................. 54
Gambar IV.27 Tampilan Agenda ....................................................................... 54
Gambar IV.28 Tampilan Download ................................................................... 55
Gambar IV.29 Tampilan Galeri Foto ................................................................. 55
Gambar IV.30 Tampilan Kontak ........................................................................ 55

ix
 DAFTAR TABEL

Tabel II.1 Waktu kegiatan kerja praktek ............................................................ 12

Tabel III.1 Simbol Use case diagram ................................................................ 17
Tabel III.2 Simbol Activity Diagram ................................................................... 17
Tabel III.3 Simbol Class Diagram ...................................................................... 18
Tabel IV.1 Kebutuhan Perangkat Keras ............................................................ 34
Tabel IV.2 Kebutuhan Perangkat Lunak............................................................ 34
Tabel IV.3 Basis Data Agenda .......................................................................... 47
Tabel IV.4 Basis Data Album ............................................................................ 47
Tabel IV.5 Basis Data Files ............................................................................... 48
Tabel IV.6 Basis Data Galeri ............................................................................. 48
Tabel IV.7 Basis Data Guru .............................................................................. 48
Tabel IV.8 Basis Data Inbox.............................................................................. 49
Tabel IV.9 Basis Data Kategori ......................................................................... 49
Tabel IV.10 Basis Data Pelajaran ..................................................................... 49
Tabel IV.11 Basis Data Kelas ........................................................................... 49
Tabel IV.12 Basis Data Komentar ..................................................................... 49
Tabel IV.13 Basis Data Log .............................................................................. 50
Tabel IV.14 Basis Data Kelas Siswa ................................................................. 50
Tabel IV.15 Basis Data Pengumuman .............................................................. 51
Tabel IV.16 Basis Data Pengunjung ................................................................. 51
Tabel IV.17 Basis Data Siswa ........................................................................... 51
Tabel IV.18 Basis Data Testimoni ..................................................................... 51
Tabel IV.19 Basis Data Tulisan ......................................................................... 51

x
 BAB I
PENDAHULUAN

I.1 Latar Belakang

Sekarang ini perkembangan teknologi informasi memainkan perannya
yang sangat penting dalam berbagai aspek kehidupan seperti di bidang
industri, perdagangan, kesehatan, pendidikan dan sebagainya. Internet
merupakan jaringan komputer global diseluruh dunia sebagai media
komunikasi dan informasi modern yang dapat memberikan serta
menampilkan berbagai informasi dan data kepada publik. Suatu lembaga,
instansi pemerintah atau swasta dapat memberikan serta menampilkan
profil, iklan, data dan informasi kepada publik melalui internet dengan
memanfaatkan fasilitas website.

Penyampaian informasi pendidikan sekolah yang masih sederhana di SD

Negri Pasirparos, 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

Kerja praktek ini dilaksanakan di salah satu sekolah dasar yang berada di
kecamatan baleendah yaitu di SD Negeri Pasirparos kabupaten bandung
kec. baleendah.

Sistem penyampaian informasi yang demikian menjadikan kendala bagi

sekolah untuk bisa lebih dikenal dan diketahui oleh masyarakat luas
disebabkan jangkauan informasi yang sangat sempit dan terbatas karena
informasi sekolah yang tidak bisa diakses secara real-time.

Berdasarkan masalah diatas, maka penulis melakukan kerja praktek

dengan mengambil judul “Pembuatan Aplikasi Profil Sekolah Berbasis
Web Dengan Bootstrap Di Sekolah Dasar Negeri Pasirparos” untuk
memudahkan pencarian informasi sekolah. Sehingga diharapkan dengan
menggunakan sistem informasi yang berbasis web, masyarakat dan

1
 2

warga sekolah dapat mengakses informasi tentang profil sekolah

dilakukan kapanpun dan dimana pun mereka berada tanpa mengenal
jarak dan waktu

I.2 Lingkup
Lingkup materi kerja praktek yang dilaksanakan di SDN PasirParos adalah
pembuatan aplikasi profil sekolah dengan bootstrap untuk memudahkan
pengajuan proposal aplikasi profil serta untuk menangani semua data
aplikasi profil yang menyangkut hal berikut :
1. Data agenda ( Id agenda, nama agenda, tanggal agenda, deskripsi
agenda, mulai agenda, selesai agenda, tempat agenda, waktu
agenda, keterangan agenda, author agenda),
2. Data album ( id album, nama album, tanggal album, pengguna id
album, author album, count album, cover album),
3. Data files ( id file, judul file, deskripsi file, tanggal file, oleh file,
download file, data file),
4. Data galeri ( id galeri, judul galeri, tanggal galeri, gambar galeri,
album id galeri, pengguna id galeri, author galeri),
5. Data guru ( id guru, nip guru, nama guru, jenkel guru, tmpt lahir guru,
tgl lahir guru, mapel guru, photo guru, tgl input guru),
6. Data inbox ( id inbox, nama inbox, email inbox, kontak inbox, pesan
inbox, tanggal timestamp inbox, status inbox),
7. Data kategori ( id kategori, nama kategori, tanggal timestamp
kategori),
8. Data kelas ( id kelas, nama kelas),
9. Data komentar ( komentar id, nama komentar, email komentar, isi
komentar, tanggal komentar, status komentar, tulisaan id komentar,
parent komentar),
10. Data log ( log id, nama log, tanggal log, ip log, pengguna id log, icon
log, jenis icon log),
11. Data pengguna (id pengguna, nama pengguna, moto pengguna,
jenkel pengguna, username pengguna, password pengguna, tentang
pengguna, email pengguna, nohp pengguna, facebook pengguna,
 3

twiter pengguna, linkdin pengguna, google plus pengguna, status

pengguna, level pengguna, register pengguna, photo pengguna),
12. Data pengumuman (id pengumuman, judul pengumuman, deskripsi
pengumuman, tanggal pengumuman, author pengumuman),
13. Data pengunjung (id pengunjung, tanggal pengunjung, ip
pengunjung, perangkat pengunjung),
14. Data siswa ( id siswa, nis siswa, nama siswa, jenkel siswa, kelas id
siswa, photo siswa),
15. Data testimoni ( id testimoni, nama testimoni, isi testimoni, email
testimoni, tanggal testimoni),
16. Data tulisan ( id tulisan, judul tulisan, isi tulisan, tanggal tulisan,
kategori nama tulisan, views kategori, gambar kategori, pengguna id
kategori, author kategori, img slider tulisan, slug kategori),

Data diatas merupakan daftar database yang akan dikelola aplikasi profil
sekolah SDN Pasirparos

I.3 Tujuan
Kerja praktek yang dilakukan di SDN PasirParos dari tanggal 11 Oktober
2021 sampai dengan 11 januari 2022 bertujuan untuk Mempermudah
masyarakat umum maupun warga sekolah dalam mengakses informasi
SDN PasirParos serta memiliki media penyampaian informasi yang lebih
efektif.
 BAB II
LINGKUNGAN KERJA PRAKTEK

II.1 Profil Sekolah

Gambar II.1 SDN Pasirparos

Sekolah Dasar Negeri PasirParos salah satu sekolah dasar negeri desa
baleendah yang terletak dijalan raya klastramangara tepatnya diwilayah
kelurahan/desa baleendah kecamatan baleendah kabupaten bandung.
Sekolah dasar ini berdiri sejak 1990. SDN PasirParos ini salah satu satuan
pendidikan dengan jenjang SD dibaleendah dalam menjalankan kegiatan,
SDN PasirParos berada dibawah naungan kementrian pendidikan dan
kebudayaan. Keberadaan sekolah inisangat berarti bagi masyarakat
karena anak-anak dapat melanjutkan pendidikannya tanpa harus keluar
dari daerah ini.

SDN PasirParos ini dipimpin oleh seorang kepala sekolah yang bernama
ibu Hj. Sumaryati, S.Pd. dan mempunyai tenaga pengajar sebanyak 17
orang yang terdiri dari guru honorer dan PNS. Kodepos SDN Pasirparos
40375, dan telepon 081321409405 Email sdn.pasirparos@yahoo.com.
Daya listrik yang digunakan yaitu tegangan listrik/daya listrik sebanyak
2,300 serta dengan luas tanah 3m2.

Profil Sekolah
1. Identitas Sekolah
1 Nama Sekolah : SDN PASIRPAROS

4
 5

2 NPSN : 20206337
3 Jenjang Pendidikan : SD
4 Status Sekolah : Negeri
5 Alamat Sekolah : Jl.kiastramanggala Rt 03 Rw 12
RT / RW : 3 / 12
Kode Pos : 40375
Kelurahan : Baleendah
Kecamatan : Kec. Baleendah
Kabupaten/Kota : Kab. Bandung
Provinsi : Prov. Jawa Barat
Negara : Indonesia
6 Posisi Geografis : -7,0093 Lintang
107,6214 Bujur
2. Data Pelengkap
7 SK Pendirian Sekolah : 1990
8 Tanggal SK Pendirian : 1990-09-28
9 Status Kepemilikan : Pemerintah Daerah
10 SK Izin Operasional : 345 PSD 1985
11 Tgl SK Izin Operasional : 1985-03-01
12 Kebutuhan Khusus Dilayani :
13 Nomor Rekening : 0075110685100
14 Nama Bank : BPD JABAR BANTEN...
BPD JABAR BANTEN CABANG
15 Cabang KCP/Unit :
DAYEUH KOLOT...
16 Rekening Atas Nama : SDNPASIRPAROS...
17 MBS : Tidak
18 Memungut Iuran : Tidak
19 Nominal/siswa : 0
20 Nama Wajib Pajak : SDN PASIRPAROS
21 NPWP : 005330956445000
3. Kontak Sekolah
20 Nomor Telepon : 081321409405
21 Nomor Fax :
22 Email : sdn.pasirparos@yahoo.com
 6

23 Website : http://
4. Data Periodik
24 Waktu Penyelenggaraan : Double Shift/6 hari
25 Bersedia Menerima Bos? : Ya
26 Sertifikasi ISO : Belum Bersertifikat
27 Sumber Listrik : PLN
28 Daya Listrik (watt) : 2300
29 Akses Internet : Telkom Speedy
30 Akses Internet Alternatif : Telkomsel Flash

II.2 Visi dan Misi Sekolah SDN PasirParos

a. Visi
Terwujudnya siswa yang berkualitas tinggi dan berdaya saing
tinggi.memiliki kepedulian lingkungan yang di dasari ahlak mulya
sesuai ajaran agama.
b. Misi
1. Menamamkan keyakinan aqdaih melalaui pengamalan ajaran
agama.
2. Meningkatkan kualitas dan kuantitas siswa penuh displin dedikasi
disertai dengan rasa tanggung jawab .
3. Mengembangkan bidang IPTEK ,Bahasa,Olaraga Raga,dan seni
budaya sesuai bakat,minat potensi siswa.
4. Menjalin kerja sama yang harmonnis antara warga sekolah dan
lingkungan.
5. Memupuk kesadaran serta kepedulian anak didik terhadap
lingkungan hidup,sosial,ekonomi dan pola hidup sehat .
6. Menumbuh kembangkan pengetahuan dan keterampilan anak
didik dalam pemanfaatan lingkungan sebagai sumber belajar.

II.3 Sturktur Organisasi SDN Pasirparos

 7

Gambar II.2 Struktur Organisasi SDN Pasirparos

Tugas pokok dan fungsi pengelola sekolah

1. Kepala Sekolah
a. Menyusun perencanaan
b. Mengorganisasikan kegiatan
c. Mengarahkan / mengendalikan kegiatan
d. Mengkoordinasikan kegiatan
e. Melaksanakan pengawasan
f. Menentukan kebijaksan
g. Mengadakan rapat mengambil keputusan
h. Mengatur proses belajar mengajar
i. Mengatur Administrasi Ketatausahaan, Kesiswaan, Ketenagaan,
Sarana prasarana, Keuangan.

2. Wakil Kepala Sekolah

Wakil Kepala Sekolah membantu Kepala Sekolah dalam kegiatan-
kegiatan sebagai berikut :
a. Penyusunan rencana, pembuatan program kegiatan dan program
b. pelaksanaan
c. Pengorganisasian
d. Pengarahan
e. Ketenagakerjaan
f. Pengkoordinasian
g. Pengawasan
h. Penilaian
 8

i. Pengembangan keunggulan
j. Penyusunan laporan.

3. Kepala Tata Usaha

a. Menyusun program kerja tata usaha sekolah
b. Pengelolaan dan pengarsipan suart-surat masuk dan keluar
c. Pengurusan dan pelaksanaan administrasi sekolah
d. Pembinaan dan pengembangan karir pegawai tata usaha sekolah
e. Pengurusan administrasi sekolah meliputi kurikulum, kesiswaan
dan ketenagaan
f. Penyusuanan dan penyajian data / statistik sekolah secara
keseluruhan
g. Penyusunan tugas dan staff Tata Usaha dan tenaga teknis lainya
h. Mengkoordinasikan dan melaksanakan 9K
i. Penyusunan laporan pelaksanaan secara berkala.

4. Wakasek Kesiswaan
a. Mengatur pelaksanaan Bimbingan Konseling
b. Mengatur dan mengkoordinasikan pelaksanaan 7K
(Kemanan,Kebersihan, Ketertiban, Keindahan, Kekeluargaan,
Kesehatan dan keindahan)
c. Mengatur dan membina program kegiatan OSIS
meliputi:Kepramukaan, Palang Merah Remaja (PMR), Kelompok
Ilmiah Remaja (KIR), Usaha Kesehatan Sekolah (UKS), Paskibra
d. Mengatur pelaksanaan Kurikuler dan Ekstra Kulikuler
e. Menyusun dan mengatur pelaksanaan pemilihan siswa teladan
sekolah
f. Menyelenggarakan Cerdas Cermat, Olahraga Prestasi
g. Menyeleksi calon untuk diusulkan mendapat beasiswa.

5. Wakasek Kurikulum
a. Menyusun dan menjalankan Kalender Pendidikan
b. Menyusun Pembagian Tugas Guru dan Jadwal Pelajaran
c. Mengatur Penyusunan Program Pengajaran (Program Semester,
 9

d. Program Satuan Pelajaran, dan Persiapan Mengajar, Penjabaran

dan Penyesuaian Kurikulum)
e. Mengatur pelaksanaan program penilaian Kriteria Kenaikan
Kelas,Kriteria Kelulusan dan Laporan Kemajuan Belajar Siswa
serta pembagian Report dan STTB
f. Mengatur pelaksanaan program perbaikan dan pengayaan
g. Mengatur pemanfaatan lingkungan sebagai sumber belajar
h. Mengatur pengembangan MGMP dan coordinator mata pelajaran
i. Mengatur Mutasi Siswa
j. Melaksanakan supervise administrasi dan akademik
k. Menyusun Laporan secara berkala

6. Wakasek Sarana
a. Menyusun program pengadaan sarana dan prasarana
b. Mengkoordinasikan penggunaan sarana dan prasarana
c. Pengelolaan pembiayaan alat-alat pengajaran
d. Mengelola perawatan dan perbaikan sarana prasarana
e. Bertanggung jawab terhadap kelengkapan data seklah
keseluruhan
f. Melaksanakan pembukuan sarana dan prasarana
g. Menyusun laporan secara berkala

7. Wakasek Hubin
a. Menyusun program kerja dan anggaran Hubin
b. Menjalin program kerjasama dengan DU/DI dan instansi
c. Menyusun program kerjasama dengan DU/DI dan instansi terkait
d. Menyediakan DU/DI untuk pelaksanaan Prakerin/PKL
e. Mengatur dan menyelenggarakan hubungan sekolah dengan
orangtua/Wali siswa
f. Membina hubungan antara sekolah dengan komite sekolah
g. Membina pengembangan hubungan antara sekolah dengan DU/DI
dan instansi terkait
h. Menyusun laporan pelaksanaan hubungan industri secara berkala
i. Menjalin hubungan ke luar lembaga sesuai fungsi dan kebutuhan
 10

8. Kepala Perpustakaan
a. Merecanakan pengadaan buku-buku pustaka/media cetak
b. Pengurusan pelayanan perpustakaan
c. Perencanaan pengembangan perpustakaan
d. Memelihara dan perbaikan buku-buku dan bahan pustaka
e. Inventarisasi dan pengadministrasian buku-buku dan bahan
pustaka Penyimpanan buku/bahan pustaka dan media elektronika
f. Melakukan layanan bagi siswa, guru, dan tenaga kependidikan
lainnya, serta msyarakat Menyusun tata tertib perpustakaani
g. Menyusun laporan pelaksanaan kegiatan perpustakaan secara
berkala

9. Wali Kelas
a. Mewakili orangtua dan Kepala sekolah dalam lingkungan kelasnya
b. Membina kepribadian dan Budi Pekerti siswa di kelasnya
c. Membantu Pengembangan Kecerdasan siswa di kelasnya
d. Membantu Pengambangan Kepemimpinan siswa di kelasnya

10. Guru
a. Membuat kelngkapan mengajar dengan baik dan lengkap
b. Melaksanakan kegiatan pembelajaran
c. Melaksanakan kegiatan penilaian proses belajar, ulangan, dan
ujian
d. Melaksanakan analisis hasil ulangan harian
e. Menyusun dan melaksanakan program perbaikan dan pengayaan
f. Mengisi daftar nilai anak didik
g. Melaksanakan kegiatan membimbing, kepada guru lain dalam
proses pembelajaran
h. Membuat alat pelajaran/alat peraga
i. Melaksanakan tugas tertentu di sekolah
j. Membuat catatan tentang kemajuan hasil belajar anak didik
k. Mengisi dan meneliti daftar hadir sebelum memulai pelajaran
 11

II.4 Lingkup Perkerjaan

Tempat melaksanakan kerja praktek adalah dibagian koordinator
komputer .nantinya akan membangun aplikasi profil sekolah dengan
boostrap untuk memudahkan pengajuan proposal profil sekolah yang
didalamnya terdapat data agenda, album, files, galeri, guru, inbox,
kategori, kelas, komentar, log, pengguna, pengumuman, penunjung,
siswa, testimoni, tulisan.

II.5 Deskripsi Pekerjaan

Deskripsi pekerjaan yang dilakukan selama kerja praktek adalah
pembuatan aplikasi profil sekolah yang menganangi hal berikut :
1. Pencatatan,modifikasi, dan pelaporan data agenda,
2. Pencatatan, modifikasi, dan pelaporan data album,
3. Pencatatan, modifikasi, dan pelaporan data files,
4. Pencatatan, modifikasi, dan pelaporan data galeri,
5. Pencatatan, modifikasi, dan pelaporan data guru,
6. Pencatatan, modifikasi, dan pelaporan data inbox,
7. Pencatatan, modifikasi, dan pelaporan data kategori,
8. Pencatatan, modifikasi, dan pelaporan data kelas,
9. Pencatatan, modifikasi, dan pelaporan data komentar,
10. Pencatatan, modifikasi, dan pelaporan data log,
11. Pencatatan, modifikasi, dan pelaporan data pengguna,
12. Pencatatan, modifikasi, dan pelaporan data pengunjung,
13. Pencatatan, modifikasi, dan pelaporan data siswa,
14. Pencatatan, modifikasi, dan pelaporan data testimoni,
15. Pencatatan, modifikasi, dan pelaporan data tulisan,

II.6 Jadwal Kerja Praktek

Adapun jadwal dalam pelaksanaan kerja praktek adalah sebagai berikut:

Kerja praktek dilaksanakan dari tanggal 11 Oktober 2021 s/d 11 Januari

2022 selama 12 minggu. Waktu kerja praktek adalah hari Senin dan Rabu
dengan jam yang disesuaikan dengan waktu senggang perkuliahan.
 12

Secara umum, kegiatan yang dilakukan selama kerja praktek adalah

sebagai berikut:
1. Minggu Pertama : Pengenalan lingkungan kerja praktek.
2. Minggu Kedua : Penyusunan dan pengajuan proposal
3. Minggu Ketiga : Penyetujuan proposal.
4. Minggu Keempat : Pengumpulan data
5. Minggu Kelima : pengumpulan data
6. Minggu Keenam : Pengmpulan data
7. Minggu Ketujuh : memasukan data webprofil
8. Minggu Kedelapan : Pembuatan Website Sekolah
9. Minggu Kesembilan : Penyusunan Laporan KP
10. Minggu Kesepuluh : Penyusunan Laporan KP
11. Minggu Kesebelas : Sidang KP
12. Minggu Keduabelas : Penyerahan Laporan KP

Tabel II.1 Waktu kegiatan kerja praktek

Bulan
Kegiatan Okt Nov Des Jan
III IV I II III IV I II III IV I II
Pengenalan tempat KP
Penyusunan dan pengajuan proposal KP
Penyutujuan proposal
Pelaksanaan KP
Pengumpulan data
Analisis pemanfaatan aplikasi
Penyusunan laporan
Sidang KP
Penyerahan laporan KP
 BAB III
TEORI PENUNJANG KERJA PRAKTEK

III.1 Teori Penunjang

Selama pelaksanaan kerja praktek di SDN PasirParos peserta kerja
praktek menggunakan pengetahuan yang diperoleh selama masa
perkuliahan sebagai landasan teori pembangunan aplikasi profil sekolah
berbasis web. Pengetahuan dan teori yang digunakan antara lain:
a. Konsep Sistem Basis Data FTI311
Teori dan konsep tentang basis data mengenai database di peroleh di
mata kuliah Siste basis data, FTI311 Sistem Basis Data.
b. Konsep Pemgrograman Internet FTI319
Teori dan konsep tentang pemrograman internet yaitu html,php di
peroleh di mata kuliah pemrograman internet. TI319 Pemgrograman
Internet.
c. Konsep Basis Data TIF310
Teori dan konsep tentang basis data mengenai database di peroleh di
mata kuliah Sistem basis data, FTI310 Basis Data.

Selain dari beberapa mata kuliah, ada beberapa materi yang dijadikan
landasan teori pembuatan aplikasi profil sekolah adalah:
1. Konsep MVC (Model, View, Controller)
MVC merupakan suatu konsep dalam pembangunan aplikasi web,
berawal pada bahasa pemrograman SmallTalk. MVC memisahkan
pengembangan aplikasi berdasarkan komponen utama yang
membangun sebuah aplikasi seperti manipulasi data, antarmuka
pengguna, dan bagian kontrol aplikasi. Terdapat 3 jenis komponen
yang membangun suatu pola MVC dalam suatu aplikasi yaitu:
a. Model, biasanya berhubungan langsung dengan pangkalan data
untuk memanipulasi data (insert, update, delete, search),
menangani validasi dari bagian controller, tetapi tidak dapat
berhubungan langsung dengan bagian view.

13
 14

b. View, merupakan bagian yang menangani logika presentasi. Pada

suatu aplikasi web bagian ini biasanya berupa berkas templat
HTML, yang diatur oleh controller. View berfungsi untuk menerima
dan merepresentasikan data kepada pengguna. Bagian ini tidak
memiliki akses langsung terhadap bagian model.
c. Controller, merupakan bagian yang mengatur hubungan antara
bagian model dan bagian view. Controller berfungsi untuk
menerima permintaan dan data dari pengguna kemudian
menentukan apa yang akan diproses oleh aplikasi.

2. Konsep SDLC (System Development Life Cycle)

SDLC atau Siklus Hidup Pengembangan Sistem adalah proses
pembuatan dan pengubahan sistem serta model dan metodologi yang
digunakan untuk mengembangkan sistem-sistem tersebut. Konsep ini
umumnya merujuk pada sistem komputer atau informasi.
Pengembangan sistem metode SDLC atau sering disebut sebagai
pendekatan air terjun (waterfall). Metode waterfall pertama kali
diperkenalkan oleh windows W. Royce pada tahun 1970.

Waterfall merupakan model klasik yang sederhana dengan aliran

sistem yang linier output dari setiap tahap kemudian input bagi tahap
berikutnya (Kristanto, 2004).

Gambar III.1 Model Waterfall

a. Analisis Sistem
Analisis sistem adalah penguraian dari suatu sistem yang utuh
kedalam kegiatan-kegiatan komponennya dengan maksud untuk
mengidentifikasikan dan mengevaluasi permasalahan-
 15

permasalahan, kesempatan-kesempatan, hambatan-hambatan,

yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga
dapat diusulkan perbaikan-perbaikannya.
b. Desain Sistem (Design)
Desain Sistem adalah persiapan rancang bangun implementasi
yang menggambarkan bagaimana suatu sistem dibentuk yang
berupa penggambaran, perencanaan dan pembuatan sketsa atau
pengaturan dari beberapa elemen yang terpisah kedalam satu
kesatuan yang utuh dan berfungsi. Menyangkut di dalamnya
konfigurasi komponen perangkat lunak dan perangkat keras dari
suatu sistem.
c. Implementasi (Implementation)
Menerjemahkan hasil proses perancangan menjadi sebuah bentuk
program komputer yang dimengerti oleh mesin komputer.
d. Uji Coba Program (Testing)
Uji coba software merupakan elemen yang kritis dari SQA
(Software Quality Assurance) dan mempresentasikan tinjauan
ulang yang menyeluruh terhadap spesifikasi, desain dan
pengkodean. Uji coba mempresentasikan ketidak normalan yang
terjadi pada pengembangan software dari tahap awal hingga
implementasi.
e. Penyebaran (Deployment)
Tahap penyebaran adalah tahap dimana semua elemen dan
aktivitas sistem disatukan yang dimana program dapat di
operasikan dilingkungannya dan dinyatakan fungsional serta bisa
digunakan oleh pengguna lainnya. Tahapannya sebagai berikut:
i. Menyiapkan Fasilitas Fisik
Fasilitas-fasilitas fisik yang disiapkan antara lain: komputer
dan peripheralnya, termasuk keamanan fisik untuk menjaga
berlangsungnya peralatan dalam jangka waktu yang lama.
ii. Menyiapkan Pemakai
 16

Pemakai disiapkan dengan terlebih dahulu yaitu dengan

memberikan pelatihan secara prosedural maupun tutorial
mengenai sistem informasi sesuai fungsi tugasnya. Tujuannya
adalah agar para pemakai mengerti dan mengusai operasi
sistem dan cara kerja sistem serta apa saja yang diperoleh
dari sistem.
iii. Melakukan Simulasi
Kegiatan simulasi berupa pengujian sistem secara nyata yang
melibatkan personil yang sesungguhnya.

f. Pemeliharaan Sistem (Maintenance)

i. Untuk membenarkan kesalahan atau kelemahan sistem yang
tidak terdeteksi pada saat pengujian,
ii. Untuk membuat sistem up to date,
iii. Untuk meningkatkan kemampuan sistem.

3. Unified Modeling Language (UML)

Unified Modeling Language ialah himpunan struktur dan teknik
pemodelan desain program berorientasi objek (OOP). UML adalah
metodologi untuk mengembangkan sistem OOP dan sekelompok
perangkat tool untuk mendukung pengembangan sistem tersebut.
UML mulai diperkenalkan oleh Object Management Group, sebuah
organisasi yang telah mengembangkan model, teknologi, dan standar
OOP sejak tahun 1980-an. UML merupakan dasar bagi perangkat
(tool) desain berorientasi objek dari IBM.
a. Use Case Diagram
Use case diagram adalah diagram use case yang digunakan
untuk menggambarkan secara ringkas siapa yang menggunakan
sistem dan apa saja yang bisa dilakukannya. Diagram use case
tidak menjelaskan secara detail tentang penggunaan use case,
namun hanya memberi gambaran singkat hubungan antara use
case, aktor, dan sistem. Melalui diagram use case dapat diketahui
fungsi-fungsi apa saja yang ada pada sistem (Rosa-Salahudin,
2011: 130).
 17

Tabel III.1 Simbol Use case diagram

No Simbol Nama Keterangan

Menspesifikasikan himpunan peran

1 Actor yang pengguna mainkan ketika
berinteraksi dengan use case.

Deskripsi dari urutan aksi-aksi yang

Use Case ditampilkan sistem, menghasilkan

2
suatu hasil terukur bagi suatu
Actor.

Hubungan dimana objek anak

(descendent) berbagi perilaku dan
3 Generalization
struktur data dari objek yang ada di
atasnya objek induk (ancestor).

Penghubung antara objek satu

4 Association
dengan objek lainnya.

Menspesifikasikan bahwa use case

5 Include
sumber secara eksplisit

Menspesifikasikan bahwa use case

Extend target memperluas perilaku dari

6
use case sumber pada suatu titik
yang Diberikan

b. Activity Diagram
Activity Diagram adalah diagram yang menggambarkan workflow
(aliran kerja) aktivitas dari sebuah sistem atau proses bisnis. Yang
perlu diperhatikan adalah bahwa diagram aktivitas
menggambarkan aktivitas sistem bukan apa yang dilakukan aktor,
jadi aktivitas yang dapat dilakukan oleh sistem (Rosa dan
Salahudin 2013).

Tabel III.2 Simbol Activity Diagram

No Simbol Nama Keterangan

 18

Aktivitas yang dilakukan

1 Status Awal sistem, aktivitas diawali

dengan kata kerja

Deskripsi dari urutan aksi

- aksi yang ditampilkan

2 Aktivitas sistem, menghasilkan

suatu hasil yang terukur
bagi suatu Actor

Asosiasi percabangan

3 Percabangan dimana jika ada pilihan

aktivitas lebih dari satu

Asosiasi penggabungan
dimana lebih dari satu
4 Penggabungan
aktivitas digabungkan
menjadi satu

Status akhir yang

dilakukan oleh sistem,

5 Status Akhir sebuah diagram aktivitas

memiliki sebuah status
akhir.

c. Class Diagram
Class diagram merupakan alur jalannya database yang saling
terhubung pada sebuah sistem. Class diagram menunjukan visual
dari struktur sistem program pada jenis-jenis yang dibentuk.
Menurut Satzinger (2011:28) Diagram kelas atau class diagram
menjelaskan struktur sistem dari segi pendefinisian class-class
yang akan dibuat untuk membangun sebuah sistem.

Tabel III.3 Simbol Class Diagram

No Simbol Nama Keterangan
Nama_kelas Kelas pada struktur
1 +atribut Kelas sistem.

+operasi()
 19

Sama dengan
konsep interface
2 Antarmuka / interface dalam pemrograman
berorientasi objek

Relasi antar kelas

dengan makna kelas
Asosiasi berarah / yang digunakan oleh
3
directed association kelas lain, asosiasi
biasanya juga disertai
dengan multiplicity.
Relasi antar kelas
dengan makna
4 Generalisasi
generalisasi-spesialisasi
(umum khusus)

Relasi antar kelas

Kebergantungan / dengan makna

5
dependency kebergantungan antar
kelas

Relasi antar kelas

dengan makna semua-
6 Agresi / aggretion
bagian (whole-part)

Relasi antar class

dengan arti umum
7 Asosiasi / association

4. Sistem Informasi
Sebuah sistem informasi merupakan kumpulan dari perangkat keras
dan perangkat lunak komputer serta perangkat manusia yang akan
mengolah data menggunakan perangkat keras dan perangkat lunak
tersebut. Menurut Teguh Wahyono, menjelaskan bahwa sebuah
sistem informasi pada hakikatnya merupakan suatu sistem yang
 20

memiliki komponen-komponen atau subsistem-subsistem untuk

menghasilkan informasi.

Sedangkan web atau situs dapat diartikan sebagai kumpulan 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 (hiperlink). Bersifat statis apabila isi
informasi web tetap, jarang berubah dan isi informasinya searah
hanya dari pemilik web.

Bersifat dinamis apabila isi informasi web selalu berubah-ubah, dan isi
informasinya interaktif dua arah berasal dari pemilik serta pengguna
web.5 Sehingga yang disebut dengan sistem informasi berbasis web
merupakan media yang digunakan untuk menampilkan informasi
mengenai suatu informasi melalui media interaksi, seperti media
gambar, video, audio atau gabungan dari semua media tersebut.

Berdasarkan definisi-definisi di atas, maka yang disebut dengan

pembuatan sistem informasi berbasis web dalam penelitian ini adalah
tahap persiapan dan pembuatan suatu aplikasi yang berbentuk suatu
pola untuk implementasi suatu web, yaitu sebuah media yang
digunakan untuk menampilkan informasi mengenai suatu informasi
melalui media interaksi, seperti media gambar, video, audio atau
gabungan dari semua media tersebut.

5. Basis Data
a. Pengertian Basis Data
Istilah basis data banyak menimbulkan interpretasi yang berbeda.
Basis Data adalah suatu susunan/kumpulan data operasional
lengkap dari suatu organisasi atau perusahaan yang diorganisir
atau dikelola dan disimpan secara terintegritasi dengan
menggunakan metode tertentu menggunakan komputer sehingga
mampu menyediakan informasi yang optimal yang diperlukan
 21

pemakainya. Sedangkan sistem basis data adalah suatu sistem

penyusunan dan mengelola record-record menggunakan
komputer untuk menyimpan atau merekam serta memelihara data
operasional lengkap sebuah organisasi atau perusahaan sehingga
mampu menyediakan informasi yang optimal yang diperlukan
pemakai untuk proses pengambilan keputusan (Marlinda, 2004:l ).

b. Relational Database Management System (RDBMS)

Kumpulan file yang saling berkaitan untuk program dan
pengelolaannya disebut DBMS (Marlinda, 2004:6\. DBMS adalah
istilah yang penting dalam pengelolaan data. Untuk membuat dan
mengelola data tersebut, dibutuhkan software yang diistilahkan
DBMS (Data Base Management system). Tugas-tugas yang
diemban software DBMS ini adalah membuat database,
menampilkan data yang ada pada database tersebut,
memodifikasi data pada database tersebut, menghasilkan laporan
sesuai dengan data yang ada dalam database, dan
mengamankan data dari pihak-pihak yang tidak berkepentingan
(Swastika, 2006:36).

Beberapa contoh software DBMS yang banyak beredar adalah

Oracle, Microsoft SQL Server, SyBase dan MySQL. Hampir
semua program DBMS merupakan RDBMS (Relational DataBase
Management system), di mana data diorganisasi dalam
sekumpulan tabel yang saling berelasi (berhubungan) (Swastika,
2006:36).

6. HTML
HTML, singkatan dari Hypertext Markup Language, merupakan
bahasa pemprograman berbasis script yang berguna untuk
komunikasi data melalui halaman web dan dapat diakses browser.
(Betha, 2006).
Contoh:
<html>
 22

<head><title> Judul dari halaman web yang akan ditampilkan di

Titlebar Browser</title>
<body> Isi dan halaman web yang akan ditampilkan di browser.
<!- Untuk memberikan komentar -->
<Script language=”Nama bahasa” Kode dari program script >
</body>
</html>

Halaman HTML terdiri dari 3 bagian, yang pertama adalah bagian

keseluruhan yang diapit oleh tag <html>, kedua adalah bagian dalam
tag <html> dan disebut head karena diapit oleh tag <head>, yang
berguna antara lain untuk memberikan judul bagi halaman web yang
sedang dibuat. Bagian ketiga disebut body karena diapit oleh tag
<body> merupakan tempat untuk menuliskan informasi yang akan
ditampilkan di halaman web. (Betha, 2006).

7. Definisi PHP
a. Sejarah PHP
i. PHP/FI
Pertama kali PHP dibuat dan diperkenalkan oleh Rasmus
Lerdorf pada tahun 1995 menggunakan nama pHp/FI.
Generasi awal PHP/FI dibuat dari Perl yang waktu itu
digunakan untuk kebutuhan pribadi saja. Pada awalnya,
PHP/FI merupakan bagian dari personal Home Page Tools.
Namun, karena kebutuhan penggunaan web yang semakin
kompleks maka dikembangkan PHP/FI dengan
menggunakan bahasa C. Rasmus menulis sejumlah besar
fungsi untuk pengaksesan ke dalam database. Penulisan itu
juga bertujuan membangun halaman web menjadi dinamis.

PHP/FI merupakan akronim dan personal Home page/Forms

Interpreter. pada awal penyusunan, PHP/FI hanya
mempunyai fungsi dasar yang ada dari PHP sekarang ini.
Jadi, dengan kata lain, pondasi PHP sekarang ini adalah
 23

PHP/FI. Karena ketika pertama dibuat menggunakan Perl

maka PHP/FI juga mempunyai susunan dan karakter
pemrogaman yang sama dengannya.

Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi-

fungsi pada PHP/FI ditulis dengan menggunakan bahasa C.
Karena telah memiliki fungsi khusus untuk mengakses
database maka, pada tahun yang sama, terdapat kurang
lebih 50.000 domain yang menggunakan PHP/FI sebagai
bahasa pemrogaman untuk website, atau sekitar 1% dari
total domain yang ada pada waktu itu. Booming PHP/FI
tersebut membuat semakin banyak orang yang tertarik untuk
berpartisipasi mengembangkan PHP/FI. Berkat kerjasama
dari kontribusi mereka, pHp versi 3.0 pun dikeluarkan walau
kala itu masih dalam tahap alpha.

ii. PHP 3
PHP 3 merupakan generasi baru hasil pengembangan
PHP/FI. Banyak det,eloper yang terlibat di dalamnya. Tak
heran jika PHP 3 dianggap sebagai tonggak awal bagi
terciptanya PHP versi sekarang ini. Secara resmi, peluncur
PHP 3.0 ialah Ani Gutmans dan Zeev suraski pada tahun
1997. Mereka mengeluarkan PHP 3.0 karena melihat
kelemahan PHP/FI yang digunakan dalam aplikasi
ecommerce. Kemudian mereka menulisnya ulang dengan
masih mengacu pada PHP/FI. setelah PHP 3.0 dikeluarkan,
mereka menyarankan untuk menghentikan proyek PHP/FI
karena PHP 3.0 masih lebih baik.

Alasan untuk mulai mengembangkan pHp merupakan

akronim dai, Hypertext preprocessor, dan memfokuskan diri
pada PHP 3.0 ialah pengembangan versi ini secara meluas
dalam mendukung berbagai jenis database, protokol, dan
ApI. Dengan dukungan yang semakin besar dari berbagai
 24

pihak yang menyumbangkan berbagai modur, maka pada

tahun 1998, 10% dan seluruh webserver yang ada akala itu
telah menginstarasi PHP versi 3.0.

iii. PHP 4
PHP versi 4 diluncurkan untuk menangani kelemahan PHP
3, yaitu penggunaan fungsi yang begitu kompleks.
Kurangnya efisiensi waktu dan kinerja yang buruk diperbaiki
dan ditulis ulang dari inti PHP 3. Dengan penambahan fitur
baru, seperti session, output buffering dan penanganan
input, menjadikan PHP 4 aman dari berbagai jenis bahasa
pemrogaman berbasis web, Selain itu, inti perbedaan
mereka terletak pada penggunaan zend Engine. Zend
Engine merupakan inti dari PHP. Sebagai bagian dari inti
PHP, secara fungsional ia bertugas menangani input,
menerjemahkan dan mengeksekusinya. Ia juga berperan
menerjemahkan fungsi.

iv. PHP 5
PHP versi 5 muncul untuk menangani kelemahan-kelemahan
yang terdapat pada versi sebelumnya. PHP 5 dapat
membuat file swf dan applet java. Secara resmi, PHP versi 5
diluncurkan pada Desember 2010. Fokus utamanya adalah
mengoptimalkan penggunaan PHP untuk oop (Object
Oriented Programming) (Muhammad Syafii, 2005:3).
Dalam laporan KP ini digunakan bahasa pemrograman PHP

III.2 Peralatan Pembuatan Aplikasi

1. XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak
sistem operasi, merupakan kompilasi dari beberapa program.
Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang
terdiri atas program Apache HTTP Server, MySQL database, dan
penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP
 25

dan Perl. Nama XAMPP merupakan singkatan dari X (sistem operasi

apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam
GNU General Public License dan bebas, merupakan web server yang
mudah digunakan yang dapat melayani tampilan halaman web yang
dinamis.

Gambar III.2 XAMPP

a. Fungsi XAMPP
Fungsi XAMPP adalah sebagai sebuah server lokal yang berdiri
sendiri (disebut juga Localhost) yang terdiri dari program Apache
HTTP Server, MySQL database, PHP dan Perl. Dalam prakteknya
XAMPP berfungsi sebagai "demo" dari tampilan halaman website.

b. Fitur Penting Pada XAMPP

1) htdoc adalah folder tempat meletakkan berkas-berkas yang
akan dijalankan, seperti berkas PHP, HTML dan script lain

Gambar III.3 htdocs

2) phpMyAdmin merupakan bagian untuk mengelola basis data

MySQL yang ada dikomputer. Untuk mengaksesnya, buka
browser lalu ketikkan alamat http://localhost/phpMyAdmin,
maka akan muncul halaman phpMyAdmin.
 26

Gambar III.4 phpMyAdmin

3) Control Panel berfungsi mengelola layanan (service) XAMPP.

Seperti menghentikan (stop) layanan atau memulai (start),
mengelola modul apa saja yang akan digunakan, mengatur
konfigurasi XAMPP, mengetahui informasi port dan lainnya.

Gambar III.5 Control Panel

2. Mowes Portable
Mowes Portable adalah salah satu program yang berfungsi sebagai
web server pada pc lokal untuk operasi sistem Windows. Yang
menjadi kelebihan program ini dari program web server lain ( XAMPP,
WAMP ) adalah Mowes dapat berjalan di komputer atau laptop lain
karena sifatnya yang portable. Di dalam Mowes Portable ver. II ini
sudah termasuk diantaranya Apache, Database MySQL, PHP dan
PHPMyAdmin untuk management database MySQL. Ini cukup untuk
kita bereskperimen untuk pembuatan dan desain website,
pemrograman web PHP, dll.
 27

a. Buka aplikasi pembuat database, di sini kita menggunakan Sistem

Operasi Windows 10 dengan menggunakan aplikasi mowes
potable II, Kemudian klik Start server

Gambar III.6 Mowes Portable - Not Running

b. Setelah itu buka web browser Google Chroome kemudian ketikan

localhost di adressbar

Gambar III.7 Localhost Mowes Portable

 28

3. Sublime Text
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat
berjalan diberbagai platform operating system dengan menggunakan
teknologi Phyton API. Terciptanya aplikasi ini terinspirasi dari aplikasi
Vim, Aplikasi ini sangatlah fleksibel dan powerfull. Fungsionalitas dari
aplikasi ini dapat dikembangkan dengan menggunakan sublime-
packages. Sublime Text bukanlah aplikasi open source dan juga
aplikasi yang dapat digunakan dan didapatkan secara gratis, akan
tetapi beberapa fitur pengembangan fungsionalitas (packages) dari
aplikasi ini merupakan hasil dari temuan dan mendapat dukungan
penuh dari komunitas serta memiliki linsensi aplikasi gratis.

Sublime Text mendukung berbagai bahasa pemrograman dan mampu

menyajikan fitur syntax highlight hampir di semua bahasa
pemrogramman yang didukung ataupun dikembangkan oleh
komunitas seperti; C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy,
Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB,
OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML.
Biasanya bagi bahasa pemrograman yang didukung ataupun belum
terdukung secara default dapat lebih dimaksimalkan atau didukung
dengan menggunakan add-ons yang bisa didownload sesuai
kebutuhan user.

Gambar III.8 Sublime Text

Menurut Faridl (2015:3), “Sublime text adalah teks editor berbasis

Python, sebuah teks editor yang elegan, kaya fitur, cross platform,
mudah dan simpel yang cukup terkenal di kalangan developer
(pengembang), penulis dan desainer. Para programmer biasanya
menggunakan sublime text untuk menyunting source code yang
sedang di kerjakan”.
 29

Menurut Eric Haughee (2013) “Sublime Text adalah aplikasi editor

untuk kode dan teks yang dapat berjalan di berbagai platform
operating system dengan menggunakan teknologi Phyton API.
Terciptanya aplikasi ini terinspirasi dari aplikasi Vim. Aplikasi ini
sangatlah fleksibel dan powerfull. Fungsionalitas dari aplikasi ini dapat
dikembangkan dengan menggunakan sublime-packages. Sublime
Text bukanlah aplikasi open source, yang artinya aplikasi ini
membutuhkan lisensi (license) yang harus dibeli”.

a. Kelebihan Sublime Text

1) Multiple Selection
Multiple Selection mempunyai fungsi untuk membuat
perubahan pada sebuah kode pada waktu yang sama dan
dalam baris yang berbeda. Kita dapat meletakkan kursor pada
kode yang akan di ubah/edit, lalu tekan Ctrl+klik atau blok kode
yang akan diubah kemudian Ctrl+D setelah itu kita dapat
merubah kode secara bersamaan.
2) Command Pallete
Command Pallete mempunyai fungsi yang berguna untuk
mengakses file shortcut dengan mudah. Untuk mencari file
tersebut kita dapat tekan Ctrl+Shift+P, kemudian cari perintah
yang kita inginkan.
3) Distraction Free Mode
Fitur ini mempunyai fungsi untuk merubah tampilan layar
menjadi penuh dengan menekan SHIFT + F11. Fitur ini sangat
dibutuhkan ketika pengguna ingin fokus pada pekerjaan yang
sedang dikerjakannya.
4) Find in Project
Fitur ini kita dapat mencari dan membuka file di dalam sebuah
project dengan cepat dan mudah. Hanya dengan menekan
Ctrl+P anda dapat mencari file yang diinginkan.
5) Plugin API Switch
Sublime Text mempunyai keunggulan dengan plugin yang
 30

berbasis Python Plugin API. Teks editor ini juga mempunyai

plugin yang sangat beragam, dan ini dapat memudahkan
pengguna dalam mengembangkan softwarenya.
6) Drag and Drop
Dalam teks editor ini pengguna dapat menyeret dan melepas
file teks ke dalam editor yang akan membuka tab baru secara
otomatis.
7) Split Editing
Di dalam fitur ini pengguna dapat mengedit file secara
berdampingan dengan klik File->New menu into file.
8) Multi Platform
Sublime Text juga mempunyai keunggulan dalam berbagai
platform. Sublime text sendiri sudah tersedia dalam berbagai
platform sistem operasi, yaitu Windows, Linux, dan MacOS.

b. Kekurangan Sublime Text

1) Sublime text adalah aplikasi berbayar, jadi jika sobat semua
ingin memakainya silahkan beli untuk mendukung devlopnya.

2) Beberapa plug-in Notepad++ yang belum ada di Sublime text.

3) Sidebar dari sublime tidak bisa di-hiden, maksudnya jika kita

akan hidden sidebar lumayan repot jika belum tahu shortcut
dari keyboard nya, tidak seperti text editor atom yang bisa
dengan mudahnya menampilkan dan menyembunyikan tanpa
harus tahu shortcut keyboard.

4. Google Chrome
Google Chrome adalah peramban web lintas platform yang
dikembangkan oleh Google. Peramban ini pertama kali dirilis pada
tahun 2008 untuk Microsoft Windows, kemudian di porting ke Linux,
macOS, iOS, dan Android yang menjadikannya sebagai peramban
bawaan dalam sistem operasi. Peramban ini juga merupakan
komponen utama Chrome OS, yang berfungsi sebagai platform untuk
aplikasi web. Sebagian besar kode sumber Chrome berasal dari
 31

proyek perangkat lunak gratis dan sumber terbuka Google, Chromium,

tetapi Chrome di lisensikan sebagai perangkat gratis berpemilik.
WebKit adalah mesin rendering asli, tetapi Google akhirnya mem-
forknya untuk membuat mesin Blink; semua varian Chrome kecuali
iOS sekarang menggunakan Blink.

Gambar III.9 Logo/ Icon Google Chrome

Menurut Jubliee (2009:4) “Google Chrome sebagai browser baru

mempunyai fasilitas yang lumayan bagus sehingga mampu menarik
perhatian pecinta dunia maya dari seluruh penjuru dunia “.

Google Chrome merupakan mesin pencarian yang mampu melakukan

penelusuran dalam waktu kurang dari beberapa detik serta
memberikan fitur pendukung bagi pengguna seperti mediator layanan
browser, file manager, downloader dan lain-lain. Sebagai salah satu
layanan software yang memungkinkan pengguna website menelusuri
informasi, media video dan audio, serta data teknis Google Chrome
tersedia dan sangat mendukung untuk semua Operasi Sistem Dektop
hingga pengguna smartphone seperti Android dan Apple agar browser
menjadi terkendali untuk diterima, ditelusuri, disimpan hingga
digunakan sebaik-baiknya dalam dunia maya. (McFedries, 2010:2)
a. Kelebihan Google Chrome
• Tampilan : Pada Interface dari Chrome terlihat bahawa google
ingin para penggunanya lebih fokus pada web dan melupakan
browser yang digunakan. Ini artinya Google Chrome memiliki
tampilan yang nyaman ketika sedang digunakan.
• TAB Penyamaran : memungkinkan penggunanya dapat
mengakses website tanpa meninggalkan jejak.
• Aplikasi Web: terdapat opsi “Make Application Shortcut”.
 32

Dengan opsi tersebut sebuah aplikasi web seperti Google E-

Mail (Gmail) dapat dijalankan lewat shortcut pada Desktop atau
Start Menu sehingga terlihat seperti sebuah aplikasi terinstall.
• Pengelolaan Memory : Pada setiap TAB yang dibuka di
Chrome memiliki proses yang terpisah, sehingga ketika
error/crash pada salah satu TAB tidak akan meyebabkan
seluruh browser error (Fitur ini merupakan kekurangan yang
terdapat pada FireFox dan browser lainnya)
• Pencarian : memiliki fungsi pencarian yang sangat baik.
Contohnya, chrome dapat mendeteksi ketika pengguna pernah
melakukan pencarian di suatu website dan memasukkan
website tersebut dalam daftar penyedia pencarian.
• Anti Penipuan : Chrome menyediakan kemampuan
menebalkan nama domain sebuah website. Contohnya sebuah
website penipuan beralamatkan ibank.klikbca.d60pc.com, maka
d60pc.com akan ditebalkan sehingga akan diharapkan para
pengguna sadar bawah itu bukan situs/website resmi KlikBCA.

b. Kelemahan Google Chrome

• Privasi : google menyimpan 2% interpretation pencarian
pengguna lengkap dengan alamat IP nya walaupun dalam
beberapa waktu tertentu interpretation ini akan di anonimkan.
Artinya google bisa saja tahu “siapa, mencari apa, dan dimana”
• Lisensi : google sempat mencantumkan pada terms of service
mereka, bahwa semua muatan dari pengguna yang hak
ciptanya dimiliki oleh pengguna akan diserahkan haknya pada
google. Akan tetapi indicate ini telah dicabut oleh pihak google.
• Celah Keamanan : beberapa pakar confidence menemukan
adanya celah/bugs pada chrome. sehingga ketika membuka
suatu halaman website akan membuat browser ini menjadi
crash. Lalu chrome juga memiliki underline download otomatis
yang dikhawatirkan akan disalahgunakan oleh hacker.
 BAB IV
PELAKSANAAN KERJA PRAKTEK

IV.1 Input
Rencana pembuatan Profil Sekolah berbasis web oleh Ibu
Hj.Sumaryati.,SPd selaku kepala sekolah SDN PasirParos, baik secara
tertulis maupun secara lisan. Untuk melakukan pembuatan profil sekolah
berbasis web diperlukan data Sekolah, data siswa, data guru, data kepala
sekolah dan data login. Informasi yang didapat diperoleh dari wawancara,
melalui narasumber yang disampaikan oleh Ibu Hj.Sumaryati.,SPd dalam
pembuatan profil sekolah berbasis web ini.

Dalam mempelajari metodologi pembuatan profil sekolah berbasis web,

diberikan informasi mengenai data yang diperlukan dalam pembuatan
profil sekolah berbasis web yang berisi keterangan mengenai SDN
PasirParos. Secara keseluruhan, dasar teori yang dipelajari selama
perkuliahan menjadi input yang berharga dalam proses pelaksanaan kerja
praktek. Dasar teori ini menjadi hal yang sangat penting untuk
mempelajari teknologi yang baru.

IV.2 Input
Setelah melakukan observasi pengenalan lingkungan kerja pada
pelaksanaan kerja praktek, selanjutnya proses kerja praktek dapat dibagi
menjadi beberapa tahap, yaitu eksplorasi dalam pembuatan profil sekolah
berbasis web , dan pelaporan hasil kerja praktek.
IV.2.1 Eksplorasi
Tahap eksplorasi dimulai dengan melakukan eksplorasi mengenai
metodologi yang akan digunakan dalam pembuatan profil sekolah
berbasis web di SDN PasirParos. Untuk mendukung pelaksanaan
metodologi Waterfall. Eksplorasi juga dilakukan terhadap teknologi yang
akan dipakai dalam pembuatan sistem informasi akademik berbasis web.
Sebagai acuan utama dalam mempelajari pemrograman berbasis web
dengan PHP sebagai bahasa pemrograman dengan menggunakan

33
 34

framework front-end Boostrap dan MySQL sebagai database. Kemuadian

untuk tampilan aplikasi dengan menggunakan template dari bootstrap.
Pada tahap ini dilakukan tidak hanya pembelajaran tapi juga pencarian
alternatif teknologi yang akan diterapkan. Dengan demikian, tidak seluruh
hasil eksplorasi pada akhirnya diterapkan dalam pembuatan aplikasi
penjadwalan praktikum ini. Selama proses eksplorasi ini, dilakukan pula
instalasi tools yang diperlukan.

Proses eksplorasi masih berlangsung selama pembuatan aplikasi

penjadwalan praktikum. Hal ini dimaksudkan untuk menyelaraskan antara
hasil eksplorasi dengan penerapannya pada aplikasi yang sedang
dibangun.
1. Analisis Kebutuhan Sistem
Perencanaan dan pembuatan sistem informasi akademik berbasis
web yang dilakukan dimulai dengan analisis kebutuhan perangkat
lunak dan perangkat keras yang diperlukan.
2. Kebutuhan Perangkat Keras
Pembuatan sistem informasi akademik berbasis web ini menggunakan
komputer dengan spesifikasi pada Tabel IV. 1 Perangkat Keras

Tabel IV.1 Kebutuhan Perangkat Keras

Processor AMD E-450 APU with Radeon(tm) Graphics 1.65 Ghz
RAM 2 GB
SSD 120GB

3. Kebutuhan Perangkat Lunak

Perangkat lunak adalah perangkat-perangkat tambahan berupa sistem
atau tool yang digunakan atau diperlukan untuk menjalankan dan
membuat sistem informasi akademik berbasis web. Berikut adalah
Perangkat lunak yang digunakan penulis untuk membuat aplikasi
penjadwalan praktikum ini:

Tabel IV.2 Kebutuhan Perangkat Lunak

Sistem Operasi Windows 10
Server XAMPP / Mowes Portable II
 35

Aplikasi Pembuatan Sublime Text

Browser Google Chrome
Bahasa Pemrograman PHP versi 5.5.19
Framework Front-End Bootstrap Responsive v2.3.1

IV.2.2 Pembuatan Profil Sekolah Berbasis Web Di SDN PasirParos

Pembuatan profil sekolah berbasis web analisis kebutuhan perangkat
lunak. Selanjutnya, berdasarkan kebutuhan perangkat lunak tersebut,
dilakukan perancangan pembuatan profil sekolah berbasis web.
Pembuatan aplikasi ini dilakukan berdasarkan perancangan atau
perencanaan seperti yang dituliskan pada bab sebelumnya. Untuk
memastikan aplikasi yang dihasilkan sesuai dengan kebutuhan dan
berfungsi dengan semestinya, dilakukan beberapa kegiatan pendukung
seperti pengujian, bug fixing, dan optimasi performansi.

Dalam membangun perangkat lunak ini, digunakan metodologi sesuai

hasil eksplorasi. Pembangunan perangkat lunak ini juga memanfaatkan
berbagai teknologi yang telah dipelajari pada tahap sebelumnya.

Metode perancangan dan pembangunan perangkat lunak yang digunakan

adalah Metodologi Waterfall, yaitu bertujuan agar memperoleh tahapan
perancangan yang lebih baik karena tahapan yang digunakan memiliki
proses yang berurutan mulai dari analisa hingga support, sehingga dalam
pembuatannya membutuhkan analisa yang penuh mengenai kebutuhan
aplikasi yang akan dirancang.

Setiap prosesnya juga memiliki spesifikasinya sendiri, sehingga sebuah

sistem dapat bekerja sesuai dengan apa yang dikehendaki (tepat sasaran)
dan juga setiap prosesnya tidak saling tumpang tindih, dengan itu
digunakannya metode waterfall memudahkan dalam pembuatan aplikasi
aset laboratorium komputer ini.
1. Analisis Sistem
Analisis sistem dilakukan dengan cara survei\i dan wawancara kepada
pihak kepala Sekolah SDN PasirParos mengenai sistem informasi
akademik berbasis web yang akan dibuat. Dilakukan juga pencarian
 36

baik dari jurnal maupun dari internet, dengan mempelajari semua teori
dan konsep dari sistem terserbut. Setelah melakukan analisa,
didapatkan hasil berbagai kebutuhan sistem dan perangkat.

2. Perancangan Aplikasi Profil Sekolah

a. Perancangan Perangkat
Perancangan perangkat yang dilakukan dimulai dengan analisis
kebutuhan perangkat lunak (software) dan perangkat keras
(hardware). Selanjutnya, dilakukan perancangan profil sekolah
berbasis web. Kemudian pembuatan sistem informasi akademik
berbasis web dilakukan berdasarkan perancangan yang sudah di
rencanakan.
b. Use Case Diagram
Pada rancangan Use Case Diagram dapat dilihat apa saja yang
dapat dilakukan admin dan user untuk mengelola data yang
terdapat pada aplikasi profil sekolah berbasis web.

Gambar IV.1 Use Case Diagram

 37

b. Activity Diagram
Diagram activity login admin yaitu admin melakukan login terlebih
dahulu, kemudian sistem akan memvalidasi apakah username
dan password yang dimasukkan sudah benar atau masih salah,
setelah login berhasil maka akan masuk ke halaman admin yang
dapat dikelola oleh admin nantinya. Untuk lebih jelasnya dapat
dilihat pada Gambar di bawah ini.

Gambar IV.2 Acitivy Diagram Login

Diagram activity input data beranda menjelaskan bagaimana proses

admin melakukan penginputan data beranda baru. Lebih jelasnya dapat
dilihat pada Gambar di bawah ini.
 38

Gambar IV.3 Activity Diagram Input data home

Diagram activity input data profil menjelaskan bagaimana proses admin

melakukan penginputan data profil baru. Lebih jelasnya dapat dilihat pada
Gambar di bawah ini.
 39

Gambar IV.4 Activity Diagram input data profil

Diagram activity input data guru menjelaskan bagaimana proses admin

melakukan penginputan data guru baru. Lebih jelasnya dapat dilihat pada
Gambar di bawah ini.
 40

Gambar IV.5 Activity Diagram input data guru

Diagram activity input data galeri pada Gambar di bawah ini menjelaskan
bagaimana proses admin melakukan penginputan data

Gambar IV.6 Activity Diagram input data galeri

Diagram activity input data kontak pada Gambar di bawah ini

menjelaskan bagaimana proses admin melakukan penginputan data
kontak.
 41

Gambar IV.7 Activity Diagram input data kontak

Diagram activity input data berita pada Gambar di bawah ini menjelaskan
bagaimana proses admin melakukan penginputan data berita.

Gambar IV.8 Activity Diagram input data berita

 42

c. Diagram Sequence

Gambar IV.9 Diagram Sequence login

Diagram sequence login admin pada Gambar di atas

menjelaskan bahwa admin mengakses web sekolah dengan
menginputkan username dan password dengan benar sehingga
dapat masuk ke halaman utama admin.

Diagram sequence input data profil dapat dilihat pada gambar

dibawah ini
Diagram sequence input data profil dapat dilihat pada gambar
dibawah ini
Diagram sequence input data galeri dapat dilihat pada gambar
dibawah ini
Diagram sequence input data kontank dapat dilihat pada gambar
dibawah ini
Diagram sequence input data informasi dapat dilihat pada gambar
dibawah ini
 43

d. Diagram Class
Diagram class yang menggambarkan struktur dari sistem dengan
mendefinisikan kelas-kelas yang akan dibuat untuk membangun
sistem dimana kelas-kelas tersebut terdiri atas name, attributes,
dan operations. Kelas-kelas tersebut harus dapat melakukan
fungsi-fungsi sesuai dengan kebutuhan sistem. Untuk lebih
jelasnya dapat dilihat pada Gambar di bawah ini.

Gambar IV.10 Class Diagram

e. Perancangan Tampilan Antarmuka

Pada tahapan ini yaitu tahap perancangan tampilan antarmuka
aplikasi penjadwalan praktikum yang dilakukan dengan
memanfaatkan tools atau software yang sudah dijelaskan dibab
sebelumnya, yaitu dengan menggunakan aplikasi Balsamiq
Mokups.

Perancangan desain tampilan antarmuka ditujukan agar tampilan

website yang akan dibuat sudah terancang dengan baik. Ketika
akan membuat tampilan website hanya tinggal mengikuti desain
yang sudah dibuat dengan aplikasi balsamiq mokups.

Adapun desain tampilan antarmuka dari aplikasi penjadwalan

praktikum ini sebagai berikut:
 44

1) Desain Tampilan Home

Gambar IV.11 Mockup Home

2) Desain Tampilan Form Login

Gambar IV.12 Mockup Form Login

3) Desain Tampilan Data Guru

Gambar IV.13 Mockup Data Guru

 45

4) Desain Tampilan Data Siswa

Gambar IV.14 Mockup Data Siswa

5) Desain Tampilan Blog

Gambar IV.15 Mockup Blog

6) Desain Tampilan Pengumuman

Gambar IV.16 Mockup Pengumuman

 46

7) Desain Tampilan Agenda

Gambar IV.17 Mockup Agenda

8) Desain Tampilan Download

Gambar IV.18 Mockup Download

9) Desain Tampilan Galeri

Gambar IV.19 Mockup Galeri

 47

10) Desain Tampilan Kontak

Gambar IV.20 Mockup Kontak

f. Perancangan Basis Data

Basis data atau database dibuat untuk menyimpan semua data
untuk dijadikan informasi yang diperlukan petugas sehingga
perlunya ditampilkan pada informasi aplikasi.

Pada perancangan basis data menunjukan nama atribut, type,

size, index dan keterangan. Adapun rancangan basis data dari
aplikasi penjadwalan praktikum ini sebagai berikut:

Tabel IV.3 Basis Data Agenda

Nama Type Size Keterangan
Agenda_id Int 11 Agenda Id
Agenda_nama Varchar 150 Agenda Nama
Agenda_tanggal Timestamp 11 Agenda tanggal
Agenda_deskripsi Text 200 Agenda deskripsi
Agenda_mulai Date 50 Agenda mulai
Agenda_selesai Date 50 Agenda selesai
Agenda_tempat Varchar 90 Agenda tempat
Agenda_waktu Varchar 30 Agenda waktu
Agenda_keterangan Varchar 200 Agenda keterangan
Agenda_author Varchar 60 Agenda author

Tabel IV.4 Basis Data Album

Nama Type Size Keterangan
 48

Album_id Int 11 Album id

Album_nama Varchar 50 Album nama
Album_tanggal Timestamp 100 Album tanggal
Album_pengguna-id Int 11 Album pengguna id
Album_author Varchar 60 Album author
Album_count Int 11 Album count
Album_cover Varchar 40 Album cover

Tabel IV.5 Basis Data Files

Nama Type Size Keterangan
File_id Char 4 File id
File_judul Varchar 120 File judul
File_deskripsi text 10 File desripsi
File_tanggal timestamp 11 File tanggal
File_oleh Vachar 60 File oleh
File_download int 11 File download
File_data Vachar 120 File data

Tabel IV.6 Basis Data Galeri

Nama Type Size Keterangan
Galeri_id Int 11 Galeri id
Galeri_judul Varchar 60 Galeri judul
Galeri_tanggal Timestamp 11 Galeri tanggal
Galeri_gambar Varchar 40 Galeri gambar
Galeri_album_id Int 11 Galeri album id
Galeri_pengguna_id Int 11 Galeri pengguna id
Galeri_author Int 11 Galeri author

Tabel IV.7 Basis Data Guru

Nama Type Size Keterangan
Guru_id Int 11 Id guru
Guru_nip Char 30 Nip guru
Guru_nama Char 70 Nama guru
Guru_jenkel Char 2 Jenkel guru
Guru_tmp_lahir Char 80 Tmp lahir guru
Guru_tgl_lahir Char 80 Tgl lahir guru
 49

Guru_mapel Char 120 Mapel guru

Guru_photo Char 40 Photo guru
Guru_tgl_input Timestamp 11 Tgl input guru

Tabel IV.8 Basis Data Inbox

Nama Type Size Keterangan
Inbox_id int 11 Username
Inbox_nama Varchar 40 Password
Inbox_email Varchar 60 Nama lengkap
Inbox_kontak Varchar 20 Induk
Inbox_pesan text 12 Level login
Inbox_tanggal timestamp 11 Email
Inbox_status int 11 No handphone

Tabel IV.9 Basis Data Kategori

Nama Type Size Keterangan
Kategori_id Char 5 Kode siswa
Kategori_nama Varchar 20 Nis
Kategori_tanggal Varchar 100 Nama siswa

Tabel IV.10 Basis Data Pelajaran

Nama Type Size Keterangan
kode_pelajaran int 11 Kode pelajaran
nama_pelajaran Varchar 30 Nama pelajaran
keterangan timestamp 11 Keterangan pelajaran

Tabel IV.11 Basis Data Kelas

Nama Type Size Keterangan
Kelas_id Int 11 Id kelas
Kelas_nama Varchar 40 Nama kelas

Tabel IV.12 Basis Data Komentar

Nama Type Size Keterangan
Komentar_id Int 11 Id komentar
Komentar_nama Varchar 30 Nama komentar
Komentar_email Varchar 50 Email komentar
Komentar_isi Varchar 120 Isi komentar
 50

Komentar_tanggal Timestamp 11 Tanggal komentar

Komentar_status Varchar 2 Status komentar
Komentar_tulisan_id Int 11 Tulisan id komentar
Komentar_parent Int 11 Parent komentar

Tabel IV.13 Basis Data Log

Nama Type Size Keterangan
Log_id Int 11 Id log
Log_nama Text 12 Nama log
Log_tanggal Timestamp 10 Tanggal log
Log_ip Varchar 20 Ip log
Log_pengguna_id Int 11 Pengguna id log
Log_icon Blob 20 Icon log
Log_jenis_icon Varchar 50 Jenis icon log

Tabel IV.14 Basis Data Kelas Siswa

Nama Type Size Keterangan
Pengguna_id Int 11 Id pengguna
Pengguna_nama Char 50 Nama pengguna
Pengguna_moto Char 100 Moto pengguna
Pengguna_jenkel Char 2 Jenkel pengguna
Pengguna_username Char 30 Username pengguna
Pengguna_password Char 35 Password pengguna
Pengguna_tentang Text 150 Tentang pengguna
Pengguna_email Char 50 Email pengguna
Pengguna_nohp Char 20 Nohp pengguna
Pengguna_facebook Char 35 Facebook pengguna
Pengguna_twiter Char 35 Twiter pengguna
Pengguna_linkdin Char 35 Linkdin pengguna
Pengguna_google_plus Char 35 Google plus pengguna
Pengguna_status Int 2 Status pengguna
Pengguna_level Char 35 Level pengguna
Pengguna_register Timestamp 11 Register pengguna
Pengguna_photo Char 40 Photo pengguna
 51

Tabel IV.15 Basis Data Pengumuman

Nama Type Size Keterangan
Pengumuman_id Int 11 Id siswa
Pengumuman_judul Char 150 Semester siswa
Pengumuman_deskripsi text 150 Kode pelajaran
Pengumuman_tanggal timestamp 11 Kode Guru
Pengumuman_author Char 60 Kode Kelas

Tabel IV.16 Basis Data Pengunjung

Nama Type Size Keterangan
Pengunjung_id Int 11 Id pengunjung
Pengunjung_tanggal timestamp 11 Pengunjung
Pengunjung_ip Varchar 40 Ip pengunjung
Pengunjung_perangkat Varchar 100 Perangkat pengunjung

Tabel IV.17 Basis Data Siswa

Nama Type Size Keterangan
Siswa_id Int 11 Id siswa
Siswa_nis Varchar 20 Nis siswa
Siswa_nama Varchar 70 Nama siswa
Siswa_jenkel Varchar 2 Jenkel siswa
Siswa_kelas_id Int 11 Kelas id siswa
Siswa_photo Varchar 40 Photo siswa

Tabel IV.18 Basis Data Testimoni

Nama Type Size Keterangan
Testimoni_id Int 11 Id testimoni
Testimoni_nama Varchar 30 Nama testimoni
Testimoni_isi Varchar 120 Isi testimoni
Testimoni_email Varchar 35 Email testimoni
Testimoni_tanggal Timestamps 11 Tanggal testimoni

Tabel IV.19 Basis Data Tulisan

Nama Type Size Keterangan
Tulisan _id Int 11 Id tulisan
Tulisan_judul Varchar 100 Judul tulisan
 52

Tulisan_isi Text 15 Isi tulisan

Tulisan_tanggal timestamp 11 Tanggal tulisan
Tulisan_kategori_id Int 11 Kategori id tulisan
Tulisan_kategori_nama Varchar 30 Kategori nama tulisan
Tulisan_views Int 11 View tulisan
Tulisan_gambar Varchar 40 Gambar tulisan
Tulisan_pengguna_id Int 11 Pengguna id tulisan
Tulisan_author Varchar 40 Author tulisan
Tulisan_img_slider Int 2 Img slider
Tulisan_slug Varchar 200 Slug tulisan

IV.2.3 Pelaporan Hasil Kerja Praktek

Proses pelaporan hasil kerja praktek dilakukan pada tahap akhir kerja
praktek di SDN PasirParos. Pelaporan hasil kerja praktek dilakukan
dengan pembuatan laporan kerja praktek. Berikut tampilan aplikasi profil
sekolah berbasis web yang sudah dibuat :

IV.3 Pencapaian Hasil

Poses pelaporan hasil kerja praktek dilakukan pada tahap akhir kerja
praktek di SDN PasirParos. Pelaporan hasil kerja praktek dilakukan
dengan pembuatan laporan kerja praktek. Berikut tampilan profil sekolah
berbasis web yang sudah dibuat:
1. Tampilan Halaman Utama

Gambar IV.21 Tampilan Halaman Utama

 53

2. Tampilan About

Gambar IV.22 Tampilan About

3. Tampilan Guru

Gambar IV.23 Tampilan Guru

4. Tampilan Siswa

Gambar IV.24 Tampilan Siswa

 54

5. Tampilan Blog

Gambar IV.25 Tampilan Blog

6. Tampilan Pengumuman

Gambar IV.26 Tampilan Pengumuman

7. Tampilan Agenda

Gambar IV.27 Tampilan Agenda

 55

8. Tampilan Download

Gambar IV.28 Tampilan Download

9. Tampilan Galeri Foto

Gambar IV.29 Tampilan Galeri Foto

10. Tampilan Kontak

Gambar IV.30 Tampilan Kontak

 BAB V
PENUTUP

V.1 Kesimpulan dan Saran Mengenai Pelaksanaan

V.1.1 Kesimpulan Pelaksanaan Kerja Praktek
a. Mahasiswa dapat mengaplikasikan ilmu yang diperoleh
selama perkuliahan untuk menyelesaikan permasalahan di dunia
nyata.
b. Mahasiswa dapat mengetahui ilmu dan keterampilan yang dibutuhkan
untuk memasuki dunia kerja di era globalisasi, seperti:
• Keterampilan berkomunikasi dan bekerja sama dengan orang lain.
• Ilmu dasar mengenai bidang spesifik yang diperoleh selama
perkuliahan. Misalnya ilmu dasar di bidang informatika, ilmu dasar
di bidang ekonomi, dan sebagainya.
• Keterampilan menganalisis permasalahan untuk dicari solusinya.
• Ilmu pengetahuan umum.
• Keterampilan mempelajari hal yang baru dalam waktu relatif
singkat.
c. Mahasiswa menyadari pentingnya etos kerja yang baik, disiplin, dan
tanggung jawab dalam menyelesaikan suatu pekerjaan.
d. Kerja praktek dapat melatih mahasiswa untuk bekerja sama dalam
suatu tim, baik antar peserta kerja praktek maupun dengan karyawan
lain di SDN PasirParos
e. Mahasiswa memperoleh tambahan ilmu yang tidak diperoleh di proses
perkuliahan. Pada kerja praktek yang dilakukan di SDN PasirParos,
mahasiswa mendapatkan pengetahuan tambahan mengenai cakupan
pekerjaan disekolah secara mendetail.

V.1.2 Saran Pelaksanaan Kerja Praktek

Adapun saran mengenai pelaksanaan kerja praktek antara lain:
1. Perlu adanya bimbingan secara lebih intensif bagi mahasiswa kerja
praktek perangkat lunak.

56
 57

2. Perlu adanya kemampuan mahasiswa untuk menggabungkan seluruh

ilmu yang pernah didapat di perkuliahan dalam proses pembangunan
perangkat lunak.
3. Jika memungkinkan, dalam pelaksanaan kerja praktek mahasiswa
dapat dilibatkan dalam suatu proyek di mana mahasiswa dapat
bekerja sama dengan pegawai lain.

V.2 Kesimpulan dan Saran Mengenai Substansi

V.2.1 Kesimpulan Aplikasi Profil Sekolah Berbasis Web
Perancangan profil sekolah berbasis web di SDN PasirParos merupakan
pengembangan dari sistem yang berjalan. Berbagai permasalahan yang
muncul telah diupayakan untuk dapat ditangani dengan sistem baru yang
diusulkan ini. Adapun kesimpulan yang dapat diambil dari pembangunan
aplikasi profil ini antara lain:
1. aplikasi profil sekolah berbasis web ini masyarakat maupun warga
sekolah dapat mencari informasi mengenai SDN PasirParos
2. Dengan adanya website ini jangkauan informasi yang diberikan akan
lebih luas

V.2.2 Saran Mengenai Aplikasi Profil Sekolah Berbasis Web

Untuk dapat mencari akses penyampaian aplikasi profil sekolah berbasis
web di SDN PasirParos, dari kegiatan penelitian ini terdapat saran yang
ditujukan kedalam laporan penelitian ini yaitu antara lain:
1. Diharapkan untuk kedepannya kepada peneliti selanjutnya agar
melengkapi website SDN PasirParos.
Demikian saran yang penulis ajukan, mudah-mudahan dengan saran
tersebut aplikasi profil sekolah berbasis web di SDN PasirParos dapat
diimplementasikan dengan baik dan sesuai dengan yang diharapkan.
 DAFTAR PUSTAKA

Azura, A., & Wildian, W. (2018). Rancang Bangun Sistem Absensi

Mahasiswa Menggunakan Sensor RFID dengan Database MySQL
XAMPP dan Interface Visual Basic. Jurnal Fisika Unand, 7(2), 186-
193.

Hendini, A. (2016). Pemodelan UML sistem informasi monitoring

penjualan dan stok barang (studi kasus: distro zhezha pontianak).
Jurnal Khatulistiwa Informatika, 4(2).

Huzaimah, F., & Irfan, D. (2018). Rancang Bangun Aplikasi Ujian Online
Pra Kompre Berbasis Android. Voteteknika (Vocational Teknik
Elektronika dan Informatika), 6(2), 53-60.

Kurniawan, T. A. (2018). Pemodelan use case (UML): evaluasi terhadap

beberapa kesalahan dalam praktik. J. Teknol. Inf. dan Ilmu Komput,
5(1), 77.

Maryati, S., & Purnama, B. E. (2013). Pembuatan Video Profil Sekolah

Menengah Pertama Negeri 4 Polokarto Kabupaten Sukoharjo
Dengan Menggunakan Multimedia. Speed-Sentra Penelitian
Engineering dan Edukasi, 5(1).

Pratiti, P. H., & Zaini, A. (2015). Pengaruh Fitur dan Desain terhadap
Kepuasan Penggunaan Web Browser Google Chrome Versi 42.0.
2311.90 dev-m. Jurnal Aplikasi Bisnis, 1(1), 41-50.

Sasmito, G. W. (2017). Penerapan metode Waterfall pada desain sistem

informasi geografis industri kabupaten Tegal. Jurnal Informatika:
Jurnal Pengembangan IT, 2(1), 6-12.

Sovia, R., & Febio, J. (2017). Membangun Aplikasi E-Library

Menggunakan Html, Php Script, Dan Mysql Database. Jurnal
Processor, 6(2).

Utama, Y. (2011). Sistem informasi berbasis web jurusan sistem informasi

fakultas ilmu komputer universitas sriwijaya. JSI: Jurnal Sistem
Informasi (E-Journal), 3(2).

xi
Yuliansyah, H. (2014). Perancangan replikasi basis data mysql dengan
mekanisme pengamanan menggunakan ssl encryption. Jurnal
Informatika, 8(1), 826-8

xii
 LAMPIRAN A.

TOR (TERM OF REFERENCE)

Sebelum melakukan kerja praktek penulis melakukan beberapa metode

penelitian yaitu diantaranya adalah observasi, interview dan studi pustaka.
Setelah mengamati dan mempelajari lokasi kerja praktek kemudian
ditentukan serta disetujui oleh instansi tempat kerja praktek, kemudian
penulis dijelaskan bahwa selama kerja praktek memiliki tugas yang harus
dikerjakan dilokasi kerja praktek yaitu : Membantu staff dan guru yang ada
di Sekolah Dasar Negeri Pasirparos

Bandung, Januari 2022

Disetujui Oleh:

Peserta Kerja Praktek Pembimbing Lapangan

Ingri Nurhasanah Hj.Sumaryati, S.Pd

NIM: 301180012

LAMPIRAN A – 1
 LAMPIRAN B.

LOG ACTIVITY

Berikut adalah log activity selama kerja praktek

Minggu Ke Kegiatan Hasil
Minggu ke I / 4 oktober Survei lokasi kerja praktek Selesai
Minggu ke I / 5 oktober Pendaftaran Selesai
Minggu ke I / 7 oktober Pembuatan proposal Selesai
Minggu ke 1 / 8 Oktober Persetujuan proposaL Selesai
Minggu ke 2 / 9 Oktober Pengenalan lingkungan sekolah Selesai
Minggu ke 1 / 1 oktober s/d
minggu 4 desember/ 30 Membantu akm Selesai
november
Minggu ke 1 / 8 desember Pengumpulan Data Selesai
Minggu ke 2- mingggu ke 3
Analisis Kebutuhan Selesai
desember

LAMPIRAN B – 1