MAKALAH PROJECT WEB PROGRAMMING 1

PEMBUATAN SISTEM INFORMASI BERBASIS WEB

“INFORMASI SEKOLAH”

Disusun Oleh:
Kelompok 1
Cecep Saepul Barkah (19230380)
Raisha Regina Putri (19230841)
Aril Muhammad ikhsan (19230978)
Farel (19230939)

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK DAN INFORMATIKA
UNIVERSITAS BINA SARANA INFORMATIKA
PSDKU KOTA TASIKMALAYA
2024
 KATA PENGANTAR
Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha
Penyayang, penulis memanjatkan puja dan puji syukur atas kehadirannya, yang telah
melimpahkan rahmat, hidayah, dan inayahnya kepada penyusun, sehingga penyusun
dapat menyelesaikan “Makalah Mata Kuliah Web Programming” dengan baik.
Semoga makalah ini dapat dipergunakan sebagai salah satu acuan, petunjuk, maupun
pedoman bagi pembaca.

Adapun Makalah Web Programming dalam pembuatan Web Informasi Sekolah ini
telah penyusun usahakan semaksimal mungkin dan tentunya bantuan berbagai pihak,
sehingga dapat memperlancar pembuatan Makalah ini.

Akhirnya penyusun mengharapkan semoga dari Makalah ini dapat diambil hikmah
dan manfaatnya semoga dapat memberikan inspirasi terhadap pembaca. Harapan
lainnya semoga makalah ini dapat membantu menambah pengetahuan dan
pengalaman bagi para pembaca, sehingga dapat memperbaiki bentuk maupun isi
makalah ini agar kedepannya dapat lebih baik.

Tasikmalaya, 28 Mei 2024

DAFTAR ISI

KATA PENGANTAR...........................................................................................I
DAFTAR ISI........................................................................................................II
BAB I PENDAHULUAN
1.1 LATAR BELAKANG...............................................................................1
1.2 RUMUSAN MASALAH...........................................................................1
1.3 TUJUAN....................................................................................................1
1.4 MANFAAT................................................................................................2
BAB II PEMBAHASAN
2.1 Tema Website............................................................................................3
2.2 Pengertian dan fungsi HTML....................................................................4
2.3 Program Perpustakaan...............................................................................5
BAB III PENUTUPAN
3.1 Kesimpulan.............................................................................................15
 BAB I

PENDAHULUAN
1.1 Latar Belakang

Pada zaman sekarang, kemajuan teknologi semakin pesat di segala sektor,

termasuk sektor Pendidikan. Pada dasarnya Pendidikan harus bisa menjadi sebuah hal
yang paling terdepan dalam mengendalikan dan memanfaatkan kemajuan ini bahkan
Pendidikan harus eksis dalam upaya untuk mempertahankan Pendidikan agar lebih
maju dan relevan. Namun, dalam kemajuan ini banyak ketimpangan ataupun
kemajuan yang tidak merata sehingga ada beberapa sekolah yang tertinggal maka dari
itu kami bertujuan untuk membuat projek web informasi sekolah ini agr dapat
mendukung kemajuan Pendidikan secara lebih merata.

1.2 Rumusan Masalah

Dengan melihat latar belakang yang telah di kemukakan, maka beberapa
masalah yang dapat penuyusun rumuskan dan akan di bahas dalam makalah ini

1. Tema rancangan website

2. Langka pembuatan website

3. Program web informasi sekolah

1.3 Tujuan
Adapun tujuan kami membuat projek web informasi sekolah ini adalah untuk
mempermudah suatu sekolah untuk menyampaikan informasi dan frofil dari sebuah
sekolah dari mulai visi misi, kegiatan, fasilitas, dan galeri. Data tersebut dapat
digunakan sebaik – baiknya untuk meninkatkan mutu sekolah dan penyampaiyan
informasi sekolah kepada semua pihak dengan cepat dan efisien.

Sedangkan tujuan penulisan makalah ini adalah sebagai tugas project akhir
pada mata kuliah web programming 1 Jurusan Sistem Informasi di Universitas Bina
Sarana Informatika (UBSI)
1.4 Manfaat
Apapun manfaat yang diharapkan dan dimengerti dapat dicapai dari project
ini adalah:

A) Bagi Mahasiswa

1. Dapat menambah pengetahuan tentang pembuatan website.

2. Dapat mempraktekan ilmu yang telah didapat selama dalam bangku
kuliah aar dapat terealisasikan denan baik.

B) Bagi Instansi Sekolah

1. Dapat mempublikasikan informasi berhubungan dengan instansinya

terebut melalui internet
2. Masyarakat khususnya siswa bisa mendapat informasi denan cepat dan
efisien melalui website tersebut

