Sistem Informasi Perpustakaan Sma Dharma Pancasila Medan Berbasis Web

(1)

SISTEM INFORMASI PERPUSTAKAAN SMA DHARMA

PANCASILA MEDAN BERBASIS WEB

TUGAS AKHIR

Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Studi Pada Program Studi D3 Ilmu Komputer

NANDAPATRIA SYAHPUTRA 092406205

PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA MEDAN

(2)

SISTEM INFORMASI PERPUSTAKAAN SMA DHARMA PANCASILA MEDAN BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

NANDAPATRIA SYAHPUTRA 092406205

PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA MEDAN

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI PERPUSTAKAAN SMA

DHARMA PANCASILA MEDAN BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : NANDAPATRIA SYAHPUTRA

Nomor Induk Mahasiswa : 092406205

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM ( FMIPA )

UNIVERSITAS SUMATERA UTARA

Disetujui oleh :

Diketahui

Ketua Departemen

Program Studi D3 Teknik Informatika

FMIPA USU Pembimbing

Prof.Dr.Tulus M.Si

NIP : 19620901 198803 1 002 NIP. 19531218 198003 1 003

(4)

PERNYATAAN

SISTEM INFORMASI PERPUSTAKAAN SMA DHARMA PANCASILA MEDAN BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juli 2012

NANDAPATRIA S 092406205

(5)

PENGHARGAAN

Syukur Alhamdulillah KepadaMu Ya Allah , berkat ridho dan kesehatan yang Engkau

berikan kepada penulis, penulis dapat menyelesaikan Tugas Akhir ini sesuai dengan

waktu yang telah ditargetkan penulis. Adapun Tugas Akhir ini berjudul ”SISTEM

INFORMASI PERPUSTAKAAN SMA DHARMA PANCASILA MEDAN”.

Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan-kesalahan

yang mungkin terjadi, baik itu dari segi teknik tata penyajian ataupun dari segi tata

bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca

dalam upaya perbaikan tugas akhir ini.

Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan

dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan

terima kasih yang setulus-tulusnya kepada :

1. Bapak

Sumatera Utara.

2. Bapak Dr. Tulus, M.Si dan Ibu Dra. Mardiningsih, M.Si selaku Ketua dan

Sekretaris Departemen Matematika FMIPA USU.

3. Bapak Syahril Efendi, M.Si. M.IT dan Bapa

4. Bapak Drs. Faigiziduhu Bu'ulolo, M.Si selaku Dosen Pembimbing Tugas

Akhir Program Studi D-3 Teknik Informatika Fakultas MIPA Universitas

(6)

Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini

kepada penulis dalam penyelesaian tugas akhir.

5. Bapak Drs. Ibrahim Daulay, M.Pd. selaku Kepala Sekolah SMA Dharma

Pancasila Medan yang telah memberikan kesempatan kepada penulis untuk

melakukan riset sebagai data dalam pembuatan tugas akhir.

6. Seluruh Staf Pengajar Program Studi D-3 Teknik Informatika Faklutas MIPA

Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya

kepada penulis selama masa perkuliahan.

7. Rekan-rekan seangkatan khususnya Eka, Suhada, Rahmad dan teman – teman

Kom D yang telah membantu penulis menyelesaikan tugas akhir.

8. Seluruh guru dan pegawai SMA Dharma Pancasila Medan yang telah banyak

membantu penulis dalam mengumpulkan data dalam pembuatan tugas akhir.

9. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis

sebutkan namanya satu-persatu.

10.Teristimewa buat Ayahanda Drs. Syahrial Yoenoes SU., Apt dan Ibunda Dra.

Hartati Burhan., Apt tercinta serta adik, kakak dan kekasih saya Rizki Annisa

Nasution yang senantiasa menasehati penulis dan mendoakan penulis agar

lancar dalam segala urusan.

Medan, Juni 2012 Penulis

(7)

ABSTRAK

Kajian ini bertujuan untuk membangun aplikasi web mengenai sistem informasi perpustakaan di SMA Dharma Pancasila Medan. Aplikasi ini dikembangkan dengan menggunakan perangkat lunak Adobe Photoshop, Macromedia Dreamweaver, Xampp 1.6.6a dan browser Internet Mozilla Firefox. Aplikasi web ini bekerja untuk memudahkan mendapatkan informasi perpustakaan yang diinginkan user/pengguna. Tujuan aplikasi web ini adalah untuk menyajikan dan menyebarkan informasi kepada user/pengguna dengan baik dan tepat dari informasi yang terdapat pada web tersebut dengan mudah pada waktu yang diinginkan.

(8)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi viii

Daftar Tabel ix

Daftar Gambar x

Bab 1 Pendahuluan 1.1Latar Belakang 1

1.2Identifikasi Masalah 2

1.3Pembatasan Masalah 2

1.4Maksud dan Tujuan 2

1.5Metode Penelitian 3

1.6Sistematika Penulisan 4

Bab 2 Landasan Teori 2.1Pengertian Web Dinamis 6

2.1.1 Syarat – Syarat Web Dinamis 6

2.2 Sekilas Lahirnya Internet 7

2.3 Teknologi Internet 9

2.3.1 URL (Uniform Resource Locator) 9

2.3.2 Nama Domain 10

2.3.3 Browser 10

2.3.4 Email 11

2.3.5 Chatting 11

2.4 Pengenalan HTML 11

2.4.1 Pendahuluan HTML 11

2.4.2 Pembagian HTML 12

2.5 Pengenalan PHP 12

2.5.1 Sejarah PHP 12

2.5.2 Kelebihan dan Kelemahan PHP 14

2.5.3 Penggabungan Script PHP dan HTML 14

2.6 Pengenalan SQL 16

2.6.1 Sejarah SQL 16

2.6.2 Standarisasi SQL 16

(9)

2.7 Pengenalan CSS 18

2.8 Pengenalan DHTML 18

2.9 Mengenal Macromedia Dreamweaver MX2004 19

2.9.1 Memulai Dreamweaver MX2004 19

2.9.2 Area Kerja Pada Dreamweaver MX2004 20

2.9.3 Menu Bar Area Kerja 20

Bab 3 Gambaran Sekilas SMA Dharma Pancasila Medan 3.1Profil SMA Dharma Pancasila Medan 23

3.2 Visi dan Misi SMA Dharma Pancasila Medan 23

3.2.1 Visi 23

3.2.2 Misi 24

3.3 Struktur Organisasi 24

3.4 Pengenalan Perpustakaan SMA Dharma Pancasila Medan 25

3.4.1 Tugas Staff Perpustakaan 25

3.4.2 Tata Tertib Perpustakaan 26

3.4.2.1 Ketentuan Umum 26

3.4.2.2 Peminjaman 27

3.4.2.3 Ketentuan Khusus 27

3.4.2.4 Kebersihan, Ketertiban, Keamanan Lingkungan Perpustakaan 28

Bab 4 Perancangan Sistem 4.1Perencanaan Dan Perancangan 29

4.2 Flowchart Sistem 30

4.2.1 Flowchart Pada User Admin 31

4.2.2 Flowchart Pada User Petugas 32

4.2.3 Flowchart Pada User Anggota 32

4.3 Perancangan Database 33

Bab 5 Implementasi Sistem 5.1Pengertian Implementasi Sistem 39

5.2 Tujuan Implementasi Sistem 39

5.3 Spesifikasi Hardware 40

5.4 Software 40

5.5 Brainware 41

5.6 Instalasi Apache, PHP, dan MySQL 41

5.7 Menjalankan Xampp 42

5.8 Pengujian Di Browser 43

Bab 6 Kesimpulan 6.1 Kesimpulan 45

6.2 Saran 46

Daftar Pustaka

(10)

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Anggota 34

Tabel 4.2 Tabel Buku 34

Tabel 4.3 Tabel Hari Libur 35

Tabel 4.4 Tabel Jabatan 35

Tabel 4.5 Tabel Karyawan 35

Tabel 4.6 Tabel Kategori 36

Tabel 4.7 Tabel Lemari 36

Tabel 4.8 Tabel Modul 36

Tabel 4.9 Tabel Peminjaman 37

Tabel 4.10Tabel User 37

(11)

DAFTAR GAMBAR

Halaman

Gambar 3.1 Struktur Organisasi SMA Dharma Pancasila Medan 25

Gambar 4.1 Flowchart Login

Gambar 4.2 Flowchart Rancangan User Admin 31

Gambar 4.3 Flowchart Rancangan User Pegawai 32

Gambar 4.4 Flowchart Rancangan User Anggota 32

Gambar 5.1 Direktori C:/xampp 42

Gambar 5.2 Menjalankan xampp 43

Gambar 5.3 Peletakan Folder Berisi File-File Web Dalam Folder htdocs 43

Gambar 5.4 Penulisan Alamat Di URL

Gambar 5.5 Hasil pengujian aplikasi web di browser 44

(12)

ABSTRAK

