Created By WYI wyneyusnaeni2014.wordpress.com WEP PROGRAMMING. Created By Wina Yusnanei

Created By WYI wyneyusnaeni2014.wordpress.com

WEP PROGRAMMING

Created By Wina Yusnanei

1


Pertemuan 1 Pengertian HTML (Hypertext Markup Language) Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web. HTML dibuat di dalam text editor atau web editor, sedangkan hasilnya ditampikan pada browser. Editor merupakan program yang digunakan untuk menulis kode HTML, contohnya Notepad, Textpad, Frontpage dan Macromedia Dreamweaver.

Gambar Membuka dan menjalankan dokumen HTML menggunakan PHP coder : 1. Buka PHP Coder

Tempat penulisan Script

Tempat pemanggilan file Tuliskan alamat penyimpanan C:\apache2triad\htdocs\folder_and a\lat1.php Atau Localhost/folder_anda/lat1.php

Tanda '/' atau "" menandakan akhir perintah tag, entah itu untuk , dan sebagainya. Kode-kode dalam HTML biasanya disebut TAG. Tag ditulis dengan tanda kurung siku buka dan ditutup dengan kurung siku tutup.

2


Contoh : Tag break line ditulis dengan :
Jenis-Jenis Tag HTML : Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut Membuat nama bagian yang didefinisikan pada link pada halaman yang sama Sebagai awal dari Java applets <area> Mendefinisikan daerah yang dapat diklik (link) pada image map Membuat teks tebal Membuat atribut teks default seperti jenis, ukuran dan warna font Memberi (suara latar) background sound pada halaman web Memperbesar ukuran teks sebesar satu point dari defaultnya Membuat teks berkedip Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
Pindah baris Membuat caption pada tabel Untuk perataan tengah terhadap teks atau gambar Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
Indents teks
Represents different sections of text. <embed> Menambahkan sound or file avi ke halaman web Seperti tag Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
Mendefinisikan input form Mendefinisikan frame Mendefinisikan attribut halaman yang akan menggunakan frame
...
Ukuran font Mendefinisikan head document.
Membuat garis horizontal Berarti dokumen html Membuat teks miring Image, imagemap atau an animation Mendefinisikan input field pada form
Membuat bullet point atau baris baru pada list (berpasangan dengan tag , <menu>,
and
) <map> Mendefinisikan client-side map 3


<marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE <nobr> Mencegah ganti baris pada teks atau images <noframes> Jika browser user tidak mendukung frame
Mendefinisikan awal dan akhir list
Ganti paragraf <pre> Membuat teks dengan ukuran huruf yg sama <script> Mendefinisikan awal script
Membuat tabel
Kolom pada tabel Mendefinisikan title <tr> Baris pada tabel <u> Membuat teks bergaris bawah Bentuk Umum HTML HTML ( HyperText Markup Language ) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser internet. Struktur HTML <html>  tanda awal dokumen HTML, dan menyatakan suatu dokumen HTML <head> *Berisi informasi page header : title,base,isiindex,link,script,style & meta* </head> <body> *isi dari dokumen yang akan ditampilkan * </body> </html><br /> <br /> 4<br /> <br /> Created By WYI wyneyusnaeni2014.wordpress.com Contoh 1: <html> <tittle>Halaman 1</tittle> <body> <br> Hari ini Cerah bukan <br> Sangat cerah sekali </body> </html> Hasil : Hari ini Cerah bukan Sangat cerah sekali Latihan Membuat Tampilan Di HTML : Simpan dengan nama latihan1.php<br /> <br /> <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html> <head> <title>Title here!
text=yellow bgcolor=purple>

<marquee>
SELAMAT DATANG

5


Buat lembar kerja baru dengan nama kedua.php Latihan kedua!
T A B E L

Masukkan data dalam tabel
baris 1, kolom 1 baris 1, kolom 2 baris 1, kolom 3

Jenis musik :

Rock
Pop
Dangdut
Keroncong
Jazz
Jenis film :

Action
Drama
Komedi
Horor
Klasik

6

Romantis

baris 3, kolom 1 baris 3, kolom 2 baris 3, kolom 3

Kembali Hasil:

7


Pertemuan 2 Pengenalan PHP dan web server PHP dibuat pertama kali oleh Rasmus Lerdorf pada tahun 1995. PHP ( Hypertext Preproccesor ) adalah salah satu bahasa pemrograman web server – side yang bersifat open source. Dalam penggunaannya script PHP menyatu dengan HTML yang berada pada server ( Server side HTML embedded scripting ). PHP adalah script yang digunakan untuk membuat suatu Halaman Web yang dinamis. PHP merupakan script untuk pemrograman script web