C) Bagi Akademik

Hasil penilitian ini diharapkan dapat digunakan sebagai sarana pengenalan dan
referensi untuk sekolah.
 BAB II

PEMBAHASAN
2.1 Tema Website
Informasi merupakan hasil pengolahan dari sebuah model, formasi,
organisasi, atau sebuah perubahan bentuk dari data yang memiliki nilai tertentu
dan biasa digunakan untuk menambah pengetahuan bagi yang menerimanya
(Anonim, 2001). Informasi merupakan hasil pengolahan dari sebuah model, formasi,
organisasi, atau sebuah perubahan bentuk dari data yang memiliki nilai tertentu
dan biasa digunakan untuk menambah pengetahuan bagi yang menerimanya
(Anonim, 2001). Informasi merupakan hasil pengolahan dari sebuah model, formasi,
organisasi, atau sebuah perubahan bentuk dari data yang memiliki nilai tertentu
dan biasa digunakan untuk menambah pengetahuan bagi yang menerimanya
(Anonim, 2001).

2.2 Pengertian dan fungsi HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa

pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang
kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah
penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link
antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau
link yang menghubungkan antar situs dalam dunia internet.

HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak
dipakai di dunia percetakan dan penerbitan yang disebut Standard Generalized
Markup Language (SGML).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan
pemakaiannya oleh World Wide Web Consortium (W3C). Pada tahun 1989, HTML
dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM pada saat mereka
bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di
Jenewa)

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk
mentransfer data atau document yang berformat HTML dari web server ke web
browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan
melihat halaman web.

Fungsi HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan

tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh
browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi
sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan
web.

Fungsi html yang lebih spesifik

● Membuat halaman web

● Menampilkan Berbagai Informasi di dalam sebuah browser internet,
● Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

2.3 Program Perpustakaan

A. Tampilan Web dan submenu
1. Beranda Tamu

Pada bagian halaman ini dimuat beberapa submenu seperti home, dropdown
kategori, keuntungan, testimoni, dan tombol login. dilanjutkan dengan section
kedua yaitu hero section yang menampilkan teks hero dan banner nya, dan ada
juga kolom pencarian buku yang jika di klik akan menampilkan halaman
buku, lalu dilanjut pada section kedua menampilkan daftar buku yang baru
ditambahkan, lalu di section selanjutnya menampilkan keuntungan dari
memakai website ini dan testimoni user, lalu diakhiri dengan section footer.
2. Daftar semua buku

Ketika pengguna mengklik sub menu kategori atau teks lihat selengkapnya
maka akan menampilkan daftar buku seperti ini
3. Pencarian buku

Ketika user memilih buku berdasarkan pencarian judul, pengarang, genre,

publisher maka buku akan ditampilkan sesuai pencariannya
4. Detail buku

User memilih buku, dan akan menampilkan detail keseluruhan buku nya, dan
user yang memiliki akses login dapat meminjam buku, sebaliknya jika user
belum login maka buku tidak akan bisa dipinjam
5. Login form

Pada halaman login form user harus memasukkan username dan password
yang sudah terdaftar di sistem

6. Register Form

Pada halaman register, user harus memasukkan nama lengkap, username,

email, password, konfirmasi password, ketika tombol registrasi di klik maka
sistem akan memvalidasi registrasi user lewat email verifikasi dan ketika link
email verifikasi di klik maka user telah tervalidasi dan bisa login
7. User meminjam Buku

Ketika user mau meminjam buku, sebelum ke halaman detail buku,

ditampilkan bahwa buku tersebut masih tersedia atau sudah habis, jika masih
tersedia maka user dapat meminjam buku nya, dan jika sudah habis maka user
tidak dapat meminjam buku nya
8. Kondisi meminjam buku

user tidak bisa meminjam buku yang kurang dari tanggal peminjaman
sekarang, dan jika lebih dari tanggal pinjam sekarang maka itu diperbolehkan,
9. navigasi bar untuk user yang sudah login

Ketika user sudah login, maka tampilan dari menu dan submenu nya juga ikut
berubah, yang berubah yaitu menghilangkan tombol login dan menambahkan
foto profil user yang didalamnya terdapat sub menu profil saya, buku
dipinjam, buku favorit, dan logout

10. Menampilkan Buku yang dipinjam user, dan mengembalikan buku

User yang sudah melakukan peminjaman buku tentunya dapat melihat buku
apa saja yang telah ia pinjam, dan tentunya bisa langsung mengembalikan
buku nya, namun jika buku yang dikembalikan melebihi batas waktu yang
sudah ditentukan maka user akan dikenakan denda 1.000 rupiah per hari, dan
jika buku dikembalikan oleh user maka history peminjaman nya akan hilang
11. Edit profil