(13)

BAB 1 PENDAHULUAN

1.1 Latar Belakang

Perkembangan Internet memang sangat cepat dan jauh berbeda dengan masa awal kehadirannyanya. Kini Internet, dengan sumber daya yang disebut dengan Web, telah banyak digunakan oleh berbagai organisasi untuk mendukung kelancaran usaha. Dari sekedar menangani penyampaian informasi sampai ke penyelenggaraan bisnisnya sendiri ( Hartono, 2001).

Web cepat sekali popular di lingkungan pengguna Internet, karena kemudahan yang diberikan kepada pengguna Internet untuk melakukan penelusuran, dan pencarian informasi. Suatu situs Web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to date dan lengkap.

Kebutuhan akan informasi yang akurat dan tepat waktu untuk menyajikan data-data yang lengkap sangat diperlukan oleh suatu instansi, organisasi dan perusahaan. Sistem informasi memberikan banyak keuntungan bagi penggunanya, yaitu kecepatan dan ketepatan dalam melakukan proses pencarian dan pengolahan data (Sutarman, 2003).

Dengan melihat kondisi ini, penulis tertarik untuk mengangkat masalah ini sebagai tugas akhir penulis, dengan judul SISTEM INFORMASI PERPUSTAKAAN SMA DHARMA PANCASILA MEDAN BERBASIS WEB

(14)

1.2Identifikasi Masalah

Kemampuan manusia dalam menyelesaikan pekerjaan yang semakin banyak dan rumit sangatlah terbatas. Sehingga dibutuhkan suatu sistem yang dapat mengolah data dengan baik supaya dapat mempercepat serta mengefisienkan pekerjaan pengolahan data. Dari permasalahan yang telah diungkapkan diatas, maka dapat dirumuskan sebagai berikut :

a. Siswa mengalami kesulitan dalam mencari buku maupun dalam peminjaman dan pengembalian buku.

b. Pendataan yang tidak terorganisir akibat kurang efisiennya dalam pengolahan buku.

1.3 Pembatasan Masalah

Adapun batasan dari tugas akhir ini adalah membahas pembuatan desain web dinamis sebagai suatu website yang memberikan informasi bagi pengguna baik kalangan masyarakat umum maupun dari pihak sekolah itu sendiri yang membutuhkan informasi Perpustakaan SMA Dharma Pancasila Medan

Aplikasi web ini dibangun dibawah sistem operasi Windows XP yang mencakup aplikasi Macromedia Dreamweaver MX 2004, Web Server Apache, Web Scripting PHP dan MySQL. Selain itu. aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML (Hypertext Markup Language), CSS (Cascading Style Sheet), dan bahasa pemrograman web lainnya.

1.4 Maksud dan Tujuan

Dengan semakin berkembangnya perangkat komputer baik hardware maupun software membuat seluruh aspek kehidupan menuntut suatu manajemen yang baik dalam meningkatkan efisiensi dan efektivitas kerja. Salah satu cara penerapannya

(15)

adalah dengan membuat sistem informasi Perpustakaan SMA Dharma Pancasila Medan. Adapun maksud dan tujuan dari penelitian ini adalah :

1. Memudahkan siswa/i dalam mengetahui data inventaris yang ada di Perpustaka SMA Dharma Pancasila Medan

2. Membuat homepage pendidikan SMA Dharma Pancasila Medan yang dapat diakses oleh siapa saja dan untuk memberikan kemudahan bagi siswanya dalam menikmati layanan yang disediakan dalam situsnya.

1.5 Metode Penelitian

Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data adalah:

1. Penelitian kepustakaan (Library Research)

Disini penulis menggunakan buku-buku yang berhubungan dengan masalah sehingga dapat membantu penyelesaian masalah dalam perancangan situs yang benar, serta dalam mendukung tugas akhir ini untuk menyusun landasan teoritis.

2. Penelitian Lapangan (Field Research)

Penelitian dilakukan langsung ke SMA Dharma Pancasila Medan untuk mendapatkan data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada kepala sekolah, guru-guru dan pegawai pada sekolah tersebut.

3. Studi Literatur

Mempelajari website-website yang berhubungan dengan tugas akhir mahasiswa seperti website-website sekolah, serta mempelajari bahasa-bahasa pemrograman web dengan mengunjungi website-website yang menyediakan tutorial mengenai pemrograman web.

(16)

1.6 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah :

BAB 1 : PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang Latar Belakang, Identifikasi Masalah, Ruang Lingkup Masalah, Maksud dan Tujuan, Metode Penelitian, dan Sistematika Penulisan.

BAB 2 : TINJAUAN TEORI

Di dalam bab ini diuraikan sekilas tentang Pengertian Web Dinamis, Pengenalan Internet, Teknologi Internet, Pengenalan HTML, PHP, MySQL, CSS, dan DHTML, serta Macromedia Dreamweaver MX 2004.

BAB 3 : GAMBARAN SEKILAS SMA DHARMA PANCASILA MEDAN Bab ini berisikan tentang profil SMA Dharma Pancasila Medan, struktur organisasi SMA Dharma Pancasila Medan, uraian tugas dan fungsi organisasi, serta visi dan misi SMA Dharma Pancasila Medan

BAB 4 : PERANCANGAN SISTEM

Bab ini berisikan pembahasan mengenai sistem yang dirancang, flowchart serta databasesebagai editor perancangan website.

BAB 5 : IMPLEMENTASI SISTEM

Pada bab ini berisikan Pengertian Implementasi Sistem, tujuan Implementasi Sistem, Spesifikasi Sistem, dan Instalasi Apache, PHP, dan MySQL.

(17)

BAB 6 : KESIMPULAN DAN SARAN

Di bab ini diuraikan kesimpulan dan saran dari hasil penelitian yang penulis peroleh.

(18)

BAB 2

TINJAUAN TEORI

2.1. Pengertian Web Dinamis

Bagi orang awam yang ingin membuat website atau home page pribadi pasti pernah mendengar istilah web dinamis. Web dinamis adalah website dimana halaman yang akan ditampilkan dibuat pada saat halaman tersebut diminta oleh user/pemakai, misalnya user/pemakai ingin mengakses database dan menampilkannya pada halaman website. Jika zaman dulu, pembuat masih menggunakan HTML biasa untuk membuat home page, tapi untuk saat ini, akan sangat "ketinggalan zaman" jika hanya menggunakan HTML saja.

2.1.1. Syarat-Syarat Web Dinamis

Adapun syarat- syarat agar website selalu dinamis adalah;

1. Tersedianya Web Server.

Baik web statis ataupun dinamis, jika ingin bisa online di internet, maka syarat pertama haruslah memiliki server, baik berupa hardware maupun software. Untuk hardware yaitu seperangkat komputer yang selalu terhubung online dengan internet. Untuk software, selain operating system, harus disediakan juga software untuk web server itu sendiri. Untuk saat ini web server yang menjadi favorit adalah Apache.

(19)

2. Tersedianya Software Pemrograman Web Berbasis Server.

Jika ingin membuat web dinamis, berarti harus tersedia sebuah bahasa pemrograman web selain HTML, baik itu client side maupun server side. Untuk yang client side, memiliki kekurangan yaitu instruksi program bisa terlihat oleh pengguna internet. Sedangkan server side lebih aman karena instruksi programnya tidak terlihat oleh user. Yang terlihat adalah seperti HTML biasa. Contoh bahasa pemrograman web yang favorit adalah PHP.

3. Tersedianya Database.

Database merupakan software yang digunakan untuk menyimpan dan memanajemen data. Jika memiliki data yang sedikit, mungkin masih bisa memakai file biasa sebagai media penyimpanannya. Tapi jika datanya sudah sangat banyak, tanpa database akan sangat rumit. Database dapat menyimpan berjuta-juta data, dan dapat diakses dengan sangat cepat. Contoh database yang bisa dipakai untuk membuat web adalah Oracle, MsSQLServer, MySQL dan masih banyak lagi yang lain. Saat ini database yang menjadi favorit adalah MySQL.

2.2. Sekilas Lahirnya Internet

Sejarah internet dimulai pada 1969 ketika Departemen Pertahanan Amerika memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.

Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah, sehingga langsung menjadi populer. Pada tahun yang sama, icon @ juga diperkenalkan sebagai lambang penting yang menunjukan "at" atau "pada". Tahun 1973, jaringan komputer ARPANET mulai dikembangkan meluas ke luar Amerika Serikat. Komputer University College di London merupakan komputer pertama yang

(20)

ada di luar Amerika yang menjadi anggota jaringan ARPANET. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex. Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan telpon televisi pertama, di mana orang bisa saling menelpon sambil berhubungan dengan videolink. Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan.

Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan Internet Protocol atau IP yang kini kita kenal semua. Sementara itu di Eropa muncul jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET. Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Setahun kemudian alamat anggota jaringan mulai menggunakan alamat dengan akhiran .com.. Sistem alamat yang serba praktis ini langsung menggelumbungkan jumlah komputer yang tersambung dengan jaringan. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat menjadi 10.000 lebih.

