Transcript
Page 1: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

BAB IPENDAHULUAN

A. DESKRIPSI JUDUL

Membangun Program Aplikasi Remote Data Interaktif

merupakan modul teori dan atau praktikum yang membahas tentang

pembuatan software interaktif berbasis web dengan berbasis klien

server. Modul ini terdiri dari 4 (empat) kegiatan belajar. kegiatan

belajar 1 berisi tentang memahami konsep program aplikasi remote

data interaktif, kegiatan belajar 2 berisi memper-siapkan aplikasi

remote data interaktif, 3 berisi membuat aplikasi remote data

interaktif, Kegiatan Belajar 4 berisi tentang Menguji aplikasi remote

data interaktif.

Dengan menguasai modul ini diharapkan peserta diklat mampu

memahami penggunaan aplikasi remote data interaktif secara

praktis, cepat, mudah dan bertahap, sehingga kesalahan dan

kesulitan yang mungkin terjadi dalam mengoperasikan aplikasi dapat

diminimalisir dan diketahui sedini mungkin.

B. PRASYARAT

Kemampuan awal yang dipersyaratkan untuk mempelajari modul ini

adalah :

1. Peserta diklat telah lulus modul Mengoperasikan PC stand alone

dengan sistem operasi berbasis teks.

2. Peserta diklat telah lulus modul Mengoperasikan PC stand alone

dengan sistem operasi berbasis GUI.

Modul SWR.DEV.403.(2).A 1/129

Page 2: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

3. Peserta diklat telah lulus modul Mengoperasikan software

aplikasi basis data

4. Peserta diklat telah memiliki pengetahuan dasar pengoperasian

kom-puter.

C. PETUNJUK PENGGUNAAN MODUL

1. Petunjuk Bagi Peserta Diklat

Peserta diklat diharapkan mampu berperan aktif dan berinteraksi

dengan sum-ber belajar yang mendukungnya, karena itu harus

diperhatikan beberapa hal sebagai berikut :

a. Langkah–langkah belajar yang ditempuh :

1) Lakukan setiap kegiatan belajar dengan cermat.

2) Pemelajaran pengetahuan (teori) setiap kegiatan belajar

dilaksanakan melalui Guru Pengajar dan Alat Bantu Media.

3) Pengujian penguasaan materi setiap kegiatan belajar dilakukan

dengan mengerjakan lembar kerja dan lembar latihan.

4) Pemelajaran ketrampilan (praktik) setiap kegiatan belajar berada

dalam pengawasan Guru Pembimbing yang sekaligus akan

melakukan evaluasi kinerja peserta diklat.

5) Setelah semua kegiatan belajar selesai dilaksanakan, maka

dilakukan eva-luasi kognitif dan evaluasi psikomotorik dengan

mengerjakan lembar evaluasi.

6) Peserta diklat dinyatakan lulus jika memperoleh skor minimal

70.

7) Rapikan kembali semua alat dan bahan yang telah digunakan

untuk prak-tikum.

b. Perlengkapan yang Harus Dipersiapkan

Modul SWR.DEV.403.(2).A 2/129

Page 3: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Untuk menunjang kelancaran tugas yang akan Anda lakukan, maka

per-siapkanlah seluruh perlengkapan yang diperlukan sesuai dengan

jenis tugas pada masing-masing kegiatan pemelajaran.

c. Hasil Pelatihan

Peserta diklat selain akan mampu melakukan tugas/pekerjaan

Membangun Program Aplikasi Remote Data Interaktif dengan baik

juga akan mampu mengelola sistem operasi jaringan terutama yang

ber-basis web server se-hingga akan mengoptimalkan kemampuan

sistem operasi, script dan peng-aturan port aplikasi server klien.

2. Peran Guru

Guru yang akan mengajarkan modul ini hendaknya mempersiapkan

diri sebaik-baiknya yaitu mencakup aspek strategi pemelajaran,

penguasaan materi, pemi-lihan metode, alat bantu media

pemelajaran, dan perangkat evaluasinya, se-hingga guru diharapkan

dapat :

a. Membantu peserta diklat dalam merencanakan proses belajar.

b. Membimbing peserta diklat melalui tugas-tugas pelatihan yang

dijelaskan dalam tahap belajar.

c. Membantu peserta diklat dalam memahami konsep dan praktek

baru serta menjawab pertanyaan peserta diklat mengenai

proses belajar peserta diklat.

d. Membantu peserta diklat untuk menentukan dan mengakses

sumber tam-bahan lain yang diperlukan untuk belajar.

e. Mengorganisasikan kegiatan belajar kelompok jika diperlukan.

f. Merencanakan seorang ahli/pendamping dari tempat kerja untuk

mem-bantu jika diperlukan. Merencanakan proses penilaian dan

menyiapkan perangkatnya.

Modul SWR.DEV.403.(2).A 3/129

Page 4: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

g. Melaksanakan penilaian/evaluasi.

h. Menjelaskan kepada peserta diklat tentang sikap pengetahuan

dan ketrampilan dari suatu kompetensi yang perlu untuk

dibenahi dan merundingkan rencana pemelajaran selanjutnya.

i. Mencatat pencapaian kemajuan peserta diklat.

D. TUJUAN AKHIR

Peserta diklat memiliki kompetensi dan professionalisme dalam

melakukan tugas/pekerjaan mengoperasikan sistem operasi sesuai

dengan kebutuhan yang diperlukan.

Modul SWR.DEV.403.(2).A 4/129

Page 5: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

E. KOMPETENSI

Sub Kompetens

iKriteria Unjuk Kerja Lingkup

Belajar

Materi Pokok Pemelajaran

Sikap Pengetahuan Keterampilan

1 2 3 4 5 6

1. Memahami konsep program aplikasi remote administrasi

1 Konsep sistem admi-nistrasi basis data di-jelaskan sesuai SOP

2 Prosedur pengadmi-nistrasian basis data dapat dijelaskan sesuai dengan standar operasi administrasi basis data

Basis data

Software aplikasi basis data

Software bahasa pemrograman ber-basis web (misal: asp, php)

Teliti dan cermat

Mengikuti prosedur pengkodean pro-gram se-suai dengan SOP

Menunjukan fungsi algo-ritma pemro-graman ber-basis web

Menerangkan konsep algo-ritma pemro-graman pada software apli-kasi remote interaktif yang dibuat

Menggunakan fungsi dan operator algoritma pe-mrograman

Menerapkan algoritma pe-mrograman pada soft-ware remote interaktif yang dibuat

Menentukan struktur data pada software remote interaktif yang dibuat

Menentukan basis data pada software remote interaktif yang dibuat

Menentukan pemakai soft-ware aplikasi remote inter-aktif yang dibuat

2. Mempersiapkan aplikasi remote data interaktif

Aplikasi basis data atau sistem basis data beroperasi sesuai dengan standar ope-rasi aplikasi basis data atau sistem basis data

Otorisasi perbaikan /penggunaan data beroperasi (login diterima)

Aplikasi pemrograman berbasis web beroperasi sesuai de-ngan standar operasi aplikasi pemrogram-an berbasis web

Diagram alir program remote data interaktif tersedia dan sudah valid

Basis data

Software aplikasi basis data

Software bahasa pemrog-raman berbasis web (misal: asp, php)

Mengikuti SOP da-lam mengoperasikan software aplikasi bahasa pemrograman ber-basis web

Merangkaikan perintah-perintah ba-hasa pe-mrograman, basis data dan bahasa pemrograman berbasis web untuk membuat software re-mote inter-aktif

Mengidentifikasi software aplikasi remote interaktif dengan ba-hasa pemro-graman ter-struktur, basis data dan bahasa pemrograman berbasis web

Modul SWR.DEV.403.(2).A 5/129

Page 6: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Tabel 2 : Tabel Kompetensi

Sub Kompetens

i

Kriteria Unjuk Kerja Lingkup Belajar

Materi Pokok Pemelajaran

Sikap Pengetahuan Keterampilan

1 2 3 4 5 6

3. Membuat aplikasi remote data interaktif

Proses pemrograman berbasis web meng-gunakan sistem basis data dilakukan sesuai dengan standar ope-rasi pemrograman berbasis web meng-gunakan sistem basis data

Hasil pembuatan pro-gram aplikasi remote data interaktif dile-takkan ke web server (up loading) dan dapat diakses remote dari PC client sesuai fungsi rancangan

Basis data

Software aplikasi basis data

Software bahasa pemrograman ber-basis web (misal: asp, php)

Mengikuti SOP da-lam me-ngoperasikan soft-ware aplikasi bahasa pemrograman ber-basis web

Merangkaikan perintah-perintah ba-hasa pe-mrograman, basis data dan bahasa pemrograman berbasis web untuk membuat software re-mote inter-aktif

Membangun software aplikasi re-mote inter-aktif dengan bahasa pe-mrograman terstruktur, basis data dan bahasa pemrograman berbasis web

4. Mengisi check list hasil pe-ngujian

Proses pengujian aplikasi remote data interaktif dilakukan sesuai dengan SOP

Penilaian terhadap fungsi-fungsi program aplikasi yang dapat naupun tidak dapat dijalankan / diekskusi

Mengisi check list/ report-sheet sesuai dengan SOP yang berlaku

Basis data

Software aplikasi basis data

Software bahasa pemrograman ber-basis web (misal: asp, php)

Disiplin dalam mengikuti SOP

Mengidentifikasi langkah-langkah remote data interaktif

Mempraktekkan pembuatan program apli-kasi remote interaktif de-ngan bahasa pemrograman, basis data dan bahasa pemgroman berbasis web

D. CEK KEMAMPUAN

Isilah cel ist () seperti pada tabel di bawah ini dengan sikap jujur

dan dapat dipertanggung jawabkan untuk mengetahui kemampuan

awal yang telah dimiliki.

Sub Kompetensi

Pernyataan

Saya dapat Melakukan

Pekerjaan ini dengan

Kompeten

Bila Jawaban “Ya”

Kerjakan

Ya Tidak

Modul SWR.DEV.403.(2).A 6/129

Tabel 3 : Tabel Cek Kemampuan

Page 7: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

1.Memahami kon-sep program aplikasi remote data administrasi

1. Mengetahui konsep jenis-jenis program aplikasi remote data administrasi ( web dinamis )

Tes Formatif 1

2.Mempersiapkan aplikasi remote data interaktif

3.Membuat apli-kasi remote data interaktif

1.Mempersiapkan aplikasi-aplikasi server untuk aplikasi remote data interaktif

Tes Formatif 2

1. Membuat aplikasi remote data interaktif sederhana dengan akses terkontrol

Tes Formatif 3

4.Menguji check list hasil pengujian

1. Menguji akses user, admin, dan konektifitas database dengan antarmuka web serta membetulkan kode aplikasi yg bermasalah (debug)

Tes Formatif 4

Apabila anda menjawab TIDAK pada salah satu pernyataan di atas,

maka pelajarilah modul ini.

Modul SWR.DEV.403.(2).A 7/129

Page 8: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

BAB IIPEMELAJARAN

A. RENCANA BELAJAR PESERTA DIKLAT

Kompetensi : Membangun Program Aplikasi Remote Data

Interaktif

Jenis Kegiatan Tanggal WaktuTempat Belajar

Alasan Perubaha

n

Tanda Tangan

GuruMemahami konsep program aplikasi remote data Administrasi

Mempersiapkan aplikasi remote data interaktif

Membuat aplikasi remote data interaktif

Mengisi check list hasil pengujian

Modul SWR.DEV.403.(2).A 8/129

Tabel 4 : Tabel Rencana Belajar

Page 9: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

B. KEGIATAN BELAJAR

1. Kegiatan Belajar 1: Memahami konsep program aplikasi

remote administrasi

a. Tujuan Kegiatan Pemelajaran

Setelah melaksanakan kegiatan pemelajaran 1 diharapkan peserta

diklat dapat :

1) Mengenal dan memahami konsep program aplikasi remote data

interaktif dengan kelebihan dan fasilitasnya masing-masing.

2) Membuat rancangan sederhana sistem aplikasi remote

administrasi

b. Uraian Materi 1

Program Aplikasi Remote Administrasi

Aplikasi data remote administrasi di internet atau biasa kita kenal

dengan se-butan di lapangan sebagai web dinamis banyak kita lihat

bahkan kita pakai secara tidak sadar sebagai penggunanya, Mungkin

ada beberapa dari kita ber-tanya-tanya apa sih web yang dinamis ?

Secara gamblang web yang dinamis dan statis bisa dibedakan pada

tampilannya. Jika kita melihat suatu isi halaman web yang hanya ber-

hubungan dengan halaman web yang lain maka kita bisa menyebut

web tersebut sifatnya statis. Kenapa statis ? Karena user hanya bisa

melihat isi dokumen pada halaman web dan jika diklik maka

dokumen akan berpindah ke halaman web selanjutnya. Interaksi user

dengan browser hanya sebatas melihat informasi tetapi tidak bisa

mengolah informasi yang dihasilkan.

Web statis biasanya hanya merupakan HTML yang diketik melalui

teks editor yang disimpan dalam bentuk .html atau .htm. Sedangkan

web yang dinamis memungkinkan kita untuk berinteraksi dengan

Modul SWR.DEV.403.(2).A 9/129

Page 10: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

meng-gunakan form sehingga kita bisa mengolah informasi yang

ditampilkan.

Hampir setiap situs internet akan memiliki sebuah halaman yang

dijadikan sebagai halaman pendaftaran, misalnya : admin, anggota,

pelanggan, e-mail dan lain sebagainya. Dengan adanya proses

remote admin seperti ini akan sangat menguntungkan bagi

pengguna dalam hal biaya dan waktu karena tidak perlu harus

ditempat tertentu untuk mengatur suatu tampilan halaman web,

tetapi bisa di konfigurasi lewat jarak jauh dengan aplikasi LAN

maupun Internet.

Untuk dapat membuat sebuah web dinamis kita membutuhkan

antara lain :

Aplikasi Web Server

Aplikasi Basis Data

Aplikasi script untuk kode proses interaksi

Aplikasi browser agar pengguna dapat berinteraksi dengan pusat

data dan melakukan proses administrasi secara remote.

Sekarang ini banyak sekali aplikasi yang digunakan untuk keperluan

seperti tersebut di atas, akan tetapi ada berbagai pertimbangan

dalam menggunakan suatu aplikasi tersebut antara lain :

Harga

Spesifikasi alat yang dipakai

Kecepatan memproses

Sumber bantuan / technical support

Dengan beberapa pertimbangan di atas maka khusus SMK kita

mengarah pada aplikasi yang bersifat terbuka selain juga harga yang

terjangkau, syukur kalau bisa mendapatkan yang gratis. Sehingga

kita mendapatkan aplikasi yang tidak memberatkan siswa kita dalam

mengembangkan program-programnya sehingga dalam modul ini

kita memakai :

Modul SWR.DEV.403.(2).A 10/129

Page 11: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Tabel 5 : Relasi basis data program

Apache Webserver sebagai piranti lunak komputer servernya

MySQL sebagai piranti lunak basis datanya

PHP sebagai piranti lunak penulisan kode-kode manipulasi

datanya.

Untuk browser bisa dipakai segala macam asalkan bisa digunakan

untuk menampilkan halaman web

Membuat Rancangan Aplikasi Remote Administrasi

Dengan kita sudah memilih software yang akan kita pakai dalam

pembuatan program aplikasi maka agar manajemen pembuatannya

tidak rumit perlu dibuatkan rancangannya, dengan menggunakan

aplikasi di atas program dapat berjalan di dua platform operating

system yaitu Linux dan Windows.

Salah satu topik yang dapat dibuatkan programnya adalah

pembuatan “ Sistem Informasi Pengolahan Data Buku “ karena sering

kita jumpai bila kita ke perpustakaan, agar mendapatkan gambaran

yang sudah sering kita jumpai dalam kehidupan sehari-hari. Sistem

pengolahan data buku dapat kita singkat menjadi katalog buku yang

dalam rancangan relasinya dapat kita gambarkan pada tabel sbb :

Modul SWR.DEV.403.(2).A 11/129

admin

adminpassadmin

jenis

Kd_jenis *Jenis_bukudeskripsi

buku

No_buku *IsbnKd_jenis **JudulKd_penulis **Kd_penerbit **Thn_terbitJml_bukuRak_bukuTgl_entry

Desk_buku

No_desk *No_bukuGambarKondisideskripsi

penerbit

Kd_penerbit *PenerbitAlamatTelponEmaildeskripsi

penulis

Kd_penulis *penulisAlamatEmaildeskripsi

anggota

Id_anggota *UserPasswordNamaSexTelpAlamatEmailTgl_entrydeskripsi

Page 12: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Modul SWR.DEV.403.(2).A 12/129

Page 13: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

c. Rangkuman 1

Aplikasi yang dapat dikonfigurasi dengan teknik jarak jauh / remote

admin sangat menghemat waktu bagi admin guna melaksanakan

perbaikan dan perubahan konten suatu program tampilan WEB

Dinamis

Dengan menggunakan aplikasi basis data kita dapat menentukan

hubungan antar data secara terstruktur, terutama yang perlu

diperhatikan adalah hubungan antar field data berupa one to one ,

one to many, many to many. Dengan dikombinasikan aplikasi

webserver maka kepentingan sistem administrasi dapat

dikoordinasikan dari beberapa tempat dengan bantuan komputer

