Disain Website Perpustakaan Dengan PHP

Oleh Aroem Andajani Pustakawan Penyelia

Ruang Baca Fakultas Teknologi Kelautan – ITS

Abstrak Perpustakaan adalah sebagai tempat penyimpanan informasi yang sangat berharga bagi pengguna yang membutuhkan akan informasi. Sementara itu masih banyak kita lihat bahwa sumber daya manusia yang bekerja pada perpustakaan belum sepenuhnya mengenal teknologi informasi sebagai alat untuk menyampaikan informasi. Sehingga banyaknya perpustakaan di wilayah Indonesia tidak dikenal keberadaannya melalui dunia maya. Sebagai langkah awal sebelum berbicara pada tataran database yang berhubungan dengan sistem informasi perpustakaan, alangkah baiknya para pustakawannya belajar dan berinisiatif untuk melakukan disain website suatu perpustakaan secara mandiri. Hal ini akan bermanfaat untuk menunjukkan bahwa keberadaan suatu perpustakaan dapat diketahui secara mudah oleh siapapun yang menginginkannya. Kita dapat menggunakan tool-tool yang ada pada peranti lunak dreamweaver yang berlesensi dan berbasis Windows, atau nvu yang dapat diperoleh secara gratis namun berbasis under Linux. Kedua peranti lunak tersebut dapat membantu melakukan disain website dengan bahasa pemrograman PHP, atau dapat langsung memanfaatkan perintah-perintah GUI yang telah tersedia. 1. PENDAHULUAN Acap kali kita selalu takut akan bayangan kegagalan untuk memulai suatu pekerjaan yang belum pernah dilakukan. Seharusnya bayangan tersebut dapat disederhanakan dalam proses kegiatannya. Pada kenyataannya berbagai permasalahan menghambat unit perpustakaan untuk melakukan pekerjaan yang berhubungan dengan promosi tentang keberadaan perpustakaan. Sehingga peran serta guna membantu masyarakat luas dalam mencari informasi kurang begitu optimal. Hal ini membuat apa yang telah di kelola dan sediakan oleh perpustakaan menjadi mubazir (sia-sia), karena energi yang dipergunakan untuk mengelola koleksi tidak sebanding dengan pemanfaatan bahan pustaka yang dilakukan oleh pengguna. Oleh sebab itu diperlukan sistem yang mampu mengatasi permasalahan tersebut dengan biaya murah atau zero cost. Dengan membangun website perpustakaan yang terhubung dengan jaringan internet adalah salah satu solusi yang dirasa tepat, dan merupakan langkah mudah serta sederhana. Perpustakaan dapat memanfaatkan provider yang memberikan fasilitas gratis untuk membuat alamat IP (domain) dan hosting yang berguna untuk meletakkan file-file lembar web perpustakaan pada server provider-nya. Dengan

__________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya

demikian minimal. sebaiknya harus memikirkan perencanaan secara cermat dan sistematis. pada lembar pertama dapat mecamtumkan menu-menu informasi tentang : • • • Visi dan misi perpustakaan Cakupan materi yang dikoleksi Jasa Layanan yang disediakan. • • Info baru . gambar. dan dapat bekerja pada platform Windows ataupun Linux. termasuk juga menyediakan kolom untuk kontak informasi yaitu dengan mencamtumkan no. 2. untuk melakukan kegiatan perencanaan disain website dibutuhkan piranti lunak pendukung. Selain itu dalam konsep melakukan disain website perpustakaan.telpon dan alamat email yang dapat dihubungi. apalagi jika proses penulisan program web dengan menggunakan media teks. MASALAH Melihat keadaan perpustakaan sekarang ini. atau tersedia kolom buku tamu. masih banyak pustakawan yang belum mengenal tentang : 1. berisi tentang kegiatan – kegiatan yang dilakukan perpustakaan dan keikutsertaan aktif pengguna. Dengan begitu kelengkapan muatan informasi yang tersaji akan membuat web cepat dikenal. Bahasa pemrograman PHP adalah salah satu script yang dapat disisipkan kedalam dokumen HTML. style serta menu-menu yang akan divisualisasikan Sebagai ilustrasi tampilan website. TUJUAN Tujuan dan prioritas utama dibangunnya website perpustakaan dimaksud agar : __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . 3. Terkait dengan hal tersebut. masyarakat luas dapat mengetahui profil dari masing-masing perpustakaan. Apa yang perlu dipersiapkan untuk melakukan disain website yang baik 2. animasi dan suara. Memilih peranti lunak yang murah dan memiliki koneksi yang dapat berjalan dengan berbagai sistem operasi. Sosialisasi buku baru. mulai dari layout.

