UJIAN KOMPETENSI TEKNIK KOMPUTER DAN JARINGAN SMK NEGERI 1 BANGKINANG TAHUN PELAJARAN 2008/2009 ================================================================ Judul : Mendesain

Sistem Informasi Sekolah Berbasis Client Server.

Langkah Kerja :
1. Menginstalasi perangat jaringan 2. Menginstalasi PHP dan MySQL 3. Memeriksa koneksi dan fungsionalitas jaringan 4. Menjalankan program PHP dan MySQL 5. Perancangan system 6. Perancangan database 7. Tampilan system

Pekerjaan di Komputer Server

1. Konfigurasi Intrnet Information Service (IIS)

a. Start Control Panel Add/remove windows component Ctt: Kalau tidak ada IIS masukkan cd SP2
b. Kemudian pilih ceklist Internet Information Service pilih detail c. Ceklist semua selain dokumentation d. Oke Next Finish

2. Install PHP a. Di CD master copy ke drive C b. Setelah itu cari file php.ini-dist
1 Sony Wirayudha

c. Kemudian ubah nama menjadi php.ini

d. Buka file php.ini dan cari cgi.force_redirect = 1

e. Copy file ini kemudian pastekan dibawahnya. f. Angka 1 diubah menjadi 0 g. Hapus ; pada extention=php_gd2.dll h. Hapus ; pada extention=php_mysql.dll i. File dan save dan ditutup j. Copy file php_gd2.dll dan php_mysql.dll yang ada di folder ext di php kemudian pastekan difolder php. k. Langkah c s/d j dilakukan kalau file php belum diedit. l. Kalau sudah diedit langkah selanjutnya adalah konfigurasi IIS 3. Konfigurasi IIS a. Start Control Panel Administrative Tool - Internet Information Service b. Pilih service c. Expand tanda tambah d. Bagian Web Sites klik kanan Default Web Site properties e. Document add
f. Tambahkan index.php ( huruf kecil )

g. Ok dan pindahkan ke atas

h. Home Directory bagian local path ketikkan c:\inetpub\ftproot

i. Ceklis directory browsing j. Configuration add

k. Bagian executable ketik c: \php\php-cgi.exe l.

Extention ketik saja .php

m. Ok Ok Ok
2 Sony Wirayudha

n. Konfigurasi ftpsite a. Klik kanan default ftpsite properties security accounts

b. Pada Security Account hilangkan ceklis allaw amonymons conection yes apply

c. Home directory local path ceklist write d. Oke e. Stop start

f. Exit Internet Information service ( IIS ) 4. Menambahkan user accounts

a. Start control panel user accounts create new accounts

b. Buat user : ftproot c. Create password : 123 5. Instalasi Mysql

Ctt: Jika sedang uninstall restart computer Matikan firewall

a. Masukkan CD install MYSQL b. Double klik setup.exe c. Next complete next d. Install (wait) e. Skip sign Up f. Next dan finish file copy g. Next next next next next next next next h. Ceklis in clued bin directory in window path i. Next j. Buat password : 123 ( Misal )
3 Sony Wirayudha

k. Next l. Execute 6. Install HaidiSQL 7. Konfigurasi Mysql Client ( Membuat user di server ) Buka dan jalankan HaidiSQL a. Hostname User Password : localhost : root : 123

Yg lain jagan diganggu b. Connect c. Menu Tools User manager Jangan ganggu yg lain kecuali mengisi password 123 d. Previleges : ceklis

e. With grant option di ceklis

f. Add User - OK

g. Tambahkan satu user lagi h. Ganti credential User Fromhost Password i. Privbelege : siswa : localhost : 123 : select-; insert, update, delete, altar,create,drop

j. Add User OK k. Tambahkan seperti dengan diatas l. Cuma fromhost

m. Add User OK 4 Sony Wirayudha

:%

CLOSE DAN SELESAI KERJA DI SERVER

Pekerjaan di Komputer Client

1. Install HaidiSQL di computer 2. Connect ke server Hostname User Password connect

3. Jalankan HeidiSQL yg ada di server 4. Setelah itu Create database 5

: nama server : siswa : 123

Sony Wirayudha