jaringan sehingga menghemat beberapa sumber daya termasuk

finansial tetapi dengan mutu hasil administrasi yang lebih baik dari

sistem konvensional yang menggunakan sumber daya lebih dari

sistem server.

Aplikasi seperti ini sebenarnya sudah banyak tersedia gratis di

internet akan tetapi fungsi dan penggunaannya tidak spesifik sesuai

dengan keinginan kita yang dapat mengakibatkan pemborosan

sumber daya pengolahan datanya.

d. Tugas 1

1) Dari gambar di atas buatlah perencanaan panjang karakter field

da-ri data yang ada di masing-masing entitas, sesuai dengan jenis

data yang dimasukkan.

2) Dimanakah letak file database ini kita letakkan supaya dapat diak-

ses oleh aplikasi MySQL ? dan bagaimana cara mengkonfigura-

sikannya ?

Modul SWR.DEV.403.(2).A 13/129

Page 14: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

3) Dimanakah letak file root html / php ini kita letakkan supaya dapat

diakses oleh aplikasi apache web server ? jelaskan secara

singkat !

e. Tes Formatif 1

1) Jelaskan definisi web dinamis beserta penjelasan singkat !

2) Apa perbedaan antara web dinamis dan statis ? serta perbedaan

background aplikasi diantara kedua hal tersebut ?

3) Bagaimana teknik upload data serta download nya apabila dilak-

sanakan secara remote, penggunaa aplikasi serta faktor

keamanan yang harus diperhitungkan dalam pelaksanaan secara

remote.

4) Adakah pengaruh lebar bandwith terhadap kecepatan

downstream maupun upload data-data aplikasi secara remote ?

jelaskan secara singkat ?

5) Sebutkan aplikasi remote administrasi yang tersedia gratis di

internet ?

f. Lembar Kerja 1

Alat dan Bahan :

1) Satu unit komputer yang telah terinstal Windows XP atau Linux

2) Petunjuk praktikum untuk kegiatan belajar ini

Kesehatan dan Keselamatan Kerja

1) Berdo’alah sebelum memulai kegiatan belajar.

2) Bacalah dan pahami petunjuk praktikum pada setiap lembar

kegiatan belajar.

3) Gunakanlah UPS agar kalau terjadi pemutusan listrik tiba-tiba

hasil kerja tidak langsung hilang

Modul SWR.DEV.403.(2).A 14/129

Page 15: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

4) Jika telah selesai, matikan komputer dengan benar

5) Ikuti petunjuk guru

Langkah Kerja

1) Baca dan pahami petunjuk praktikum yang ada.

2) Jika ada kesulitan tanyakan pada guru pengajar atau pendamping.

3) Laporkan hasil kerja anda pada guru pengajar atau pendamping.

4) Jam mencoba praktek sangat mempengaruhi hasil latihan

Modul SWR.DEV.403.(2).A 15/129

Page 16: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

2. Kegiatan Belajar 2 : Mempersiapkan aplikasi remote data

interaktif

a. Tujuan Kegiatan Pemelajaran

1) Peserta dapat menginstall aplikasi web server ( Apache, PHP,

MySQL )

2) Peserta diklat mampu mengkonfigurasi instalasi aplikasi web

server agar dapat bekerja dengan baik dengan modul-modul

pendukungnya

b. Uraian Materi 2

Mempersiapkan aplikasi remote data merupakan proses-proses

meng-instalasi program-program web server diantaranya adalah :

1) Apache Web Server

2) PHP

3) MySQL

Di bawah ini diuraikan langkah-langkah pokok cara instalasi dan

konfigurasi aplikasi tersebut yaitu :

1 ) Instalasi Apache Web Server

Sebelumnya kita perlu tahu sedikit sejarah Apache web server ini,

Apache [http://www.apache.org] merupakan web server yang ter-

populer saat ini. Menurut survei netcraft lebih dari 50% situs di

Internet menggunakan Apache sebagai Web server. Server Apache

sangat luwes, memenuhi standar HTTP/1.1, mengimplementasikan

protokol terbaru dan sangat luwes dikonfigurasi serta dapat

ditambahkan modul lainnya melalui module Apache. Tersedia untuk

berbagai sistem operasi.

Modul SWR.DEV.403.(2).A 16/129

Page 17: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 1: Penggunaan Apache hingga Oktober 2002

Apache menyediakan fasilitas yang kaya, yang sangat dibutuhkan

suatu server serius, seperti otentikasi, pengaturan akses direktori,

virtual host, kemampuan URL rewritting, dan juga alias.

Kemampuan melakukan content negotiation membuat Apache

mampu melayani beragam client secara otomatis, baik untuk

berbagai browser yang memiliki kemampuan berbeda ataupun

untuk divais akses yang berbeda. Fungsi log yang dimiliki oleh

Apache dapat dikirim melalui proses piping, sehingga dapat

dilakukan rotasi log, filter log, serta melakukan pemisahan log

secara langsung.

Awalnya Apache dikembangkan berdasakan keinginan untuk mem-

perbaiki Web server yang saat itu populer (NCSA web server).

Tetapi akhirnya mengalami perombakan dan penulisan ulang dan

menjadi Web server yang berdiri sendiri dan berbeda dengan

NCSA. Kini malah mengalahkan kepopuleran NCSA Web server.

Pada tahun 1999 dibentuk Apache Software Foundation untuk

mengurus per-kembangan Apache ini.

Apache telah membuktikan sebagai web server yang cepat, stabil

dengan fitur yang paling kaya di antara web server lainnya. Saat ini

proyek Apache telah berkembang dan tidak hanya sekedar Web

server.

Modul SWR.DEV.403.(2).A 17/129

Page 18: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Untuk memulai instalasi apache, klik ganda file installer-nya,

kemudian ikuti saja perintah on-screen instalasi Apache antara

lain :

Modul SWR.DEV.403.(2).A 18/129

Page 19: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 2 : Lisensi Apache Gambar 3 : Versi Apache

Gambar 4 : Item Domain Gambar 5 : Default Folder

Gambar 6 : Proses Instalasi

1) Anda dimintai persetujuan dalam tampilan kesepakatan

lisensi aplikasi, beri tanda centang. ( Gb. 2 )

2) Tampil info versi aplikasi yang akan diinstall, klik next. (Gb. 3)

3) Isikan item-item domain dan administratornya

4) Ikuti saja pilihan default dari tampilannya, klik next

5) Langkah berikutnya adalah mnentukan default folder tempat

apache diinstall, ikuti pilihan default lalu klik next. (Gb.5 )

6) Terakhir akan ada konfirmasi terakhir sebelum diinstall,

setelah anda yakin silahkan diklik tombol install

Modul SWR.DEV.403.(2).A 19/129

Page 20: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 7 : Proses Instalasi yg sukses

7) Instalasi akan berlangsung beberapa menit sampai keluar

konfirmasi tombol finish untuk mengakhiri proses instalasi.

8) Default lokasi di c:\program files\apache group\apache

tempat diletakkannya file default beradadi folder ...\htdocs\

9) Jalankan apache, kalau berhasil akan keluar gambar seperti

di bawah ini.

2 ) Instalasi PHP

Untuk menginstal PHP for Windows, Anda dapat menggunakan

installer InstallShield atau secara manual dari file binary zip. File-

file distribusi ini dapat Anda download di http://www.php.net.

Cara yang Pertama dengan menggunakan PHP CGI binary (php.exe)

dan cara yang kedua dengan menggunakan Apache Module.

Menurut pengalaman , menggunakan PHP CGI binary lebih stabil

daripada menggunakan Modul Apache. Sebenarnya banyak sekali

cara yang dapat kita gunakan untuk mengkonfigurasikan Apache

dengan PHP.

Modul SWR.DEV.403.(2).A 20/129

Page 21: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 8 : File Installer PHP

Gambar 9 : Awal Installer PHP

Di bawah ini Anda dapat menerapkan langkah-langkah untuk

meng-implementasikan cara installasi yang kedua (dirasakan

paling seder-hana. Yang pertama adalah langkah-langkah

menginstal PHP dengan PHP CGI binary (PHP.exe):

Untuk program installer InstallShield, jalankan program ini dan

Anda tinggal mengikuti perintah-perintah yang diberikan. Program

instalasi ini akan mengumpulkan informasi-informasi yang diperlu-

kan, melakukan setup terhadap file php.ini dan mengkonfigurasi

webserver untuk menggunakan PHP.

Modul SWR.DEV.403.(2).A 21/129

Gambar 10 : Configurasi Admin

Page 22: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Ganti direktori /tmp ke folder untuk menampung data session

program, misalkan c:\php\sessiondata. Buka file httpd.conf yang

ter-letak di subfolder /conf dari program Apache. Tambahkan baris-

baris berikut ke file ini.

ScriptAlias /php/ "c:/php/"

AddType application/x-httpd-php .php

Action application/x-httpd-php "/php/php.exe"

Tambahkan pula index.php untuk directory index,

Directorylndex index.html index. Php

Kalau sudah berhasil, simpan file konfigurasinya, restart apache

lalu buat sebuah file pada root direktori apache dengan nama

infophp.php yang berisi script :

<?

phpinfo( );

?>

Selanjutnya dapat di lihat hasilnya dengan mengetikkan alamat

http://localhost/infophp.php

Apabila sukses instalasi PHP, hasilnya terlihat seperti di bawah ini :

Modul SWR.DEV.403.(2).A 22/129

Gambar 11 : Hasil Instalasi PHP

Page 23: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

3 Instalasi MySQL

File distribusi MySQL untuk Windows dapat di-download di

http://www.mysgl.com/downloads/. File distribusi ini berbentuk file

zip, sehingga setelah di-download Anda perlu membuka dulu

menggunakan WinZip dan simpan di sebuah folder sementara.

Untuk instalasi di Windows NT/2000/XP, Anda harus login sebagai

user dengan hak administrator. Jika Anda melakukan upgrade,

matikan terlebih dahulu service MySQL yang mungkin sedang

berjalan. Anda dapat menjalankan perintah ini di command prompt,

NET STOP MySQL

atau gunakan program mysgladmin,

C:\mysql\bin> mysgladmin -uroot shutdown

Jalankan program instalasi ( klik ganda filenya ). Ikuti petunjuk yang

ditampilkan.

a. Keluar jendela informasi program

Modul SWR.DEV.403.(2).A 23/129

Gambar 12 : File Instalasi MySQL

Page 24: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 13 : Menjalankan Setup MySQL

Gambar 14 : Pilihan model instalasi

b. Pilih Model Custom

c. Pilih fasilitas program yang akan diinstall

Modul SWR.DEV.403.(2).A 24/129

Page 25: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 15 : Pilihan komponen instalasi

Gambar 16 : Proses instalasi MySQL

d. Tekan tombol next dan tunggu perintah instalasi berikutnya.

e. Isilah pertanyaan yang diajukan oleh program guna melengkapi

proses administrasi program MySQL

Modul SWR.DEV.403.(2).A 25/129

Page 26: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 17 : Registrasi instalasi

Gambar 18 : Selesai Proses Instalasi

f. Terakhir akan ada informasi bahwa program telah selesai di

instalasi

g. Selanjutnya untuk menjalankan program akan ada tombol ttray

pada layar kanan bawah di jendela monitor.

Modul SWR.DEV.403.(2).A 26/129

Page 27: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 19 : Indikator program MySQL yang sudah berjalan di

komputer

c. Rangkuman 2

Menginstall aplikasi webserver yang paling perlu diperhatikan adalah

mengkonfigurasi aplikasi-aplikasi tersebut agar dapat bekerja

bersama tanpa menimbulkan masalah, karena merupakan gabungan

daripada beberapa program yang tidak sama tetapi melaksanakan

suatu proses pelayanan yang bersamaan dan terintegrasi satu sama

yang lainnya.

Banyak aplikasi yang membundel ketiga aplikasi webserver itu dalam

satu bundel program contohnya seperti easyPHP akan tetapi jika kita

terbiasa menggunakan paket yang instan akan terbiasa dimanjakan

dan tidak terbiasa berfikir untuk menyelesaikan suatu masalah yang

ditimbulkan dalam menggabungkan macam-macam aplikasi

webserver tersebut khususnya dalam mensetting script-script khusus

yang digu-nakan di program webserver.

d. Tugas 2

1) Silahkan anda menginstal program webserver di komputer

masing-masing dan harus berjalan dengan baik seperti contoh

yang ditampilkan gambar sebelumnya

2) Rubahlah lokasi folder induk dari program webserver apache dari

direktori apache ke folder atas nama masing-masing.

Modul SWR.DEV.403.(2).A 27/129

Page 28: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

3) Ubahlah pula lokasi direktori induk database MySQL dari lokasi

default ke lokasi yang anda buat sendiri.

e. Tes Formatif 2

1) Apakah perbedaaan paket instalasi Apache yang mempunyai

fasilitas SSL dengan yang tidak ?

2) Dimanakah kita bisa mendapatkan file instalasi program

Apache ?

3) Bagaimanakah cara mengubah lokasi file default di program

webserver Apache ?

4) Sebutkan salah satu program yang dapat menangani administrasi

konfigurasi program MySQL

5) Bagaimanakah cara mengubah lokasi file default tabel dan

database di MySQL ?

6) Selain di apache PHP dapat digunakan pula pada program

webserver yang lain, sebutkan minimal 2 program ?

7) Tuliskan script konfigurasi PHP di Apache agar dapat dijalankan

ketika program webserver Apache kita jalankan

8) Pada port berapa data MySQL bekerja ?

f. Lembar Kerja 2

Alat dan Bahan :

1) Satu unit komputer yang telah terinstal Windows XP atau Linux

2) Petunjuk praktikum untuk kegiatan belajar ini

Kesehatan dan Keselamatan Kerja

1) Berdo’alah sebelum memulai kegiatan belajar.

2) Bacalah dan pahami petunjuk praktikum pada setiap lembar

kegiatan belajar.

Modul SWR.DEV.403.(2).A 28/129

Page 29: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

3) Gunakanlah UPS agar kalau terjadi pemutusan listrik tiba-tiba

hasil kerja tidak langsung hilang

4) Jika telah selesai, matikan komputer dengan benar

5) Ikuti petunjuk guru

Langkah Kerja

1) Baca dan pahami petunjuk praktikum yang ada.

2) Jika ada kesulitan tanyakan pada guru pengajar atau pendamping.

3) Laporkan hasil kerja anda pada guru pengajar atau pendamping.

4) Jam mencoba praktek sangat mempengaruhi hasil latihan

Modul SWR.DEV.403.(2).A 29/129

Page 30: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

3. Kegiatan Belajar 3 : Membuat aplikasi remote data interaktif

a. Tujuan Kegiatan Pemelajaran

1) Peserta diklat dapat membuat aplikasi remote data interaktif ber-

basiskan pada program webserver GPL dan PHP

2) Peserta diklat mampu mengkonfigurasi batasan-batasan penggu-

naan aplikasi remote data interaktif berdasarkan level akses

tertentu yang disesuaikan dengan struktur level penggunaan

program.

b. Uraian Materi 3

Membuat aplikasi remote data merupakan proses-proses menuliskan

kode-kode program pada masing-masing blok diantaranya adalah :

1) Membuat tabel dan database berdasarkan rancangan yang telah

diuraikan pada kegiatan belajar sebelumnya ( kegiatan belajar 1 ).

2) Membuat struktur hierarki lokasi dan nama-nama subfolder

aplikasi

3) Menulis kode-kode program dari aplikasi remote data berbasiskan

bahasa program PHP & HTML

Di bawah ini diuraikan langkah-langkah pokok membuat database

dan kode-kode aplikasi tersebut yaitu :

1 ) Membuat database dengan program MySQL

Langkah awal yang harus dilakukan sebelum membangun sistem

pengolahan data buku (katalog) adalah mengadakan perancangan

database yang akan digunakan. Database ini nantinya akan

terbagi kedalam beberapa tabel yang dijadikan sebagai ruang-

ruang tempat penyimpanan berbagai informasi mengenai buku

dan yang berhu-bungan dengannya.

Modul SWR.DEV.403.(2).A 30/129

Page 31: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 20 : menjalankan MySQL

Gambar 21 : Membuat Tabel MySQL

Bentuk database ini akan diimplementasikan ke dalam sebuah

program server basis data bernama MySQL, akan tetapi sebelum

mengimplementasikanya ada baiknya Kita membahas mengenai

peranacangan dan atribut-atribut yang akan digunakan. Setelah

bentuk bentuk tabel telah Kita tentukan maka kita dapat mene-

rapkanya pada Database MySQL. Berikut adalah beberapa

langkah perancangan tabelnya.

Sebelum membuat table, Anda harus mempersiapkan

databasenya terlebih dahulu. Dalam pembahasan buku ini, Kita

akan menggu-nakan database perpustakaan, untuk membuatnya

ketikanlah perintah “create” seperti gambar di bawah ini :

Kemudian buatlah tabel penulis dengan perintah seperti gambar di

bawah ini

Modul SWR.DEV.403.(2).A 31/129

Page 32: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 22: Tampilan Tabel MySQL

Sehingga apabila kita tampilkan hasilnya dengan perintah

“DESCRIBE” akan tampak seperti gambar di bawah ini :

Demikian seterusnya kita buat tabel yang lain sesuai dengan

uraian di materi 1 seperti perintah-perintah script di bawah ini.