Menurut (Bustami: 1999) Bila kita mengunjungi sebuah situs web di internet. homepage adalah halaman pembuka/pertama dari sekian banyak web page-web page yang terdapat pada suatu website. Membantu dan mempermudah kepada pengguna yang ingin memanfaatkan koleksi yang tersedia di perpustakaan. Dan pada halaman pertama ini juga sering memiliki link-link yang membawa kita ke page-page lainnya dari sebuah situs web. Masing-masing tag ini mempunyai fungsi yang berbeda. dan bisa dibuat dengan peranti lunak editor naskah seperti Notepad. KAJIAN PUSTAKA Website adalah halaman web di Internet yang menyediakan informasi. diantaranya : __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya .1. kelompok. head dan body. suatu badan atau lembaga. browser akan menampilkan halaman pembuka dari situs web. Halaman pembuka ini juga disebut dengan homepage atau dengan kata lain. 3. dari suatu perusahaan atau organisasi pemilik website. Menjadikan perpustakaan mengenal waktu dan ruang. Koleksi yang dimiliki perpustakaan dapat diketahui oleh masyarakat luas. Alamat dari website. HTML sendiri merupakan akronim/ singkatan dari Hypertext Markup Language. melalui fasilitas layanan online. Sebuah tempat yang berada dalam World Wide Web dimana lembar web merupakan sebuah media untuk dapat menyebarkan informasi individual. Open Office dan lainnya. Sedang pengertian dari browser adalah sebuah program aplikasi yang dipergunakan untuk menjelajah dunia maya di internet. memiliki icon sebagai tempat belajar yang tidak 4. Biasanya halaman pertama ini berisi tentang apa dan siapa. 2. terdapat 3 buah tag yang harus diproses (isi) yaitu tag HTML. Intinya struktur dokumen HTML agar dapat ditelusur melalui browser. Aplikasi ini mempunyai kemampuan menampilkan suatu web page yang ditulis dalam bentuk HTML. sebuah dokumen dalam format ASCII. biasanya ditunjukan berdasarkan URL-nya. MSwork. Halaman pembuka ini sebenarnya merupakan sebuah web page yang mewakili sekian banyak web page-web page lain yang terdapat pada suatu lingkungan situs web.