Tool create data base Buat nama db smkn1bkn Ok ( jangan ada spasi )
5. Create Table ( poisisi tetap di dbsmkn1bkn )

6. Nama : tbsiswa 7. Ubah field = Fieldname menjadi nisn Add

8. Field properties Varcar ( mis 15) Checklist primary Create 9. Create table ( posisi tetap di dbsmkn1bkn ) Cara sama dengan yang diatas.
10. Penambahan Field data siswa dan tb guru

Pilih tbsiswa ( dblklik) Clik icon + Ada tiga diubah sesuai kebutuhan Nama, type, length Nama : varchar ( mis 25) Tempat lahir : varchar ( mis 20) tgl lahir Kelamin Kelas : date : varchar ( 1) default = L : varchar ( 1) default =1

Tambahkan Field tbguru sama dengan diatas

11. Menambah record data tbsiswa/tbguru

Klik icon View di tb siswa ( untuk tb guru caranya sama )

6 Sony Wirayudha

Untuk record tipe data format : yyyy-mm-dd Missal tgl lahir 30 mei 1970 maka diisi : 1970-05-30

Menjlankan softwere Dreamweaver di Computer Client

Fungsinya : Posting webserver atau membuat PHP ke server

1. Jalankan program dreamweaver

2. Manage sites/konfigurasi server

3. New FTP/RDS server Yang perlu diisi : FTP host Hostdirectory Login Password Test dan OK Done : nama atau ip server : kosongkan : ftproot : 123

4. Membuat document PHP Sama seperti document html, create new PHP File save to remote server

Sony Wirayudha

5. Membuat aplikasi database

Halaman Utama ( Index)

Pilih file new dynamic page php klick create Terus pilih file save to remote server lalu simpan dengan nama index klik save Di index php tulis data guru dan data siswa lalu save

Membuat data guru Pilih file new dynamic page php klik create Pilih file save to remote server.. simpan dengan nama guru.php klik save Setelah itu pilih application di posisi kanan atas dan pilih data base Pilih tambah (+) klik Mysql Conection Isi : Connection name : cnsmk (terserah anda) Mysql server User name Password : ip / atau nama server : siswa : 123

Select : dbsmkn1bkn; test terlebih dahulu, lalu ok

Membuat data siswa Pilih file new dynamic page php klik create Pilih file save to remote server.. simpan dengan nama siswa.php klik save Setelah itu pilih application di posisi kanan atas dan pilih data base Pilih tambah (+) klik Mysql Conection
8 Sony Wirayudha

Isi : Connection name : cnsmk (terserah anda) Mysql server User name Password : ip / atau nama server : siswa : 123

Select : dbsmkn1bkn; test terlebih dahulu, lalu ok jika application di data guru telah di buat maka tidak perlu di ulangi lagi

6. Ganti toolbar common menjadi application

7. Pilih recordset ( mis memilih table tbsiswa) Name Connection Table : siswa : cnsmk : tbsiswa

All sort nisn ascending ok

Sekarang pilih dynamic data Ikon petir dynamic table Border Cdpadding Simpan dan OK :1 : 0 ; cellspacing : 0

Tambahkan navigasi record Record set navigation status

Sony Wirayudha

Tulis dibawah tabel ( kembali kehalaman utama ) lalu di link kan dengan cara pilih gambar folder / link pilih sites and servers pilih index.php save (file-save) atau (ctrl + s) jika muncul update link ? pilih No

Pergi ke index.php Dan blok tulisan data guru lalu link kan dengan cara pilih gambar folder / link pilih sites and servers pilih guru.php Lalu ok. save (file-save) atau (ctrl + s) jika muncul update link ? pilih No Jalankan browser ( internet explorer ) dengan http://ip atau nama server

8. Menambah data

Menambah data guru

Pilih file new atau (ctrl+n) dynamic page php klik create Pilih file save to remote server.. simpan dengan nama tambah guru.php klik save Setelah itu di application pilih recordset : Nama Conection Table :tambahguru :cnsmk :guru

Test dan klik ok Trus pilih insert record record insertion form wizard dan isi : Conection Table After inserting, go to Lalu klik ok
10 Sony Wirayudha

:cnsmk :guru :browse-Sites and Server-guru dan ok