Modul SWR.DEV.403.(2).A 32/129

Page 33: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Modul SWR.DEV.403.(2).A 33/129

Page 34: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Sehingga pada akhirnya database perpustakaan akan memiliki 7

buah tabel yaitu :

Tabel Admin

Tabel Buku

Tabel Jenis

Tabel Desk_buku

Tabel Penerbit

Tabel Penulis

Tabel Anggota

2 ) Membuat struktur hierarki lokasi dan nama-nama subfolder

aplikasi

Sebelum menerapkan desain database di atas ada baiknya Kita

ulas terlebih dahulu mengenai fungsi katalog dan Jalannya

program ini. Program ini digunakan untuk menampikan dan

menginformasikan daftar buku yang ada pada sebuah

perpustakaan, sehingga untuk setiap anggota mendapatkan

informasi yang valid mengenai kondisi buku-buku yang ada

diperpustakaan tersebut.

Pada program ini dibuat dengan dua buah kategori akses, di

antaranya adalah:

Halaman admin yang terletak pada direktori admin,

halaman ini digunakan untuk melakukan administrasi sistem

katalog secara keseluruhan, program ini dibuat untuk dapat

mema-najemen seluruh data yang ada di dalam database

perpustakaan. Selain itu juga dapat melakukan pendataan

anggota baru pada atau melakukan penghapusan data pada

database.

Modul SWR.DEV.403.(2).A 34/129

Page 35: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 23: Tampilan Struktur direktori

Halaman pengunjung, digunakan khusus untuk para

pengunjung biasa artinya pada halaman ini nantinya dapat

diakses oleh siapa saja yang membuka alamat ini secara

bebas. Hal lain yang dapat dilakukan user adalah dapat

melakukan pencarian buku, pada pencarian ini dapat

dikategorikan berdasarkan nama penulis maupun judul

buku. Batasan yang dimiliki user biasa tidak dapat

mengakses halaman anggota dan halaman administrator.

Dari beberapa fungsi di atas dapat disimpulkan bahwa seorang

user hanya bisa melakukan pencarian buku atau melihat informasi

buku, dan halaman administrator merupakan halaman yang

memiliki hak akses penuh untuk mengelola sistem perpustakaan

tersebut, orang yang berhak dalam halaman admin juga dapat

Kita sebut sebagai administrator sistem web.

Dari beberapa keterangan di atas, dalam program perpustakaan

akan dibuat dengan struktur direktori sebagai berikut.

Modul SWR.DEV.403.(2).A 35/129

Page 36: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Untuk memulai menerapkan program ini di dalam komputer Anda,

ada baiknya untuk membuat struktur direktori seperti gambar di

atas, beberapa direktori yang harus diperhatikan adalah:

Perpustakaan: Merupakan direktori pusat yang meng-

organisir semua file katalog yang Kita bangun, Anda juga

dapat mengganti direktori tersebut dengan nama lain yang

sekiranya sesuai dengan instansi yang Anda gunakan

sebagai objeknya. Pada direktori inilah halaman utama atau

halaman index akan disimpan secara langsung (tidak ada

subdirektori lagi), sehingga apabila Kita memanggil direktori

ini maka halaman utama/ halaman index akan terbuka.

Admin : Adalah direktori yang berisi file administrator sis-

tem, pada direktori inilah Kita akan menyimpan seluruh file

program yang berhubungan dengan administrasi perpus-

takaan.

Gambar : Berguna untuk menyimpan gambar-gambar yang

dibutuhkan dalam tahap desain interface program.

Img_buku : Berguna untuk menyimpan gambar buku yang

tersedia dalam informasi buku.

Include : Merupakan direktori yang berguna untuk menyim-

pan file-file include, file ini akan digunakan pada semua

halaman program, misalnya file membuka koneksi ke data-

base atau sistem session untuk keamanan

Tpl : tpl atau template digunakan untuk meletakkan file

tem-porary, artinya file ini berupa file yang berguna untuk

mela-kukan pengaturan halaman secara global program

perpus-takaan. isi dari file ini berupa dokumen CSS

(Cascading Style Sheets).

Modul SWR.DEV.403.(2).A 36/129

Page 37: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Selain dari direktori yang dibutuhkan di atas dapat juga membuat

direktori khusus yang berkaitan dengan gambar atau file lain yang

berhubungan dengan program yang sedang kita kerjakan.

3 ) Menulis kode-kode program dari aplikasi remote data berbasiskan

bahasa program PHP & HTML

Membuat Halaman Administrasi (Halaman Masukan)

Halaman ini digunakan untuk melakukan pengelolaan data pada

sistem perpustaakaan, sehingga dengan menggunakan halaman

ini semua data yang berhubungan dengan data buku dapat ter-

maintenance. Sebagai halaman yang memiliki fungsi untuk

menge-lola semua halaman, maka halaman ini juga dapat

dikatakan seba-gai halaman Administrator.

Pada halaman ini terdapat batasan-batasan penggunaan yaitu

dimana tidak setiap orang dapat masuk dan mengakses halaman

ini, untuk dapat mengakses halaman ini Anda harus izin dengan

menggunakan password yang hal itu biasanya hanya akan

dipegang oleh orang-orang tertentu saja.

Sebagai pengguna umum ataupun anggota juga tidak diperbo-

lehkan untuk mengakses halaman ini, sehingga pada sistem yang

ada dapat dijaga keamanannya semaksimal mungkin.

Apabia Anda dapat mengakses halaman ini, maka Anda dapat

melakukan banyak hal, yaitu dari memasukan data buku, mem-

perbaharui, bahkan menghapus data buku. Selain itu juga dapat

melakukan pemasukan data-data anggota baru yang telah men-

daftar secara manual.

Membuat Template CSS (Cascade Style Sheet)

Modul SWR.DEV.403.(2).A 37/129

Page 38: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Agar pengaturan halaman admnistrasi mempunyai ciri khusus

maka perlu kita buatkan cetakan halamannya yang kita namakan

filenya style_admin.css dan disimpan di direktori tpl, scriptnya

adalah :

/* CSS Document */.tb_admin{ border-style: solid;border-width : 1px 1px 1px 1px ;border-color : black; }.table {border-color : red;}

Dimana akan digunakan selalu pada header dari setiap halaman

admin dengan dipanggil menggunakan script :

<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>.....Atau dengan menggunakan atribut class pada setiap Tag HTML

dengan script <TABLE class=”tb_admin”>

Membuat Halaman Utama Administrator

Deafult halaman ini index.php yang menghubungkan ke halaman-

halaman lain pada saat kita diijinkan mengakses file yang ada di

folder admin, scriptnya adalah :

<?php

echo "<div align=center> <b>SELAMAT DATANG </b> <BR> <font size=+2 color=red > Halaman ini digunakan untuk mengelola data-data buku </font> </div> ";

include "administrator.htm";

Modul SWR.DEV.403.(2).A 38/129

Page 39: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

?>Sedangkan script administrator.htm adalah :

<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><form name="form1" method="post" action="cek_admin.php"> <table width="425" border="0" align="center" cellpadding="2" cellspacing="0" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3">

<strong>Login Administrator</strong></td> </tr> <tr> <td width="36%" align="right">Admin Id </td> <td width="2%"><b>:</b></td> <td width="62%"> <input name="fm_admin" type="text" id="fm_admin" size="25" maxlength="35"> </td> </tr> <tr> <td align="right">Password</td> <td><b>:</b></td> <td> <input name="fm_pass" type="password" id="fm_pass" size="25" maxlength="35"> </td> </tr> <tr> <td></td> <td></td> <td><input name="tb_login" type="submit" id="tb_login" value=" Login ">

</td> </tr> </table></form></body></html>

Ketika halaman diakses dan tombol login diklik akan menuju ke

halaman cek_admin.php yaitu :

<?phpsession_start();require("../include/conecsi.inc");

Modul SWR.DEV.403.(2).A 39/129

Page 40: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

$sql="SELECT admin,passadmin FROM admin WHERE (admin='$fm_admin' AND passadmin=password('$fm_pass') )";

if(!$hasil=mysql_query($sql)){

echo mysql_error();return 0;

}$ada_baris=mysql_num_rows($hasil);if($ada_baris >=1){

$master=$fm_admin;session_register("master");echo "Password diterima,<br>Anda berhak mengakses seluruh halaman ini";include "menu_utama.php";exit;

}else{

echo "<b>Admin / Password Salah !<b>";include "administrator.htm";exit;

}?>Dimana fungsinya adalah memanfaatkan tabel admin yang kita

buat, dan mendeklarasikan fungsi session agar selalu diingat oleh

program selama kita menggunakan fasilitas administrator, untuk

itu harus kita tambahkan script session.inc untuk menangani hal

tersebut.

<?php session_start(); if(!session_is_registered('master')) { echo "<center><font color=red size=+3><b>

Anda tidak Berhak atas halaman ini</b></font><br>";echo "<br>Klik <a href=../>Kembali</a> Ke HOME </center><br>";exit;

}?>

Modul SWR.DEV.403.(2).A 40/129

Page 41: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Yang diletakkan pada direktori include. Sedangkan untuk koneksi

dengan basis data MySQL kita buatkan script conecsi.inc yang

isinya adalah :

<?php

// isilah dengan user dan password dari MySQL anda$host ="localhost";$user = "root";$passwd = "";$database= "perpustakaan";

$connect=mysql_connect($host,$user,$passwd); if (! $connect) { echo " wah nggak bisa tuh "; } // memilih database pda servermysql_select_db($database) or die ( " database nggak ada tuh, coba dibuat dulu :) ");

?>Script di atas diasumsikan akses root tidak menggunakan

password untuk mengolah data mysqlnya. Jika otentifikasi kata

sandi betul program akan membuka halaman menu_utama.php

<?phprequire("../include/session.inc");require("../include/conecsi.inc");

require_once "menu.htm";

// Dikerjakan apabila menemukan tombol masukanif ($tb_masukan){

// memeriksa Form (droplist ) menuif(!isset($fm_menu))$fm_menu='';switch ($fm_menu){

case 'jenis' : include "in_jenis.htm"; break;case 'buku' : include "in_buku.php"; break;case 'anggota' : include "in_anggota.htm"; break;case 'desk' : include "in_deskbuku.php"; break;case 'penulis' : include "in_penulis.htm"; break;case 'penerbit' : include "in_penerbit.htm"; break;

}

Modul SWR.DEV.403.(2).A 41/129

Page 42: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

}

// di kerjakan apabila menemukan tombol penglolaanelse if ($tb_penglolaan){

// memeriksa Form (droplist ) menuif(!isset($fm_menu))$fm_menu='';switch ($fm_menu){

case 'jenis' : include "olah_jenis.php"; break;case 'buku' : include "olah_buku.php"; break;case 'anggota' : include "olah_anggota.php"; break;case 'desk' : include "olah_deskbuku.php"; break;case 'penulis' : include "olah_penulis.php"; break;case 'penerbit' : include "olah_penerbit.php"; break;

}}

//dikerjakan apabila menemukan tombol laporanelse if ($tb_laporan){

// memeriksa Form (droplist ) menuif(!isset($fm_menu))$fm_menu='';switch ($fm_menu){

case 'jenis' : include "lap_jenis.php"; break;case 'buku' : include "lap_buku.php"; break;case 'anggota' : include "lap_anggota.php"; break;case 'desk' : include "lap_deskbuku.php"; break;case 'penulis' : include "lap_penulis.php"; break;case 'penerbit' : include "lap_penerbit.php"; break;

}}

// dikerjakan bila menemukan tombol logoutelse if ($tb_logout){

require_once "logout.php";}

?>

Pada perintah “require_once "menu.htm";” otomatis akan

memanggil file menu.htm dengan script :

<html><head><title>Administrator</title>

Modul SWR.DEV.403.(2).A 42/129

Page 43: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body ><form name="form1" method="post" action="menu_utama.php"> <table width="476" border="0" align="center" cellpadding="0" cellspacing="1" class="tb_admin"> <tr> <td height="20" colspan="4" align="center" bgcolor="#BFD0EA">

<font size="4"><b>Pengelolaan Halaman Administrator</b></font></td> </tr> <tr > <td colspan="4" align="center" valign="top" ></td> </tr> <tr > <td width="11%" colspan="4" align="center">

<select name="fm_menu" id="fm_menu" > <option value="not_halaman"> ----- Pilih Bagian yang ingin di kelola --- </option> <option value="not_halaman"> ----------------------------------- </option> <option value="penerbit">Pernerbit</option> <option value="penulis">Penulis</option> <option value="anggota">Anggota</option> <option value="jenis">Jenis Buku</option> <option value="buku">buku</option> <option value="desk">Deksripsi Buku</option> </select></td> </tr> <tr > <td align="center"></td> <td align="center"></td> <td align="center"></td> <td align="center"></td> </tr> <tr > <td align="center">

<input name="tb_masukan" type="submit" id="tb_masukan" value=" Masukan Baru "> </td> <td align="center" >

<input name="tb_penglolaan" type="submit" id="tb_penglolaan" value=" Penglolaan data"> </td> <td align="center" >

<input name="tb_laporan" type="submit" id="tb_laporan" value=" Laporan "> </td>

<td align="center" > <input name="tb_logout" type="submit" id="tb_logout" value=" Logout "> </td>

</tr>

Modul SWR.DEV.403.(2).A 43/129

Page 44: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 24: Tampilan menu admin

</table></form><hr color="#66CC33">

</body></html>Sehingga dari rangkaian script di atas kita akan dapat mengelola

halaman menu dari admin seperti gambar di bawah ini :

Membuat Halaman Input Data

Jumlah halaman adalah 6 yaitu :

In_penerbit.htm

In_penulis.htm

In_jenis.htm

In_buku.htm

In_deskbuku.php

In_anggota.htm

Semuanya merupakan antarmuka untuk memasukkan data-data,

scriptnya adalah :

in_penerbit.htm

<html><head><title>Administrator</title> <LINK REL="STYLESHEET" TYPE="text/css" HREF="../tpl/style_admin.css">

Modul SWR.DEV.403.(2).A 44/129

Page 45: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

</head>

<body><form name="form1" method="post" action="exe_penerbit.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3"><strong>Masukan Data Penerbit</strong></td> </tr> <tr> <td width="23%" align="right">Kode Penerbit</td> <td width="2%"><b>:</b></td> <td width="75%"><input name="fm_kdpenerbit" type="text" id="fm_kdpenerbit" size="6" maxlength="5"></td> </tr> <tr> <td align="right">Nama Penerbit</td> <td><b>:</b></td> <td><input name="fm_penerbit" type="text" id="fm_penerbit" size="35" maxlength="35"></td> </tr> <tr> <td align="right">No Telpon</td> <td>&nbsp;</td> <td><input name="fm_telp" type="text" id="fm_telp" size="35" maxlength="25"></td> </tr> <tr> <td align="right">Email</td> <td><b>:</b></td> <td><input name="fm_email" type="text" id="fm_email" size="35" maxlength="40"></td> </tr> <tr> <td align="right">Alamat</td> <td><b>:</b></td> <td><textarea name="fm_alamat" cols="35" rows="2" id="fm_alamat"></textarea></td> </tr> <tr> <td align="right">Keterangan </td> <td><b>:</b></td> <td><textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"></textarea></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td><input name="tb_simpan" type="submit" id="tb_simpan" value=" Simpan "></td> </tr> </table></form></body>

Modul SWR.DEV.403.(2).A 45/129

Page 46: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

</html>in_penulis.htm<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><form name="form1" method="post" action="exe_penulis.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3">

<strong>Masukan Data Penulis</strong> </td>

</tr> <tr> <td width="21%" align="right">

Kode Penulis</td> <td width="2%"><b>:</b></td> <td width="77%">

<input name="fm_kdpenulis" type="text" id="fm_kdpenulis" size="6" maxlength="5"> </td>

</tr> <tr> <td align="right">Nama Penulis</td> <td><b>:</b></td> <td>

<input name="fm_penulis" type="text" id="fm_penulis" size="35" maxlength="35"> </td>

</tr> <tr> <td align="right">Email</td> <td><b>:</b></td> <td>

<input name="fm_email" type="text" id="fm_email" size="35" maxlength="40"> </td>

</tr> <tr> <td align="right">Alamat</td> <td><b>:</b></td> <td>

<textarea name="fm_alamat" cols="35" rows="2" id="fm_alamat"> </textarea> </td>

</tr> <tr> <td align="right">Keterangan </td>

Modul SWR.DEV.403.(2).A 46/129

Page 47: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td><b>:</b></td> <td>

<textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"> </textarea> </td>

</tr> <tr> <td></td> <td></td> <td>

<input name="tb_simpan" type="submit" id="tb_simpan" value=" Simpan "> </td>

</tr> </table></form></body></html>

in_jenis.htm<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><form name="form1" method="post" action="exe_jenis.php"> <table width="425" border="0" align="center" cellpadding="2" cellspacing="0" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3">

<strong>Masukan data jenis buku</strong></td> </tr> <tr> <td width="21%" align="right">Kode </td> <td width="2%"><b>:</b></td> <td width="77%">

<input name="fm_kdjenis" type="text" id="fm_kdjenis" size="6" maxlength="4"> </td>

</tr> <tr> <td align="right">Jenis Buku</td> <td><b>:</b></td> <td>

<input name="fm_jenis" type="text" id="fm_jenis" size="35" maxlength="35"> </td>