Terdapat fitur bagi user untuk mengedit profil miliknya sendiri, seperti
mengedit foto profil, username, nama lengkap, email, dan nomor hp

12. Menambahkan Buku menjadi buku favorit

User menambahkan buku menjadi favorit, dan nantinya akan ditampilkan pada
halaman favorit
13. Logout

User yang melakukan logout akan dikeluarkan dari akses akunnya, dan
diarahkan kembali ke halaman awal
14. Dashboard staff

Pada halaman ini disediakan sidebar yang memiliki menu dashboard,

manajemen buku, manajemen anggota, data peminjaman, data denda, dan
tombol logout. pada halaman dashboard ditampilkan keseluruhan jumlah
buku, peminjaman yang dilakukan, dan data user

15. Manajemen buku

Pada halaman ini ditampilkan jumlah buku yang tersedia, dan staff dapat
mencari menambahkan, mengedit, serta menghapus buku jika diperlukan
16. Manajemen Anggota

Pada halaman ini ditampilkan jumlah User yang tersedia, dan staff dapat
mencari menambahkan, mengedit, serta menghapus User jika diperlukan
17. Data Peminjaman

Pada halaman ini ditampilkan data peminjaman yang telah dilakukan user, dan
staff dapat mencetak tabel nya dengan mengklik tombol print
18. Data denda

Pada halaman ini ditampilkan user siapa saja yang terkena sanksi karena
terlambat mengembalikan buku, dan tentunya data tabel yang ini juga staff
dapat mencetaknya

19. Logout staff

Jika tombol logout di klik, maka hak akses login selesai dan akan diarahkan ke
halaman login
B. Screenshot code program
1. Direktori folder
2. file index.php (beranda user tamu)

3. file home_user.php (beranda user anggota yang sudah login)

4. file profile.php (untuk mengedit data user oleh user anggota itu sendiri)
5. file rented_book.php (menampilkan data buku yang telah dirental user
anggota)

6. file update_rented.php (backend untuk komunikasi dengan database)

7. file authMiddleware.php (mengatur hak akses halaman untuk user yang sudah
login atau belum)

8. file database.php (koneksi php dengan mysql)

9. file crud_books.php (backend untuk buku)

10. file crud_users (backend untuk data user)

11. file footer.php (templating footer)

12. file header.php (templating header)

13. file mail.php (backend untuk kirim email verifikasi)

14. folder vendor (menampung library php mailer)

15. fle user.php, login.php, login_process.php (menampung frontend dan backend
proses login)
16. File register.php, register_process.php, verify.php (menampung front end dan
backend proses register)

17. file logout.php (proses logout)

18. file update_password.php (menampung proses backend update pw)

19. file output.css ( menampung output dari proses tailwindcss)

20. file all_book.php (menampung front end dari data semua buku)
21. file detail_book.php (front end tampilkan detail buku)

22. file favorite_book.php (menampung front end dari list buku favorit)
23. file save_favorite.php (tampung backend untuk simpan data favorit ke
database)

24. file search_book.php (backend untuk proses mencari buku)

25. folder assets (menampung asset website seperti gambar dan font)

26. file add_book.php, edit_book.php, view_book.php (menangani front end dan

backend untuk buku khusus staff)
27. file add_userk.php, edit_user.php, view_user.php (menangani front end dan
backend untuk user khusus staff)
28. file home_admin.php, data.php (menangani backend dan menampilkan
halaman dashboard staff)
29. file sidebar.php (templating navigasi menu untuk staff)

30. file manage_book.js (menangani fitur live search dengan ajax)

31. file input.css (inisialisasi tailwindcss)

32. file tailwind_config.js (konfigurasi tailwindcss seperti konten mana yang akan
ditampilkan styling nya dan templating seperti warna dan font)
33. file package.json dan script dev (untuk menjalankan tailwindcss)
 BAB III

PENUTUPAN
3.1 Kesimpulan
Pengertian perpustakaan adalah kumpulan bahan informasi yang terdiri dari bahan
buku/book materials dan bahan non buku/non book materials yang disusun dengan sistem
tertentu dipersiapkan untuk diambil manfaatnya/pengertiannya, tidak untuk dimiliki sebagian
maupun keseluruhan.

Fungsi Perpustakaan yaitu untuk penelitian, pendidikan, rekreasi, informasi. Jenis-

jenis Perpustakaan diantaranya yaitu: Perpustakaan negara, Perpustakaan awam,
Perpustakaan akademik, Perpustakaan sekolah dan perpustakaan khusus.Peranan
perpustakaan yakni sebagai pusat sumber informasi, Sebagai Pusat inovasi dan Sebagai pusat
sumber belajar.