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
: localhost
User
: root
Password
: 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
: siswa
Fromhost
: localhost
Password
: 123
i. Privbelege
: 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
: nama server
User
: siswa
Password
: 123
connect 3. Jalankan HeidiSQL yg ada di server 4. Setelah itu Create database 5
© 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
: date
Kelamin
: varchar ( 1) default = ‘L’
Kelas
: 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
: nama atau ip server
Hostdirectory
: kosongkan
Login
: ftproot
Password
: 123
Test dan OK Done
4. Membuat document PHP Sama seperti document html, create new PHP File – save to remote server
7
© 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
: ip / atau nama server
User name
: siswa
Password
: 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
: ip / atau nama server
User name
: siswa
Password
: 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
: siswa
Connection
: cnsmk
Table
: tbsiswa
All – sort nisn – ascending – ok
Sekarang pilih dynamic data Ikon petir dynamic table Border
:1
Cdpadding
: 0 ; cellspacing : 0
Simpan dan OK
Tambahkan navigasi record Record set navigation status
9
© 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
:tambahguru
Conection
:cnsmk
Table
:guru
Test dan klik ok Trus pilih insert record – record insertion form wizard dan isi : Conection
:cnsmk
Table
:guru
After inserting, go to
:browse-Sites and Server-guru dan ok
Lalu klik ok 10
© Sony Wirayudha
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
:tambahsiswa
Conection
:cnsmk
Table
:siswa
Test dan klik ok Trus pilih insert record – record insertion form wizard dan isi : Connection
:cnsmk
Table
:siswa
After inserting, go to
:browse-Sites and Server-siswa dan ok
Lalu klik 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
:updateguru
Conection
:cnsmk
Table
:guru
Test dan klik ok Trus pilih Update record - record update form wizard
dan isi :
Connection
:cnsmk
Table update
:guru
Select record from
:tambahguru
Unique key column
:nip
After updating, go to
: browse-Sites and Server-guru.php dan ok
Lalu klik ok
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
:updatesiswa
Conection
:cnsmk
Table
:siswa
Test dan klik ok Trus pilih Update record - record update form wizard Connection 13
dan isi :
:cnsmk © Sony Wirayudha
Table update
:siswa
Select record from
:updatesiswa
Unique key column
:nisn
After updating, go to
: browse-Sites and Server-siswa.php dan ok
Lalu klik 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