</tr> <tr>

Modul SWR.DEV.403.(2).A 47/129

Page 48: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td align="right">Keterangan </td> <td><b>:</b></td> <td><textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"></textarea></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td><input name="tb_simpan" type="submit" id="tb_simpan" value=" Simpan "></td> </tr> </table></form></body></html>

in_buku.htm<html><head><title>Administrator</title> <LINK REL="STYLESHEET" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><form name="form1" method="post" action="exe_anggota.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3"><strong>Masukan Data Anggota</strong></td> </tr> <tr> <td width="23%" align="right">User Id</td> <td width="2%"><b>:</b></td> <td width="75%"><input name="fm_user" type="text" id="fm_user" size="35" maxlength="35"></td> </tr> <tr> <td align="right">Password</td> <td><b>:</b></td> <td><input name="fm_password" type="text" id="fm_password" size="35" maxlength="35"></td> </tr> <tr> <td align="right">Nama</td> <td><b>:</b></td> <td><input name="fm_nama" type="text" id="fm_nama" size="35" maxlength="35"></td> </tr> <tr> <td align="right">Sex</td> <td><b>:</b></td> <td><select name="fm_sex" id="fm_sex">

Modul SWR.DEV.403.(2).A 48/129

Page 49: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<option value="not_kelamin">---- Jenis Kelamin ----</option> <option value="P">Pria</option> <option value="W">Wanita</option> </select></td> </tr> <tr> <td align="right">No Telpon</td> <td><b>:</b></td> <td><input name="fm_telp" type="text" id="fm_telp" size="35" maxlength="25"></td> </tr> <tr> <td align="right">Email</td> <td><b>:</b></td> <td><input name="fm_email" type="text" id="fm_email" size="35" maxlength="40"></td> </tr> <tr> <td align="right">Alamat</td> <td><b>:</b></td> <td><textarea name="fm_alamat" cols="35" rows="2" id="fm_alamat"></textarea></td> </tr> <tr> <td align="right">Keterangan </td> <td><b>:</b></td> <td><textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"></textarea></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td><input name="tb_simpan" type="submit" id="tb_simpan" value=" Simpan "></td> </tr> </table></form></body></html>

in_deskbuku.php<html><head><title>Administrator</title> <LINK REL="STYLESHEET" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><form name="form1" method="post" action="exe_deskbuku.php" enctype="multipart/form-data"> <input type='hidden' name='max_file_size"

value='1024'>

Modul SWR.DEV.403.(2).A 49/129

Page 50: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="23" colspan="3">

<b>Masukan Data Deskripsi Buku</b></td> </tr> <tr> <td width="25%" align="right">Judul Buku</td> <td width="2%"><b>:</b></td> <td width="73%"><select name="fm_judul" id="fm_judul" >

<?phpinclude "../include/conecsi.inc";echo "<option value=not_judul>--------- Jenis Judul Buku --------------</option>";echo "<option value=not_judul>----------------------------------------------</option>";$minta = "SELECT no_buku,judul

FROM buku ORDER BY no_buku";$eksekusi = mysql_query($minta);while($hasil=mysql_fetch_array($eksekusi)){echo " <option value=$hasil[no_buku]>$hasil[judul] </option>"; }?>

</select></td> </tr> <tr> <td align="right">Gambar</td> <td><b>:</b></td> <td><input name="namafile" type="file" id="namafile" size="30" maxlength="50"> </td> </tr> <tr> <td align="right">Kondisi Buku</td> <td><b>:</b></td> <td> <input name="fm_kondisi" type="text" id="fm_kondisi" size="25" maxlength="25"> </td> </tr> <tr> <td align="right">Deskripsi</td> <td><b>:</b></td> <td>

<textarea name="fm_deskripsi" cols="35" rows="10" id="fm_deskripsi"> </textarea>

</td> </tr> <tr> <td></td> <td></td>

Modul SWR.DEV.403.(2).A 50/129

Page 51: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td> <input name="tb_simpan" type="submit" id="tb_simpan" value=" Simpan "> </td> </tr> </table></form></body></html>

in_anggota.htm<html><head><title>Administrator</title> <LINK REL="STYLESHEET" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><form name="form1" method="post" action="exe_anggota.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3">

<strong>Masukan Data Anggota</strong></td> </tr> <tr> <td width="23%" align="right">User Id</td> <td width="2%"><b>:</b></td> <td width="75%">

<input name="fm_user" type="text" id="fm_user" size="35" maxlength="35"> </td>

</tr> <tr> <td align="right">Password</td> <td><b>:</b></td> <td>

<input name="fm_password" type="text" id="fm_password" size="35" maxlength="35">

</td> </tr> <tr> <td align="right">Nama</td> <td><b>:</b></td> <td>

<input name="fm_nama" type="text" id="fm_nama" size="35" maxlength="35"> </td>

</tr> <tr> <td align="right">Sex</td> <td><b>:</b></td> <td>

<select name="fm_sex" id="fm_sex">

Modul SWR.DEV.403.(2).A 51/129

Page 52: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<option value="not_kelamin"> ---- Jenis Kelamin ----</option>

<option value="P">Pria</option> <option value="W">Wanita</option> </select></td> </tr> <tr> <td align="right">No Telpon</td> <td><b>:</b></td> <td>

<input name="fm_telp" type="text" id="fm_telp" size="35" maxlength="25"> </td>

</tr> <tr> <td align="right">Email</td> <td><b>:</b></td> <td>

<input name="fm_email" type="text" id="fm_email" size="35" maxlength="40"> </td>

</tr> <tr> <td align="right">Alamat</td> <td><b>:</b></td> <td>

<textarea name="fm_alamat" cols="35" rows="2" id="fm_alamat"></textarea> </td>

</tr> <tr> <td align="right">Keterangan </td> <td><b>:</b></td> <td>

<textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"> </textarea></td>

</tr> <tr> <td></td> <td></td> <td>

<input name="tb_simpan" type="submit" id="tb_simpan" value=" Simpan "> </td>

</tr> </table></form></body></html>

Hasilnya adalah seperti gambar-gambar di bawah ini :

Modul SWR.DEV.403.(2).A 52/129

Page 53: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 25: Tampilan menu admin input penerbit

Gambar 26: Tampilan menu admin input penulis

Modul SWR.DEV.403.(2).A 53/129

Page 54: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 27: Tampilan menu admin input anggota

Gambar 28: Tampilan menu admin input jenis buku

Gambar 29: Tampilan menu admin input data buku

Modul SWR.DEV.403.(2).A 54/129

Page 55: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 30: Tampilan menu admin input deskripsi buku

Membuat Halaman Pengolahan Data

Selanjutnya adalah membuat kode untuk mengubah data serta

menghapus masukan data dari data-data yang telah dimasukkan,

scriptnya adalah :

olah_penerbit.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body ><form name="form1" method="post" action="exe_penerbit.php"> <table width="476" border="0" align="center" cellpadding="0" cellspacing="1" class="tb_admin"> <tr> <td height="20" colspan="2" align="center" bgcolor="#BFD0EA">

<font size="4"><b>Pengelolaan Penerbit</b></font></td> </tr> <tr > <td colspan="2" align="center" valign="top" ></td> </tr> <tr > <td width="11%" colspan="2" align="center">

Modul SWR.DEV.403.(2).A 55/129

Page 56: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<select name="fm_kdpenerbit" id="fm_kdpenerbit" > <?php

include "../include/conecsi.inc"; echo " <option value=not_penerbit>------ Tentukan Nama Penerbit

------</option>"; echo " <option

value=not_penerbit>--------------------------------------------</option>"; $minta = "SELECT * FROM penerbit ORDER BY kd_penerbit"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[kd_penerbit]>$hasil[penerbit] </option>"; } ?>

</select></td> </tr> <tr > <td align="center" ></td> <td align="center" ></td> </tr> <tr > <td align="center">

<input name="tb_edit" type="submit" id="tb_edit" value=" Edit Penerbit "> </td> <td align="center" ><input name="tb_hapus" type="submit" id="tb_hapus" value=" Hapus Penerbit"> </td> </tr> </table></form>

</body></html>

ed_penerbit.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><?php if (! empty($fm_kdpenerbit)){ include "../include/conecsi.inc"; $minta = "SELECT * FROM penerbit WHERE kd_penerbit='$fm_kdpenerbit' ORDER BY kd_penerbit ";

Modul SWR.DEV.403.(2).A 56/129

Page 57: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

$eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) { $kd_penerbit=$hasil[kd_penerbit]; $penerbit=$hasil[penerbit]; $email=$hasil[email]; $telp=$hasil[telp]; $alamat=$hasil[alamat]; $deskripsi=$hasil[deskripsi]; }

?><form name="form1" method="post" action="exe_penerbit.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3">

<b>Update Data Penerbit</b> </td>

</tr> <tr> <td width="24%" align="right">

Kode Penerbit</td> <td width="2%"><b>:</b>

</td> <td width="74%">

<input name="fm_kdpenerbit" type="text" id="fm_kdpenerbit" value="<?php echo "$kd_penerbit"; ?>" size="6" maxlength="5"> <input name="hd_kdpenerbit" type="hidden" id="hd_kdpenerbit" value="<?php echo "$kd_penerbit"; ?>"> </td> </tr> <tr> <td align="right">

Nama Penerbit </td>

<td><b>:</b></td> <td>

<input name="fm_penerbit" type="text" id="fm_penerbit" value="<?php echo "$penerbit"; ?>" size="35" maxlength="35"> </td> </tr> <tr> <td align="right">No Telpon</td> <td><b>:</b></td> <td>

<input name="fm_telp" type="text" id="fm_telp" value="<?php echo "$telp"; ?>" size="35" maxlength="25">

</td> </tr> <tr>

Modul SWR.DEV.403.(2).A 57/129

Page 58: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td align="right">Email</td> <td><b>:</b></td> <td> <input name="fm_email" type="text" id="fm_email" value="<?php echo "$email"; ?>" size="35" maxlength="40"> </td> </tr> <tr> <td align="right">Alamat</td> <td><b>:</b></td> <td> <textarea name="fm_alamat" cols="35" rows="2" id="fm_alamat"><?php echo "$alamat"; ?></textarea> </td> </tr> <tr> <td align="right">Keterangan </td> <td><b>:</b></td> <td><textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"><?php echo "$deskripsi"; ?></textarea> </td> </tr> <tr> <td></td> <td></td> <td><input name="tb_update" type="submit" id="tb_update2" value=" Update"></td> </tr> </table> </form><?php}else {include "olah_penerbit.php";}

?></body></html>

olah_penulis.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body ><form name="form1" method="post" action="exe_penulis.php"> <table width="476" border="0" align="center" cellpadding="0" cellspacing="1" class="tb_admin">

Modul SWR.DEV.403.(2).A 58/129

Page 59: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<tr> <td height="20" colspan="2" align="center" bgcolor="#BFD0EA">

<font size="4"><b>Pengelolaan Penulis</b></font></td> </tr> <tr > <td colspan="2" align="center" valign="top" ></td> </tr> <tr > <td width="11%" colspan="2" align="center"> <select name="fm_kdpenulis" id="fm_kdpenulis" > <?php

include "../include/conecsi.inc"; echo " <option value=not_penulis>------ Tentukan Nama Penulis

------</option>"; echo " <option

value=not_penulis>--------------------------------------------</option>"; $minta = "SELECT * FROM penulis ORDER BY kd_penulis"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[kd_penulis]>$hasil[penulis] </option>"; } ?>

</select></td> </tr> <tr > <td align="center" ></td> <td align="center" ></td> </tr> <tr > <td align="center">

<input name="tb_edit" type="submit" id="tb_edit" value=" Edit penulis "> </td> <td align="center" ><input name="tb_hapus" type="submit" id="tb_hapus" value=" Hapus penulis"> </td> </tr> </table></form>

</body></html>

ed_penulis.php<html><head><title>Administrator</title>

Modul SWR.DEV.403.(2).A 59/129

Page 60: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><?php if (! empty($fm_kdpenulis)){ include "../include/conecsi.inc"; $minta = "SELECT * FROM penulis WHERE kd_penulis='$fm_kdpenulis' ORDER BY kd_penulis "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) { $kd_penulis=$hasil[kd_penulis]; $penulis=$hasil[penulis]; $email=$hasil[email]; $alamat=$hasil[alamat]; $deskripsi=$hasil[deskripsi]; }

?><form name="form1" method="post" action="exe_penulis.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="21" colspan="3">

<b>Update Data Penulis</b> </td>

</tr> <tr> <td width="21%" align="right">

Kode Penulis </td>

<td width="2%"><b>:</b></td> <td width="77%">

<input name="fm_kdpenulis" type="text" id="fm_kdpenulis" value="<?php echo "$kd_penulis"; ?>" size="6" maxlength="5"> <input name="hd_kdpenulis" type="hidden" id="hd_kdpenulis" value="<?php echo "$kd_penulis"; ?>">

</td> </tr> <tr> <td align="right">Nama Penulis</td> <td><b>:</b></td> <td>

<input name="fm_penulis" type="text" id="fm_penulis" value="<?php echo "$penulis"; ?>" size="35" maxlength="35">

</td> </tr> <tr>

Modul SWR.DEV.403.(2).A 60/129

Page 61: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td align="right">Email</td> <td><b>:</b></td> <td>

<input name="fm_email" type="text" id="fm_email" value="<?php echo "$email"; ?>" size="35" maxlength="40">

</td> </tr> <tr> <td align="right">Alamat</td> <td><b>:</b></td> <td>

<textarea name="fm_alamat" cols="35" rows="2" id="fm_alamat"><?php echo "$alamat"; ?></textarea>

</td> </tr> <tr> <td align="right">Keterangan </td> <td><b>:</b></td> <td>

<textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"><?php echo "$deskripsi"; ?>

</textarea> </td>

</tr> <tr> <td></td> <td></td> <td>

<input name="tb_update" type="submit" id="tb_update2" value=" Update"> </td>

</tr> </table> </form><?php}else {include "olah_penulis.php";}

?></body></html>

olah_jenis.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css">

Modul SWR.DEV.403.(2).A 61/129

Page 62: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

</head>

<body ><form name="form1" method="post" action="exe_jenis.php"> <table width="476" border="0" align="center" cellpadding="0" cellspacing="1" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="20" colspan="2" align="center">

<font size="4"><b>Pengelolaan Jenis Buku</b></font>

</td> </tr> <tr > <td colspan="2" align="center" valign="top" ></td> </tr> <tr > <td width="11%" colspan="2" align="center" valign="top">

<select name="fm_kdjenis" id="fm_kdjenis" > <?php

include "../include/conecsi.inc"; echo " <option value=not_jenis>------ Tentukan Jenis Buku ------</option>"; echo " <option value=not_jenis>--------------------------------------------</option>"; $minta = "SELECT * FROM jenis ORDER BY kd_jenis"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[kd_jenis]>$hasil[jenis_buku] </option>"; } ?>

</select></td> </tr> <tr > <td align="center" ></td> <td align="center" ></td> </tr> <tr > <td align="center">

<input name="tb_edit" type="submit" id="tb_edit" value=" Edit Jenis "> </td> <td align="center" >

<input name="tb_hapus" type="submit" id="tb_hapus" value=" Hapus Jenis"> </td> </tr> </table></form>

</body></html>

Modul SWR.DEV.403.(2).A 62/129

Page 63: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Modul SWR.DEV.403.(2).A 63/129

Page 64: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

ed_jenis.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><?php if (! empty($fm_kdjenis)){ include "../include/conecsi.inc"; $minta = "SELECT * FROM jenis WHERE kd_jenis='$fm_kdjenis' ORDER BY kd_jenis "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) { $kd_jenis=$hasil[kd_jenis]; $jenis_buku=$hasil[jenis_buku]; $deskripsi=$hasil[deskripsi]; }

?><form name="form1" method="post" action="exe_jenis.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="0" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td colspan="3"><strong>Update data jenis buku</strong></td> </tr> <tr> <td width="20%" align="right">Kode </td> <td width="1%"><b>:</b></td> <td width="79%">

<input name="fm_kdjenis" type="text" id="fm_kdjenis" value="<?php echo "$kd_jenis"; ?>" size="6" maxlength="4"> <input name="hd_kdjenis" type="hidden" id="hd_kdjenis" value="<?php echo "$kd_jenis"; ?>"> </td> </tr> <tr> <td align="right">

Jenis Buku </td>

<td><b>:</b></td> <td>

<input name="fm_jenis" type="text" id="fm_jenis" value="<?php echo "$jenis_buku"; ?>" size="35" maxlength="35">

</td> </tr> <tr> <td align="right">

Modul SWR.DEV.403.(2).A 64/129

Page 65: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Keterangan </td>

<td><b>:</b></td> <td>

<textarea name="fm_deskripsi" cols="35" rows="4" id="fm_deskripsi"><?php echo "$deskripsi"; ?>

</textarea> </td>

</tr> <tr> <td></td> <td></td> <td>

<input name="tb_update" type="submit" id="tb_update" value=" Update"> </td>

</tr> </table></form><?php}else {include "olah_jenis.php";}

?></body></html>

olah_buku.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body ><form name="form1" method="post" action="exe_buku.php"> <table width="476" border="0" align="center" cellpadding="0" cellspacing="1" class="tb_admin"> <tr> <td height="20" colspan="2" align="center" bgcolor="#BFD0EA">

