MODUL PEMROGRAMAN WEB

I – TECH COURSE
 BAB II
CSS (CASCADING STYLE SHEET)

1. PENULISAN PADA TAG DENGAN ATRIBUT STYLE

Contoh:

2. PENULISAN PADA HEAD

3. PENULISAN DENGAN CLASS
4. PENULISAN DENGAN ID
 BAB IV
PHP (Hypertext Preprocessor)

1. DASAR PENULISAN PHP

Penulisan php diawali oleh boleh diletakkan dimana saja pada halaman html.
Penulisan lazimnya ditulis diantara blok <?php… ?>

2. VARIABEL
Dengan variabel kita dapat menyimpan nilai atau informasi kedalam memori.
Variabel dapat kita gunakan berkali-kali sesuai kebutuhan dan nilainya
dapat kita ganti. Nama variable diawali tanda $. Misal $nama,
$alamat. Nama variable case sensitif (tidak mengenal perbedaan huruf
besar dan kecil). $A tidak sama dengan $a. Jenis variable bisa berupa
bolean (true atau false)
string (huruf, angka dan karakter), integer (angka bulat), float atau
double (angka desimal/pecahan), array, object, NULL. Variabel
string bisa diapit tanda petik dua, atau petik satu.
 Variabel angka

3. TANDA SAMBUNG
Untuk menyambung antara variabel yang satu dengan yang lain, atau
menggabungkan teks gunkan tanda titik.
4. OPERATOR MATEMATIKA

Operator Keterangan Contoh Hasil

+ Penambahan x=2 x+2 4

- Pengurangan x=2 5-x 3

* Perkalian x=4 x*5 20

/ Pembagian 15/5 5/2 3

2.5
% Modulus (sisa pembagian) 5%2 1
10%8 2
10%2 0
++ Increment (penambahan dengan 1) x=5 x++ x=6

-- Decrement (pengurangan dengan 1) x=5 x=4

x--
5. OPERATOR PERSAMAAN

Operator Contoh Sama dengan

= x=y x=y
+= x+=y x=x+y
-= x-=y x=x-y
*= x*=y x=x*y
/= x/=y x=x/y
%= x%=y x=x%y

6. OPERASI PERBANDINGAN

Operator Keterangan Contoh

== Sama dengan 5==8 hasil false
 != Tidak sama dengan 5!=8 hasil true
> Lebih besar 5>8 hasil false
< Legih kecil 5<8 hasil true
>= Lebih besar sama dengan 5>=8 hasil false
<= Lebih kecil sama dengan 5<=8 hasil true

7. OPERATOR LOGIKA

Operator Keterangan Contoh

&& And (dan) x=6 y=3

(x < 10 && y > 1) hasil true

|| Or (atau) x=6 y=3

(x==5 || y==5) hasil false

! Not (tidak) x=6 y=3

!(x==y) hasil true

8. IF
Dengan if kita dapat menjalankan kondisi sesuai dengan yang kita
harapkan. Misal kita dapat menentukan alur program untuk yang
mengisi password dengan benar dan alur program untuk mengisi
password yang salah.

Penulisan if dengan 1 statemen:

if (kondisi/ekpresi) kode ini/statemen ini akan

dijalankan jika kondisi benar;
else kode ini/statemen ini akan dijalankan jika kondisi
salah;
Penulisan if dengan lebih dari 1 statemen:

if (kondisi/ekpresi)
{ kode ini/statemen ini akan dijalankan jika kondisi
benar; kode ini/statemen ini akan dijalankan jika
kondisi benar;
}
e
l
s
e
{ kode ini/statemen ini akan dijalankan jika kondisi
salah; kode ini/statemen ini akan dijalankan jika kondisi
salah; }
Contoh:
IF dengan 2 kemungkinan
Contoh:
IF dengan lebih dari 2 kemungkinan
9. PERULANGAN
Perulangan berfungsi untuk mengulang alur program, misal kita
bisa membuat nomor dari 1 sampai 100 dengan perulangan tanpa
mengetikan satu persatu. Ada beberapa macam perulangan yaitu
for, while, do..while, foreach
Contoh perlulangan for:
10. ARRAY
Dengan array, kita bisa membuat variabel dengan tipe yang dinamis, dimana