Tahun 1988, antar sesama komputer sudah mulai dapat mengobrol atau chatting, karena Jarko Oikarinen dari Finland berhasil menemukan dan sekaligus memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan

(21)

browser yang bisa menjelajah antara satu komputer dengan komputer lainnya, yang membentuk jaringan itu. Program inilah yang disebut www, atau World Wide Web.

Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer, dan di tahun yang sama muncul istilah "surfing the internet". Tahun 1994, situs internet telah tumbuh menjadi 3.000 alamat halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di internet. Dunia langsung berubah. Di tahun yang sama Yahoo! Didirikan, yang juga sekaligus tahun kelahiran Netscape Navigator 1.0.

Setahun kemudian internet sudah menjadi jalur di mana suara, gambar, bisa streaming sekaligus. Tahun 1996 transaksi perdagangan di internet sudah mencapai satu milyar dollar AS. Tahun 1997 situs internet sudah melewati 1,2 juta. Nama domain business.com mencapai rekor penjualan 150.000 dollar AS. Tahun 1998, situs internet tumbuh menjadi 4,2 juta, dan nama domain yang terdaftar sudah melewati angka dua juta. Tahun 1999 nama domain business.com terjual kembali 7,5 juta dollar AS. Tahun 2000 situs internet sudah melewati 21,1 juta.

2.3. Teknologi Internet

Internet sebagai suatu media informasi memiliki beberapa teknologi yang umum untuk diketahui diantaranya adalah URL, TCP/IP, nama domain, browser, email, dan chatting. Semuanya adalah alat bagi seseorang dalam berhubungan dengan dunia internet.

2.3.1. URL (Uniform Resource Locator)

URL digunakan sebagai penunjuk lokasi pada internet. URL dapat dimisalkan dengan alamat yang menunjuk pada suatu lokasi . Contoh penggunaan URL adalah untuk menunjuk alamat pada suatu website.

(22)

2.3.2. Nama Domain

Setiap komputer yang terhubung jaringan TCP/IP akan memilki IP address yang unik. IP address terdiri dari empat grup angka yang dipisahkan oleh titik. Nama domain sebenarnya adalah representasisari IP address. Sebagai contoh IP address dari

Kedua URL tersebut akan

menampilkan halaman yang sama, yaitu website Google. Perbedaannya adalah saat

mengetikkan url IP

address dari google.com yaitlink ke server tempat file –filenya disimpan.

2.3.3. Browser

Browser adalah sebuah program yang digunakan untuk menampikan halaman web. Browser berkomunikasi dengan web server melalui protocol HTTP, yang membaca dan menerjemahkan bahasa HTML dan data gambar untuk ditampilkan secara visual sehingga informasi yang ada dapat dibaca.. Pengeksekusian atau pembacaan halaman web oleh browser dibagi menjadi dua berdasarkan pengeksekusiannya, yaitu pengeksekusian pada sisi klien dan pada sisi server.

a. Client Side

Pada sisi klien, script yang dibuat akan dijalankan pada komputer klien (user) lalu ditampilkan hasinya pada browser sehingga sering disebut browser scripting. Diantaranya adalah HTML, JavaScript, VBScript, DHTML dan lain – lain. Kegunaannya untuk membuat tampilan pada web lebih menarik dan dinamis.

b. Server Side

Pada sisi server, script akan dijalankan pada komputer server, kemudian server akan mengirimkan hasilnya pada browser komputer klien. Kerja script pada server side berbeda dengan client side, pada server side, server pada komputer menjadi berat , karena server side membutuhkan banyak resource server untuk

(23)

mendukung scriptingnya. Scripting pada server side diantaranya adalah Perl, PHP, ASP, JSP, Coldfusion dan lain-lain.

2.3.4. Email

Email adalah salah satu produk yang dihasilkan pada masa sejarah berkembang internet. Dengan email komunikasi pada dunia internet menjadi lebih cepat dan efisien. Email adalah singkatan dari electronic mail (surat elektronik) yang fungsinya sama yaitu untuk mengirim surat atau pesan ke alamat yang dituju, tetapi dengan media internet.

2.3.5. Chatting

Chatting adalah pembicaraan yang dilakukan kepada orang lain dengan menuliskan kata-kata dan menggunakan komputer yang terhubung ke internet secara bersamaan. Apapun yang anda ketik melalui keyboard, maka akan muncul pada layar komputer rekan chatting anda. Ada banyak program-pogram chatting diantaranya Yahoo Instant Messager (YIM), MIRC, MSN, dan lain-lain.

2.4.Pengenalan HTML 2.4.1. Pendahuluan HTML

HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : Windows, Linux, Macintosh. Kata “Markup Language“ pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML.

HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh

(24)

W3C. Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi 4.01.

2.4.2. Bagian-Bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini :

<html> <head>

<title>…</title> </head>

<body>

… isi dari halaman web … </body>

</html>

Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut :

<tag-awal>TEKS<tag-akhir>

Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img>, dan lain-lain.

2.5. Pengenalan PHP 2.5.1. Sejarah PHP

PHP adalah bahasa pemrograman web atau scripting language yang didesain untuk web. PHP dibuat pertama kali oleh satu orang yaitu Rasmus Lerdorf, yang pada

(25)

awalnya dibuat untuk menghitung jumlah pengunjung pada homepagenya. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi

PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997, sebuah perusahaan bernam baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

Pada tahun 1997, sebuah perusahaan bernam PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.

(26)

2.5.2. Kelebihan dan Kelemahan PHP

Kelebihan PHP sebagai bahasa server-side adalah :

1. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah. 3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan

developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin serta juga dapat menjalankan perintah-perintah system.

Adapun Kelemahan PHP adalah :

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau penggunaan template dapat memperbaikinya).

3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemrograman dan kurang memperhatikan isu dan konfigurasi PHP.

2.5.3. Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup ( ?> ). Ada dua tipe penggabungan antara PHP dan HTML yaitu:

1. Embedded Script

Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang

(27)

memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai bagian dari script HTML.

Contoh penulisan Embedded Script dapat dilihat di bawah ini : <html>

<head>

<title>Testing</title> </head>

<body>

<? echo "Halo Dunia"; ?> </body>

</html>

2. Non Embedded Script

Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan script HTML sebagai bagian dari script PHP.

Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini :

echo ‘<html>’; echo ’<head>’;

echo ‘<title>Testing</title>’; echo ‘</head> <body>’; echo ‘Halo Dunia’; echo ‘</body>’; echo ’</html>’; ?>

(28)

2.6. Pengenalan SQL 2.6.1. Sejarah SQL

SQL adalah sebuah database yang dapat berjalan sebagai Server maupun Client. Produk database MySQL ini memiliki General Public Licence, dan bersifat Open Source, sehingga bebas untuk digunakan, diedarkan, maupun dikembangkan kembali, tanpa harus khawatir dengan hak cipta. Sejarah SQL dimulai dari artikel seorang peneliti dari IBM bernama EF Codd yang membahas tentang ide pembuatan basis data relasional pada bulan juni tahun 1970. Dalam artikel ini juga dibahas tentang kemungkinan pembuatan bahasa standar untuk mengakses data dalam basis data tersebut. Bahasa tersebut kemudian diberi nama SEQUEL (Structured English Query Language).

Setelah terbitnya artikel tersebut, maka IBM mengadakan proyek pembuatan basis data relasional beserta SEQUEL. Akan tetapi karena permasalah hukum mengenai penamaan SEQUEL, maka IBM merubahnya menjadi SQL. Implementasi basis data relasional dikenal dengan System/R.

Di akhir tahun 1970-an muncul perusahaan bernama Oracle yang membuat server basis data populer yang bernama sama dengan nama perusahaannya. Dengan naiknya kepopuleran Oracle, maka SQL juga ikut populer sehingga saat ini menjadi standar defacto bahasa dalam manajemen basis data.

2.6.2. Standarisasi SQL

Standarisasi SQL dimulai pada tahun 1986, ditandai dengan dikeluarkannya standar SQL oleh ANSI. Standar ini sering disebut dengan SQL86. Standar tersebut kemudian diperbaiki pada tahun 1989 kemudian diperbaiki lagi pada tahun 1992. Versi terakhir dikenal dengan SQL92. Pada tahun 1999 dikeluarkan standar baru yaitu SQL99 atau disebut juga SQL99, akan tetapi kebanyakan implementasi mereferensi pada SQL92.

(29)

2.6.3. Pemakaian Dasar SQL

Pemakaian dasar SQL adalah sebagai berikut:

1. Mendefinisikan Tabel

Untuk mendefinisikan / membuat suatu tabel digunakan sintaks : CREATE TABLE NAMA_TABLE (DEFINISI_TABLE); Contoh:

CREATE TABLE TEST ( NAMA VARCHAR(20), ALAMAT VARCHAR(255), PASSWORD VARCHAR(10) );

2. Menyimpan data

Untuk menyimpan data dalam tabel dipergunakan sintaks :

INSERT INTO NAMA_TABLE (DAFTAR_FIELD) VALUES (DAFTAR_NILAI);

Contoh:

INSERT INTO TEST (NAMA, ALAMAT, PASSWORD) VALUES ('rozi', 'jl. Kapten muslim gg. Pertama no. 74', '201285');

3. Mengambil data

Untuk mengambil data dipergunakan sintaks :

SELECT DAFTAR_FIELD FROM NAMA_TABLE KONDISI; Contoh:

SELECT nama FROM TEST;

Kondisi diatas berupa optional (bisa digunakan dan bisa tidak digunakan).

4. Mengubah data

Untuk mengubah data dipergunakan sintaks :

UPDATE NAMA_TABEL SET DATA_FIELD_LAMA WHERE DATA_FIELD_BARU;

Contoh:

(30)

5. Menghapus data

Untuk menghapus data dipergunakan sintaks: DELETE FROM NAMA_TABLE KONDISI Contoh:

DELETE FROM TEST WHERE NAMA='rozi';

2.7. Pengenalan CSS

Cascading Style Sheets (CSS) adalah suat

mengatur tampilan suatu dokumen yang ditulis dalam sebagai pelengkap pada HTML. Dan tugas utama CSS adalah adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website. CSS dapat mengubah besar kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula mengubah warna border pada tabel, dan masih banyak lagi hal yang dapat dilakukan oleh CSS. Singkatnya, CSS digunakan untuk mengatur susunan tampilan pada halaman HTML.

2.8. Pengenalan DHTML

DHTML adalah suatu istilah yang diberikan untuk suatu halaman web yang memanfaatkan HTML (Hypertext Markup Language) dan DOM (Document Object Model), CSS (Cascading Style Sheet) dan client-side scripting untuk membuat tampilan halaman tersebut dinamis atau interaktif. Istilah Dynamic ditambahkan untuk membedakan sifat dinamis halaman web ini dengan halaman web statis yang dibuat hanya berdasarkan HTML.

DHTML mulai diterapkan pada browser generasi ke empat - Microsoft Internet Explorer 4 (IE4) dan Netscape Communicator 4 (NS4). DHTML sepenuhnya merupakan teknologi client side yang hanya bergantung pada kemampuan browser untuk menampilkan dan memanipulasi elemen halaman web yang tidak bisa dilakukan dengan hanya mengandalkan HTML.

(31)

Sebagian besar hal yang bisa dibuat dengan DHTML bisa juga dibuat dengan menggunakan teknologi authoring web lain seperti Java, Flash, atau ShockWave. Penggunaan DHTML mempunyai kelebihan karena tidak memerlukan plugin apapun untuk menjalankannya dan ukurannya jauh lebih kecil dibandingkan penggunaan teknologi lain. Kelemahannya, masih banyak hal-hal yang belum bisa dilakukan dengan menggunakan DHTML seperti suara dan video. Saat ini sudah cukup banyak penerapan DHTML yang sering anda temukan sewaktu mengakses internet sehari-hari. Yang umum misalnya rollover menu (baik berbentuk image ataupun teks biasa), dropdown menu, trailing cursor, sliding text, dll.

2.9. Mengenal Macromedia Dreamweaver MX 2004

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengelola situs Web maupaun halaman Web. Macromedia Dreamweaver MX 2004 adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini, pihak Macromedia telah mengeluarkan versi terbaru dari Macromedia Dreamweaver yaitu Macromedia Dreamweaver MX 8.

Dreamweaver MX 2004 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya. Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan situs web. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web.

2.9.1. Memulai Dreamweaver MX 2004

Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver MX 2004, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver MX 2004. Pada saat pertama kali

(32)

menggunakan Dreamweaver setelah penginstallan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang kerja designer.

2.9.2. Area Kerja Pada Dreamweaver MX 2004

Komponen yang terdapat pada ruang kerja Dreamweaver MX 2004 adalah :

1. Document Window berfungsi untuk menampilkan dokumen dimana Anda sekarang bekerja.

2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image, tabel, daan lain-lain.

4. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang sedang kita gunakan.

5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan dibawah satu judul untuk membantu bekerja dengan Dreamweaver.

6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.

7. Properti Inspector digunakan untuk melihat dan megubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda.

2.9.3. Menu Bar Area Kerja

Di dalam area kerja Dreamweaver MX 2004 terdapat beberapa menu utama yang sangat sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja

(33)

Dreamweaver MX 2004 terdiri dari beberapa komponen yang dapat kita gunakan, yaitu :

1. Menu File

Menu File terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain-lain.

2. Menu Edit

Menu Edit terdiri dari perintah untuk mencopy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain-lain.

3. Menu View

Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver MX 2004. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.

4. Menu Insert

Berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.

5. Menu Modify

Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.

6. Menu Text

Berfungsi untuk mempermudah dalam melakukan format teks.

(34)

Berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks.

8. Menu Site

Berisi item untuk mengelola situs seperti mendefenisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefenisi.

9. Menu Window

Menyediakan akses ke seluruh panel, inspector, dan jendela didalam Dreamweaver.

10. Menu Help

Menyediakan fasililtas membantu kita dalam menggunakan Dreamweaver.

(35)

BAB 3

GAMBARAN SEKILAS SMA DHARMA PANCASILA MEDAN

3.1 Profil SMA Dharma Pancasila Medan

SMA Dharma Pancasila Medan berada di Jl. Dokter Mansyur No.71 C Medan. Sekolah ini diasuh oleh ibu-ibu yang berpengalaman di bidang pendidikan dan sebagai ketua umum dipimpin oleh Ny.T Rizal Nurdin dengan tujuan turut membantu Pemerintah dalam bidang pendidikan dan mencerdaskan kehidupan bangsa, dengan tujuan tersebut dibangunlah sekolah SMA Dharma Pancasila pada tahun 1987 dengan mengelola sekolah – sekolah TK, SMP dan SMA. Sekolah ini telah menjadi sekolah yang memiliki Jenjang Akreditas A (amat baik) dari BASDA Provinsi Sumatera Utara.

3.2 Visi dan Misi SMA Dharma Pancasila Medan

3.2.1 Visi

Menjadikan SMA Dharma Pancasila sebagai sekolah unggul dalam prestasi, menguasai IPTEK dan memiliki IMTAQ ( iman dan taqwa).

(36)

3.2.2 Misi

Adapun misi dari SMA Dharma Pancasila Medan adalah:

a. Melaksanakan proses belajar mengajar dan bimbingan secara efesin, menarik dan menyenangkan.

b. Menyelenggarakan pendidikan yang membekali life skill. c. Meningkatkan mutu sumber daya manusia.

d. Meningkatkan kegiatan bimbingan belajar, kelompok belajar untuk menghadapi kegiatan olimpiade Matematika, Fisika, Biologi, Kimia, Komputer.

e. Menyediakan sarana dan prasarana yang memadai f. Meningkatkan kegiatan ekstrakurikuler.

g. Meningkatkan pengamalan nilai Ketuhanan Yang Maha Esa kepada seluruh warga sekolah.

h. Meningkatkan kerja sama dengan alumni, instansi yang berkaitan dan masyarakat.

i. Membudidayakan motto “ SMA Dharma Pancasila yaitu disiplin, hemat, rajin, pandai, dan cinta setia terhadap pelajaran.

3.3 Struktur Organisasi

Organisasi merupakan salah satu alat untuk mencapai tujuan secara efektif dan rasional. Pembentukan organisasi dan pembagian tugas merupakan unsur utama dan alat utama untuk mencapai kontrol yang baik. Pengorganisasian berarti menetukan bagian-bagian mana yang diperlukan untuk mencapai suatu hasil dan menentukan kerja sama yang sesuai antara bagian. Struktur organisasi adalah rangka atau bagian yang menunjukan tugas untuk mencapai tujuan organisasi, hubungan antara fungsi-fungsi, dan tanggung jawab antara setiap anggota organisasi. Dengan adanya struktur organisasi, maka pimpinan dan bawahan yang ada didalamnya akan mengetahui kegiatan-kegiatan yang harus dilakukan dan batas-batas kekuasaan yang ada padanya.

(37)

3.1 Gambar Struktur Organisasi SMA Dharma Pancasila Medan

3.4 Pengenalan Perpustakaan SMA Dharma Pancasila Medan 3.4.1 Tugas Staff Perpustakaan

Sebagai aparat kantor cabang dalam hal pengelolaan perpustakaan, staff perpustakaan mempunyai fungsi yang penting.Tugas-tugas pokok staff perpustakaan, yaitu:

1. Melakukan pengawasan kepada seluruh siswa dan karyawan yang akan berhubungan dengan perpustakaan.