<font size="4"><b>Pengelolaan buku</b></font></td> </tr> <tr > <td colspan="2" align="center" valign="top" ></td> </tr> <tr >

Modul SWR.DEV.403.(2).A 65/129

Page 66: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td width="11%" colspan="2" align="center"> <select name="fm_nobuku" id="fm_nobuku" > <?php

include "../include/conecsi.inc"; echo "<option value=not_buku>------ Tentukan Judul Buku ------</option>"; echo "<option value=not_buku>--------------------------------------------</option>"; $minta = "SELECT no_buku,judul FROM buku ORDER BY no_buku"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[no_buku]>$hasil[judul] </option>"; } ?>

</select></td> </tr> <tr > <td align="center" ></td> <td align="center" ></td> </tr> <tr > <td align="center">

<input name="tb_edit" type="submit" id="tb_edit" value=" Edit buku "> </td> <td align="center" ><input name="tb_hapus" type="submit" id="tb_hapus" value=" Hapus buku"> </td> </tr> </table></form>

</body></html>

ed_buku.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><?phpif (! empty($fm_nobuku)){ include "../include/conecsi.inc"; $minta = "SELECT * FROM buku WHERE no_buku='$fm_nobuku' ORDER BY no_buku ";

Modul SWR.DEV.403.(2).A 66/129

Page 67: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

$eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) { $no_buku=$hasil[no_buku]; $isbn=$hasil[isbn]; $judul=$hasil[judul]; $jenis=$hasil[jenis]; $penulis=$hasil[penulis]; $penerbit=$hasil[penerbit]; $tahun=$hasil[tahun]; $jml_buku=$hasil[jml_buku]; $rak_buku=$hasil[rak_buku]; }

?><form name="form1" method="post" action="exe_buku.php"><table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="25" colspan="3">

<b>Masukan Data Buku</b></td> </tr> <tr> <td width="27%" align="right">ISBN</td> <td width="3%"><b>:</b></td> <td width="70%">

<input name="fm_isbn" type="text" id="fm_isbn" value="<?php echo "$isbn"; ?>" size="35" maxlength="15"> <input name="fm_nobuku" type="hidden" id="fm_nobuku" value="<?php echo "$no_buku"; ?>"> </td> </tr> <tr> <td align="right">Judul Buku</td> <td><b>:</b></td> <td>

<input name="fm_judul" type="text" id="fm_nama2" value="<?php echo "$judul"; ?>" size="35" maxlength="50">

</td> </tr> <tr> <td align="right">Jenis Buku</td> <td><b>:</b></td> <td><select name="fm_jenis" id="fm_jenis" > <?php

include "../include/conecsi.inc"; echo "<option value=not_jenis>--------- Jenis Buku ------------</option>"; echo "<option value=not_jenis>---------------------------------------</option>"; $minta = "SELECT kd_jenis,jenis_buku FROM jenis ORDER BY kd_jenis";

Modul SWR.DEV.403.(2).A 67/129

Page 68: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

$eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[kd_jenis]>$hasil[jenis_buku] </option>"; } ?>

</select></td> </tr> <tr> <td height="24" align="right">Penulis </td> <td><b>:</b></td> <td><select name="fm_penulis" id="fm_penulis" > <?php

echo "<option value=not_penulis>--------- Nama Penulis -------</option>"; echo "<option value=not_penulis>---------------------------------------</option>"; $minta = "SELECT kd_penulis,penulis FROM penulis ORDER BY kd_penulis"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[kd_penulis]>$hasil[penulis] </option>"; } ?>

</select> </td> </tr> <tr> <td align="right">Penerbit</td> <td><b>:</b></td> <td> <select name="fm_penerbit" id="fm_penerbit" > <?php

echo "<option value=not_penerbit>--------- Nama penerbit ------</option>"; echo "<option value=not_penerbit>---------------------------------------</option>"; $minta = "SELECT kd_penerbit,penerbit FROM penerbit ORDER BY kd_penerbit"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[kd_penerbit]>$hasil[penerbit] </option>"; } ?>

</select> </td> </tr>

Modul SWR.DEV.403.(2).A 68/129

Page 69: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<tr> <td align="right">Tahun Terbit</td> <td><b>:</b></td> <td> <select name="fm_tahun" id="fm_tahun" > <?php

$thn_sekarang=date('Y'); if(empty($thn_terbit)){echo "<option value=not_tahun>-- Tahun --</option>";

echo " <option value=not_tahun>---------------</option>";}else

$thn_sekarang=date('Y');for ($tahun=1950 ; $tahun <= $thn_sekarang ; $tahun++)echo "<option value=$tahun>$tahun</option>"; ?>

</select> </td> </tr> <tr> <td height="22" align="right">Jumlah Buku</td> <td><b>:</b></td> <td>

<input name="fm_jmlbuku" type="text" id="fm_jmlbuku" value="<?php echo "$jml_buku"; ?>" size="10" maxlength="5">

</td> </tr> <tr> <td align="right">Rak Buku</td> <td><b>:</b></td> <td>

<input name="fm_rakbuku" type="text" id="fm_rakbuku" value="<?php echo "$rak_buku"; ?>" size="10" maxlength="10">

</td> </tr> <tr> <td></td> <td></td> <td> <input name="tb_update" type="submit" id="tb_update3" value=" Update"> </td> </tr> </table> </form><?php}else {include "olah_buku.php";

Modul SWR.DEV.403.(2).A 69/129

Page 70: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

}

?></body></html>

olah_deskbuku.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body ><form name="form1" method="post" action="exe_deskbuku.php"> <table width="476" border="0" align="center" cellpadding="0" cellspacing="1" class="tb_admin"> <tr> <td height="20" colspan="2" align="center" bgcolor="#BFD0EA">

<font size="4"><b>Pengelolaan Deskripsi Buku</b></font></td> </tr> <tr > <td colspan="2" align="center" valign="top" ></td> </tr> <tr > <td width="11%" colspan="2" align="center"> <select name="fm_nodesk" id="fm_nodesk" > <?php

include "../include/conecsi.inc"; echo "<option value=not_deskbuku>------ Tentukan Desk Buku ------</option>"; echo "<option

value=not_deskbuku>--------------------------------------------</option>"; $minta = "SELECT B.judul,D.no_desk FROM desk_buku D, buku B WHERE B.no_buku=D.no_buku ORDER BY B.no_buku"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[no_desk]>$hasil[judul] </option>"; } ?>

</select></td> </tr> <tr > <td align="center" ></td> <td align="center" ></td>

Modul SWR.DEV.403.(2).A 70/129

Page 71: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

</tr> <tr > <td align="center">

<input name="tb_edit" type="submit" id="tb_edit" value=" Edit Desk Buku "> </td> <td align="center" >

<input name="tb_hapus" type="submit" id="tb_hapus" value=" Hapus Desk Buku"> </td> </tr> </table></form>

</body></html>

ed_ deskbuku.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><?phpif (! empty($fm_nodesk)){ include "../include/conecsi.inc"; $minta = "SELECT * FROM desk_buku WHERE no_desk='$fm_nodesk' ORDER BY no_desk "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) { $kondisi=$hasil[kondisi]; $deskripsi=$hasil[deskripsi]; }

?><form name="form1" method="post" enctype="multipart/form-data" action="exe_deskbuku.php"> <input type='hidden' name='max_file_size"

value='1024'><table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA">

Modul SWR.DEV.403.(2).A 71/129

Page 72: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td height="23" colspan="3"> <b>Update Data Deskripsi Buku</b></td>

</tr> <tr> <td width="25%" align="right">Judul Buku</td> <td width="2%"><b>:</b></td> <td width="73%"><select name="fm_judul" id="fm_judul" > <?php

include "../include/conecsi.inc"; echo "<option value=not_judul>--------- Jenis Judul Buku --------------</option>"; echo "<option value=not_judul>----------------------------------------------</option>"; $minta = "SELECT no_buku,judul FROM buku ORDER BY no_buku"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

echo " <option value=$hasil[no_buku]>$hasil[judul] </option>"; } ?>

</select> <input name="fm_nodesk" type="hidden" id="fm_nodesk" value="<?php echo "$fm_nodesk"; ?>"> </td> </tr> <tr> <td align="right">Gambar</td> <td><b>:</b></td> <td><input name="namafile" type="file" id="namafile" size="30" maxlength="50"> </td> </tr> <tr> <td align="right">Kondisi Buku</td> <td><b>:</b></td> <td>

<input name="fm_kondisi" type="text" id="fm_kondisi" value="<?php echo "$kondisi"; ?>" size="25" maxlength="25"> </td> </tr> <tr> <td align="right">Deskripsi</td> <td><b>:</b></td> <td>

<textarea name="fm_deskripsi" cols="35" rows="10" id="fm_deskripsi"><?php echo "$deskripsi"; ?>

</textarea> </td> </tr> <tr> <td></td>

Modul SWR.DEV.403.(2).A 72/129

Page 73: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td></td> <td> <input name="tb_update" type="submit" id="tb_update" value=" Update"> </td> </tr> </table></form><?php}else {include "olah_deskbuku.php";}

?></body></html>

olah_anggota.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body ><form name="form1" method="post" action="exe_anggota.php"> <table width="476" border="0" align="center" cellpadding="0" cellspacing="1" class="tb_admin"> <tr> <td height="20" colspan="2" align="center" bgcolor="#BFD0EA">

<font size="4"><b>Pengelolaan anggota</b></font></td> </tr> <tr > <td colspan="2" align="center" valign="top" ></td> </tr> <tr > <td width="11%" colspan="2" align="center"> <select name="fm_idanggota" id="fm_idanggota" > <?php

include "../include/conecsi.inc"; echo "<option value=not_anggota>------ Tentukan Nama Anggota

------</option>"; echo "<option value=not_anggota>--------------------------------------------</option>"; $minta = "SELECT * FROM anggota ORDER BY id_anggota"; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

Modul SWR.DEV.403.(2).A 73/129

Page 74: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

echo " <option value=$hasil[id_anggota]>$hasil[nama] </option>"; } ?>

</select></td> </tr> <tr > <td align="center" ></td> <td align="center" ></td> </tr> <tr > <td align="center">

<input name="tb_edit" type="submit" id="tb_edit" value=" Edit anggota "> </td> <td align="center" ><input name="tb_hapus" type="submit" id="tb_hapus" value=" Hapus anggota"> </td> </tr> </table></form>

</body></html>

ed_ anggota.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"></head>

<body><?phpif (! empty($fm_idanggota)){ include "../include/conecsi.inc"; $minta = "SELECT * FROM anggota WHERE id_anggota='$fm_idanggota' ORDER BY id_anggota "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) { $id_anggota=$hasil[id_anggota]; $user=$hasil[user]; $password=$hasil[password]; $nama=$hasil[nama]; $sex=$hasil[sex]; $email=$hasil[email]; $telp=$hasil[telp]; $alamat=$hasil[alamat]; $deskripsi=$hasil[deskripsi];

Modul SWR.DEV.403.(2).A 74/129

Page 75: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

}

?><form name="form1" method="post" action="exe_anggota.php"> <table width="425" border="0" align="center" cellpadding="0" cellspacing="2" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="23" colspan="3"><strong>Update Data Anggota</strong></td> </tr> <tr> <td width="23%" align="right">User Id</td> <td width="2%"><b>:</b></td> <td width="75%">

<input name="fm_user" type="text" id="fm_user" value="<?php echo "$user"; ?>" size="35" maxlength="35"> <input name="hd_idanggota" type="hidden" id="hd_idanggota" value="<?php echo "$id_anggota"; ?>">

</td> </tr> <tr> <td align="right">Nama</td> <td><b>:</b></td> <td>

<input name="fm_nama" type="text" id="fm_nama" value="<?php echo "$nama"; ?>" size="35" maxlength="35"> <input name="fm_password" type="hidden" id="fm_password" value="<?php echo "$password"; ?>">

</td> </tr> <tr> <td align="right">Sex</td> <td><b>:</b></td> <td>

<select name="fm_sex" id="fm_sex"> <option value="not_kelamin">---- Jenis Kelamin ----</option> <option value="P">Pria</option> <option value="W">Wanita</option> </select>

</td> </tr> <tr> <td align="right">No Telpon</td> <td><b>:</b></td> <td>

<input name="fm_telp" type="text" id="fm_telp" value="<?php echo "$telp"; ?>" size="35" maxlength="25">

</td> </tr> <tr> <td align="right">Email</td> <td><b>:</b></td>

Modul SWR.DEV.403.(2).A 75/129

Page 76: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 31: Tampilan menu admin pengolahan penerbit

<td> <input name="fm_email" type="text" id="fm_email5" value="<?php echo "$email"; ?>"

size="35" maxlength="40"> </td>

</tr> <tr> <td align="right">Alamat</td> <td><b>:</b></td> <td>

<textarea name="fm_alamat" cols="35" rows="2" id="textarea5"><?php echo "$alamat"; ?>

</textarea></td> </tr> <tr> <td align="right">Keterangan </td> <td><b>:</b></td> <td>

<textarea name="fm_deskripsi" cols="35" rows="4" id="textarea4"><?php echo "$deskripsi"; ?>

</textarea></td> </tr> <tr> <td></td> <td></td> <td>

<input name="tb_update" type="submit" id="tb_update3" value=" Update"> </td>

</tr> </table> </form><?php}else {include "olah_anggota.php";}

?></body></html>

Kalau penulisan script-script di atas sudah benar akan

menampilkan gambar-gambar seperti di bawah ini :

Modul SWR.DEV.403.(2).A 76/129

Page 77: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 32: Tampilan menu admin merubah data penerbit

Gambar 33: Tampilan menu admin pengolahan penulis

Gambar 34: Tampilan menu admin merubah data penulis

Gambar 35: Tampilan menu admin pengolahan anggota

Modul SWR.DEV.403.(2).A 77/129

Page 78: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 36: Tampilan menu admin merubah data anggota

Gambar 37: Tampilan menu admin pengolahan jenis buku

Gambar 38: Tampilan menu admin merubah data jenis buku

Gambar 39: Tampilan menu admin pengolahan buku

Modul SWR.DEV.403.(2).A 78/129

Page 79: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Gambar 40: Tampilan menu admin merubah data buku

Gambar 41: Tampilan menu admin pengolahan deskripsi buku

Gambar 42: Tampilan menu admin merubah deskripsi buku

Modul SWR.DEV.403.(2).A 79/129

Page 80: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Membuat Halaman Eksekusi dan Laporan input Data

Script halaman yang ada sebelumnya masih memerlukan file

eksekusi agar dapat menjalankan proses administrasi yang

diinginkan sesuai dengan fasilitas program remote yang dibuat,

script perintah eksekusi dibuat juga dalam kode PHP yang

dihubungkan dengan server database MySQL sebagai pengolah

basis data perpustakaan yang sudah dibuat, scriptnya adalah :

exe_ penerbit.php<?phprequire("../include/session.inc");require "menu_utama.php";require_once "fn_penerbit.php";

if($tb_simpan){

// pemanggilan fungsicek_formpenerbit();cek_email();

// Jika ketemu tombol simpan (tb_simpan) maka perintah ini dijalankaninclude "../include/conecsi.inc"; mysql_query("INSERT INTO penerbit (

kd_penerbit,penerbit,alamat,telp,email,deskripsi)

VALUES ('$fm_kdpenerbit','$fm_penerbit','$fm_alamat','$fm_telp','$fm_email','$fm_deskripsi')");

echo "Data penerbit $fm_penerbit telah tersimpan";include "in_penerbit.htm";

}

Modul SWR.DEV.403.(2).A 80/129

Page 81: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