server side, script yang membuat dokumen HTML secara on the Fly, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML. Dengan menggunakan PHP maka maintenance suatu situs web menjadi lebih mudah. Proses Update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP. PHP (Hypertext Preprocessor) adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web. Berbeda dengan HTML yang hanya bias menampilkan konten statis, PHP bisa berinteraksi dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. Blog, Toko Online, CMS, Forum, dan Website Social Networking adalah contoh aplikasi web yang bisa dibuat oleh PHP. PHP adalah bahasa scripting, bukan bahasa tagbased seperti HTML. PHP termasuk bahasa yang cross-platform, ini artinya PHP bisa berjalan pada sistem operasi yang berbeda-beda (Windows, Linux, ataupun Mac). Program PHP ditulis dalam file plain text (teks biasa) dan mempunyai akhiran “.php”. Untuk membuat suatu halaman web menjadi dinamis maka kita memerlukan suatu Web Server. Apa Itu Web Server ? Web Server merupakan sebuah perangkat lunak dalam server yang berfungsi menerima permintaan ( Request ) berupa halaman dari Client, berupa HTTP atau HTTPS yang dikenal dengan nama Web Browser, dan merespons permintaan tersebut. Contoh Web Server :  Appserver  Apache2triad  Xampp  Wamp  dll. Contoh Web Browser :  Internet Explorer, Mozilla Firefox, Opera dll. 8

Created By WYI wyneyusnaeni2014.wordpress.com Script PHP Script PHP diawali dengan tag Ada beberapa cara untuk tag awal dan tag akhir yaitu: Cara 1 : Cara 2 : Cara 3 :<% %> Contoh Script PHP dalam HTML Tipe Data 

Integer : bilangan bulat, biasanya memiliki ukuran 32 bit(-2.147.483.644 s/d 2.147.483.647)



Float

: tipe bilangan pecahan/decimal



String

: merupakan kumpulan karakter. Penulisannya diapit dengan tanda

petik tunggal („) atau petik ganda (“). 

Array

: sebuah data yang mengandung satu/lebih data dan dapat diindek

berdasarkan numeric maupun string. Sintaks

array

: $nama_variabelarray[key];

menggunakan kurung siku di depan variabel Untuk membaca perintah array Foreach (ekspresi_array as $value) { Perintah_1; Perintah_2; …. } 9

Created By WYI wyneyusnaeni2014.wordpress.com 

Objek : tipe data baru merupakan pengembangan OHO untuk mendukung pemrograman berorientasi objek.  Boolean : memiliki dua nilai yaitu true atau false Contoh: Latihan 1: "; echo "Nilai anda=$b"; echo "
"; ?>

Buah apel warna merah Nilai anda=90

Variabel dalam PHP Variabel adalah tempat menyimpan data yang dapat berubah ubah nilainya, diawali dengan karakter $(dollar), Syarat Pembuatan Variabel : 1. Karakter pertama harus huruf 2. Tidak boleh mengandung blank / spasi, kecuali karakter ( _ ) under score Contoh Variabel yang benar

Contoh Variabel yang salah

$nilai_1

$nilai-1

$n1

$4n

Variabel disebut variabel globalapabila variabel tersebut dikenali oleh seluruh bagian script. Bila hanya dikenali oleh sebagian script disebut variabel lokal

"; } test( ); //menampilkan fungsi echo "nilai A luar fungsi =$a" ; ?>

hasilnya

Nilai a dalam fungsi = test Nilai a luar fungsi = 123

10

Created By WYI wyneyusnaeni2014.wordpress.com Title here! Menghitung Luas Lingkaran

Operator : 1. Aritmatika ( +, -, *, /, % ) 2. Increment & Decrement ( ++, -- ) 3. Operator Logika ( AND, OR, NOT, XOR ) 4. Operator Perbandingan ( <, >, <=, >=, ==, != ) Contoh Program Operator Aritmatika Title here! Operasi Aritmatika

$kurang=$n1-$n2; $kali=$n1*$n2; echo "Nilai 1 = $n1
"; echo "Nilai 2 = $n2
"; echo "
"; echo "Nilai 1 + Nilai 2 = $tambah
"; echo "Nilai 1 - Nilai 2 = $kurang
"; echo "Nilai 1 * Nilai 2 = $kali
"; echo "Nilai 1 / Nilai 2 = $bagi
"; ?>

11