. Dengan menggunakan PHP maka maintenance suatu situs web menjadi lebih mudah... Kemampuan yang paling diandalkan dan signifikan adalah dukungan kepada banyak database... seperti proses mendapatkan data dari form.</HTML> Berfungsi untuk menandai awal dan akhir dokumen HTML 2.. </body> Berfungsi untuk menerangkan suatu dokumen yang berisi semua format yang akan ditampilkan pada browser... Adapun database yang di dukung oleh PHP dan yang sering dipergunakan oleh para programmer antara lain . yaitu dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML. (Olson .... MySQL.. 2004) Kemampuan PHP secara mendasar dapat mengerjakan semua yang dapat dikerjakan oleh program CGI. Dbase. Apa dan mengapa PHP ?... PostgreSQL. < Body> . Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan script PHP (Sidik . dan di akhiri dengan tag ?>... ampuh (power __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . <Head> .. <HTML> ………. Kemudian setiap baris perintah/ statement harus diakhiri dengan menggunakan tanda titik koma ( . 2007) Untuk memulai melakukan pemrograman dengan bahasa PHP..</ head> Merupakan bagian head yang berisi tentang berbagai informasi dokumen HTML 3. Menurut (Adam .... script yang membuat dokumen HTML secara on the fly.. 2004) keunggulan pada beberapa fitur yang dimiliki PHP dan tidak dimiliki bahasa pemrograman web lain adalah pada kecepatan....) ( Kadir : www. perintah awal yang harus ada adalah tag <? .....totorial). Oracle dan lainnya..1. menghasilkan isi halaman web yang dinamik dan menerima cookies. PHP (Hypertext Preprocessor) merupakan script untuk pemrograman script web server-side... membuat halaman web yang menggunakan data dari database dapat dilakukan dengan mudah...

ditulis dalam bahasa yang padat. __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . agar ketika melakukan pencarian melalui google atau yahoo. Firefox. c. ditentukan piranti lunak apa yang akan di instalasi pada komputer guna mendukung kegiatan disain website. Apa yang diperlukan dalam melakukan disain website yang baik Website merupakan alat komunikasi yang efektif dan andal ketika perpustakaan ingin menyampaikan informasi (pesan). PHP dikatakan cepat karena modul PHP berjalan di dalam ruang memorinya sendiri. agar pada saat proses browsing melalui (Explorer. 5. Contents/ isi website. b. Pada tahap persiapan awal tentunya perpustakaan menyediakan kebutuhan minimal hardware berupa komputer. akan mendapatkan umpan balik dari mesin tersebut. singkat dan tepat. Membuat pilihan untuk melakukan link pada website yang berperan sebagai mesin mencari informasi seperti google atau yahoo. Tahap ketiga merupakan tahap perencanaan disain yaitu.full) dan murah (gratis). 3. Memberi judul (title) pada setiap lembar web. Sehingga dalam hal ini untuk melakukan kegiatan disain diperlukan tahapan yaitu : 1. e. Menyusun besar kecil dan memilih style dari masing-masing tulisan/ teks browser pada posisi yang disesuaikan dengan letak gambar. menentukan tata letak (layout) yang meliputi : a. 2. agar website yang dimiliki perpustakaan dapat terekam pada mesin pencari google ataupun yahoo.1. PEMBAHASAN 5. d. elegan dan informatif tentunya membuat website banyak dikunjungi oleh para mencari informasi. Menyusun posisi gambar pada tempat yang dianggap tepat dan mengatur besar kecilnya pixel gambar. Tahap kedua. Mozilla) dapat cepat ditampilkan. yang dapat dilihat/ dibaca oleh masyarakat umum. Perencanaan dengan disain yang simple. modem dan telpon. dalam waktu yang bersamaan namun pada ruang yang berbeda.

Dan uraian lengkap proses penulisan program dapat dilihat pada listing source code dalam dukumen HTML-nya pada lampiran 1.gabunpustaka.co. yaitu : a. Dalam kaitan itu pustakawan harus mengukur kemampuan finansial yang di miliki perpustakaan. tabel-tabel apa yang akan ditampilkan ketika mengklik pada kolom yang tersedia.nr. Belajar lebih detail cara membuat situs database web pintar yang dikendalikan data. Memahami teknologi database yang akan dipergunakan b. 4. Hasil upload website sederhana itu dapat dicontohkan dengan melihat.nr atau melalui google dengan menulis ”Gabun Pustaka”. c. Melihat dan mempelajari contoh script program. Menyusun stuktur database koleksi yang dimiliki perpustakaan.co. dan selanjutnya menambah dan mengelompokan data. Ada banyak hal yang perlu dipersiapkan pada tahapan ini. 5. maka website dengan judul ”Gabun Pustaka: media kumunikasi pustakawan dan peminat Linux” di dunia maya. contoh 1. kemudian menerapkan pada peranti lunak database-nya (misalnya menggunakan PostgreSQL). __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . Kemudian bagaimana dengan website yang dikembangkan dengan web database?. fredomain. Tahap selanjutnya menterjemahkan konsep perencanaan disain website ke dalam dokumen HTML. maka pustakawan dapat menyusun perencanaan website tersebut mulai dari point a s/d e. melakukan upload file-file HTML pada provider yang menyediakan ruang (space) untuk menyimpan file-file HTML perpustakaan secara gratis (cuma-cuma). atau sering disebut dengan ”sistem informasi perpustkaan”. d. misalnya menggunakan bahasa pemrograman PHP. Disain dan implementasi database yaitu proses merancang tabel dan fieldfield-nya.f. kemudian menulis program dengan bahasa pemrogramannya. Apabila saat ini masih harus dilakukan dengan cara yang murah (zero cost). misalnya disimpan pada provider www. pada www. Tahap terakhir. akan langsung terlihat pada tampilan layar.