else if($tb_update){

cek_formpenerbit(); cek_email(); include "../include/conecsi.inc"; mysql_query(" UPDATE penerbit SET

kd_penerbit='$fm_kdpenerbit',penerbit='$fm_penerbit',alamat='$fm_alamat',telp='$fm_telp',email='$fm_email',deskripsi='$fm_deskripsi'WHERE kd_penerbit='$hd_kdpenerbit'

"); echo "Data dengan kd_penerbit=$hd_kdpenerbit telah di update";include "ed_penerbit.php";

}else if($tb_hapus){// bagian ini akan dikerjakan jika tombol hapus di klick

include "../include/conecsi.inc";mysql_query(" DELETE FROM penerbit

WHERE kd_penerbit='$fm_kdpenerbit' ");

echo "Data dengan kd_penerbit=$fm_kdpenerbit telah dihapus ";include "olah_penerbit.php";

}

else if($tb_edit){include "ed_penerbit.php";}?>

fn_ penerbit.php<?phpfunction cek_formpenerbit(){global $fm_kdpenerbit,$fm_penerbit,$fm_telp,

$fm_email,$fm_alamat,$fm_deskripsi;

if (trim($fm_kdpenerbit)==""){echo "<b>Kode penerbit buku harus diisi ..!</b><br><br>";

Modul SWR.DEV.403.(2).A 81/129

Page 82: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

exit();}

else if(trim($fm_penerbit)==""){echo "<b>Nama penerbit harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_email)==""){echo "<b>Email penerbit harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_alamat)==""){echo "<b>Alamat penerbit harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_deskripsi)==""){echo"<b> Deskripsi buku harus diisi </b><br><br>";exit();}

}

function cek_email(){global $fm_email;

if (isset($fm_email)) if (empty($fm_email)) echo "Email Belum diisi <BR>\n"; else { // Cek e-mail if (ereg("^.+@.+\\..+$", $fm_email))

{ echo "Alamat e-mail $email Benar<BR>\n"; }

else {

echo "Alamat e-mail $email Salah <BR>\n"; exit();

}}

}

Modul SWR.DEV.403.(2).A 82/129

Page 83: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

?>

exe_ penulis.php<?phprequire("../include/session.inc");require "menu_utama.php";require_once "fn_penulis.php";

if($tb_simpan){

// Pemanggilan fungsicek_formpenulis();

cek_email();

// Jika ketemu tombol simpan (tb_simpan) maka perintah ini dijalankaninclude "../include/conecsi.inc"; mysql_query("INSERT INTO penulis (

kd_penulis,penulis,alamat,email,deskripsi)

VALUES ('$fm_kdpenulis','$fm_penulis','$fm_alamat','$fm_email','$fm_deskripsi')");

echo "Data Penulis $fm_penulis telah tersimpan";include "in_penulis.htm";

}else if($tb_update){

// Pemanggilan fungsicek_formpenulis();

cek_email(); include "../include/conecsi.inc"; mysql_query(" UPDATE penulis SET

kd_penulis='$fm_kdpenulis',penulis='$fm_penulis',alamat='$fm_alamat',email='$fm_email',

Modul SWR.DEV.403.(2).A 83/129

Page 84: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

deskripsi='$fm_deskripsi'WHERE kd_penulis='$hd_kdpenulis'

"); echo "Data dengan kd_penulis=$hd_kdpenulis telah di update";include "ed_penulis.php";

}else if($tb_hapus){// bagian ini akan dikerjakan jika tombol hapus di klick

include "../include/conecsi.inc";mysql_query(" DELETE FROM penulis

WHERE kd_penulis='$fm_kdpenulis' ");

echo "Data dengan kd_penulis=$fm_kdpenulis telah dihapus ";include "olah_penulis.php";

}

else if($tb_edit){include "ed_penulis.php";}?>

fn_ penulis.php<?php// Fungsi untuk mencek Form penulisfunction cek_formpenulis(){global $fm_kdpenulis,$fm_penulis,

$fm_email,$fm_alamat,$fm_deskripsi;

if (trim($fm_kdpenulis)==""){echo "<b>penulis buku harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_penulis)==""){echo "<b>Nama penulis harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_email)==""){echo "<b>Email penulis harus diisi ..!</b><br><br>";

Modul SWR.DEV.403.(2).A 84/129

Page 85: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

exit();}

else if(trim($fm_alamat)==""){echo "<b>Alamat penulis harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_deskripsi)==""){echo"<b> Deskripsi buku harus diisi </b><br><br>";exit();}

}

// Fungsi ini digunakan untuk mengecek Emailfunction cek_email(){global $fm_email;

if (isset($fm_email)) if (empty($fm_email)) echo "Email Belum diisi <BR>\n"; else { // Cek e-mail if (ereg("^.+@.+\\..+$", $fm_email))

{ echo "Alamat e-mail $email Benar<BR>\n"; }

else {

echo "Alamat e-mail $email Salah <BR>\n"; exit();

}}

}

?>

exe_ jenis.php<?phprequire("../include/session.inc");require "menu_utama.php";require_once "fn_jenis.php";

if($tb_simpan){

Modul SWR.DEV.403.(2).A 85/129

Page 86: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

// pemanggilan fungsi cek formcek_formjenis();

// Jika ketemu tombol simpan (tb_simpan) maka perintah ini dijalankaninclude "../include/conecsi.inc"; mysql_query("INSERT INTO jenis (

kd_jenis,jenis_buku,deskripsi)

VALUES ('$fm_kdjenis','$fm_jenis','$fm_deskripsi')");

echo "Data telah tersimpan";include "in_jenis.htm";

}else if($tb_update){

cek_formjenis();

include "../include/conecsi.inc"; mysql_query(" UPDATE jenis SET

kd_jenis='$fm_kdjenis',jenis_buku='$fm_jenis',deskripsi='$fm_deskripsi'WHERE kd_jenis='$hd_kdjenis'

"); echo "Data dengan kd_jenis=$hd_kdjenis telah di update"; include "ed_jenis.php";

}else if($tb_hapus){// bagian ini akan dikerjakan jika tombol hapus di klick

include "../include/conecsi.inc";mysql_query(" DELETE FROM jenis

WHERE kd_jenis='$fm_kdjenis' ");

echo "Data dengan kd_jenis=$fm_kdjenis telah dihapus ";include "olah_jenis.php";

}

else if($tb_edit){include "ed_jenis.php";

Modul SWR.DEV.403.(2).A 86/129

Page 87: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

}?>

fn_ jenis.php<?phpfunction cek_formjenis() { global $fm_kdjenis,$fm_jenis,$fm_deskripsi;

if (trim($fm_kdjenis)==""){echo "<b>Kode Jenis buku harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_jenis)==""){echo "<b>Nama jenis harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_deskripsi)==""){echo"<b> Deskripsi buku harus diisi </b><br><br>";exit();}

}

?>

exe_ buku.php<?phprequire("../include/session.inc");require "menu_utama.php";require_once "fn_buku.php";

if($tb_simpan){

// pemanggilan fungsicek_formbuku();

$tanggal=date('Y-m-d');

// Jika ketemu tombol simpan (tb_simpan) maka perintah ini dijalankaninclude "../include/conecsi.inc"; mysql_query("INSERT INTO buku (

Modul SWR.DEV.403.(2).A 87/129

Page 88: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

isbn,kd_jenis,judul,kd_penulis,kd_penerbit,thn_terbit,jml_buku,rak_buku,tgl_entry)

VALUES ('$fm_isbn','$fm_jenis','$fm_judul','$fm_penulis','$fm_penerbit','$fm_tahun','$fm_jmlbuku','$fm_rakbuku','$tanggal')");

echo "Data buku $fm_judul telah tersimpan";include_once('in_buku.php');

}else if($tb_update){

cek_formbuku(); $tanggal=date('Y-m-d');

include "../include/conecsi.inc"; mysql_query("UPDATE buku SET

isbn='$fm_isbn',kd_jenis='$fm_jenis',judul='$fm_judul',kd_penulis='$fm_penulis',kd_penerbit='$fm_penerbit',thn_terbit='$fm_tahun',jml_buku='$fm_jmlbuku',rak_buku='$fm_rakbuku',tgl_entry='$tanggal'WHERE no_buku='$fm_nobuku'

"); echo "Data dengan judul : $fm_judul /$fm_nobuku telah di update";

Modul SWR.DEV.403.(2).A 88/129

Page 89: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

include "ed_buku.php";}else if($tb_hapus){// bagian ini akan dikerjakan jika tombol hapus di klick

include "../include/conecsi.inc";mysql_query(" DELETE FROM buku

WHERE no_buku='$fm_nobuku'

");

echo "Data dengan judul : $fm_judul telah dihapus ";include "olah_buku.php";

}

else if($tb_edit){include "ed_buku.php";}?>

fn_ buku.php<?php

// Fungsi digunakan untuk mengecek form bukufunction cek_formbuku(){global $fm_isbn,$fm_judul,$fm_jenis,$fm_penulis,

$fm_penerbit,$fm_tahun,$fm_jmlbuku,$fm_rakbuku;

if (trim($fm_isbn)==""){echo "<b>ISBN harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_judul)==""){echo "<b>Judul buku harus diisi ..!</b><br><br>";exit();}

if (trim($fm_jenis)=="" | trim($fm_jenis)=="not_jenis"){echo "<b>Jenis buku Belum diisi ..!</b><br><br>";exit();}

else if(trim($fm_penulis)=="" | trim($fm_penulis)=="not_penulis"){

Modul SWR.DEV.403.(2).A 89/129

Page 90: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

echo "<b>Anda belum menentukan Nama Penulis ..!</b><br><br>";exit();}

else if(trim($fm_penerbit)=="" | trim($fm_penerbit)=="not_penerbit"){echo "<b>Anda belum menentukan Penerbit ..!</b><br><br>";exit();}

else if(trim($fm_tahun)=="" | trim($fm_tahun)=="not_tahun"){echo "<b>Email buku harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_jmlbuku)==""){echo "<b>Jumlah buku harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_rakbuku)==""){echo"<b> Rak buku harus diisi </b><br><br>";exit();}

}

?>

exe_ deskbuku.php<?phprequire("../include/session.inc");require "menu_utama.php";require_once "fn_deskbuku.php";

if($tb_simpan){

// pemanggilan fungsi cek_formdeskbuku();

// Jika ketemu tombol simpan (tb_simpan) maka perintah ini dijalankaninclude "../include/conecsi.inc"; mysql_query("INSERT INTO desk_buku (

no_buku,gambar,kondisi,

Modul SWR.DEV.403.(2).A 90/129

Page 91: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

deskripsi)

VALUES ('$fm_judul','$namafile_name','$fm_kondisi','$fm_deskripsi')");

if (copy($namafile,"../img_buku/$namafile_name")){ echo "Gambar $namafile_name telah disimpan ";

include_once('in_deskbuku.php');}

else {echo " gambar tidak dapat disimpan ";}

include_once('in_deskbuku.php');}else if($tb_update){

cek_formdeskbuku(); include "../include/conecsi.inc"; mysql_query("UPDATE desk_buku SET

no_buku='$fm_judul',gambar='$namafile_name',kondisi='$fm_kondisi',deskripsi='$fm_deskripsi'WHERE no_desk='$fm_nodesk'

");

copy($namafile,"../img_buku/$namafile_name");

echo "Data dengan no buku : $fm_judul telah di update"; include "ed_deskbuku.php";

}else if($tb_hapus){// bagian ini akan dikerjakan jika tombol hapus di klick

include "../include/conecsi.inc";

Modul SWR.DEV.403.(2).A 91/129

Page 92: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

mysql_query(" DELETE FROM desk_buku WHERE no_desk='$fm_nodesk'

");

echo "Data dengan No judul : $fm_judul telah dihapus ";include "olah_deskbuku.php";

}

else if($tb_edit){include "ed_deskbuku.php";}?>

fn_ deskbuku.php<?phpfunction cek_formdeskbuku(){global $fm_judul,$fm_kondisi,$fm_deskripsi,

$namafile,$namafile_name;

if (trim($fm_judul)=="" | trim($fm_judul)=="not_judul"){echo "<b>Judul buku harus Pilih ..!</b><br><br>";exit();}

else if(trim($fm_kondisi)==""){echo "<b>Kondisi buku harus diisi ..!</b><br><br>";exit();}

if (trim($fm_deskripsi)==""){echo "<b>Deskripsi buku Belum diisi ..!</b><br><br>";exit();}

}

?>

exe_ anggota.php<?phprequire("../include/session.inc");require "menu_utama.php";require_once "fn_anggota.php";

Modul SWR.DEV.403.(2).A 92/129

Page 93: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

if($tb_simpan){

// pemanggilan fungsicek_formanggota();

cek_email();

$tanggal=date('Y-m-d');

// Jika ketemu tombol simpan (tb_simpan) maka perintah ini dijalankaninclude "../include/conecsi.inc"; mysql_query("INSERT INTO anggota (

user,password,nama,sex,telp,alamat,email,tgl_entry,deskripsi)

VALUES ('$fm_user',password('$fm_password'),'$fm_nama','$fm_sex','$fm_telp','$fm_alamat','$fm_email','$tanggal','$fm_deskripsi')");

echo "Data anggota $fm_nama telah tersimpan";include "in_anggota.htm";

}// apabila menemukan tombol updateelse if($tb_update){

cek_formanggota(); cek_email(); $tanggal=date('Y-m-d');

Modul SWR.DEV.403.(2).A 93/129

Page 94: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

include "../include/conecsi.inc"; mysql_query(" UPDATE anggota SET

user='$fm_user',password='$fm_password',nama='$fm_nama',sex='$fm_sex',telp='$fm_telp',alamat='$fm_alamat',email='$fm_email',tgl_entry='$tanggal',deskripsi='$fm_deskripsi'WHERE id_anggota='$hd_idanggota'

"); echo "Data dengan id_anggota=$fm_idanggota atau user =$fm_user telah di update";include "ed_anggota.php";

}// apabila menemukan tombol hapuselse if($tb_hapus){// bagian ini akan dikerjakan jika tombol hapus di klick

include "../include/conecsi.inc";mysql_query(" DELETE FROM anggota

WHERE id_anggota='$fm_idanggota'

");

echo "Data dengan kd_anggota=$fm_idanggota telah dihapus ";include "olah_anggota.php";

}// apabila menemukan tombol editelse if($tb_edit){include "ed_anggota.php";}?>

fn_ anggota.php<?php

//Fungsi ini digunakan untuk mengecek form anggotafunction cek_formanggota(){global $fm_user,$fm_nama,$fm_sex,$fm_password,

$fm_telp,$fm_email,$fm_alamat,$fm_deskripsi;

if (trim($fm_user)=="")

Modul SWR.DEV.403.(2).A 94/129

Page 95: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

{echo "<b>User Id harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_password)==""){echo "<b>Password harus diisi ..!</b><br><br>";exit();}

if (trim($fm_nama)==""){echo "<b>Nama Belum diisi ..!</b><br><br>";exit();}

else if(trim($fm_sex)=="not_kelamin"){echo "<b>Anda belum menentukan Jenis kelamin ..!</b><br><br>";exit();}

else if(trim($fm_telp)==""){echo "<b>Anda belum mengisi No telpon..!</b><br><br>";exit();}

else if(trim($fm_email)==""){echo "<b>Email anggota harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_alamat)==""){echo "<b>Alamat anggota harus diisi ..!</b><br><br>";exit();}

else if(trim($fm_deskripsi)==""){echo"<b> Deskripsi buku harus diisi </b><br><br>";exit();}

}

// fungsi ini digunakan untuk mengecek emailfunction cek_email()

Modul SWR.DEV.403.(2).A 95/129

Page 96: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

{global $fm_email;

if (isset($fm_email)) if (empty($fm_email)) echo "Email Belum diisi <BR>\n"; else { // Cek e-mail if (ereg("^.+@.+\\..+$", $fm_email))

{ echo "Alamat e-mail $email Benar<BR>\n"; }

else {

echo "<b>Alamat e-mail $email Salah <BR><b>\n"; exit();

}}

}?>

lap_ penerbit.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"> </head>

<body > <table width="800" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="20" colspan="6" align="center"> <font size="4"><b>Daftar Penerbit</font></td> </tr> <tr > <td width="6%" align="left" bgcolor="#FFFFFF" ><b>Kode</b></td> <td align="left" bgcolor="#FFFFFF" ><b>Nama </b></td> <td align="left" bgcolor="#FFFFFF" ><b>Alamat</b></td> <td align="left" bgcolor="#FFFFFF" ><strong>No Telepon</strong></td> <td align="left" bgcolor="#FFFFFF" ><b>Email</b></td> <td align="left" bgcolor="#FFFFFF" ><b>Deskripsi</b></td> </tr> <?php include "../include/conecsi.inc";

Modul SWR.DEV.403.(2).A 96/129

Page 97: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

$minta = "SELECT * FROM penerbit ORDER BY kd_penerbit "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

?> <tr > <td align="left" bgcolor="#FFFFFF" ><?php echo " $hasil[kd_penerbit]"; ?></td> <td width="12%" bgcolor="#FFFFFF" ><?php echo " $hasil[penerbit]"; ?></td> <td width="19%" bgcolor="#FFFFFF" ><?php echo " $hasil[alamat]"; ?></td> <td width="12%" bgcolor="#FFFFFF" ><?php echo " $hasil[telp]"; ?></td> <td width="15%" bgcolor="#FFFFFF" ><?php echo " $hasil[email]"; ?></td> <td width="36%" bgcolor="#FFFFFF" ><?php echo " $hasil[deskripsi]"; ?></td> </tr> <?php } ?></table> </body></html>

lap_ penulis.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"> </head>

<body > <table width="800" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="20" colspan="5" align="center">

<font size="4"><b>Daftar Penulis</font> </td> </tr> <tr > <td width="8%" align="left" bgcolor="#FFFFFF" ><b>Kode</b></td> <td align="left" bgcolor="#FFFFFF" ><b>Nama </b></td> <td align="left" bgcolor="#FFFFFF" ><b>Alamat</b></td> <td align="left" bgcolor="#FFFFFF" ><b>Email</b></td> <td align="left" bgcolor="#FFFFFF" ><b>Deskripsi</b></td> </tr> <?php include "../include/conecsi.inc"; $minta = "SELECT * FROM penulis ORDER BY kd_penulis "; $eksekusi = mysql_query($minta);

Modul SWR.DEV.403.(2).A 97/129

Page 98: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

while($hasil=mysql_fetch_array($eksekusi)) {

?> <tr > <td align="left" bgcolor="#FFFFFF" ><?php echo " $hasil[kd_penulis]"; ?></td> <td width="15%" bgcolor="#FFFFFF" ><?php echo " $hasil[penulis]"; ?></td> <td width="23%" bgcolor="#FFFFFF" ><?php echo " $hasil[alamat]"; ?></td> <td width="20%" bgcolor="#FFFFFF" ><?php echo " $hasil[email]"; ?></td> <td width="34%" bgcolor="#FFFFFF" ><?php echo " $hasil[deskripsi]"; ?></td> </tr> <?php } ?></table> </body></html>

lap_ jenis.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"> </head>

<body > <table width="600" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="20" colspan="3" align="center"> <font size="4"><b>Daftar Jenis</font></td> </tr> <tr > <td width="11%" align="left" valign="top" bgcolor="#FFFFFF" ><b>Kode </b></td> <td align="left" valign="middle" bgcolor="#FFFFFF" ><b>Jenis Buku</b></td> <td align="left" valign="middle" bgcolor="#FFFFFF" ><b>Deskripsi</b></td> </tr> <?php include "../include/conecsi.inc"; $minta = "SELECT * FROM jenis ORDER BY kd_jenis "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

?> <tr > <td align="left" bgcolor="#FFFFFF" ><?php echo " $hasil[kd_jenis]"; ?></td> <td width="23%" bgcolor="#FFFFFF" ><?php echo " $hasil[jenis_buku]"; ?></td>

Modul SWR.DEV.403.(2).A 98/129

Page 99: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td width="47%" bgcolor="#FFFFFF" ><?php echo " $hasil[deskripsi]"; ?></td> </tr> <?php } ?></table> </body></html>