Contoh:
11. PHP DENGAN FORM

Contoh dengan kotak text:

Buatlah file dengan nama data01.php dengan skrip:

Buatlah file dengan nama data02.php dengan skrip:

Kemudian jalankan file data01.php, isikan pada kotak nama dengan

nama anda, kemudian klik tombol submit. Hasilnya akan tampil seperti
gambar dibawah ini.
Contoh dengan checkbox:

Buatlah file dengan nama data03.php dengan skrip:

Buatlah file dengan nama data04.php dengan skrip:

12. MEMBUAT DATABASE DENGAN NAVICAT

- Klik kanan localhost

- Pilih New Database
- Ketik nama database misal sekolah
13. MEMBUAT TABEL
o Pilih database sekolah, klik New Table

o Isikan field2
 id, smalint,6, auto increament
 nama, varchar, 50
  alamat, varchar, 255
 umur, tinyint, 4

o Simpan dan beri nama guru

14. MEMBUAT USER DATABASE BARU

Klik tombol Manage User

Klik tombol Add User

 Isikan User name, Host (alamat server mysql, biasanya localhost), password

Selanjutnya tentukan Privileges (hak istimewa) user. Pilih user, lalu pilih
privilages yang sesuai, untuk memberikan semua frivilages, klik Grant All,
lalu klik tombol Set Priv dan Flush Priv

15. KONEKSI KE SERVER MYSQL

 localhost: server dimana database mysql berada
fansyah: user name
fans2006: password

16. KONEKSI KE DATABASE MYSQL

sekolah: nama database yang dikoneksikan

$koneksi: nama koneksi

17. MENUTUP KONEKSI

18. MEMBERI PERINTAH KE DATABASE DENGAN QUERY

Ada beberapa perintah query

- Melakukan perubahan pada data seperti:
insert into, update, delete

o INSERT INTO
Contoh:
 insert into guru
values(‘Rina’,’Jakarta’,25)
 insert into guru(nama,umur)
values(‘Rina’,25)

o UPDATE
Contoh:
  update guru set
nama=’Tuti’,alamat=’Yogyakarta’,umur=20
where id=1

o DELETE
Contoh:
 delete from guru where id=1
- Tidak melakukan perubahan pada data yaitu select.
o SELECT
Contoh:
 select * from guru
 select * from guru where kota=’jakarta’ and
umur>20
Contoh skrip dengan query insert into:

Lihat hasilnya dengan membuka tabel guru

Contoh skrip dengan query update:

Klik tombol refresh, untuk melihat hasil perubahan
 Contoh skrip dengan query delete:

19. SKRIP MENAMPILKAN DATA

Sebelum membuat skrip ini, tambahkan beberapa data pada tabel guru
Buat file tampil_data1.php
 Kemudian buatlah file tampil_data2.php , berbeda dengan tampil_data1.php,
tampilan data guru disini menggunakan tabel.

20. SKRIP MENAMBAHKAN DATA DENGAN FORM

Buat file form_tambah1.php

Lalu buat pula file form_tambah2.php

Jalankan form_tambah1.php, isikan nama, alamat dan umur, lalu klik tombol
Submit

Jika berhasil akan tampil

21. SKRIP UPDATE DATA DENGAN FORM

Ubah tampil_data2.php dengan menambahkan link edit disebelahnya.

Kemudian buat file form_update2.php

Terakhir buat file form_update3.php

Jalankan tampil_data2.php, klik salah satu yang akan diupdate

Lakukan perubahan, lalu klik tombol submit

Jika berhasil, akan tampil

Klik OK, lalu refresh tampilan awal (file tampil_data2.php) untuk melihat hasil
perubahan.
22. SKRIP HAPUS DATA
Ubah tampil_data2.php dengan menambahkan link hapus disebelahnya.

Buat file form_hapus2.php

Jalankan tampil_data2.php, Klik hapus pada salah satu data

Jalankan berhasil dihapus akan tampil

 Klik OK, lalu refresh tampilan awal (file tampil_data2.php) untuk
melihat hasil perubahan.

23. MENAMPILKAN DATA PER HALAMAN