ada form yang dapat di isi. agar ketika melakukan browsing website perpustakaan dapat langsung diarahkan ke server perpustakaan. dan koneksi SQL-nya dengan menggunakan PostgreSQL. dimana format struktur datanya di setting hanya untuk diakses dari address localhost-nya atau alamat IP yang diijinkan. sedikit banyak perpustakaan harus mengeluarkan anggaran untuk menyewa hosting untuk menempatkan database atau berlanggan IP visible melalui provider. Sebagai gambaran implementasi database web ini dapat dilihat pada lampiran 3. sehingga tidak mungkin kita akan memanfaatkan provider yang memberi layanan hosting gratis dengan space yang terbatas. Tetapi perlu pertimbangan yang matang ketika memilih piranti lunak apa yang akan di instalasi dan dimanfaatkan untuk membangun suatu website. Website tersebut ditulis dengan script PHP yang disisipkan pada dokumen HTML. Untuk melihat urutan penulisan program secara lengkap dan bagaimana script PHP disisipkan dalam dokumen HTML. Tabel itu berfungsi untuk merekam data pengunjung yang melakukan kegiatan login dan password.2. Sehingga pada tahapan penerapan database ini. Tentunya pada penerapan database ini dibutuhkan space yang besar untuk menampung perkembangan penambahan data. maka akan terlihat seperti lampiran 3 gambar 2. Contoh tersebut merupakan tampilan waktu melakukan browsing melalui localhost yaitu dengan menulis www/localhost/login_d. Namun untuk jumlah pengunjung di program secara otomatis yaitu menambah data angka ketika website dibuka. Ada banyak jenis piranti lunak pendukung untuk melakukan kegiatan perancangan website.Untuk lebih jelasnya sebagai contoh penggunaan database ini dapat dilihat pada lampiran 2. Dan untuk tabel ”pengunjung”.Contohnya pada lampiran 2. hal ini dapat di lihat pada listing source code programya. gambar 3 dan 4 melihat tabel ”login”. 5. Memilih peranti lunak yang murah dan memiliki koneksi yang dapat berjalan dengan berbagai sistem operasi. __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . tampilan grafis dari administrator PostgreSQL yang tersimpan pada server admin. misalnya telkomnet atau indonet.php. dipergunakan untuk merekam jumlah pengunjung yang membuka website.

Tentunya dari segi kecepatan. memilih peranti lunak yang berlisensi dan legal bukan suatu persoalan yang mendasar. Open Source. murah (gratis) dan dapat di download. dan kemudahan dalam sistem operasi program menjadi faktor pilihan pertama. maka memanfaatkan peranti lunak yang berbasis open source menjadi suatu pilihan pertama. murah (gratis) dan dapat di download. murah (gratis) dan dapat di download. Berlisensi dan legal • NVU Open Source. Suse. Open Source. No 1 Windows Sistem operasi Keterangan Berlisensi dan legal Linux Sistem Operasi • Debian. keamanan. murah (gratis) dan dapat di download. • Visual Basic • Macro Media Berlisensi dan legal • Quanta • Bluefish editor 4 Database • MySQL Open Database Source. murah (gratis) dan dapat di download. Open Source. Open Source. sekiranya perpustakaan memiliki cukup anggaran. dari tabel dibawah jenis – jenis piranti lunak yang dipergunakan untuk membangun website antara Windows dan Linux. namun ketika harus berbagi antara pertumbuhan koleksi dan peningkatan sistem layanan berbasis komputerisasi. Open Source. • PHP murah (gratis) dan dapat di download. Berlisensi dan legal 3 • Windows Server 2003 Bahasa Pemrograman • PHP Bahasa Pemrograman Open Source. • MySQL __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . 2 Web Server • Apache Open Source. murah (gratis) dan dapat di download. murah (gratis) dan dapat di download. Dapat dibandingkan disini. • Kubuntu dll Web Server • Apache Keterangan Open Source. Selanjutnya melihat dari sisi anggaran perpustakaan.