lap_ buku.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"> </head>

<body > <table width="800" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="20" colspan="8" align="center"> <font size="4"> <b>Daftar Buku</b></font> </td> </tr> <tr bgcolor="#FFFFFF" > <td width="6%"><b>Kode</b></td> <td><b>ISBN</b></td> <td><b>Judul</b></td> <td><b>Jenis</b></td> <td><b>Penulis</b></td> <td><b>Penerbit</b></td> <td><b>Jumlah</b></td> <td><b>Rak </b></td> </tr><?php include "../include/conecsi.inc"; $minta = "SELECT B.no_buku,B.isbn, B.judul,B.jml_buku,B.rak_buku, J.jenis_buku,PS.penulis,P.penerbit FROM buku B, penulis PS, jenis J, penerbit P WHERE ( B.kd_jenis=J.kd_jenis AND B.kd_penulis=PS.kd_penulis AND B.kd_penerbit=P.kd_penerbit) GROUP BY B.no_buku ORDER BY B.no_buku "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi))

Modul SWR.DEV.403.(2).A 99/129

Page 100: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

{

?> <tr > <td align="left" bgcolor="#FFFFFF">

<?php echo " $hasil[no_buku]"; ?></td>

<td width="8%" bgcolor="#FFFFFF"><?php echo " $hasil[isbn]"; ?></td>

<td width="16%" bgcolor="#FFFFFF"><?php echo " $hasil[judul]"; ?></td>

<td width="18%" bgcolor="#FFFFFF"><?php echo " $hasil[jenis_buku]"; ?></td>

<td width="18%" bgcolor="#FFFFFF"><?php echo " $hasil[penulis]"; ?></td>

<td width="17%" bgcolor="#FFFFFF"><?php echo " $hasil[penerbit]"; ?></td>

<td width="8%" bgcolor="#FFFFFF"><?php echo " $hasil[jml_buku]"; ?></td>

<td width="9%" bgcolor="#FFFFFF"><?php echo " $hasil[rak_buku]"; ?></td>

</tr><?php } ?></table> </body></html>lap_ deskbuku.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"> </head>

<body > <table width="800" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="20" colspan="6" align="center">

<font size="4"> <b>Daftar Deskripsi

Modul SWR.DEV.403.(2).A 100/129

Page 101: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Buku</b></font> </td> </tr> <tr bgcolor="#FFFFFF" > <td width="3%"><b>No</b></td> <td><b>ISBN</b></td> <td><b>Judul</b></td> <td><b>Gambar</b></td> <td><b>Kondisi </b></td> <td><b>Deskripsi</b></td> </tr> <?php include "../include/conecsi.inc"; $minta = "SELECT B.isbn,B.judul, D.gambar,D.kondisi,D.deskripsi FROM desk_buku D, buku B WHERE B.no_buku=D.no_buku GROUP BY B.no_buku ORDER BY B.no_buku "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {

$i++?> <tr > <td align="left" bgcolor="#FFFFFF">

<?php echo " $i"; ?> </td>

<td width="8%" bgcolor="#FFFFFF"> <?php echo " $hasil[isbn]"; ?> </td>

<td width="16%" bgcolor="#FFFFFF"> <?php echo " $hasil[judul]"; ?> </td>

<td width="11%" align="center" bgcolor="#FFFFFF"><img src="../img_buku/<?php echo "$hasil[gambar]"; ?>" width="75" height="62">

</td> <td width="18%" bgcolor="#FFFFFF">

<?php echo " $hasil[kondisi]"; ?> </td>

<td width="44%" bgcolor="#FFFFFF"> <?php echo " $hasil[deskripsi]"; ?> </td>

</tr> <?php } ?></table> </body></html>

Modul SWR.DEV.403.(2).A 101/129

Page 102: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

lap_ anggota.php<html><head><title>Administrator</title> <LINK REL="stylesheet" TYPE="text/css" HREF="../tpl/style_admin.css"> </head>

<body > <table width="800" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" class="tb_admin"> <tr bgcolor="#BFD0EA"> <td height="20" colspan="8" align="center">

<font size="4"> <b>Daftar langgota</b> </font> </td>

</tr> <tr bgcolor="#FFFFFF" > <td width="5%"><b>Kode</b></td> <td><b>User Id</b></td> <td><b>Nama</b></td> <td><b>Sex</b></td> <td><b>Alamat</b></td> <td><b>Telepon</b></td> <td><b>Email</b></td> <td><b>Deskripsi</b></td> </tr><?php include "../include/conecsi.inc"; $minta = "SELECT * FROM anggota ORDER BY id_anggota "; $eksekusi = mysql_query($minta); while($hasil=mysql_fetch_array($eksekusi)) {?> <tr > <td align="left" bgcolor="#FFFFFF">

<?php echo " $hasil[id_anggota]"; ?></td>

<td width="9%" bgcolor="#FFFFFF"><?php echo " $hasil[user]"; ?></td>

<td width="15%" bgcolor="#FFFFFF"><?php echo " $hasil[nama]"; ?></td>

Modul SWR.DEV.403.(2).A 102/129

Page 103: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<td width="5%" bgcolor="#FFFFFF"><?php echo " $hasil[sex]"; ?></td>

<td width="14%" bgcolor="#FFFFFF"><?php echo " $hasil[alamat]"; ?></td>

<td width="13%" bgcolor="#FFFFFF"><?php echo " $hasil[telp]"; ?></td>

<td width="12%" bgcolor="#FFFFFF"><?php echo " $hasil[email]"; ?></td>

<td width="27%" bgcolor="#FFFFFF"><?php echo " $hasil[deskripsi]"; ?></td>

</tr><?php } ?></table> </body></html>Dari hasil script di atas pada menu laporan akan tampak seperti

gambar-gambar di bawah ini :

Modul SWR.DEV.403.(2).A 103/129

Gambar 43: Tampilan menu admin laporan penerbit

Gambar 44: Tampilan menu admin laporan penulis

Page 104: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Modul SWR.DEV.403.(2).A 104/129

Gambar 45: Tampilan menu admin laporan Anggota

Page 105: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Membuat Halaman untuk Pengunjung / User

Halaman user merupakan halaman utama yang digunakan untuk

menampilkan seluruh informasi yang ada di dalam perpustakaan,

pada halaman ini program yang utama adalah mesin pencari,

Modul SWR.DEV.403.(2).A 105/129

Gambar 46: Tampilan menu admin laporan jenis buku

Gambar 47: Tampilan menu admin laporan daftar buku

Gambar 48: Tampilan menu admin laporan deskripsi buku

Page 106: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

sehingga apabila ada pengunjung yang datang dapat melakukan

pencarian data yang diinginkan. Sehingga pada halaman user

boleh dikatakan sebagai halaman pencarian data buku saja, user

tidak dapat melakukan hal banyak selain pencarian buku dan

melihat detail bukunya.

Untuk pengembangan sistem ini Anda juga dapat memberikan

beberapa menu yang menginformasikan mengenai profil dari

instansi atau Sekolah Anda, sehingga sebagai katalog sistem ini

juga dapat menjadi sebuah media informasi bagi unit instansi

Anda.

Seperti yang telah dijelaskan sebelumya bahwa pada halaman ini

Kita hanya diperbolehkan melakukan pencarian buku dan melihat

keterangan lengkap saja, untuk pencarian dibagi menjadi dua

kategori yaitu pilihan berdasarkan judul dan penulisnya. Berikut ini

script dari halaman mukanya.

index.php<html><head><title>Perpustakaan Online</title> <LINK REL="stylesheet" TYPE="text/css" HREF="tpl/style_utama.css"></head>

<body><table class="table_utama" width="760" border="0" align="center" cellpadding="0" cellspacing="0"> <tr valign="bottom" > <td colspan="2" class="td_head">

<strong><font size="+2">[ Perpustakaan Online ]</font></strong></td> </tr> <tr> <td width="140">&nbsp;</td> <td width="618">&nbsp;</td> </tr> <tr > <td align="center" valign="top" class="td_menu"><br> <table class="table_utama" width="98%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="center" class="td_headmenu" ><strong>Menu Utama</strong></td> </tr>

Modul SWR.DEV.403.(2).A 106/129

Page 107: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<tr> <td height="20">&raquo; <a href="?">Halaman depan</a></td> </tr> <tr> <td height="20">&raquo; <a href="?act=profil">Profil Instansi</a></td> </tr> <tr> <td height="20">&raquo; <a href="?act=bantuan">Banutan Program</a></td> </tr> </table> <br> </td><td align="center" valign="top" class="isi">

<br><?php

// menu digunakna untuk membuka halaman program include "form_cari.htm";include "buka_halaman.php";?>

</td> </tr></table></body></html>

Style_utama.css/* CSS Document */

BODY {FONT-SIZE: 11px; FONT-FAMILY: verdana, arial;}TD {FONT-SIZE: 11px; FONT-FAMILY: verdana, arial;}.table_utama {border-color : black;border-style : solid;border-width : 1px;

}.td_head{border-color : balck;border-style : solid;border-width : 0px 0px 1px 0px;background-color : #A1BBE4;height : 85 px;}.td_menu{

Modul SWR.DEV.403.(2).A 107/129

Page 108: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

border-color : balck;border-style : solid;border-width : 1px 1px 0px 0px;background-color : #BFD0EA;width : 140px;}.td_headmenu{border-color : balck;border-style : outset;border-width : 0px 0px 1px 0px;background-color : #A1BBE4;FONT-SIZE: 11px; FONT-FAMILY: verdana, arial;height : 20px;}td.utama{border-color : balck;border-style : solid;border-width : 1px 0px 0px 0px;

}td.isi{border-color : balck;border-style : solid;border-width : 1px 0px 0px 0px;}

Buka_halaman.php<?php

if (!isset($act))$act='';switch ($act){

case '' : include "welcome.htm"; break;case 'pencarian' : include "pencarian.php"; break;case 'detail_cari' : include "cari_detail.php"; break;case 'profil' : include "profil.htm"; break;case 'bantuan' : include "bantuan.htm"; break;

}

?>

welcome.htm<html><head>

Modul SWR.DEV.403.(2).A 108/129

Page 109: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<title>Welcome</title></head>

<body><p><strong><font size="5">Selamat datang......!</font></strong></p><p><strong><font size="6">Sistem Online Perpustakaan </font></strong> </p><br><strong><font size="3"> Created by TIM RPL</font></strong> </body></html>

Form_cari.htm<html><head><title>Form Pencarian</title></head>

<body><form name="form1" method="post" action="?act=pencarian"> <table class="menuutama" width="95%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="image/back_nemu.gif">&nbsp;</td> </tr> <tr> <td align="center" valign="top" bgcolor="#93E1F7">

<table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="50%" height="29" align="right"> <input name="data_cari" type="text" id="data_cari" size="20" maxlength="25"> </td> <td width="13%"><select name="pilihan" id="pilihan"> <option value="not_pilihan">--> Pilihan <--</option> <option value="penulis">Nama Penulis</option> <option value="judul">Judul Buku</option> </select></td> <td width="37%"><input name="cari" type="submit" id="cari" value=" Cari "></td> </tr> </table></td> </tr> </table></form></body></html>

pencarian.php<?php if($cari)

Modul SWR.DEV.403.(2).A 109/129

Page 110: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

{ if (empty($data_cari)) {

echo "Tentukan Data yang ingin di cari"; } else if ($pilihan=='not_pilihan') {

echo "Tentukan Option yang ingin di cari"; } else if($pilihan=='penulis') {

$sql = "SELECT B.no_buku, B.isbn, B.judul, B.thn_terbit, B.jml_buku, B.rak_buku, B.tgl_entry, P.penerbit, PN.penulis, J.jenis_buku FROM buku B, penerbit P, penulis PN, jenis J WHERE P.kd_penerbit=B.kd_penerbit AND PN.kd_penulis=B.kd_penulis AND B.kd_jenis=J.kd_jenis AND PN.penulis LIKE '%$data_cari%' GROUP BY B.no_buku ORDER BY B.no_buku ";

} else if($pilihan=='judul') {

$sql = "SELECT B.no_buku, B.isbn, B.judul, B.thn_terbit, B.jml_buku, B.rak_buku, B.tgl_entry, P.penerbit, PN.penulis, J.jenis_buku FROM buku B, penerbit P, penulis PN, jenis J WHERE P.kd_penerbit=B.kd_penerbit AND PN.kd_penulis=B.kd_penulis AND B.kd_jenis=J.kd_jenis AND B.judul LIKE '%$data_cari%' GROUP BY B.no_buku ORDER BY B.no_buku ";

} else { echo "nggak ada query"; } if (! empty($sql)) { include "include/conecsi.inc";

echo "<table class=table_utama width=99%>

Modul SWR.DEV.403.(2).A 110/129

Page 111: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<tr><td class=td_headmenu> Jenis Buku </td><td class=td_headmenu> Judul Buku </td><td class=td_headmenu> Penulis </td></tr> ";

$minta= mysql_query($sql); while($hs=mysql_fetch_array($minta)) {

echo "<tr><td>$hs[jenis_buku] </td><td><a href=?act=detail_cari&no_buku=$hs[no_buku]> $hs[judul]

</a></td><td> $hs[penulis] </td></tr>";

} echo "</table><br>";

}}?>

Cari_detail.php<?php

include "include/conecsi.inc";$sql = "SELECT B.no_buku, B.isbn, B.judul,

B.thn_terbit, B.jml_buku, B.rak_buku, B.tgl_entry, P.penerbit, PN.penulis, J.jenis_buku, D.deskripsi, D.gambar, D.kondisi FROM buku B, penerbit P, penulis PN, jenis J,desk_buku D WHERE P.kd_penerbit=B.kd_penerbit AND PN.kd_penulis=B.kd_penulis AND B.kd_jenis=J.kd_jenis AND B.no_buku ='$no_buku' AND B.no_buku=D.no_buku GROUP BY B.no_buku ORDER BY B.no_buku ";

if(!$hasil=mysql_query($sql)){

echo mysql_error();return 0;

}

$ada_baris=mysql_num_rows($hasil);if($ada_baris >=1)

Modul SWR.DEV.403.(2).A 111/129

Page 112: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

{

include "include/conecsi.inc";$minta= mysql_query($sql);while($hs=mysql_fetch_array($minta)) { $isbn=$hs[isbn]; $penulis=$hs[penulis]; $penerbit=$hs[penerbit]; $jenis=$hs[jenis_buku]; $judul=$hs[judul]; $thn_terbit=$hs[thn_terbit]; $jml_buku=$hs[jml_buku]; $rak_buku=$hs[rak_buku]; $kondisi=$hs[kondisi]; $gambar=$hs[gambar]; $deskripsi=$hs[deskripsi]; }

?>

<html><head><title>Detail Pencarian</title></head>

<body><table class=table_utama width="99%" border="0" cellpadding="0" cellspacing="2"> <tr>

<th class=td_headmenu width="166" scope="col">&nbsp;</th><th class=td_headmenu width="807" scope="col">&nbsp;</th>

</tr> <tr>

<td align="center"><b><br><img src="img_buku/<? echo "$gambar"; ?>" width="143" height="157"><br><br></b></td><td align="left" valign="top"><br><?php echo "$deskripsi"; ?><br><br> <table class=table_utama width="75%" border="0" cellspacing="0"

cellpadding="0"> <tr> <th class=td_headmenu width="198" scope="col">Judul</th> <th class=td_headmenu width="407" scope="col">Keterangan</th> </tr> <tr> <td>Isbn</td> <td><?php echo "$isbn"; ?></td> </tr>

Modul SWR.DEV.403.(2).A 112/129

Page 113: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<tr> <td>Jenis</td> <td><?php echo "$jenis"; ?></td> </tr> <tr> <td>Judul</td> <td><?php echo "$judul"; ?></td> </tr> <tr> <td>Penulis</td> <td><?php echo "$penulis"; ?></td> </tr> <tr> <td>Penerbit</td> <td><?php echo "$penerbit"; ?></td> </tr> <tr> <td>Tahun Terbit </td> <td><?php echo "$thn_terbit"; ?></td> </tr> <tr> <td>Jumlah Buku </td> <td><?php echo "$jml_buku"; ?></td> </tr> <tr> <td>Rak Buku </td> <td><?php echo "$rak_buku"; ?></td> </tr> <tr> <td>Kondisi</td> <td><?php echo "$kondisi"; ?></td> </tr> </table> </td>

</tr></table><br><br></body></html>

<?php}else {echo "Tidak ada detail buku";}?>