2. Membuat tata aturan perpustakaan.

3. Memberikan teguran terhadap siswa, karyawan yang tidak mematuhi aturan perpustakaan.

4. Memelihara buku-buku dan bahan-bahan perpustakaan serta dokumendokumen Komite Sekolah

Ny. T. Rizal Nurdin

Kepala Sekolah Drs. Ibrahim Daulay, MPd

Tata Usaha Drs. sofiyan

Bidang Sarana/Prasarana Damrah Sri, S.Pi Bidang Humas

Juandi, SPd Bidang Kesiswaan

Drs. K. Kacaribu, MSi Bidang Kurikulum

Drs. Ahmad Husien, MSi

Bidang Perpustakaan Finariani Wali Kelas

Kood. BP/BK Dra. Susilawati

(38)

lainnya sehingga dapat dipergunakan dan dipinjamkan. 5. Membuat daftar buku katalog untuk perpustakaan.

6. Mengatur dan mengurus peminjaman buku dari perpustakaan.

7. Mencatat penerimaan buku-buku baru, majalah-majalah baru dan selanjutnya membuat kartu-kartu katalog.

8. Membuat indeks artikel, majalah-majalah dan lain-lain. 9. Mencatat buku-buku dan dokumen yang dipinjamkan serta menginformasikan waktu peminjaman sebelum habis masanya.

10. Mengadakan kerjasama dengan pustaka lain dalam mencari bahan-bahan yang diperlukan.

11. Mengusahakan penambahan buku-buku perpustakaan dari siswa, dan Lembaga lain.

12. Membuat laporan aktivitas di perpustakaan dan masalah yang dihadapi kepada Kepala sekolah.

13. Melaksanakan kegiatan lain yang dibebankan oleh atasannya sepanjang masih menyangkut untuk kepentingan lembaga.

14. Membantu sepenuhnya kegiatan-kegiatan marketing yang dilakukan oleh Lembaga.

15. Berinisiatif dalam hal-hal yang menyangkut kepentingan Lembaga dengan mendiskusikan kepada atasannya.

16. Menjaga hubungan yang baik terhadap sesama pegawai dan siswa. 17. Bisa bekerjasama serta bertanggung jawab.

3.4.2 Tata Tertib Perpustakaan

Untuk memperlancarkan dan menjaga ketertiban peminjaman serta membaca maka terdapat aturan-aturan yang dibuat oleh pihak pengelola perpustakaan adapun tata tertib dan larangan tersebut adalah sebagai berikut:

3.4.2.1 Ketentuan Umum

1. Perpustakaan terbuka untuk siswa/siswi SMA Dharma Pancasila Medan. 2. Masyarakat di luar SMA Dharma Pancasila hanya diperbolehkan membaca

(39)

3.4.2.2 Peminjaman

1. Banyaknya buku yang dapat dipinjam 2 eksamplar untuk 1 kali peminjaman sebelum mengembalikan buku pinjaman tidak boleh meminjam lagi.

2. Bagi siswa/siswi kelas XII (tiga) dapat meminjam buku lebih dari 2 (dua) eksamplar, tergantung kebutuhan dan persediaan buku.

3. Jangka waktu peminjaman paling lambat 7 (tujuh) hari, dan dapat diperpanjang selama 2 (dua) hari apabila tidak ada anggota lain yang membeutuhkannya.

4. Untuk peminjaman buku, yang bersangkutan harus datang sendiri ke petugas perpustakaan tanpa berwakil dengan menunjukkan kartu anggota.

3.4.2.3 Ketentuan Khusus

Keterlambatan pengembalian buku:

a. Apabila siswa/siswi anggota perpustakaan terlambat

mengembalikan buku pinjaman dari tanggal yang ditentukan, maka akan dikenakan sanksi sesuai ketentuan/peraturan perpustakaan.

b. Denda yang dikenakan kepada siswa ditujukan untuk penanaman disiplin dan bukan untuk membebani siswa.

2. Kerusakan buku yang di pinjam sepenuhnya menjadi tanggung jawab peminjam.

3. Kehilangan Buku perpustakaan yang dipinjam sepenuhnya menjadi tanggung jawab peminjam, dengan ketentuan sebagai berikut: a. Mengganti dengan buku yang sama.

b. Mengganti dengan uang sesuai dengan harga buku yang bersangkutan.

(40)

3.4.2.4 Kebersihan, Ketertiban, Keamanan Lingkungan Perpustakaan 1. Siswa tidak di perbolehkan membuang sampah sembarangan di dalam

perpustakaan.

2. Siswa tidak di perbolehkan membawa makanan kedalam perpustakaan. 3. Siswa tidak di perbolehkan bersuara keras/ribut di dalam perpustakaan. 4. Siswa tidak di perbolehkan bertengkar/berkelahi di dalam perpustakaan. 5. Siswa harus meletakkan kembali buku pada tempatnya setelah di baca. 6. Siswa di larang mencoret-coret buku dan benda lainnya di dalam

perpustakaan.

7. Siswa dilarang membawa tas ke dalam perpustakaan, harus di letakkan pada tempat yang telah ditentukan.

8. Siswa di larang merokok di dalam perpustakaan dan lingkungan perpustakaan.

(41)

BAB 4

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:

1. Situs apa yang ingin dibuat?

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Apa saja aktivitas yang dapat mereka lakukan dalam situs?

4. Apa target yang ingin dicapai dari pembuatan situs tersebut?

Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan di atas sebagai berikut:

1. Situs yang akan dibuat mengenai Sistem Informasi Perpustakaan SMA Dharma Pancasila Medan. Situs ini berisikan informasi berupa inventaris yang terdapat di perpustakaan SMA Dharma Pancasila Medan.

(42)

2. Pengunjungnya adalah seluruh siswa/i, guru dan pegawai yang terdapat di kawasan sekolah SMA Dharma Pancasila Medan.

3. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi inventaris yang terdapat di perpustakaan SMA Dharma Pancasila Medan, meminjam buku secara online, mengetahui data – data buku baik pengarang maupun judul yang terdapat di perpustakaan.

4. Target yang akan dicapai dari situs tersebut adalah pengunjung dapat dipermudah dalam pencarian buku yang diperlukan.

4.2 Flowchart Sistem

Flowchart merupakan bagan yang menunjukkan aliran informasi didalam program atau prosedur sistem secara logika. Adapun flowchart yang didesain penulis adalah sebgai berikut:

Gambar 4.1 Flowchart login Start

Halaman Utama

Isi Username dan Password

Status = Admin

End

(43)

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web.

4.2.1 Flowchart Pada User Admin

Gambar 4.2 Flowchart rancangan User Admin Jabatan

Karyawan Modul

Home

Anggota

Lemari User Log

Buku Kategori

Peminjaman

Logout Cari Buku Pengembalian

(44)

4.2.2 Flowchart Pada User Petugas

Gambar 4.3 Flowchart rancangan User Admin

4.2.3 Flowchart Pada User Anggota

Gambar 4.3 Flowchart rancangan User Anggota Adapun fungsi dari flowchart di atas ialah:

1. Home : Halaman pertama yang akan keluar ketika log in

2. Modul : Tempat dimana penyimpanan link yang berfungsi untuk menggabungkan data script dengan halaman web.

3. Jabatan : Menambah jenis jabatan yang ada di dalam pegawai 4. Karyawan : Menambah karyawan baru

5. Anggota : Menambah anggota baru Anggota

Lemari User Log

Buku

Peminjaman

Logout Cari Buku Pengembalian

Petugas Home

User Log

Logout

Cari Buku Petugas

(45)

6. Kategori : Menambah kategori buku yang terdapat di dalam perpustakaan 7. Buku : Menambah buku baru

8. Lemari : Mengetahui letak buku yang tersimpan

9. User Log : Menambah user agar dapat masuk ke dalam web 10. Peminjaman : Pendataan Peminjaman

11. Pengembalian : Pendataan Pengembalian 12. Cari Buku : Pencarian buku

13. Log Out : Keluar

Pada kasus pembuatan situs yang berskala besar, seperti situs berita atau portal yang memuat sampai ribuan berita atau artikel, maka tidak mungkin lagi untuk membuat situs secara statis karena flowchart-nya akan mempunyai cabang-cabang yang sangat banyak. Dengan demikian, PHP membangun suatu situs menjadi dinamis, dimana pada suatu halaman akan dipakai oleh ribuan artikel yang ditampilkan sesuai dengan permintaan user.

4.3 Perancangan Database

Perancangan struktur database adalah untuk menentukan file database yang digunakan seperti field, tipe data dan ukuran data. Sistem ini dirancang dengan menggunakan bahasa pemrograman PHP dan didukung oleh database. Database merupakan tempat penyimpanan data yang distrukturkan dan disimpan ke dalam tabel. Database ini menggunakan MySql.