dapat di download. Open Source. • murah (gratis) dan dapat di download. • 5 Acces Pengolah kata & Pengolah kata & angka. • MS Office Berlisensi dan legal • Abiword Open Source. Open Source. Latex Inkscape SVG Vector 6 Internet • Internet browser • Berlisensi dan legal Internet • Konqueror Open Source. Mozilla Open Source. murah (gratis) dan dapat di download. Open Source. Open Source.murah (gratis) dan dapat di download. murah (gratis) dan dapat di download. gambar Source. murah (gratis) dan dapat di download. murah (gratis) dan dapat di download. Open Source. Berlisensi dan legal PostgreSQL murah (gratis) dan dapat di download. • Open Office Open Source. gambar angka. • Open Office Open murah (gratis) dan murah (gratis) dan dapat di download. • PostgreSQL Open Source. • Mozilla __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . murah (gratis) dan dapat di download • • • PhotoShop Berlisensi dan legal Take Screenshot CorelDraw Berlisensi dan legal • GIMP Capture A Berlisensi dan legal Screenshot • • Lyx. murah (gratis) dan dapat di download. murah (gratis) dan dapat di download. murah (gratis) dan dapat di download. Open Source. murah (gratis) dan dapat di download.

• Firefox Open Source. bahasa pemrogramannya menggunakan PHP dan tool yang dipergunakan dengan memanfaatkan NVU dan Quanta Plus serta proses penyimpanan data menggunakan PostgreSQL. murah (gratis) dan dapat di download • Iceweasel web Dari paparan tabel di atas. • Firefox Open Source. Karena masing-masing peranti lunak tersebut bersifat open source dan dapat berjalan pada platform Windows ataupun Linux. Agar supaya dapat dibaca pada platform Windows atau Linux maka format (*.pdf). murah (gratis) dan dapat di download.s Linux Debian. tidak ada salahnya dalam instalasi untuk kebutuhan Server web menggunakan Apache.png) harus diubah dahulu ke format (*. bahasa pemrograman dengan menggunakan PHP dan proses penyimpanan data menggunakan MySQL atau PostgreSQL. Demikian juga ketika kita membuat screenshot melalui fasilitas Linux yaitu dengan menggunakan Take Screenshot . kemudian baru diubah lagi ke format (*. Pada gambar tersebut merupakan hasil olahan sreenshot dari disain website yang ditulis dengan menggunakan o. tergantung dari kemampuan sumber daya manusia yang ada di perpustakaan. dengan menggunakan piranti lunak Photoshop (Windows) tentunya lebih cepat prosesnya. Berbeda dengan proses sreenshot pada gambar 1. dapat disimpulkan bahwa untuk memenuhi kebutuhan miminal dalam rangkaian kegiatan membangun suatu website. ekstensi yang dihasilkan dalam format (*. murah (gratis) dan dapat di download. setting servernya menggunakan Apache.s WindowsXp.png). Kemudian untuk sistem operasi dan peranti aplikasi pendukung lainnya. Lampiran 3. Contoh tersebut dapat di lihat pada gambar 2. Open Source. Misalnya proses pengaturan / edit gambar/ photo.jpg). daripada menggunakan GIMP atau Inkscape SVG (Linux). Hasil screenshot dari peranti lunak Windows langsung __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . pada gambar 2 itu merupakan hasil sreenshot yang diolah dari tampilan disain website yang ditulis pada o. lampiran 1. dan penulisan dokumen HTML-nya menggunakan tool Macro Media (Dreamweaver8).

1999 3. Ahmad. Bustami. Yogyakarta. 2004 2. Buyens.jpg). Internat homesite dan HTML. Jakarta. Jim. dan disisi lain agar ruang gerak para pustakawan tidak selalu terbebani oleh banyaknya koleksi yang ada di perpustakaan. Daftar Pustaka 1. keamanan dan kestabilan. Adam. Betha.tutorial 6.2004 5. Andi : Yogyakarta.Andi. namun pustakawan harus mampu memilih dan menentukan dari segi keandalan. 2003 __________________________________ Makalah Didokumentasikan Pada Perpustakaan ITS Pusat Surabaya . PENUTUP Semangat untuk memberikan layanan pengguna perpustakaan yang memuaskan. Apache Web Server. Web Database Development Step by Step. yaitu mulai melakukan disain website dari tingkat yang sederhana hingga ke tahap online dataweb. Seri Open Source PHP dan PostgreSQL. Elex Media Komputindo. walaupun dilakukan secara tahap demi tahap. 2001 4. Andry. Pemrograman Web dengan PHP. Dinastindo. sehingga nantinya karena adanya suatu sebab akhirnya melakukan migrasi ke sistem operasi lain. Walaupun kita ketahui bahwa masing-masing piranti lunak pada proses operasinya memiliki kelebihan dan kekurangan.terbentuk dalam format (*. Sidik. Informatika: Bandung. Andhie Lala. Seri PHP www. 6.Syahputra. dan kemudian dapat dimanfaatkan untuk suatu kepentingan penulisan dokumen atau disain website yang lain. maka diperlukan keberanian membuat keputusan.

style4 {color: #FFFFFF. width:550px. z-index:1. background-color: #006666. font-weight: bold. height:35px. top:193px. } . left:216px. } .Lampiran 1 Contoh 1 : Website ditulis dengan dokumen HTML Gambar 1 Listing source code : Website ditulis dengan dokumen HTML <title>Gabun Pustaka: Media Komunikasi Pustakawan dan Peminat Linux </title> <style type="text/css"> <!-#Layer1 { position:absolute.

} . height:106px. Tahoma. } . } . font-family: "Trebuchet MS". font-size: 14px. font-weight: bold. font-size: 12px. font-weight: bold. width:150px. font-style: italic. font-weight: bold.style5 { color: #46566D.style48 {color: #000033. font-weight: bold. Tahoma. top:50px.style70 { color: #000033. color: #000033. left:209px.#Layer2 { position:absolute. } . } . Tahoma. font-family: "Trebuchet MS".style62 { color: #000000.style72 {font-size: 12px. } #Layer3 { position:absolute. z-index:2. } . font-family: "Trebuchet MS". left:693px. font-size: 12. Tahoma. top:242px.style74 { font-weight: bold. height:431px. width:557px. } #Layer4 { . font-family: "Trebuchet MS". z-index:3.

top:220px. z-index:6. height:93px. z-index:5. height:0px. width:70px. left:693px. left:787px. background-color: #7AA29A. width:149px. top:307px. width:73px. } #Layer7 { position:absolute. z-index:4. } #Layer6 { position:absolute. top:275px. top:655px. height:99px. width:329px. top:277px. z-index:7. left:650px. left:616px. left:684px. height:97px.position:absolute. width:300px. z-index:4. background-color: #9BB8B3. height:24px. . } #Layer5 { position:absolute. } #Layer8 { position:absolute.

z-index:8.} #Layer9 { position:absolute. height:49px. left:39px.style75 {font-size: 12px} --> </style> </head> . } a:active { text-decoration: none. width:564px. color: #FFFFFF. color: #FFFFFF. top:716px. height:17px. background-color: #467B73. color: #FFFFFF. width:923px. top:-1px. color: #FFFFFF. } a:hover { text-decoration: none. } a:link { text-decoration: none. } a:visited { text-decoration: none. z-index:3. } #Layer10 { position:absolute. background-color: #CCCCCC. } . left:199px.

