Modul Programming Web

41

description

Programming web

Transcript of 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