Ada beberapa macam dari database yang akan dibutuhkan dalam perancangan situs ini, antara lain data pegawai, data cuti, pegawai, administrator dan hak akses. Database tersebut dapat berdiri sendiri dan juga dapat digabung menjadi satu kesatuan. Menggabung dua atau lebih jenis database sering juga disebut mengkorelasikan.

Adapun rancangan database yang digunakan dalam pembuatan sistem informasi ini adalah sebagai berikut:

(46)

1. Tabel Anggota terdiri dari :

Field Jenis Id_anggota Integer(4) Nia Varchar(15) Nama Varchar(60) Tgl_lahir Varchar(120) Kelamin Enum (‘P,W’) Alamat Varchar(200) Hp Varchar(300)

4.1 Tabel Anggota

2. Tabel data buku terdiri dari :

Field Jenis Id_buku Integer(11) Kd_lemari Varchar(20) Isbn Varchar(20) Judul Varchar(200) Kd_kategori Varchar(4) Pengarang Varchar(100) Penerbit Varchar(35) Tmp_penerbit Varchar(35) Thn_penerbit Varchar(4) Jlh_halaman Varchar(4) Exa Varchar(3)

(47)

3. Tabel data hari_libur terdiri dari :

Field Jenis Id_hari_libur Int(3)

Tanggal Date Keterangan Text

4.3 Tabel data hari_libur

4. Tabel jabatan terdiri dari :

Field Jenis Id_jabatan Integer(4) Kd_jabatan Varchar(6) Nm_jabatan Varchar(100) keterangan Text

4.4 Tabel jabatan

5. Tabel karyawan terdiri dari :’

Field Jenis

Id_karyawan Int(4) Nik Varchar(60) Nama Varchar(60) Kd_jabatan Varchar(8) Kelamin enum(‘P’,’W’) Status_kawin enum(‘TK’,’K’)

Pendidikan Enum(‘SD’,’SMP’,’SMA’,’D1’,’D3’,’S1’,’S2’,’S3’) Alamat_tinggal Varchar(200)

(48)

6. Tabel kategori terdiri dari :’

Field Jenis Id_kategori Int(5)

Kd_kategori Varchar(4) Nama_kategori Varchar(50)

4.6 Tabel kategori

7. Tabel lemari terdiri dari :’

Field Jenis Id_lemari Int(11) Kd_lemari Varchar(20) Ket_lemari Varchar(200)

4.7 Tabel lemari

8. Tabel modul terdiri dari :’

Field Jenis Id_modul Int(5)

Nama_modul Varchar(50) Link Varchar(100) Static_content Text

Gambar Varchar(100) Publish Enum(‘Y’,’N’)

Status Enum(‘anggota’,’petugas’,’admin’) Aktif Enum(‘Y’,’N’)

Urutan Integer(5) 4.8 Tabel modul

(49)

9. Tabel peminjaman terdiri dari :’

Field Jenis Id_peminjaman Int(11) Isbn Varchar(30) Tgl_peminjaman Date

Tgl_kembali Date Jlh_hari Int(11)

Denda Varchar(100) Nia Varchar(30) Status Varchar(15) User_log Varchar(30) View Varchar(2)

4.9 Tabel peminjaman

10. Tabel user terdiri dari :’

Field Jenis Id_user Int(11) Username Varchar(50) Password Varchar(50) Level Varchar(20)

4.10 Tabel peminjaman

Tahapan yang dilakukan penulis dalam membangun halaman situs adalah sebagai berikut:

1. Membuka software Macromedia Dreamweaver 8.0 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman.

(50)

2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, animasi, isi berita dan modul-modul lainnya di tempat yang telah ditentukan.

3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukanpada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver.

4. Mengerjakan halaman-halaman berikutnya hingga selesai, seperti melink kan satu halaman kehalaman lainnya dan mengkoneksikan PHP hinnga berhasil.

(51)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji,menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang yang dibutuhkan dalam implementasi sistem adalah :

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut:

1. mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

(52)

4. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

5.3 Spesifikasi Hardware

Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:

1. PC dengan processor minimal Intel Pentium III 733 MHz. 2. Microsoft Windows XP Professional(lebih disarankan). 3. Microsoft Windows2000 service pack4 atau XP Home. 4. Memory Minimal 128 MB.

5. Hard disk 20 GB. 6. Monitor Super VGA. 7. Keyboard.

8. Mouse.

5.4 Software

Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah:

1. Apache sebagai web server 2. PHP sebagai web programming 3. MySQL sebagai database server

4. Adobe Photoshop 7.0 sebagai web editor

(53)

5.5 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi.

Brainware dalam sistem informasi ini Terbagi atas:

1. Sistem analis: orang yang menganalisa sistem dengan mempelajari masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.

2. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasainya.

3. Operator: orang yang memakai sistem.

5.6 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situsApache,

PHP dan MySQL. Tahap

instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.

Alternatif lain yang digunakan penulis adalah dengan menginstalasi Xampp. Perangkat lunak Xampp dengan versi 1.6.6a ini penulis download di situs Xampp ini memberikan paket-paket yang cukup lengkap diantaranya:

a. Apache 2.0.50 b. MySQL 4.0.20

(54)

d. PHP-Switch win32 1.0 (by Apachefriends, use the “PHP-switch.bat”) e. mod_PHP 4.3.7

f. MiniPerl 5.8.3 g. SQLite 3.0.4

h. PHPMyAdmin 2.5.7-pl1 i. ADODB 4.21

j. Mercury Mail Transport System for Win32 and NetWare Systems v4.01a k. FileZilla FTP Server 0.9.1

l. Webalizer 2.01-10 (web statistic) m. Zend Optimizer 2.5.3

Dengan menginstalasi Xampp secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu konfigurasi yang rumit.

5.7 Menjalankan Xampp

Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Xampp. Untuk itu, buka direktori C:\xampp.

(55)

Untuk menjalankan Xampp, klik ganda pada xampp_start.exe, sedangkan untuk mematikan servis Xampp klik ganda pada xampp_stop.exe. Jika servis sudah berjalan akan muncul jendela baru seperti:

Gambar 5.2 Menjalankan Xampp

5.8 Pengujian di Browser

Setelah menginstalasi Xampp, maka aplikasi web telah dapat diujikan di komputer lokal. Adapun caranya adalah sebagai berikut:

1. Letakkan file-file yang membangun web tadi ke dalam suatu folder kemudian diletakkan di dalam folderhtdocs, terlihat seperti gambar berikut:

(56)

2. Buka browser Internet Explorer / Mozilla Firefox

3. Pada kotak URL ketikka

meletakkan file-file web di folder kopidingin maka alamatnya sebagai berikut:

Gambar 5.4 Penulisan Alamat Di URL

4. Setelah dilakukan Enter pada keyboard maka akan terlihat tampilan sebagai berikut:

(57)

BAB 6

KESIMPULAN DAN SARAN

6.1Kesimpulan

Website yang dirancang dan direalisasikan dengan menggunakan sistem operasi Windows 7, MySQL sebagai database manajemen sistem, PHP sebagai bahasa scripting yang menyatu dengan HTML (sintaks dan perintah yang diberikan sepenuhnya dijalankan di web server), Apache sebagai web server, Macromedia Dreamweaver sebagai tempat penulisan kode program, dan Adobe Photoshop sebagai web editornya. Dari realisasi tersebut dapat diambil beberapa kesimpulan yaitu :

1. Website adalah salah satu media yang tepat, menarik, akurat dan terpercaya dalam hal pencarian informasi.

2. Penyajian informasi yang baik dan terupdate dapat menarik pengunjung dalam pencarian data.

3. Untuk menarik minat pengunjung, perlu dibuat rancangan layout/template dengan gambar dan yang menarik.

4. Pembuatan suatu aplikasi web dapat dilakukan di komputer lokal tanpa terkoneksi ke internet. Koneksi internet diperlukan ketika proses upload file dan pengaksesan situs.

(58)

6.2Saran

1. Sebelum membuat web, kumpulkan terlebih dahulu buku-buku yang berkaitan dengan pembuatan web agar hasil web yang tercipta menarik dan bermanfaat.

2. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah keatas, misalnya komputer pintium III karena penggunaan software-software yang banyak dan besar memakan sumber daya komputer seperti memori dan kapasitas hardisk.

3. Web seharusnya di-update oleh admin secara berkala guna memberikan informasi yang teraktual dan up tudate sehingga pengunjung tertarik untuk membacanya.

4. Dalam membuat suatu situs web, perlu diberikan fasilitas kritik dan saran kepada pengunjung untuk menyampaikan komentar pengunjung.

(59)

DAFTAR PUSTAKA

Bambang, P, Mahardika,I, dan Djalle, Z. G. 2004. Flash MX: 3 in 1. Bandung: Informatika Bandung.

Hakim, L, dan Musalini, U. 2004. Cara Cerdas Menguasai Layout, Desain dan Aplikasi Web. Jakarta: PT Elex Media Komputindo.

