Download - Modul Programming Web
-
Buat Edit Data dengan Dreamweaver
1. Buat file edit.php, kemudian pilih windows tab binding pilih gambar yang bertanda + pilih Recordset
2. Kemudian akan muncul kotak dialog Recordset seperti gambar berikut
Pada Connection pilih nama koneksi yang sudah kamu buat Pada Table pilihtabel yang ada pada database MySQL
3. Pilih insert Data Object Insert Master Detail Pageset, kemudian muncul kotak dialog berikut:
-
Pada Detail page name isikanedit_detail.php untuk membuat file baru bernama edit_detail.php
Pilih Ok. Secara otomatis akan membuat file edit_detail.php
4. Pada file edit.phpbuat 1 kolom untuk membuat link edit. Dan jangan lupa untuk memberikan link pada edit dengan mengisi kotak isian link sepert icontoh gambar berikut
5. Buat file edit data.php untuk mengedit data yang berada di dalam database
6. Buatlah form sepert igambar dibawah ini
7. Pada tab Server Behaviors klik gambar yang bertanda + pilih update record. Selesai
8. Jika dicoba di browser hasilnya akan seperti ini
9. Dalam contoh kali ini kita edit pada id 13. Setelah kita klik edit akan tampil edit data.php seperti ini
-
10. Dari contoh diatas yang saya edit adalah pada bagian username menjad iaaaa, kemudian klik tombol submit hasilnya
Setting Mikrotik Pada IIX dan International
1. Pada Interface buat LAN_4, int_1, IIX_2
Membuat Website Dengan Dreamweaver CS3
Untuk membuat website dengan Dreamweaver CS3 ada hal yang perlu dipersiapkan yaitu :
1. Software XAMPP
2. Adobe Dreamweaver CS3.
Selanjutnya kita akan membuat web kita agar dalam satu folder dan dapat dicoba di
computer local ikuti langkah-langkah berikut ini :
-
1. Pilih menu site New Site seperti pada gb1
gb 1
2. Kemudian akan tampil kotak dialog Site Definition For berikut
Pada kotak What would you like to name your site? Isikan nama websitemu dan kotak di bawahnya isikan alamat http://localhost karena kita moncoba di server lokal.
Kemudian klik tombol Next
-
Buat Splash Screen dengan C#
1. Buat form baru denganc ara Add Windows Form
2. Pada Propoerties formatur seperti ini :
Properties Setting
StartPosition CenterScreen
Text Kosongkan
ControlBox False
TopMost True
3. Double klik Pada file dengan nama Program.cs tambahkan kode program berikut ini untuk menampilkan splash form
Splash Forma Splash Form = new SplashForm();
aSplashForm.ShowDialog();
4. Buat komponen timer pada toolbox dan setting propertiesnya seperti ini :
Timer Properties Setting
Enabled True
Interval Jedah waktu sebelum menampilkan aplikas idalam mili secon
5. Klik dua kali pada komponen timer dan ketikkan kode program berikut :
Close();
6. Jika berhasil tampilan splash screen akan seperti ini :
-
Eksport dan Import Database dengan php MyAdmin
Berikut ini adalah caranya mengeksport dan mengimport database dengan php MyAdmin :
1. Buka browser, lalu ketikkan alamat http://localhost/phpmyadmin
2. Pilih database yang akan di eksport sebagai contoh saya mengeksport database dbwordpress.
3. Pilih menu Eksport seperti pada gb 1
gb 1
4. Pada halaman eksport pilih SQL untuk memilih format jenis database yang ingin dieksport, centang juga struktur dan kirimkan ke, lalu klik tombol go
-
gb 2
Mengenal Hosting dan Domain
Jika kita ingin mempunyai website hal yang perlu diperhatikan adalah domain dan hosting.
Untuk itu terlebih dahulu kita harus mengetahui apa itu domain dan hosting. Domain adalah sebuah nama unik yang berfungsi untuk menerjemahkan dari sebuah nomor IP menjadi
nama sebuah alamat. Seperti www.jagoanhosting.com yang mempunyai nomor IP 219.83.123.178.
Kita tidak perlu sulit-sulit untuk menghafal nomor IP cukup dengan mengingat www.jagoanhosting.com maka dari itu muncullah domain yang sangat berguna dan
membantu kita dalam mengingat namanya saja dari pada menghafal nomor IP. Bayangkan saja kalau tidak ada domain kita harus menghafal nomor IP yang begitu banyak seperti
menghafal nomor hp.
-
Sesi I
Pendahuluan (Pengenalan HTML, PHP, MySQL dan
Apache)
HTML (Hypertext Markup Language)
Hypertext Markup Language merupakan bahasa standar yang di gunakan untuk menampilkan
dokumen web, yang bisa dilakukan dengan HTML yaitu:
mengontrol tampilan web dan isinya Mempublikasikan dokumen secara online, sehingga bisa diakses dari komputer mana
saja (yang terhubung dengan jaringan) Membuat online-form yang bisa digunakan untuk menangani transaksi secara online.
PHP (Preprocessor HyPertext)
PHP merupakan bahasa pemrograman yang berjalan disisi server (server-side). Kode-kode PHP ini akan di
interpreted (diolah) oleh web server (apache) sebelum ditampilkan ke Web-Browser. Dalam praktiknya PHP
akan digunakan untuk mengolah data yang dikirimkan oleh form HTML (akan dibahas pada sesi berikutnya).
MySQL
MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis di
bawah lisensi GPL (General Public License). Di mana setiap orang bebas untuk menggunakan MySQL.
Apache
Apache adalah sowftare yang digunakan sebagai web server. Dengan menginstall apache pada komputer
kita, maka komputer kita akan berfungsi sebagai web server.
Pemrograman client-server menggunakan PHP MySQL dan Apche
Untuk memahami konsep Client-Server,anda dapat melihat gambar berikut:
-
Client (user) mengunjungi suatu situs dengan mengetikkan url (alamat situs)[1].Ini
berarti terjadi request data ke web server[2].Web Server akan memproses halaman yang diinginkan oleh user (halaman PHP)[3].Data yang diinginkan dapat berupa data yang berada dalam sebuah database[5] maupun file-file tertentu dalam hardisk[4].Kemudian
proses pengiriman data (response) ke client (user).
Cara upload ke server dan menampilkan file ke browser
Cara meng-upload file (php/HTML) ke server kita adalah dengan cara menyimpan file ke dalam folder C:\Program Files\EasyPHP1-8\www. Untuk menampilkannya ke browser ketik alamat url: http://localhost/NAMA FILE PHP/html atau http://127.0.0.1/ NAMA
FILE PHP/html Jika akan diakses dari komputer lain yang terhubung dalam jaringan maka dapat diketikkan IP Address dari komputer server. Misalkan kita akan mengakses
file dengan nama helloworld.php. http://192.168.170.4/helloworld.php. Jika file helloworld.php kita letakkan dalam suatu folder didalam www maka cara mengaksesnya: http://localhost/namafolder/helloworld.php.
Software dan Tools
Software yang kita gunakan adalah EasyPHP. EasyPHP merupakan installer untuk
software berikut ini:
1.PHP (scripting), 2.MySQL (Database),
3.Apache (Web Server), 3.PhpMyAdmin (Manajemen MySQL).
Tools yang kita gunakan sebagai editor adalah PHPDesigner.
HTML (dasar pemrograman)
Tag HTML
Command-command HTML disebut tag.Tag digunakan untuk menentukan tampilan dari
dokumen web. Tag HTML mempunyai struktur simetris. Struktur dari tag HTML adalah sebagai berikut:
-
Menampilkan kalimat selamat datang
Selamat datang
Berikut ini akan dijelaskan tag-tag HTML yang dibahas di dalam pelatihan.
Script 1 welcome.html
Menampilkan kalimat Selamat datang.
Form HTML dan komponen
Form HTML digunakan untuk membuat suatu user interface (tampilan) agar user dapat memasukkan data
yang diinginkan.Kemudian data tersebut akan diproses oleh script PHP.
Cara pembuatan Form HTML:
Script 2 form.html
Form
Ketik nama anda :
-
Berikut ini komponen yang umum digunakan:
-
Penulisan tag dari tabel diatas adalah :
Latihan:
1.Tampilkan kalimat seperti pada gambar :
title : .:Judul:.
Font Face = verdana
Size = 4 Color= blue
-
2. Membuat hyperlink
Buatlah 2 buah halaman html.beri link masing-masing halaman untuk berpindah ke
halaman lain.
3.Buatlah form seperti gambar berikut ini:
-
Sesi II
Konsep Dasar Pemrograman PHP
Konfigurasi pada PHPEasy
Secara default, PHPEasy mempunyai konfigurasi register_globals bernilai Off.Untuk
mengubah konfigurasi
register_globals menjadi On maka lakukan langkah-langkah berikut:
- Klik kanan pada icon PHPEasy->configuration->PHP,
- Cari kalimat register_globals dengan cara : tekan ctrl+f. Ketikkan register_globals, cari
hingga pada kalimat yang tidak menggunakan titik koma, ganti nilainya dengan On.
Menampilkan kalimat (string)
Untuk menampilkan kalimat ke browser, kita dapat menggunakan fungsi:echo atau print.
Contoh:
Script 3:hello.php
Variabel dan Tipe Data
Variabel merupakan nama tempat di suatu alamat memori tertentu untuk menampung data
yang dimasukkan ke dalamnya.Tipe data menentukan jenis data yang dimasukkan dalam suatu variabel.
Berikut ini cara untuk mendeklarasikan variabel kemudian memberikan nilai ke variabel
tersebut :
Script 4:var.php
-
Untuk mendklarasikan sebuah variabel kita menggunakan karakter dolar sign $ seperti contoh diatas.Untuk memberikan komentar dapat digunakan karakter //.
Tipe-tipe data dalam PHP adalah:
Integer, untuk bilangan bulat, contoh deklarasi $a = 5;
Double, untuk bilangan pecahan, contoh deklarasi $b = 5.0;
String, untuk karakter, contoh deklarasi $c = Hello;
Boolean, untuk menandakan kondisi benar atau salah (true/false) ,contoh deklarasi $d=true;
Operator
Operator string
Untuk menggabungkan 2 string kita menggunakan tanda .. Operator matematika
PHP dapat melakukan operasi matematika seperti contoh berikut:
Script 5:tambah.php
Operator-operator yang dapat digunakan antara lain
Penjumlahan : +
Pengurangan : -
Perkalian : *
Pembagian : / dan Sisa Pembagian : %
Operator logika
Operator logika dapat berupa : or atau ||, and atau &&
Array
Array adalah kumpulan dari variabel-variabel yang bertipe sama. Array dapat berupa array 1
dimensi, 2 dimensi maupun n dimensi.namun yang sering digunakan dan akan dibahas kali ini adalah 1 dimensi dan 2 dimensi. Cara mendeklarasikan array 1 dimensi adalah
sebagai berikut:
Script 6:arr1d.php
-
Untuk array 2 dimensi:
Script 7 : arr2d.php
Iterasi
Iterasi maksudnya adalah mengeluarkan nilai-nilai didalam suatu koleksi data tertentu.Contohnya adalah array. Ada dua cara yang umum digunakan untuk mengiterasi,
yaitu menggunakan for dan while.
Iterasi menggunakan for:
Script 8 : for.php
Penjelasan:
Data pada array di atas di-iterasi dengan menggunakan for. Formatnya adalah sebagai berikut :
for(inisialisasi_nilai_awal;batas;penambahan_nilai_awal){
operasi ....
}
$i++ adalah operator increment dengan penjelasan berikut:
$i++ adalah identik dengan $i = $i+1
Sedangkan operator . pada . adalah untuk menggabungkan Contoh :
$a = Hello;
$b = World; echo $a . $b; akan menampilkan HelloWorld.
string.
-
count($arr1) pada script diatas, adalah suatu fungsi yang telah didefinisikan dlam php
untuk jumlah data dalam suatu array.Mengenai fungsi akan dijelaskan pada sesi selanjutnya.
Format menggunakan while adalah sebagai berikut:
While(kondisi){ Operasi...
}
Script 9 : while.php
Penjelasan:
Operasi while diatas memerlukan nilai awal $i yaitu $i=0. Kemudian kondisi yang harus dipenuhi agar iterasi dijalankan adalah apabila nilai $i
suatu
Modul Pelatihan PHP
-
Penjelasan:
Untuk menggunakan if :
If(kondisi){
Operasi }
Script diatas akan menampilkan kalimat a lebih kecil dari b,karena statemen yang diberikan pada if adalah benar.
Script diatas dapat kita kembangkan menggunakan if/else:
Script 11 : ifelse.php
Penjelasan:
Format untuk menggunakan if/else:
if(kondisi){
Operasi1 .
}else{
Operasi2 .
}
Kalimat yang akan ditampilkan tergantung dari nilai $a dan $b. Jika nilai $a
-
Contoh menggunakan switch.
Script 12: switch.php
Penjelasan:
Program diatas bertujuan untuk menyeleksi nilai yang diiterasi dari array $arr.Kalimat
yang ditampilkan sesuai dengan nilai yang disyaratkan dengan case.Nilai default adalah nilai diluar case yang disyaratkan.
Fungsi
Fungsi adalah suatu blok dalam program yang dapat digunakan berulang-ulang dengan
cara memanggil fungsi tersebut.Contohnya:
Script 13 : fungsi1.php
Penjelasan:
Untuk membuat fungsi lakukan dengan cara sebagai berikut:
Gunakan keyword function,
Beri nama fungsi hello_world(),
Isi fungsi dengan operasi
-
function nama_fungsi(){ //Operasi...
}
Fungsi juga dapat diberi suatu parameter.Contoh:
Script 14:fungsi2.php
-
Sesi III
Menangkap variabel dari form HTML
Menangkap variabel dari textfield
Script 15 : form1.html
Form
Ketik nama anda :
Penjelasan:
- Blok tag dari form HTML adalah sebagai berikut:
//isi form
method="POST" adalah metode pengiriman variabel. Ada satu metode lagi yang sering
digunakan yaitu: "GET".Perbedaannya adalalah pada POST, variabel yang dikirimkan
tidak akan ditampilkan ke url,namun jika menggunakan GET maka variabel akan
ditampilkan pada url.
action="proses.php" adalah nama file PHP yang akan memproses variabel yang
dikirim oleh form.
adalah tag untuk membuat suatu input field
dengan mode teks, dan nama varibel yang akan dikirimkan adalah"nama".
adalah untuk membuat
suatu tombol submit, nama variabelnya adalah "submit" dan Tombol ini akan
mamiliki teks "KLIK".
Ketika tombol submit di klik maka variabel nama dan submit akan dikirimkan ke file
proses.php untuk diproses lebih lanjut.
-
Script 16 :proses.php
Penjelasan:
File proses.php digunakan untuk menangkap variabel $nama. Dan akan ditampilkan hello $nama.
Form HTML Yang Kompleks
Berikut ini script lengkapnya (dari gambar latihan 1): Script 17 :form2.html
form
Form Pendaftaran
Pelatihan Web
Programming
NPM
Nama
Password
Jenis Kelamin
Laki-laki
Perempuan
Agama
[P i l i h]
Islam
Katholik
Protestan
Hindu
Budha
Lainnya
-
Hobi
Musik
Membaca
Komputer
Kritik dan Saran
Berikut ini tabel komponen HTML dan nama variabel oleh file php.
-
Berikut ini adalah script insert.php yang akan menerima semua variabel yang dikirimkan oleh
form2.html.
Script 18 :insert.php
Penjelasan mengenai script ini diperoleh saat pelatihan. Data-data atau variabel yang telah dikirimkan nantinya akan dikirimkan ke database MySQL.
-
Sesi IV
Database menggunakan MySQL
MySQL merupakan software yang digunakan sebagai DBMS atau Database Manajemen System. Perhatikan gambar berikut:
Di dalam sebuah database terdapat tabel-tabel yang digunakan untuk menyimpan data.
Untuk membuat suatu sistem database mengunakan MySQL, maka kita harus
melakukan langkah - langkah sebagai berikut:
1. Membuat database, menggunakan perintah:
create database NAMA_DATABASE;
2. Mambuat tabel, menggunakan perintah
create table NAMA_TABEL;
Untuk mengisi tabel kita mengunakan perintah:
insert into NAMA_TABEL values(NILAI_YANG_AKAN_DIISI)
Untuk menghapus isi tabel kita menggunakan perintah
delete from NAMA_TABEL;
perintah yang lebih spesifik untuk field tertentu
delete from NAMA_TABEL where FIELD_TABEL = VARIABEL
Untuk mengupdate data ditabel kita menggunakan perintah
update NAMA_TABEL set FIELD_TABEL = NILAI_BARU
Untuk menampilkan isi tabel kita menggunakan perintah:
Select * from NAMA_TABEL;
Perintah-perintah dalam memanipulasi database banyak sekali dan membutuhkan sesi
tersendiri dalam mambahasnya.Dalam pelatihan ini akan digunakan beberapa yang dianggap mencukupi untuk membuat aplikasi yang akan kita buat.
-
PHPMyAdmin
PHPMyAdmin adalah sebuah aplikasi yang dibuat menggunakan php untuk memanajemen
database dalam MySQL. Dengan menggunakan PHPMyAdmin maka akan sangat mudah bagi kita untuk membuat database,membuat tabel dan lain sebagainya. Penggunaan PHPMyAdmin akan dijelaskan oleh trainer dan disertakan pula dalam cd interaktif.
Definisi database dan tabel yang akan dibuat adalah sebagai berikut: Nama database : pelatihan
Nama tabel : peserta
Struktur tabel adalah sebagai berikut:
Tabel peserta:
Fungsi PHP untuk MySQL
Untuk berkoneksi dengan MySQL, PHP mempunya fungsi: mysql_connect(host,user,password)
Untuk memilih database : mysql_select_db(nama_database)
Untuk melakukan query(perintah SQL) mysql_query(string_query)
Untuk mengambil data dari tabel mysql_fetch_row(result)
ctt:result = variabel query
Berikut ini script untuk berkoneksi ke MySQL:
Script 19 : koneksi.php
-
Penjelasan: Koneksi.php bertujuan untuk membuat koneksi dari PHP ke MySQL. Untuk berkoneksi maka
kita menggunakan fungsi mysql_connect("localhost","root","root"). Jika koneksi berhasil maka langkah selanjutnya adalah memiih database, menggunakan fungsi mysql_select_db("pelatihan"). Jika koneksi gagal, maka akan ditampilkan error penyebab gagalnya koneksi, yaitu menggunakan fungsi mysql_error().
Jika kita ingin memasukkan isi ke dalam tabel peserta dalam database pelatihan, maka kita dapat membuat file seperti dibawah ini:
Script 20 : insert.php
Penjelasan: Untuk memasukkan item ke tabel peserta maka kita menggunakan perintah INSERT INTO nama_tabel (field_tabel) VALUES (nilai_yang_akan_dimasukkan). Jika nilai/item yang akan dimasukkan bertipe karakter atau string maka kita menggunakan tanda kutip.
-
Untuk melihat isi di tabel peserta maka kita dapat menggunakan script seperti dibawah ini:
Script 21 : select.php
Penjelasan:
Untuk mendapatkan data pada tabel peserta kita menggunakan perintah SELECT * FROM nama_tabel. Kemudian hasil query dengan perintah mysql_query kita tampung dalam variabel $result, dimana variable $result ini digunakan ketika proses iterasi data, yaitu pada blok while. Data yang kita ambil dari database berupa array, sehingga untuk
data pada field pertama direpresentasikan dengan variabel $data[0] dan seterusnya.
Penjelasan:
Untuk mendapatkan data pada tabel peserta kita menggunakan perintah SELECT * FROM nama_tabel. Kemudian hasil query dengan perintah mysql_query kita tampung dalam variabel $result, dimana variable $result ini digunakan ketika proses iterasi data, yaitu pada blok while. Data yang kita ambil dari database berupa array, sehingga untuk data pada field pertama direpresentasikan dengan variabel $data[0] dan seterusnya.
-
Penjelasan:
Untuk merubah isi dalam tabel peserta kita menggunakan perintah UPDATE nama_tabel SET field=nilai_baru WHERE field_kunci= nilai_field_kunci.
Untuk menghapus isi pada tabel dapat kita lihat dalam script dibawah ini:
Script 22 : delete.php
-
Sesi V
Membuat Aplikasi Manajemen Informasi Peserta
Pelatihan
Pada sesi terakhir dalam pelatihan ini, kita akan membuat sistem informasi manajemen untuk menampung peserta pelatihan. Database yang kita gunakan adalah database pelatihan yang telah kita buat pada sesi yang lalu.
Berikut ini adalah script php dan penjelasannya.
Script 23 : index.php
-
Penjelasan:
index.php merupakan halaman utama dalam aplikasi yang kita buat.Kita dapat mencari
nama peserta dengan mengklik tombol cari.Jika kita ingin mengisi formulir pendaftaran, maka kita dapat mengklik link Isi formulir. Jika kita ingin melihat peserta yang telah mendaftar kita dapat mengklik link Lihat Peserta.
-
Script 23 : cari.php
Penjelasan:
Setelah variabel var_submit masuk, maka koneksi ke MySQL dilakukan. Kemudian perintah select * from nama peserta yang diinputkan dan disimpan dalam variabel
var_kata. Kemudian pengambilan data dari table peserta dilakukan menggunakan perintah mysql_fetch_row, $data[0], $data[1],dan seterusnya mengarah pada baris di
tabel peserta.
Penjelasan : like %$var_kata%
Misalkan terdapat nama denny dalam tabel peserta. Jika kita memasukkan kata den atau de kemudian kita melakukan pencarian maka denny akan kita temukan. Jika tidak dimasukkan karakter apapun maka akan menampilkan semua peserta.
-
Script 23 : isiformulir.php sama dengan form2.html
Script 24 : insert.php
Setelah variabel submit diterima,maka diadakan penampungan variabel-variabel dari
form2.html ke dalam sebuah variabel baru agar kode program dapat diatur dengan baik.Untuk Checkbox (dalam hal ini hobi),dilakukan pemeriksaan apakah checkbox di
centang(checked) menggunakan fungsi isset(). Variabel $hobi menampung tiga variabel $var_musik,$var_baca, $var_komputer.Ketiga variabel tersebut digabungkan menggunakan operator .. Kemudian koneksi dilakukan dan data-data (variabel) kita masukkan dalam database MyQL menggunakan perintah insert.Jika data berhasil dimasukkan maka kalimat Data berhasil dimasukkan akan ditampilkan .Jika terdapat error dalam proses insert maka akan menampilkan pesan error dan data tidak akan dimasukkan ke dalam tabel peserta.
-
Script 25 : lihat.php
-
Script 26 : edit.php
-
Variabel-variabe tersebut ditampilkan dalam form di html dengan menysisipkan script php ke dalam tag HTML. Contohnya:
-
Sedangkan variabel npm yang baru ditampung dalam baris:
-
"Pendidikan adalah senjata paling mematikan, karena dengan itu Anda
dapat mengubah dunia"
- Nelson Mandela -
.:Percayakan pada Kami Pendidikan Anda, lewat Media Kursus & Pelatihan Komputer :.
FLASHCOM INDONESIA