php" class="style75">Kumpulan Artikel </a></div></td> </tr> </table> </div> <div id="Layer2"> <div align="center"> <blockquote> <p align="justify" class="style48"><span class="style59 style64"><span class="style72">Usaha untuk menjalin kerjasama antar pustakawan yang bekerja pada berbagai instansi. Untuk itu kami sediakan kolom &quot.Kumpulan Artikel&quot. namun dapat kita bagikan kepada yang berkepentingan. Dimungkinkan pula seandainya ada tulisan bertajuk tentang panduan sederhana cara menggunakan <em>Lyx</em> atau <em>Latex</em> dan bagaimana memanfaatkan database perpustakaan . terlebih lagi dengan tumbuh pesatnya perkembangan teknologi informasi.<body> <div align="center" id="Layer1"> <table width="100%" height="34" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="23%"> <div align="center" class="style4"> <a href="beranda. guna menampung dari hasil tulisan/ gagasan rekan-rekan yang pernah dimuat di berbagai media <em>offline</em>. agar para pustakawan dapat mengetahui perkembangan hal-hal yang berhubungan dengan perpustakaan. </span></p> <p align="justify" class="style70">Tujuan disediakannya kolom ini.php" class="style75">I n f o </a></div></td> <td width="28%"> <div align="center" class="style4">Pesona Lurik</div></td> <td width="27%"><div align="center" class="style4"><a href="Artikel. atau dapat dalam artikel lepas yang tidak terikat pada media alisan belum dipublikasikan. Bukan hanya untuk diri kita.php" class="style75">Beranda</a></div></td> <td width="22%"><div align="center" class="style4"><a href="info. ingin belajar tentang <em>Linux</em> atau bagimana membuat <em>database perpustakaan</em> secara sederhana dan mandiri.</span></span></p> <p align="justify" class="style62"> <span class="style74">Saatnya kita berbagi informasi pada ruang dan waktu yang tanpa batas ini.. kita dapat melakukan <em>sharing</em> tentang bagaimana melakukan instal berbagai distro Linux dengan cara yang mudah.