Lalu kembali ke guru.php dan buat link dangan nama tambah guru save (file-save) atau (ctrl + s) jika muncul update link ? pilih No Jalankan browser dengan internet explorer dengan http://ip atau nama server

Menambah data siswa

Pilih file new atau (ctrl+n) dynamic page php klik create Pilih file save to remote server.. simpan dengan nama tambah siswa.php klik save Setelah itu di application pilih recordset : Nama Conection Table :tambahsiswa :cnsmk :siswa

Test dan klik ok Trus pilih insert record record insertion form wizard dan isi : Connection Table After inserting, go to Lalu klik ok :cnsmk :siswa :browse-Sites and Server-siswa dan ok

Lalu kembali ke siswa.php dan buat link dangan nama tambah siswa save (file-save) atau (ctrl + s) jika muncul update link ? pilih No Jalankan browser dengan internet explorer dengan http://ip atau nama server

9. Mengupdate data 11 Sony Wirayudha

Mengupdate data guru

Pilih file new atau (ctrl+n) dynamic page php klik create Pilih file save to remote server.. simpan dengan nama update guru.php klik save Setelah itu di application pilih recordset : Nama Conection Table :updateguru :cnsmk :guru

Test dan klik ok Trus pilih Update record - record update form wizard Connection Table update Select record from Unique key column After updating, go to Lalu klik ok :cnsmk :guru :tambahguru :nip : browse-Sites and Server-guru.php dan ok dan isi :

Lalu kembali ke guru.php dan ubah tampilan split lalu blok nip terus masukkan link ke sites and server-update guru.php-ok. Di tampilan code telah terblok secara otomatis sejumlah scrip dan copy(edit-copy) atau (ctrl+c) trus pindahkan kursor dekat php> dan ketikkan php?nip= Setelah itu paste(edit-paste) atau (ctrl+v) yang di copy tadi save atau (ctrl + s)

12

Sony Wirayudha

kembali lagi ke update guru.php dan ubah tampilan menjadi split lalu di code lihat anatara line 30-60 :

mysql_select_db($database_cnsmk, &cnsmk) ; $query_tambahsiswa = SELECT * FORM guru;

Dan ubah menjadi :

While (list($key,$value)=each($_GET))$$key=$value; mysql_select_db($database_cnsmk, &cnsmk) ; $query_tambahsiswa = SELECT * FORM guru where nip=$nip;

save (file-save) atau (ctrl + s) jika muncul update link ? pilih No Jalankan browser dengan internet explorer dengan http://ip atau nama server Mengupdate data siswa

Pilih file new atau (ctrl+n) dynamic page php klik create Pilih file save to remote server.. simpan dengan nama update siswa.php klik save Setelah itu di application pilih recordset : Nama Conection Table :updatesiswa :cnsmk :siswa

Test dan klik ok Trus pilih Update record - record update form wizard Connection
13

dan isi :

:cnsmk
Sony Wirayudha

Table update Select record from Unique key column After updating, go to Lalu klik ok

:siswa :updatesiswa :nisn : browse-Sites and Server-siswa.php dan ok

Lalu kembali ke siswa.php dan ubah tampilan split lalu blok nisn terus masukkan link ke sites and server-update siswa.php-ok. Di tampilan code telah terblok secara otomatis sejumlah scrip dan copy(edit-copy) atau (ctrl+c) trus pindahkan kursor dekat php> dan ketikkan php?nisn= Setelah itu paste(edit-paste) atau (ctrl+v) yang di copy tadi save atau (ctrl + s)

kembali lagi ke update siswa.php dan ubah tampilan menjadi split lalu di code lihat anatara line 30-60 :

mysql_select_db($database_cnsmk, &cnsmk) ; $query_tambahsiswa = SELECT * FORM siswa;

Dan ubah menjadi :

While (list($key,$value)=each($_GET))$$key=$value; mysql_select_db($database_cnsmk, &cnsmk) ; $query_tambahsiswa = SELECT * FORM

siswa where nisn=$nisn;

save (file-save) atau (ctrl + s) jika muncul update link ? pilih No

14 Sony Wirayudha

Jalankan browser dengan internet explorer dengan http://ip atau nama server

15

Sony Wirayudha