profil.htm

Modul SWR.DEV.403.(2).A 113/129

Page 114: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

<html><head><title>Untitled Document</title><style type="text/css"><!--.style1 {

font-size: large;font-weight: bold;

}--></style></head>

<body><span class="style1">Profil Perpustakaan On Line </span><br><br> Perpustakaan dengan versi Onlie ini dibuat dengan program PHP dan MySQL, <br>dan sebagai Servernya menggunakan Apache yang berjalan di Linux.<br><br></body></html>

bantuan.htm<html><head><title>Untitled Document</title><style type="text/css"><!--.style1 {

font-size: large;font-weight: bold;

}--></style></head>

<body><span class="style1">Help...me..!</span><br><br> Halaman ini digunakan untuk menampilkan beberapa pertolongan:<br>1. Menggunakan Program <br>2. Cara memesan Buku<br>3. Cara menjadi anggota<br>4. Dll.<br><br>

Modul SWR.DEV.403.(2).A 114/129

Page 115: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

</body></html>

Modul SWR.DEV.403.(2).A 115/129

Page 116: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Ketika dijalankan oleh pengunjung atau user akan muncul

tampilan seperti gambar di bawah ini.

Berarti seluruh script dapat berjalan dengan baik dan saling

berintegrasi satu sama lainnya.

c. Rangkuman 3

Dari ke-enam program masukan tersebut diatas data akan dikirim

ke-dalam sebuah program penyimpanan yang bernama

exe_penerbit.php, exe_penulis.php, exe_jenis.php, exe_buku.php,

exe_ deskbuku.php dan exe_anggota. php. Melalui program inilah

semua data akan disimpan kedalam kedalam tabel penerbit,

penulis, jenis, buku, deskbuku, dan anggota.

Pada program menu memiliki dua buah tombol yang kegunaanya

adalah:

Edlt : berguna untuk melakukan perubahan data yang dipilih

Hapus : berguna untuk menghapus data yang dipilih

Update: berguna untuk menyimpan data terbaru ke dalam tabel.

Modul SWR.DEV.403.(2).A 116/129

Gambar 49: Tampilan menu program aplikasi remote

Page 117: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Dari kesemua program eksekusi atau program akan dijalankan

pada halaman eksekusi yaitu :

Exe_penerbit.php : Halaman eksekusi tabel penerbit

Exe_penulis.php : Halaman eksekusi yang berhubungan dengan

tabel penulis.

Exe_jenis.php : Halaman eksekusi yang berhubungan dengan tabel

jenis buku.

Exe_buku.php Halaman eksekusi yang berhubungan dengan tabel

buku.

Exe_deskbuku.php: Halaman eksekusi yang berhubungan dengan

tabel deskripsi buku, dan

Exe_anggota.php : Halaman eksekusi yang berhubungan dengan

tabel anggota.

Program-program laporan merupakan satu kesatuan dengan

program yang lain, jika tidak terintegrasi dengan benar akan

banyak bug program yang muncul

Dari pengalaman penulis versi dari server MySQL dan PHP sangat

berpengaruh pada jalannya program sehingga apabila

menemukan bug-bug baru kita harus melihat referensi dari

manual program yang kita install di komputer kita.

d. Tugas 3

1) Buatlah script program yang diuraikan sebelumnya dan

tempatkanlah pada program webserver dan database server

yang sudah di install dari kegiatan dua

2) Modifikasilah beberapa kalimat, setting warna dari script

program sehingga menampilkan hasil yang tidak sama dengan

kode aslinya

Modul SWR.DEV.403.(2).A 117/129

Page 118: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

3) Inputkan data-data perpustakaan sekolah anda kedalam program

ini agar terasa lebih realistis dan berguna untuk pengolahan

administrasi di sekolah anda.

e. Tes Formatif 3

1) Sebutkan dua buah perintah teknik penyandian kata kunci di

database server MySQL?

2) Variabel apakah yang diingat oleh program agar dapat selalu

menjalankan file-file admin program remote data.

3) Pembuatan basisdata perpustakaan selain menggunakan MySQL

command line dapat juga menggunakan program apa ?

4) Sebutkan dua Editor PHP selain notepad ?

5) Dimanakah kita menemukan petunjuk bug-bug script program

apabila tidak compatible antara versi sebelumnya dengan versi

yang lebih baru

f. Lembar Kerja 3

Alat dan Bahan :

3) Satu unit komputer yang telah terinstal Windows XP atau Linux

4) Petunjuk praktikum untuk kegiatan belajar ini

Kesehatan dan Keselamatan Kerja

6) Berdo’alah sebelum memulai kegiatan belajar.

7) Bacalah dan pahami petunjuk praktikum pada setiap lembar

kegiatan belajar.

8) Gunakanlah UPS agar kalau terjadi pemutusan listrik tiba-tiba

hasil kerja tidak langsung hilang

9) Jika telah selesai, matikan komputer dengan benar

Modul SWR.DEV.403.(2).A 118/129

Page 119: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

10) Ikuti petunjuk guru

Langkah Kerja

5) Baca dan pahami petunjuk praktikum yang ada.

6) Jika ada kesulitan tanyakan pada guru pengajar atau pendamping.

7) Laporkan hasil kerja anda pada guru pengajar atau pendamping.

8) Jam mencoba praktek sangat mempengaruhi hasil latihan

Modul SWR.DEV.403.(2).A 119/129

Page 120: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

4. Kegiatan Belajar 4 : Menguji aplikasi remote data interaktif

a. Tujuan Kegiatan Pemelajaran

1) Peserta dapat menguji aplikasi remote data interaktif sesuai

dengan SOP

2) Peserta diklat mampu menilai fungsi-fungsi program aplikasi

program yang dapat dijalankan maupun yang tidak dapat

dijalankan.

3) Peserta dapat melaporkan dengan check list standar yang berlaku

tentang karakteristik program

b. Uraian Materi 4

Menguji aplikasi remote data interaktif serta mencari dan

memperbaiki bug-bug program yang masih ada. Untuk pengujiannya

aplikasi ditempatkan pada satu komputer yang diibaratkan sebagai

server, sedangkan program dijalankan dari komputer lain,

diharapkan program dapat berjalan lancar menginput data serta

menghapus data dapat dilaksanakan tanpa mengalami hambatan,

serta sekuritas program dari penggunaan user yang tidak berwenang

dapat dinetralisir.

Mensetting jaringan komputer

Agar pengujian aplikasi remote data dapat berjalan dengan baik

pertama kali yang harus dilaksanakan adalah mensetting jaringan,

alamat IP serta mempunyai domain dan alamat jaringan komputer

yang sama, misal server dengan alamat 192.168.1.1 sedangkan klien

dapat disetting dengan alamat 192.168.1.xxx dimana dapat

dilakukan dengan alamat statis maupun dinamis.

Syarat utama adalah tiga octet alamat komputer klien harus sama

dengan tiga octet dari alamat komputer server, barulah aplikasi

webserver dan database server dijalankan pada komputer server

Modul SWR.DEV.403.(2).A 120/129

Page 121: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Menguji program aplikasi remote dari jaringan komputer

Setelah proses penyamaan alamat serta aplikasi di komputer server

dijalankan, pada komputer klien ketikkan alamat DNS server atau

alamat IP dari server misalkan 192.168.1.1 dari aplikasi browser yang

ada di komputer klien akan muncul di layar komputer klien seperti

pada gambar 45.

Menguji fungsi-fungsi program aplikasi remote data dari

jaringan komputer

Di bawah ini ada beberapa SOP yang harus di cek apakah program

remote data telah berjalan sebagaimana mestinya.

No Pengujian Jalan Tidak

1 Masuk halaman utama dari komputer klien

2 Pindah menu dari komputer klien

3 Mencari judul dan penulis buku dari fasilitas searching

4 Login dengan level administrator

5 Akses ke menu pilihan utama yang ada di admin

6 Akses tombol menu masukan data-data

7 Akses tombol menu pengelolaan data-data

8 Akses tombol menu laporan data-data

9 Akses tombol menu log out

10 Akses masukan data penerbit baru

11 Akses edit data penerbit yang telah dimasukkan

12 Akses menghapus data penerbit yang telah masuk

13 Akses masukan data penulis baru

14 Akses edit data penulis yang telah dimasukkan

15 Akses menghapus data penulis yang telah

Modul SWR.DEV.403.(2).A 121/129

Page 122: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

masuk

16 Akses masukan data anggota baru

17 Akses edit data anggota yang telah dimasukkan

18 Akses menghapus data anggota yang telah masuk

19 Akses masukan data jenis buku baru

20 Akses edit data jenis buku yang telah dimasukkan

21 Akses menghapus data jenis buku yang telah masuk

No Pengujian Jalan Tidak

22 Akses masukan data buku baru

23 Akses edit data buku yang telah dimasukkan

24 Akses menghapus data buku yang telah masuk

25 Akses masukan data deskripsi buku baru

26 Akses edit data deskripsi buku yang telah dimasukkan

27 Akses menghapus data deskripsi buku yang telah masuk

28 Tampilan hasil laporan data penerbit

29 Tampilan hasil laporan data penulis

30 Tampilan hasil laporan data anggota

31 Tampilan hasil laporan data jenis buku

32 Tampilan hasil laporan data buku

33 Tampilan hasil laporan data deskripsi buku

34 Tampilan hasil pencarian buku/penulis yang ditemukan

Dari hasil pengujian tabel di atas dapat diidentifikasi kesalahan-kesa-

lahan yang terjadi dalam pembuatan program remote data interaktif,

apabila terdapat kesalahan akan muncul pada program browser

komputer klien, catatlah pesan-pesan kesalahan itu, dan coba

Modul SWR.DEV.403.(2).A 122/129

Tabel 6 : Tabel Menguji Program

Page 123: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

memperbaiki coding program yang berada di server, dengan

mengacu pada referensi fasilitas bantuan dari platform program yang

digunakan

Melaporkan adanya kesalahan program aplikasi remote dari

jaringan komputer

Setelah dilakukan pengujian berdasarkan tabel 2, apabila ditemukan

kesalahan-kesalahan harus segera dicatat dan dibukukan, hal

merupakan prinsip recycle dari pembuatan program kita , Dengan

format seperti tertera di bawah ini

No. Pesan Kesalahan Cara mengatasi

1

2

3 dst

Dari kesalahan yang terjadi, dilakukan perbaikan kode program

kemudian kita ulang lagi pengujian mulai dari awal samapai tidak

ditemukan adanya suatu kesalahan dari seluruh proses penggunaan

program remote data interaktif.

c. Rangkuman 4

Dari kegiatan pengujian program ini diharapkan sebelum sempurna

betul program sedapatnya di perbaiki dengan teknik recycle agar

ketika diberikan oleh pengguna sudah sempurna, catatan kesalahan

yang didapat selama pengujian dapat merupakan data khusus bagi

pemrogram kelak jika akan membuat program lagi

d. Tugas 4

Modul SWR.DEV.403.(2).A 123/129

Tabel 7 : Tabel Laporan Kesalahan Program

Page 124: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Dari tabel pengecekan di atas buatlah laporan kerja kesalahan yang

terjadi selama pengujian dari komputer klien.

e. Tes Formatif 4

1) Apakah DNS itu

2) Apakah dalam pengujian program diperlukan biaya mahal, coba

jelaskan secara singkat.

3) Bagaimanakah jika alamat komputer server dan klien tidak sama

octetnya.

4) Dihubungkan dengan apakah kedua komputer tersebut?

f. Lembar Kerja 4

Alat dan Bahan :

1) Dua unit komputer yang telah terinstal Windows XP atau Linux

2) Kabel jaringan Cross

3) SOP pengujian

4) Petunjuk praktikum untuk kegiatan belajar ini

Kesehatan dan Keselamatan Kerja

1) Berdo’alah sebelum memulai kegiatan belajar.

2) Bacalah dan pahami petunjuk praktikum pada setiap lembar

kegiatan belajar.

3) Copylah baris program yang mengalami kesalahan terus

editlah hasil copyannya agar kalau masih bermasalah tidak

kehilangan kode secara totalitas.

4) Jika telah selesai, matikan komputer dengan benar

5) Ikuti petunjuk guru

Modul SWR.DEV.403.(2).A 124/129

Page 125: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

Langkah Kerja

1) Baca dan pahami petunjuk praktikum yang ada.

2) Jika ada kesulitan tanyakan pada guru pengajar atau

pendamping.

3) Laporkan hasil kerja anda pada guru pengajar atau

pendamping.

4) Jam mencoba praktek sangat mempengaruhi hasil latihan

Modul SWR.DEV.403.(2).A 125/129

Page 126: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

BAB IIIEVALUASI

A. PERTANYAAN

a. Jelaskan definisi web dinamis beserta penjelasan singkat !

b. Apa perbedaan antara web dinamis dan statis ? serta perbedaan

background aplikasi diantara kedua hal tersebut ?

c. Apa perbedaan antara internal frame dan frame ?

d. Fasilitas pemrograman ASP dan PHP mulai didukung oleh

Macromedia Dreamweaver sejak versi berapa ?

e. Bagaimana teknik upload data serta download nya apabila dilak-

sanakan secara remote, penggunaa aplikasi serta faktor

keamanan yang harus diperhitungkan dalam pelaksanaan secara

remote.

f. Adakah pengaruh lebar bandwith terhadap kecepatan

downstream maupun upload data-data aplikasi secara remote ?

jelaskan secara singkat ?

g. Sebutkan aplikasi remote administrasi yang tersedia gratis di

internet ?

h. Apakah perbedaaan paket instalasi Apache yang mempunyai

fasilitas SSL dengan yang tidak ?

i. Dimanakah kita bisa mendapatkan file instalasi program Apache ?

j. Bagaimanakah cara mengubah lokasi file default di program

webserver Apache ?

k. Sebutkan salah satu program yang dapat menangani administrasi

konfigurasi program MySQL

Modul SWR.DEV.403.(2).A 126/129

Page 127: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

l. Bagaimanakah cara mengubah lokasi file default tabel dan

database di MySQL ?

m. Selain di apache PHP dapat digunakan pula pada program

webserver yang lain, sebutkan minimal 2 program ?

n. Tuliskan script konfigurasi PHP di Apache agar dapat dijalankan

ketika program webserver Apache kita jalankan

o. Pada port berapa data MySQL bekerja ?

p. Apakah DNS itu

q. Apakah dalam pengujian program diperlukan biaya mahal, coba

jelaskan secara singkat.

r. Bagaimanakah jika alamat komputer server dan klien tidak sama

octetnya.

s. Dihubungkan dengan apakah kedua komputer tersebut?

B. KRITERIA KELULUSAN

AspekSkor

(1-10)Bobot Nilai Keterangan

Kognitif (soal no 1 s/d 17)

6 Syarat lulus nilai minimal 70 dan skor setiap aspek minimal 7

Ketepatan penggunaan Error-checking

3

Ketepatan waktu 1

Nilai Akhir

Kategori kelulusan:

70 – 79 : Memenuhi kriteria mininal. Dapat bekerja dengan bimbingan.

80 – 89 : Memenuhi kriteria minimal. Dapat bekerja tanpa bimbingan.

90 – 100 : Di atas kriteria minimal. Dapat bekerja tanpa bimbingan.

Modul SWR.DEV.403.(2).A 127/129

Tabel 8 : Tabel Kriteria Kelulusan

Page 128: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

BAB IVPENUTUP

Demikianlah modul pemelajaran Membangun Program Aplikasi

Remote Data Interaktif. Materi yang telah dibahas dalam modul ini

masih sangat sedikit. Hanya sebagai dasar saja bagi peserta diklat

untuk belajar lebih lanjut. Diharapkan peserta diklat memanfaatkan

modul ini sebagai dasar untuk menguasai teknik pembuatan aplikasi

remote data interaktif lebih jauh, sehingga peserta diklat dapat

membuat aplikasi remote data interaktif lebih baik dan dikembangkan

sesempurna mungkin mengikuti kebutuhan pasar, juga untuk

melakukan troubleshooting terhadap masalah kode-kode program yang

mungkin terjadi.

Setelah menyelesaikan modul ini dan mengerjakan semua tugas serta

evaluasi maka berdasarkan kriteria penilaian, peserta diklat dapat

dinyatakan lulus atau tidak lulus. Apabila dinyatakan lulus karena ini

adalah modul terakhir maka peserta diharapkan mengembangkan

aplikasi sejenis tetapi dengan topik berbeda untuk dijadikan sebagai

portofolio waktu mencari pekerjaan di industri pemrograman,

sedangkan apabila dinyatakan tidak lulus maka peserta diklat harus

mengulang modul ini dan dinyatakan belum tuntas dalam mengambil

rangkaian kompetensi di Bidang Keahlian RPL

Modul SWR.DEV.403.(2).A 128/129

Page 129: Bab i Vi Membangun Program Aplikasi Remote Data Interaktif for Siswa

DAFTAR PUSTAKA

Bunafit Nugroho, Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL, Yogjakarta: Penerbit Gava Media.

Muhammad Imansyah, PHP & MySQL untuk Orang Awam , Palembang: CV Maxicom.

Modul SWR.DEV.403.(2).A 129/129


Recommended