jpg" width="75%" height="692" /></div> <table width="100%" border="2" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF"> <tr> <td bordercolor="#FFFFFF" bgcolor="#497C75"><div align="center" class="style4">Redaksi<br /> email : aroem@its. </p> <p align="justify" class="style70">Tulisan tersebut dapat dikirim melalui <em>e-mail</em>..id </div></td> </tr> </table> </body> </html> . selanjutnya tulisan yang dikirim di <em>link</em> pada kolom &quot. ini akan membantu atau berfungsi untuk memudahkan penulisan daftar pustaka/ daftar referensi suatu tulisan.ac.dalam format<span class="style5"> bibtex</span>.<em>kumpulan Artikel</em>&quot. </p> </blockquote> </div> </div> <div align="center"><img src="Gabun_Corel.

hasil rekam data pengunjung .Lampiran 2 : Proses menyusun database dari “PostgreSQL” Gambar 3 : hasil rekam data login Gambar 4 .

width: 100%. width: 120px.LAMPIRAN 3 Contoh 2 : Membuat website yang ditulis dengan dokumen HTML dan PHP dan disertai koneksi ke database PostgreSQL Gambar 2 : Listing source code : Membuat website yang dengan dokumen HTML dan PHP dan disertai koneksi ke database PostgreSQL <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4. 0. height: 143px. 153)." border="0" cellpadding="2" cellspacing="2"> <tbody> ." border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="background-color: rgb(51."> <table style="text-align: left. charset=ISO-8859-1" http-equiv="content-type"> <title>Pelatihan php</title> </head> <body> <table style="text-align: left.01 Transitional//EN"> <html> <head> <meta content="text/html. width: 124px. height: 31px.

'$email')". $sql="insert into ###BOT_TEXT###quot;Login###BOT_TEXT###quot; (###BOT_TEXT###quot;login###BOT_TEXT###quot;. $passwords=$_POST["password"].0).$sql).$sql). } else echo "not POST". if ($conn){ port=5432 dbname=latihan user=arum .". $sql="update pengunjung set jumlah=" .<?php $login=$_POST["login"]. if ($conn){ $hasil=pg_exec($conn." where id=1". } else echo "proses simpan gagal".". } $sql="select jumlah from pengunjung where id=1". } } $pengujungbaru = $jumlahpengunjung[0]+1. } if ($_POST) { echo $_POST["nama"]. if ($conn){ $hasil=pg_exec($conn.'$passwords'. email) values ('$login'. } else{ echo "database tidak ada". if ($hasil){ echo "proses simpan". $_POST["nip"]. passwords.$pengujungbaru . if ($hasil){ $jumlahpengunjung = pg_fetch_row($hasil. $conn=pg_connect("host=localhost password='AAAA'"). $conn=pg_connect("host=localhost port=5432 dbname=latihan user=arum password='AAAA'"). if(!empty($_POST["login"]) && !empty($_POST["password"]) && !empty($_POST["email"])) { $conn=pg_connect("host=localhost port=5432 dbname=latihan user=arum password='AAAA'"). $email=$_POST["email"].