Created By WYI wyneyusnaeni2014.wordpress.com Latihan IF Dan Case: 1. If … ( Satu Kondisi ) Sintaksnya : if ( Ekspresi ) { Perintah1; } else { Perintah2; } 2. If … Else ( Lebih dari 1 Kondisi ) Sintaksnya : if ( Ekspresi ) { Perintah1; Perintah2; } else if ( Ekspresi ) { Perintah a; Perintah b; }

3. Switch (Switch … Case) Sintaksnya : Switch ( $var ) { Case nilai1 : Perintah_nilai1; Break; Case nilai2 : Perintah_nilai2; Break; [default : Perintah_nilai_default; ] }

Contoh : Title here! Logika If Sederhana
= 25000) {$diskon=(10/100)*$total;} else {$diskon=0;} echo"Menghitung Total Belanja
"; echo"-------------------------
"; echo"Harga Barang = $harga
"; echo"Jumlah Beli = $jumbel
"; echo"-------------------------
"; echo"Total Harga = $total
"; echo"Diskon = $diskon"; ?>

12

Created By WYI wyneyusnaeni2014.wordpress.com Membuat Form Form adalah salah satu bagian dari suatu halaman web yang mempunyai action dan Method. Action

: atribut yang menunjukan isian atau informasi bahwa data akan dikirim ke suatu file proses data yang akan diakses. Atribut method ada 2 pilihan nilai:

GET

: isian dikirim ke server dalam satu kesatuan URL-nya.

POST

: data isian dikirimkan ke server terpisah dengan teks URL-nya

Contoh : Simpan dengan nama form1.html Title here!
Form Biodata
<pre> Nim

:

Nama

:

Jenis Kelamin :Pria Wanita Jurusan

:<Select name=jurusan>

Alamat

:

13

Created By WYI wyneyusnaeni2014.wordpress.com Simpan dengan nama action.php Title here! "; echo "Biodataku
"; echo "----------------------
"; echo "Nim

:$nim
";

echo "Nama

:$nama
";

echo "Jenis Kelamin :$jk
"; echo "Jurusan

:$jurusan
";

echo "Alamat

:$alamat
";

?> Kembali

14

Created By WYI wyneyusnaeni2014.wordpress.com Latihan GET Program Nilai

Simpan dengan nama frminputnilai.html Title here!
<pre>
..:: Input Data Nilai Mahasiswa ::..
NIM : Nama : Jurusan : MI KA TK Nilai UTS : Nilai UAS :

15


Simpan dengan nama nilai.php: Title here! "; echo " ..:: Hasil Nilai Semester ::..
"; echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
"; echo " Tanggal dan Jam Cetak :";echo (date("D-M-Y "));echo (date("g:i:s"))."
"; echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
"; echo " NIM : $nim
"; echo " Nama : $nm
"; echo " Jurusan : $jurusan
"; echo " Nilai UTS : $uts
"; echo " NIlai UAS : $uas
"; $tot=($uts+$uas)/2; if($tot>=80) $grade="A"; else if($tot>=70) $grade="B"; else if($tot>=60) $grade="C"; else if($tot>=50) $grade="D"; else $grade="E"; echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
"; echo " Grade :$grade
"; echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
"; ?> Latihan GET 2

16

Created By WYI wyneyusnaeni2014.wordpress.com simpan dengan nama frminputgaji.html: Title here!
<pre>
..:: Input Data Gaji Karyawan ::..
Nama Karyawan : Kode Jabatan[D/S/K] : Jam Kerja :

Simpan dengan nama gaji.php : Title here! "; echo " ..:: STRUK GAJI KARYAWAN ::..
"; echo " =====================================
"; echo " Nama Karyawan :$nm
"; echo " Jumlah Jam Kerja :$jam
"; switch($kdjab) { case "D01": $jabatan="Direktur"; $gaji=3000000; break;

17

Created By WYI wyneyusnaeni2014.wordpress.com case "S01": $jabatan=" Staff"; $gaji=2000000; break; default: $jabatan="Karyawan"; $gaji=1500000; } if($jam>8) $lembur=($jam-8)*5000; else $lembur=0; echo " Jabatan : $jabatan
"; echo " Gaji Pokok : $gaji
"; echo " Lembur : $lembur
"; echo "======================================
"; $bersih=$gaji+$lembur; echo " Gaji bersih : $bersih
"; echo "======================================
"; echo " Tanggal Cetak :"; echo (date("D-M-Y"))."
"; echo (date("g:i:s"))."
"; echo "........Terima KAsih............
"; ?> Kembali ke Transaksi

Array dan perulangan Perulangan Contoh 1: latihan19 Perulangan For"; } ?>

Contoh 2: Title here! Tanggal :<select name=tanggal>

Contoh 1 while: latihan21 Perulangan while"; $a++; } ?>

