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
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
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
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
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
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
ABSTRAK
DAFTAR ISI
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
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
DAFTAR GAMBAR
Halaman
Gambar 3.1 Struktur Organisasi SMA Dharma Pancasila Medan 25
Gambar 4.1 Flowchart Login
30
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
44
ABSTRAK
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).
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
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
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
BAB 6 : KESIMPULAN DAN SARAN
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.
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.
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.
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)
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
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.
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
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.
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
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>’;
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
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:
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.
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
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
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.
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.
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
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.
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
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
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.
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.
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:
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
Login
Isi Username dan Password
Status = Admin
End
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
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
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.
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)
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)
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’)
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:
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.
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.
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
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
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.
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:
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:
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.
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.
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.
LAMPIRAN : LISTING PROGRAM PADA HALAMAN WEBSITE
.1 Halaman index.php (Pada admin) <html>
<head>
<title>:: Aplikasi Perpustkaan ::</title>
<link href="config/adminstyle.css" rel="stylesheet" type="text/css" /> </head>
<body>
<div id="header"> <div id="content">
<h2>Login</h2>
<img src="images/login-welcome.gif" width="97" height="105" hspace="10" align="left">
<form method="POST" action="cek_login.php"> <table>
<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>
<tr><td colspan="2"><input type="submit" value="Login"></td></tr> </table>
</form>
<p> </p> </div>
<div id="footer">
Copyright © <?echo date('Y')?> Aplikasi Perpustakaan </div>
</div> </body> </html>
2 Halaman cek_login.php <?php
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[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[username] = $r[username]; $_SESSION[password] = $r[password]; $_SESSION[level]= $r[level];
$_SESSION[nama]= $r[nama];
}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);
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);
mysql_query("INSERT INTO user(username,
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]',
elseif ($module=='modul' AND $act=='input'){ mysql_query("INSERT INTO modul(nama_modul, link,
elseif ($module=='modul' AND $act=='update'){
link = '$_POST[link]',
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?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]',
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');
mysql_query("INSERT INTO karyawan(nik, 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]',
elseif ($module=='anggota' AND $act=='input'){
$s = "SELECT * FROM anggota WHERE nia='$_POST[nia]'"; $s1 = mysql_query($s);
'$_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]',
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?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
$s = "SELECT * FROM lemari WHERE
kd_lemari='$_POST[kd_kategori].$_POST[lt].$_POST[urut]'"; $s1 = mysql_query($s);
if (mysql_num_rows($s1) > 0) {
header('location:media.php?module='.$module); }
// Update lemari
elseif ($module=='lemari' AND $act=='update'){
mysql_query("UPDATE lemari SET ket_lemari = '$_POST[ket_lemari]' WHERE id_lemari = '$_POST[id]'");
header('location:media.php?module='.$module); }
//input buku
elseif ($module=='buku' AND $act=='input'){ mysql_query("INSERT INTO buku(isbn,
//update buku
elseif ($module=='buku' AND $act=='update'){
mysql_query("UPDATE buku SET isbn ='$_POST[isbn]', judul ='$_POST[judul]', header('location:media.php?module='.$module);
}
//input peminjaman
elseif ($module=='peminjaman' AND $act=='input'){ $tgl=date('Y-m-d');
$sql2=mysql_query("SELECT * FROM peminjaman WHERE nia='$_POST[nia]' AND status='pinjam'");
if(mysql_num_rows($sql2)>=5){
header('location:media.php?errmaxpinjam'); }else{
foreach($_POST['text1'] as $key => $value){
$sql=mysql_query("SELECT * FROM buku WHERE isbn='$value'"); $d=mysql_fetch_array($sql);
if (mysql_num_rows($sql)>0){
mysql_query("INSERT INTO peminjaman(isbn, tgl_pinjam,
$sql3=mysql_query("SELECT COUNT(isbn) as jlh FROM peminjaman WHERE isbn='$value' AND status='pinjam'");
$dt=mysql_num_rows($sql3);
mysql_query("UPDATE buku SET exa=$d[exa]-$dt WHERE isbn='$value'"); header('location:media.php?module=peminjaman&act=view&nia='.$_POST[nia]);
} }
//Pengembalian Buku
elseif ($module=='pengembalian' AND $act=='kembalikan'){ $sqlbalik = mysql_query("SELECT * FROM peminjaman WHERE id_peminjaman='$_GET[id]'");
$dbalik = mysql_fetch_array($sqlbalik); $tgl_pinjam = $dbalik['tgl_pinjam']; $tgl_kembali = date('Y-m-d');
$JumHari = dateDiff("-", $tgl_kembali, $tgl_pinjam); $jumhari1 = $JumHari + 1;
mysql_query("UPDATE peminjaman SET tgl_kembali = '$tgl_kembali', status = 'ada',
$sql4=mysql_query("SELECT COUNT(isbn) as jlh FROM peminjaman WHERE isbn='$_GET[isbn]' AND status='ada'");
$dt4=mysql_num_rows($sql4);
$b=mysql_query("SELECT * FROM buku WHERE isbn='$_GET[isbn]'"); $bt=mysql_fetch_array($b);
mysql_query("UPDATE buku SET exa=$bt[exa]+$dt4 WHERE isbn='$_GET[isbn]'");
elseif ($module=='pengembalian' AND $act=='view2'){
} ?>
4 Halaman combo.php
<?include "config/koneksi.php";
$sql="SELECT * FROM jenis_cuti"; $h=mysql_query($sql);
//$getCombojenis_cuti = mysql_query($sql,$conn) or die ('Query Gagal');
?>
<html> <head>
<script type="text/javascript" src="jquery144.min.js"></script>
<script type="text/javascript">
$(function() {
$("#cmbJenisCuti").change(getAjaxJenisCuti); function getAjaxJenisCuti(){
$("img#imgLoadMerk").show();
var idJenisCuti = $("#cmbJenisCuti").val();
$.ajax({
type: "POST", dataType: "html", url : "getPeriode.php",
data: "idJenisCuti="+idJenisCuti, success: function(msg){
if(msg == ''){
$("select#cmbPeriode").html('<option value="">--Pilih Periode--</option>');
}else{
<option value="">---pilih---</option> <?php
while($data=mysql_fetch_array($h)) {
echo "<option value=$data[kd_jcuti]>$data[nama_jcuti]</option>"; }
?> </select>
<img src="loading.gif" width="18" id="imgLoadMerk"/> <select name="periode" id="cmbPeriode">
<option value="----"></option>
</select> </body> </html>
5 Halaman content.php <?php echo "<h2>Selamat Datang</h2>
<p>Hai <b>$_SESSION[nama]</b>, silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website. </p> echo tgl_indo(date("Y m d"));
echo " | ";
echo date("H:i:s"); echo "</p>"; }
// Bagian User
elseif ($_GET[module]=='user'){ include "modul/mod_user.php"; }
elseif ($_GET[module]=='modul'){ include "modul/mod_modul.php"; }
// Bagian Jabatan
elseif ($_GET[module]=='jabatan'){ include "modul/mod_jabatan.php"; }
// Bagian Karyawan
elseif ($_GET[module]=='karyawan'){ include "modul/mod_karyawan.php"; }
// Bagian Anggota
elseif ($_GET[module]=='anggota'){ include "modul/mod_anggota.php"; }
// Bagian Peminjaman
elseif ($_GET[module]=='peminjaman'){ include "modul/mod_peminjaman.php"; }
// Bagian Pengembalian
elseif ($_GET[module]=='pengembalian'){ include "modul/mod_pengembalian.php"; }
// Bagian Kategori
elseif ($_GET[module]=='kategori'){ include "modul/mod_kategori.php"; }
// Bagian Lemari
elseif ($_GET[module]=='lemari'){ include "modul/mod_lemari.php"; }
// Bagian Buku
elseif ($_GET[module]=='buku'){ include "modul/mod_buku.php"; }
// Bagian Cari Buku