153)."> <pre style="width: 116px."> <table style="text-align: left."> <pre> <strong>Password :</strong></pre> </td> <tr> <td style="width: 116px."> <td style="width: 120px. height: 244px. 255)." border="0" cellpadding="2" cellspacing="2"> <tbody> <tr style="color: rgb(51.$hasil=pg_exec($conn. margin-left: 22px." align="center"> <td style="width: 623px. width: 643px. 255. height: 46px. width: 632px. 0. } ?> <form id="form1" method ="POST" action="login_d. color: rgb(255. 255."> <table style="text-align: left.$sql). width: 629px. color: rgb(255."><strong>Login :</strong></pre> </td> <tr> <td style="width: 116px." border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td> <table style="text-align: left. height: 161px.php"> <tr style="font-style: italic. 255)."><input name="password"></td><br><br><br><br> <input type="submit" value="Submit /proses"></input><br> </form> </tbody> </table> </td> <td style="width: 702px." border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> ."> <h1>Disain Pelatihan PHP Untuk Perpustakaan</h1> </td> </tr> <tr> <td style="width: 623px."><input name="login" type="text"></td> </tr> <tr style="font-style: italic."> <td style="width: 116px.

153)."> <h5 style="width: 230px. 0.Sebagai Langkah awal sebelum berbicara dengan database perpustakaan alangkah baiknya para pustakawan belajar dan berinisiatif membuat desain web secara mandiri. text-align: center.&nbsp.&nbsp. 255).</span></h5> <h5 style="text-align: justify. background-color: rgb(51. Sementara itu masih banyak kita lihat bahwa sumber daya manusia yang bekerja pada perpustakaan belum sepenuhnya mengenal teknologi informasi sebagai alat untuk menyampaikan informasi. 255.">&nbsp. 255).&nbsp.&nbsp. height: 72px. margin-left: 82px. 153). width: 497px. margin-left: 82px." border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td> <h5 style="text-align: justify. Hal ini akan bermanfaat bagi pengguna perpustakaan. <span style="font-weight: bold.&nbsp.">&nbsp.<span style="color: rgb(255."><span style="font-family: sans-serif."><span style="color: rgb(255.">&nbsp."><strong>Institut Teknologi Sepuluh Nopember Surabaya</strong></span></h5> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table style="text-align: left. width: 293px.">Perpustakaan adalah sebagai tempat penyimpanan yang sangat berharga bagi pengguna yang membutuhkan akan informasi yang diinginkan. 0. width: 641px. width: 290px. ehingga banyaknya perpustakaan di Indonesia tidak dikenal keberadaannya. width: 497px."><strong>Kelompok Linux Arek Surabaya</strong></span></h5> </td> <td style="background-color: rgb(51."></span><span style="font-weight: bold.&nbsp."> <h5 style="margin-left: 40px.&nbsp.</h5> .</span><br> &nbsp.<td style="text-align: center. width: 256px. 255.

153). width: 658px. &nbsp. height: 101px. width: 179px. height: 189px. height: 33px."> <table style="text-align: left.</td> </tr> <tr> <td> <table style="text-align: left. ?>"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td style="background-color: rgb(51.jpg"></td> </tr> <tr> <td style="width: 625px. <br> </body> </html> ." alt="" src="Latihan/images4. margin-left: 43px.">Pengunjung Ke:</td> <td style="width: 217px."><input name="Kunjung" type="text" value="<? echo $jumlahpengunjung[0]+1. 0." border="0" cellpadding="2" cellspacing="2"> <tbody> <tr align="center"> <td style="width: 625px. width: 151px." border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: right."></td> </tr> </tbody> </table> &nbsp. &nbsp. &nbsp. &nbsp. width: 545px. margin-left: 0px."><img style="width: 108px. &nbsp. &nbsp. &nbsp.