Contoh2 while: latihan22

Contoh 3: latihan23
19

Created By WYI wyneyusnaeni2014.wordpress.com echo"Perulangan While Do"; $a-=2; } while($a>=5); ?>

Contoh4: latihan24 0) ?>

Array Contoh 1: latihan25 Array
"; $akademi_bsi=array("AMIK","ABA","AKOM","ASM","AKPAR"); for($a=0;$a<5;$a++) { $urutan=$a+1; echo"Data ke $urutan = $akademi_bsi[$a]
"; } echo"
"; printf("Jumlah Data :%d",count($akademi_bsi)); ?>

Contoh 2: latihan26
20

Created By WYI wyneyusnaeni2014.wordpress.com echo"
Array

"; $akademi_bsi[]="AMIK"; $akademi_bsi[]="ASM"; $akademi_bsi[]="ABA"; $akademi_bsi[]="ASM"; $akademi_bsi[]="AKPAR"; for($a=0;$a<5;$a++) { $urutan=$a+1; echo"Data ke $urutan = $akademi_bsi[$a]
"; } echo"
"; printf("Jumlah Data :%d",count($akademi_bsi)); ?>

contoh3: latihan27 Array"; $var=array("1"=>"Jakarta","2"=>"Bandung","3"=>"Semarang","4"=>"Yogyakarta"); for($a=1;$a<=4;$a++) {echo"Data ke $a =$var[$a]
"; } ?>

Function: latihan30 Penggunaan Fungsi Hitung()"; $a=6; $b=8; $kali=hitung($a,$b); echo"hasil dari $a * $b=$kali
"; $c=8; $d=3; $kali=hitung($c,$d); echo"hasil dari $c * $d=$kali
"; ?>

21


Membuat Tabel Contoh 1: Buka file inputnilai.php modifikasi dengan bentuk table

Title here!


<pre>NIM :

<pre>Nama :

<pre>Jurusan : MI KA TK

<pre>Nilai UTS :

<pre>Nilai UAS :

22

Created By WYI wyneyusnaeni2014.wordpress.com Latihan 2 membuat Tabel dengan combo:

Title here!


<pre>NIM :

<pre>Nama :

<pre>Jurusan : <select name=jur>

<pre>Nilai UTS :

<pre>Nilai UAS :

23


Latihan:simpan dengan nama inputbuku_tamu.php

Title here!
Isi Buku Tamu

24


Nama :

Alamat :

Jenis Kelamin : Pria Wanita

Hobby

Baca
Shopping : Jalan-Jalan
Komputer

Komentar :

Isi Buku tamu: simpan dengan nama isi.php Title here! "; echo "
"; echo "==============================================
"; echo " Data Buku tamu
"; echo "==============================================
"; echo " Nama : $nama
"; echo " Alamat : $alamat
"; echo " Jenis Kelamin : $jk
"; echo " Hobby : $hb1 $hb2 $hb3 $hb4
"; echo " Komentar : $komentar
"; echo "==============================================
"; ?> Kembali

25


Database mysql dan PhpMyAdmin Perintah Dasar MySQL MySQL merupakan software database. Menjalankan Server MySQL Klik Start  Run ,Ketik C : /Apache2triad/mysql/bin/mysql

Perintah – Perintah MySQL : Membuat Database baru : Create Database nama_db;  Create Database penjualan_buku; Melihat Database yang telah dibuat : Show Databases; Menggunakan Database : Use nama_db;  Use penjualan_buku; Membuat Tabel :  Create table buku (  kd_buku char(5) not null primary key,  nm_buku varchar(30) not null,  harga int,  pengarang varchar(35),  penerbit varchar(35),  stok int);

Mengetahui struktur table : Describe/Desc nm_tbl;  Desc buku; Melihat Tabel dalam Database :  Show Tables; Menginput Data ke dalam Table : Insert into nm_tabel  Insert into buku (kd_buku,nm_buku,harga,pengarang,penerbit,stok) 26

Created By WYI wyneyusnaeni2014.wordpress.com values (‘BK001’,’Pengenalan Database’,35000,’Priyadie’,’BSI’,20) Melihat isi table : Select * from nm_tbl;  select * from buku;  select kd_buku,harga,stok from buku; Menghapus Database : Drop nm_db;  Drop penjualan_buku alter table name_table change kolom lama kolom baru type data update nm_tbl set kolom where criteria

Membuat Form Menggunakan Macromedia Dreamweaver Membuka Dreamweaver :  Start  All Program  Macromedia  Dreamweaver MX

Membuat Dokumen Baru :  File  New - Pilih Dynamic Page  PHP