Hakim, L, dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT Elex Media Komputindo.

Jogiyanto, H.M. 1988. Pengenalan Komputer : Dasar Ilmu Komputer, Pemograman,

Sistem Informasi, dan Intelegensi Buatan. Yogyakarta : Andi Yogyakarta. Kadir, Abdul. 2003. Pemograman Web. Yogyakarta: Andi Yogyakarta.

Lenawati, Mei. 2006. Macromedia Dreameaver 8 dengan PHP. Yogyakarta

Oscar Rahman, TCP/IP dalam dunia imformatika, penerbit Imformatika Jakarta 2007 Syafii, M. 2005. Membangun Aplikasi Berbasis PHP dan MySQL. Yogyakarta: Andi Wahana, Komputer. 2006. Membuat Website Interaktif dengan Macromedia

Dreamweaver 8. Yogyakarta: Andi.

(60)

LAMPIRAN : LISTING PROGRAM PADA HALAMAN WEBSITE

.1 Halaman index.php (Pada admin) <html>

<head>

<title>:: Aplikasi Perpustkaan ::</title>

<body>

<h2>Login</h2>

<tr><td>Username</td><td> : <input type="text" name="username"></td></tr> <tr><td>Password</td><td> : <input type="password" name="password"></td></tr> <tr><td>Level</td><td> : <select name="level"><option

value="admin">admin</option>

<option value="petugas">petugas</option> <option value="anggota">anggota</option> </select>

</td></tr>

</form>

</div> </body> </html>

2 Halaman cek_login.php <?php

include "config/koneksi.php"; $pass=md5($_POST[password]);

(61)

if(($_POST[level]=='admin') OR ($_POST[level]=='petugas')){

$login=mysql_query("SELECT user.*,karyawan.nama FROM user inner join karyawan

on user.username=karyawan.nik WHERE user.username='$_POST[username]' AND user.password='$pass'");

$ketemu=mysql_num_rows($login); $r=mysql_fetch_array($login);

// Apabila username dan password ditemukan if ($ketemu > 0){

session_start();

session_register("username"); session_register("password"); session_register("nama"); session_register("level");

$_SESSION[username] = $r[username]; $_SESSION[password] = $r[password]; $_SESSION[level]= $r[level];

$_SESSION[nama]= $r[nama];

header('location:media.php?module=home'); }else{

echo "<link href=config/adminstyle.css rel=stylesheet type=text/css>"; echo "<center>Login gagal! username & password tidak benar<br>"; echo "<a href=index.php><b>ULANGI LAGI</b></a></center>"; }

}elseif($_POST[level]=='anggota'){

$login=mysql_query("SELECT user.*,anggota.nama FROM user inner join anggota on user.username=anggota.nia WHERE user.username='$_POST[username]' AND user.password='$pass'");

$ketemu=mysql_num_rows($login); $r=mysql_fetch_array($login);

// Apabila username dan password ditemukan if ($ketemu > 0){

session_start();

session_register("username"); session_register("password"); session_register("nama"); session_register("level");

$_SESSION[username] = $r[username]; $_SESSION[password] = $r[password]; $_SESSION[level]= $r[level];

$_SESSION[nama]= $r[nama];

(62)

}else{

echo "<link href=config/adminstyle.css rel=stylesheet type=text/css>"; echo "<center>Login gagal! username & password tidak benar<br>"; echo "<a href=index.php><b>ULANGI LAGI</b></a></center>"; }

} ?>

3 Halaman aksi.php <?php

session_start();

include "config/koneksi.php"; include "config/library.php";

function dateDiff($dformat, $endDate, $beginDate){ $date_parts1=explode($dformat, $beginDate); $date_parts2=explode($dformat, $endDate);

$start_date=gregoriantojd($date_parts1[1],$date_parts1[2], $date_parts1[0]); $end_date=gregoriantojd($date_parts2[1],$date_parts2[2], $date_parts2[0]); return $end_date- $start_date;

}

$module=$_GET[module]; $act=$_GET[act];

// Menghapus data

if (isset($module) AND $act=='hapus'){

mysql_query("DELETE FROM ".$module." WHERE id_".$module."='$_GET[id]'");

header('location:media.php?module='.$module); }

// Input user

elseif ($module=='user' AND $act=='input'){

$s = "SELECT * FROM user WHERE username='$_POST[username]'"; $s1 = mysql_query($s);

if (mysql_num_rows($s1) > 0) {

//header('location:media.php?err&module='.$module); header('location:media.php?erru');

exit(); }

$pass=md5($_POST[password]);

(63)

mysql_query("INSERT INTO user(username, password, level) VALUES('$_POST[username]', '$pass', '$_POST[level]')"); header('location:media.php?module='.$module); }

// Update user

elseif ($module=='user' AND $act=='update'){ // Apabila password tidak diubah

if (empty($_POST[password])) {

mysql_query("UPDATE user SET username = '$_POST[username]', level = '$_POST[level]'

WHERE id_user = '$_POST[id]'"); }

// Apabila password diubah else{

$pass=md5($_POST[password]);

mysql_query("UPDATE user SET username = '$_POST[username]', password = '$pass',

level = '$_POST[level]' WHERE id_user = '$_POST[id]'"); }

header('location:media.php?module='.$module); }

// Input modul

elseif ($module=='modul' AND $act=='input'){ mysql_query("INSERT INTO modul(nama_modul, link, publish, aktif, status, urutan) VALUES('$_POST[nama_modul]', '$_POST[link]', '$_POST[publish]', '$_POST[aktif]', '$_POST[status]', '$_POST[urutan]')"); header('location:media.php?module='.$module); }

// Update modul

elseif ($module=='modul' AND $act=='update'){

(64)

link = '$_POST[link]', publish = '$_POST[publish]', aktif = '$_POST[aktif]', status = '$_POST[status]', urutan = '$_POST[urutan]' WHERE id_modul = '$_POST[id]'"); header('location:media.php?module='.$module); }

//input jabatan

elseif ($module=='jabatan' AND $act=='input'){

$s = "SELECT * FROM jabatan WHERE kd_jabatan='$_POST[kd_jabatan]'"; $s1 = mysql_query($s);

if (mysql_num_rows($s1) > 0) {

//header('location:media.php?err&module='.$module); header('location:media.php?errj');

exit(); }

mysql_query("INSERT INTO jabatan(kd_jabatan, nm_jabatan,

keterangan)

VALUES('$_POST[kd_jabatan]', '$_POST[nm_jabatan]', '$_POST[keterangan]')"); header('location:media.php?module='.$module); }

// Update jabatan

elseif ($module=='jabatan' AND $act=='update'){

mysql_query("UPDATE jabatan SET kd_jabatan = '$_POST[kd_jabatan]', nm_jabatan = '$_POST[nm_jabatan]',

keterangan = '$_POST[keterangan]' WHERE id_jabatan = '$_POST[id]'"); header('location:media.php?module='.$module);

}

//input karyawan

elseif ($module=='karyawan' AND $act=='input'){

$s = "SELECT * FROM karyawan WHERE nik='$_POST[nik]'"; $s1 = mysql_query($s);

if (mysql_num_rows($s1) > 0) {

//header('location:media.php?err&module='.$module); header('location:media.php?errk');

exit(); }

(65)

mysql_query("INSERT INTO karyawan(nik, nama, kd_jabatan, kelamin, status_kawin, pendidikan, alamat_tinggal) VALUES('$_POST[nik]', '$_POST[nama]', '$_POST[kd_jabatan]', '$_POST[kelamin]', '$_POST[status_kawin]', '$_POST[pendidikan]', '$_POST[alamat_tinggal]')"); header('location:media.php?module='.$module); }

// Update karyawan

elseif ($module=='karyawan' AND $act=='update'){

mysql_query("UPDATE karyawan SET nik = '$_POST[nik]', nama = '$_POST[nama]',

kd_jabatan = '$_POST[kd_jabatan]', kelamin = '$_POST[kelamin]',

status_kawin = '$_POST[status_kawin]', pendidikan = '$_POST[pendidikan]', alamat_tinggal = '$_POST[alamat_tinggal]' WHERE id_karyawan = '$_POST[id]'"); header('location:media.php?module='.$module);

}

//input anggota

elseif ($module=='anggota' AND $act=='input'){

$s = "SELECT * FROM anggota WHERE nia='$_POST[nia]'"; $s1 = mysql_query($s);

if (mysql_num_rows($s1) > 0) {

//header('location:media.php?err&module='.$module); header('location:media.php?erra');

exit(); }

mysql_query("INSERT INTO anggota(nia, nama, tgl_lahir, kelamin, alamat, hp) VALUES('$_POST[nia]', '$_POST[nama]',

(66)

'$_POST[tgl_lahir]', '$_POST[kelamin]', '$_POST[alamat]', '$_POST[hp]')"); header('location:media.php?module='.$module); }

// Update anggota

elseif ($module=='anggota' AND $act=='update'){

mysql_query("UPDATE anggota SET nia = '$_POST[nia]', nama = '$_POST[nama]',

tgl_lahir = '$_POST[tgl_lahir]', kelamin = '$_POST[kelamin]', alamat = '$_POST[alamat]', hp = '$_POST[hp]'

WHERE id_anggota = '$_POST[id]'"); header('location:media.php?module='.$module);

}

//input kategori

elseif ($module=='kategori' AND $act=='input'){ $s = "SELECT * FROM kategori WHERE kd_kategori='$_POST[kd_kategori]'";

$s1 = mysql_query($s);

if (mysql_num_rows($s1) > 0) {

//header('location:media.php?err&module='.$module); header('location:media.php?errk');

exit(); }

mysql_query("INSERT INTO kategori(kd_kategori,nama_kategori)

VALUES('$_POST[kd_kategori]','$_POST[nama_kategori]')"); header('location:media.php?module='.$module);

}

// Update kategori

elseif ($module=='kategori' AND $act=='update'){

mysql_query("UPDATE kategori SET kd_kategori = '$_POST[kd_kategori]', nama_kategori = '$_POST[nama_kategori]'

WHERE id_kategori = '$_POST[id]'"); header('location:media.php?module='.$module);

}

//input lemari

(1)

</script> <?php

switch($_GET[act]){ // Tampil Peminjaman default:

echo "<h2>Peminjaman</h2>";

echo"<form action='?module=peminjaman' method='post'>

<table><tr><td>Nomor Anggota : <td><input type='text' name='cari'> <input type='submit' name='submit' value='Filter'></td></tr></table> </form>";

if ((isset($_POST['submit'])) and ($_POST['cari']<>"")){ $cari=$_POST['cari'];

$s=mysql_query("SELECT * FROM anggota WHERE nia='$cari'"); $r=mysql_fetch_array($s);

echo"<table>

<tr><th colspan='4'>Identitas</th></tr>

</tr>

<tr><td>Alamat</td> <td> : <input type='text' name='alamat' value='$r[alamat]' size='50' readonly></td>

</tr></table>";

$sv=mysql_query("SELECT * FROM peminjaman inner join buku on peminjaman.isbn=buku.isbn

WHERE peminjaman.nia='$r[nia]' AND peminjaman.status='pinjam' ORDER BY peminjaman.tgl_pinjam asc");

if (mysql_num_rows($sv) > 0) {

echo"<table><tr><th colspan='3'>Buku yang dipinjam</th></tr> <tr><th>isbn</th><th>judul</th><th>tgl.pinjam</th></tr>"; $no=1;

while ($rv=mysql_fetch_array($sv)){ echo

"<tr><td>$rv[isbn]</td><td>$rv[judul]</td><td>$rv[tgl_pinjam]</td></tr>"; ++$no;

}

echo "</table>"; }

echo"<table>

(2)

</table>

</table>

<input type='submit' value='Simpan'> </form>";

} break; case "view":

$s=mysql_query("SELECT * FROM anggota WHERE nia='$_GET[nia]'"); $r=mysql_fetch_array($s);

echo"<table>

<tr><th colspan='4'>Identitas</th></tr>

</tr>

<tr><td>Alamat</td> <td> : <input type='text' name='alamat' value='$r[alamat]' size='50' readonly></td>

</tr></table>";

$sv=mysql_query("SELECT * FROM peminjaman inner join buku on peminjaman.isbn=buku.isbn

WHERE peminjaman.nia='$r[nia]' AND peminjaman.status='pinjam' ORDER BY peminjaman.tgl_pinjam asc");

if (mysql_num_rows($sv) > 0) {

echo"<table><tr><th colspan='3'>Buku yang dipinjam</th></tr> <tr><th>isbn</th><th>judul</th><th>tgl.pinjam</th></tr>"; $no=1;

while ($rv=mysql_fetch_array($sv)){ echo

"<tr><td>$rv[isbn]</td><td>$rv[judul]</td><td>$rv[tgl_pinjam]</td></tr>"; ++$no;

}

(3)

}

echo"<table>

<tr><th colspan='6'>Data Peminjaman</th></tr>

</table>

</table>

<input type='submit' value='Simpan'> </form>";

break; } ?>

22. Halaman mod_pengembalian.php

$(function() {

$( "#tglkembali" ).datepicker({ altFormat: 'yy-mm-dd' }); $( "#tglkembali" ).change(function() {

$( "#tglkembali" ).datepicker( "option", "dateFormat","yy-mm-dd" ); });

});

</script> <?php

(4)

switch($_GET[act]){ // Tampil Pengembalian default:

echo "<h2>Pengembalian</h2>";

echo"<form action='?module=pengembalian' method='post'>

<table><tr><td>Nomor Anggota : <td><input type='text' name='cari'> <input type='submit' name='submit' value='Filter'></td></tr></table> </form>";

if ((isset($_POST['submit'])) and ($_POST['cari']<>"")){ $cari=$_POST['cari'];

$s=mysql_query("SELECT * FROM anggota WHERE nia='$cari'"); $r=mysql_fetch_array($s);

echo"<table>

<tr><th colspan='4'>Identitas</th></tr>

</tr>

<tr><td>Alamat</td> <td> : <input type='text' name='alamat' value='$r[alamat]' size='50' readonly></td>

</tr></table>";

$sv=mysql_query("SELECT * FROM peminjaman inner join buku on peminjaman.isbn=buku.isbn

WHERE peminjaman.nia='$r[nia]' AND peminjaman.status='pinjam' ORDER BY peminjaman.tgl_pinjam asc");

if (mysql_num_rows($sv) > 0) {

echo"<table><tr><th colspan='4'>Buku yang dipinjam</th></tr>

<tr><th>isbn</th><th>judul</th><th>tgl.pinjam</th><th>Proses</th></tr>"; $no=1;

while ($rv=mysql_fetch_array($sv)){

echo "<tr><td>$rv[isbn]</td><td>$rv[judul]</td><td>$rv[tgl_pinjam]</td> <td><a

href=./aksi.php?module=pengembalian&act=kembalikan&id=$rv[id_peminjaman]&is bn=$rv[isbn]&nia=$r[nia]>Kembalikan</a></td></tr>";

++$no; }

echo "</table>"; }

} break;

(5)

case "view":

$s=mysql_query("SELECT * FROM anggota WHERE nia='$_GET[nia]'"); $r=mysql_fetch_array($s);

echo"<table>

<tr><th colspan='4'>Identitas</th></tr>

</tr>

<tr><td>Alamat</td> <td> : <input type='text' name='alamat' value='$r[alamat]' size='50' readonly></td>

</tr></table>";

$sv=mysql_query("SELECT * FROM peminjaman inner join buku on peminjaman.isbn=buku.isbn

WHERE peminjaman.nia='$r[nia]' AND peminjaman.status='pinjam' ORDER BY peminjaman.tgl_pinjam asc");

if (mysql_num_rows($sv) > 0) {

echo"<table><tr><th colspan='4'>Buku yang dipinjam</th></tr>

<tr><th>isbn</th><th>judul</th><th>tgl.pinjam</th><th>proses</th></tr>"; $no=1;

while ($rv=mysql_fetch_array($sv)){

echo "<tr><td>$rv[isbn]</td><td>$rv[judul]</td><td>$rv[tgl_pinjam]</td> <td><a

href=./aksi.php?module=pengembalian&act=kembalikan&id=$rv[id_peminjaman]&is bn=$rv[isbn]&nia=$r[nia]>Kembalikan</a></td></tr>";

++$no; }

echo "</table>"; }

echo "<form action='./aksi.php?module=pengembalian&act=view2' method='post'>";

$sv2=mysql_query("SELECT * FROM peminjaman inner join buku on peminjaman.isbn=buku.isbn

WHERE peminjaman.nia='$r[nia]' AND peminjaman.view='0'"); $count = mysql_num_rows($sv2);

echo"<table><tr><th colspan='7'>Pengembalian</th></tr>

<tr><th>no</th><th>isbn</th><th>judul</th><th>tgl.pinjam</th><th>tgl.kembali</t h><th>jlh.hari</th><th>denda</th></tr>";

//$no=1; $i=1;

(6)

echo

"<tr><td>$i</td><td>$rv2[isbn]</td><td>$rv2[judul]</td><td>$rv2[tgl_pinjam]</td ><td>$rv2[tgl_kembali]</td>

<td>$rv2[jlh_hari]</td><td>$rv2[denda]</td> <input type='hidden' name='id_peminjaman".$i."' value='$rv2[id_peminjaman]'>

</tr>"; $i++; //++$no; }

$jml=$i-1;

echo "</table>

<input type='submit' name='selesai' value='selesai'> </form>";

break; } ?>

Sistem Informasi Perpustakaan Sma Dharma Pancasila Medan Berbasis Web