27


-

Klik Create

-

Pilih Layout : Show Code and Design Views

Jendela Coding

Jendela Design Views

-

Pada jendela Insert  Klik Tabs Form

-

Radio Button Radio Grup

Form

Text Field

Checkbox

Image

Button 28

Created By WYI wyneyusnaeni2014.wordpress.com Text area

Langkah membuat Form : -

Klik object Form

-

Pada Tabs Tabel, Klik : Insert Table, maka akan muncul jendela Insert Table

-

Isi Rows dan Columns nya sbb :

29

Created By WYI wyneyusnaeni2014.wordpress.com Buat Form sbb : Text Field

Name = kdbuku Name = nmbuku = harga = pengarang = penerbit = stok

Button

Untitled Document <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
DATA BUKU

"; echo "Kode Buku

:$kdbuku
";

echo "Nama Buku echo "Harga echo "Pengarang echo "Penerbit echo "Stok

:$nmbuku
"; :$harga
"; :$pengarang
"; :$penerbit
";

:$stok
";

30

Created By WYI wyneyusnaeni2014.wordpress.com $sqltr="insert into buku(kd_buku,nm_buku,harga,pengarang,penerbit,stok)values('$kdbuku','$nmbuku','$harga','$pengarang', '$penerbit','$stok')"; $hasil=mysql_query($sqltr,$koneksi); echo "Simpan Data Buku Berhasil !!
"; echo "
Back"; mysql_close($koneksi); }else{ echo "Data Gagal Tersimpan !!
"; } ?>

Simpan dengan nama : databuku.php Layout :

Membuat Database melalui PhpMyAdmin Cara membuka : -

Buka Jendela Internet Explorer

-

Pada Adress bar ketik : localhost/phpmyadmin

-

Masukan User Name : root

-

Password : Password

-

Klik OK 31

Created By WYI wyneyusnaeni2014.wordpress.com -

Tampilan PhpMyAdmin :

-

Buat Database Baru dengan nama : penjualan_barang

-

Lalu klik Create

-

Buat Tabel dengan nama : Barang , Number Of Fields : 5

32


Nama Tabel -

Lalu klik Go

-

Isi Struktur Tabel nya sebagai berikut :

Fields

- Lalu Klik Save - Maka akan tampil struktur table nya :

33


- Buat Form : formbarang . php

Kode : HD001, KB002, MO003 Satuan : Unit , Pcs

Ketentuan : Kode Barang Nama Barang Harga HD001

Hard Disk

300000

KB002

Keyboard

20000

MO003

Mouse Optik

25000

34

Created By WYI wyneyusnaeni2014.wordpress.com $kobar=$_POST['kobar']; $satuan=$_POST['satuan']; $stok=$_POST['stok']; if ($kobar=="HD001") { $nabar="Hard Disk"; $harga=300000; } else if ($kobar=="KB002") { $nabar="Keyboard"; $harga=20000; } else { $nabar="Mouse Optik"; $harga=25000; }

$simpan="insert into barang(kode_barang,nama_barang,harga, satuan,stok)values('$kobar','$nabar','$harga','$satuan','$stok')"; mysql_query($simpan,$koneksi); } else { echo"Maaf server tidak ditemukan"; } echo"Silahkan lihat data
LIHAT"; ?>

Untitled Document <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> DATA BARANG
35

Created By WYI wyneyusnaeni2014.wordpress.com mysql_select_db("penjualan_barang",$koneksi); $query=mysql_query("select * from barang",$koneksi); $jumlah=mysql_num_rows($query); echo "<pre>"; echo "Jumlah Data : $jumlah"; while($baris=mysql_fetch_row($query)) { echo "
"; echo " Kode Barang

:$baris[0]
";

echo " Nama Barang

:$baris[1]
";

echo " Harga

:$baris[2]
";

echo " Satuan

:$baris[3]
";

echo " Stok

:$baris[4]
";

echo "
"; } echo "
Back"; echo ""; ?> Simpan dengan nama : databarang.php

36

Copyright © 2024 ADOC.PUB. All rights reserved.
About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy

Sign In

Email

Password

Remember me Forgot password?

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close

Created By WYI wyneyusnaeni2014.wordpress.com WEP PROGRAMMING. Created By Wina Yusnanei

Recommend Documents

...

SELAMAT DATANG

T A B E L

Form Biodata

..:: Input Data Nilai Mahasiswa ::..

..:: Input Data Gaji Karyawan ::..

Array

..:: Input Data Nilai Mahasiswa ::..

..:: Input Data Nilai Mahasiswa ::..

Isi Buku Tamu