Modul Pengembangan Sistem Informasi part. I Dosen: Zakki Falani, S.Kom Fakultas Ilmu Komputer Universitas Narotama NEXT.

Presentasi berjudul: "Modul Pengembangan Sistem Informasi part. I Dosen: Zakki Falani, S.Kom Fakultas Ilmu Komputer Universitas Narotama NEXT."— Transcript presentasi:

1 Modul Pengembangan Sistem Informasi part. I Dosen: Zakki Falani, S.Kom Fakultas Ilmu Komputer Universitas Narotama NEXT

2 Kriteria Penilaian:  Kehadiran: 10 %  Tugas: 15 %  Keaktifan: 15 %  NIlai UTS: 30 %  Nilai UAS: 30 % NEXTBACK

3 Materi: Pertemuan ke-Materi 1.  Review HTML & CSS Programming  Pengenalan PHP 2.  Perintah ECHO  PHP & HTML  Menulis Komentar pada PHP 3.  Variable pada PHP 4.  Konstanta pada PHP 5.  Perintah INCLUDE() & REQUIRE() 6.  SESSION() 7.  METHODE GET VS POST UJIAN TENGAH SEMESTER 8.  Manipulasi String pada PHP 9.  Dasar Aplikasi W@P 10.  Konfigurasi Web Server NEXTBACK

4 Materi: Pertemuan ke-Materi 11.  Mengenal Emulator W@P 12.  Penulisan WML 13.  Fungsi Umum pada WML 14.  PHP & WML UJIAN AKHIR SEMESTER NEXTBACK

5 Design Web Lanjut NEXTBACK  Back to HTML?...  Back to CSS?...

6 Design Web Lanjut NEXTBACK VIEW  HTML vs CSS

7 Design Web Lanjut NEXTBACK  Studi Kasus 1 VIEW

8 Design Web Lanjut NEXTBACK  Studi Kasus 2 Prosedur:  Tentukan width table menu, misal:200px  Buat menu header dengan w:200px, h:31px (sesuai panjang table) pada Photoshop.  Buat bg menu pada Photoshop dengan efek gradient, h:2x24px.  Create table HTML dengan width:200px (sesuai dengan width gambar)  Insert image ke dalam table yang sudah terbuat.  Gunakan script CSS (fungsi LINK) untuk melakukan efek rollover image. VIEW

9 Design Web Lanjut NEXTBACK Tugas:  Buatlah kelompok yang terdiri dari 5 orang.  Buatlah studi kasus min.1 (sesuai dengan kesulitan Anda), seperti pada contoh sebelumnya.  Dikumpulkan paling lambat 1 MINGGU.  Lewat tgl. tersebut tidak ada koreksi.  Via E-mail: zakki_falani@yahoo.com

10 Pengenalan PHP Berbeda dengan HTML, pada PHP semua dokumen harus tersimpan pada Web Server. Web Server?Server yang khusus digunakan untuk menyimpan halaman web. Tujuan:  Menjaga pencurian skrip.  Dok. PHP bersifat MultiUser.  PHP merupakan skrip dinamis, yang dapat mengakses DataBase. NEXTBACK

11 Pengenalan PHP Installasi Web Server NEXTBACK

12 Pengenalan PHP TroubleShoting Web Server:  The page cannot be displayed server mati, port telah digunakan oleh program lain.  The page cannot be found halaman web tidak ditemukan pada folder bersangkutan.  Forbidden hak akses client telah di blok dari server. NEXTBACK

13 Pengenalan PHP Penulisan script PHP diawali dengan: , atau  ……. NEXTBACK

14  Fungsi Perintah echo!!! echo,print atau printf berfungsi untuk menampilkan sesuatu dilayar browser sekaligus menjalankan tag HTML. <?php echo “dicetak ke browser dengan echo”; echo “ ”; print “dicetak ke browser dengan print”; ?> Catatan: Tanda petik yang digunakan, dapat petik tunggal (‘) atau petik ganda (“) Pengenalan PHP NEXTBACK VIEW latihan_01.php

15  PHP & HTML: Latihan-02 <?php echo “Hallo PHP,aku akan menaklukanmu!!!”; ?> Pengenalan PHP NEXTBACK VIEW latihan_02.php

16  PHP & HTML Latihan-03 <?php echo “ Hallo PHP,aku akan menaklukanmu!!! ”; ?> Pengenalan PHP NEXTBACK VIEW latihan_03.php

17 Pengenalan PHP  Soal_1: Tulislah source code dari tampilan berikut dengan PHP NEXTBACK

18 Pengenalan PHP  Soal_2: Tulislah source code dari tampilan berikut dengan PHP NEXTBACK

19 Pengenalan PHP  Soal_3: Tulislah source code dari tampilan berikut dengan PHP NEXTBACK

20  Komentar pada PHP Komentar merupakan penjelasan yang menerangkan maksud dari skrip agar skrip tersebut dapat mudah dipahami. Pengenalan PHP NEXTBACK

21  Komentar pada PHP Tanda komentar PHP:  //, berada dalam satu baris  /*…..*/, digunakan apabila pemberian komentar lebih dari satu baris. Pengenalan PHP NEXTBACK

22  Komentar pada PHP <?php //perintah echo untuk menampilkan sesuatu pada layar browser. /* Tag merupakan tag HTML yang berfungsi untuk melakukan pergantian baris. */ ?> Pengenalan PHP NEXTBACK VIEW latihan_04.php

23  Variabel: Suatu tempat untuk menyimpan data. Data yang disimpan sewaktu bisa kita panggil atau diganti dengan data lain. Pengenalan PHP NEXTBACK

24 Variabel Pada PHP:  Diawali dengan tanda $ (dolar)  Ada 3 jenis karakter yang dapat digunakan untuk nama variabel, yaitu: huruf, angka dan garis bawah  Karakter pertama setelah $ (dolar) harus berupa huruf atau garis bawah  Jika nama variabel lebih dari satu kata, jangan ada spasi antara keduanya  Bersifat Case-Sensitif Contoh: $hari=“senin”; $tgl=30; Pengenalan PHP NEXTBACK Catatan: tidak ada pendeklarasian khusus pada var.PHP

25 Setiap kali Anda mengisikan data/nilai ke variabel, PHP secara otomatis akan mengenali setiap tipe data, sehingga Anda tidak perlu untuk mendefinisikan tipe data, seperti pada pemrograman pascal. Pengenalan PHP NEXTBACK

26 Menampilkan Var. PHP: <?php $i=“Universitas Narotama”; echo $i; ?> Pengenalan PHP NEXTBACK VIEW latihan_05.php

27 Menampilkan Var. PHP: <?php $angka1=10; $angka2=2; $hasil=$angka1+$angka2; echo $hasil; ?> Pengenalan PHP NEXTBACK VIEW latihan_06.php

28 Tanda Petik Ganda VS Tunggal <?php $harga=1500; echo “Harganya: $harga ”; echo ‘Harganya: $harga’; ?> Pengenalan PHP NEXTBACK VIEW latihan_07.php

29 Menampilkan Tanda Petik Ganda di Browser <?php echo “KOTA SURABAYA ADALAH \”KOTA PAHLAWAN\””; ?> Pengenalan PHP NEXTBACK VIEW latihan_08.php

30 Mengganti Tipe Data Variabel Penggantian tipe data suatu variabel dapat dilakukan menggunakan fungsi settype. <?php $teks=“100 Mahasiswa Fasilkom”; echo “\$teks bertipe string=\”$teks\” ”; echo “diubah menjadi ke integer: ”; settype($teks,integer); echo $teks; ?> Pengenalan PHP NEXTBACK VIEW latihan_09.php

31 Mengganti Data Variabel Tanpa Mengubah Tipe Data ???Tipe data variabel tetap (tidak berubah), hanya datanya saja yang diubah. Fungsi yang digunakan:  intval($nama_variabel), berfungsi untuk mengganti data ke integer.  doubleval($nama_variabel), berfungsi untuk mengganti data ke double.  strval($nama_variabel), berfungsi untuk mengganti data ke string. <?php $desimal=23.3; $bulat=intval($desimal); echo “Data \$desimal=$desimal ”; echo “Data \$desimal sesudah konversi=$bulat”; ?> Pengenalan PHP NEXTBACK VIEW latihan_10.php

32 Menghapus Variabel Gunakan fungsi, unset(nama_variabel); <?php $cek=“Belajar PHP”; echo “Sebelum variabel \$cek dihapus : ”; echo “Kegiatan saat ini: $cek ”; unset($cek); echo “Setelah variabel \$cek dihapus: ”; echo “Kegiatan saat ini: $cek”; ?> Pengenalan PHP NEXTBACK VIEW latihan_11.php

33 Pengenalan PHP  Soal_4: Tulislah OUTPUT dari source code berikut: <?php $nama1="Adi "; $nama2="Irawan "; $nama3="Sihombing"; echo "nama1 = $nama1 "; echo "nama2 = $nama2 "; echo "nama3 = $nama3 "; echo "NAMA LENGKAP=".$nama1.$nama2.$nama3; ?> NEXTBACK

34 Pengenalan PHP  Soal_5: Tulislah OUTPUT dari source code berikut: <?php $foo = "5bar"; // string $bar = true; // boolean settype($foo, "integer"); settype($bar, "string"); echo $foo; echo " "; echo $bar; ?> NEXTBACK

35 Pengenalan PHP  Soal_6: Tulislah OUTPUT dari source code berikut: <?php $var = '122.34343TRUE'; $float = floatval($var); echo $float; ?> NEXTBACK

36 Pengenalan PHP Memastikan Suatu Variabel Telah Terbentuk Setiap kali menggunakan variabel, pastikan terlebih dahulu apakah variabel sudah terbentuk? Gunakan fungsi: isset(nama_variabel); <?php $var1=“Universitas Narotama”; if (isset($var1)) {echo “Variabel 1 = TRUE”;} else {echo “Variabel 1 = FALSE”;} echo “ ”; if (isset($var2)) {echo “Variabel 2 = TRUE”;} else {echo “Variabel 2 = FALSE”;} ?> NEXTBACK VIEW latihan_12.php

37 Pengenalan PHP Mendeteksi Tipe Data Suatu Variabel  is_string(nama_variabel); untuk memastikan tipe data variabel adalah string.  is_int(nama_variabel); untuk memastikan tipe data variabel adalah integer.  is_double(nama_variabel); untuk memastikan tipe data variabel adalah double.  is_array(nama_variabel); untuk memastikan tipe data variabel adalah array.  is_bool(nama_variabel); untuk memastikan tipe data variabel adalah boolean.  is_numeric(nama_variabel); untuk memastikan tipe data variabel adalah angka. NEXTBACK

38 Pengenalan PHP Mendeteksi Tipe Data Suatu Variabel <?php $angka=36; $kalimat=“Universitas Narotama”; if (is_int($angka)) {echo “TRUE”;} else {echo “FALSE”;} echo “ ”; if (is_string($kalimat)) {echo “TRUE”;} else {echo “FALSE”;} ?> NEXTBACK VIEW latihan_13.php

39 Pengenalan PHP Mengetahui Nilai dan Tipe Data Suatu Variabel Untuk mengetahui nilai dan tipe data suatu variabel gunakan fungsi: var_dump(nama_variabel); <?php $text=“FASILKOM”; $angka=100; $logika=true; echo “Variabel \$text : ”.var_dump($ text); echo “ ”; echo “Variabel \$angka: ”.var_dump($angka); echo “ ”; echo “Variabel \$logika: ”.var_dump($logika); ?> NEXTBACK VIEW latihan_14.php

40 Pengenalan PHP Memahami dan Mendefinisikan Konstanta Konstanta mirip dengan variabel, tapi nilai/data yang disimpan bersifat permanen atau tetap. Artinya, sekali Anda mengisi data ke sebuah konstanta, isi konstanta tersebut tidak dapat diubah atau diganti oleh data yang lain. NEXTBACK

41 Pengenalan PHP Memahami dan Mendefinisikan Konstanta <?php //mendefinisikan konstanta define("pi",3.14); define("jawaban","Maka Luas Lingkaran="); //mendefinisikan variabel $jari_jari=4; $luas_lingkaran=pi*$jari_jari; echo "Jari-jari Lingkaran=$jari_jari "; echo "Besar phi=".pi." "; echo jawaban."$luas_lingkaran"; ?> NEXTBACK VIEW latihan_15.php

42 Pengenalan PHP  Soal_7: Tulislah OUTPUT dari source code berikut: <?php $a = false; $b = 0; if (is_bool($a)) {echo "Yes, this is a boolean";} else {echo "No, this is a Not Boolean";} echo " "; if (is_bool($b)) {echo "Yes, this is a boolean";} else {echo "No, this is a Not Boolean";} ?> NEXTBACK

43 Pengenalan PHP  Soal_8: Tulislah OUTPUT dari source code berikut: NEXTBACK

44 Pengenalan PHP  Soal_9: Tulislah OUTPUT dari source code berikut: <?php $a = array("a", "b", "c"); var_dump($a); ?> NEXTBACK

45 Pengenalan PHP  Soal_10: Tulislah OUTPUT dari source code berikut: <?php $a = array(25,50,100); var_dump($a); ?> NEXTBACK

46 Pengenalan PHP  Soal_11: Tulislah OUTPUT dari source code berikut: <?php define(“salam1”,”Selamat Pagi”); define(“salam2”,”Selamat Siang”); define(“pindahbaris”,” ”); echo salam1.pindahbaris; echo salam2.pindahbaris; ?> NEXTBACK

47 Include() & Require()  Require(), digunakan untuk merefensi file yang berisikan variabel dan fungsi global yang digunakan pada seluruh bagian dari script utama.  Include(), digunakan untuk menyisipkan kode script atau tag HTML pada program utama. Pengenalan PHP NEXTBACK

48 Include(“filename”); Pengenalan PHP NEXTBACK Filename: index.php Test Include <?php include “table.php”; ?> Filename: table.php <?php echo “ NIM NAMA 04102001 Baihaqi “; ?>

49 Require(“filename”); Pengenalan PHP NEXTBACK Filename: fungsi.php <?php function x1() { echo “Universitas Narotama ”; echo “Surabaya”; } function x2() { echo “FASILKOM”; } ?> Filename: index.php Test Require <?php x1(); ?>

50 Manajemen Session Session?.... teknik penyimpanan data di server, dimana tentunya data yang disimpan dalam bentuk variabel. Pengenalan PHP NEXTBACK

51 Manajemen Session Apakah session mirip cookies?... Ya, hanya saja pada cookies, data disimpan pada komputer client. Pengenalan PHP NEXTBACK

52 Membuat dan Mengakhiri Session Fungsi membuat session: session_start(); Fungsi mengakhiri session: session_destroy(); Pengenalan PHP NEXTBACK

53 Session Pengenalan PHP NEXTBACK Filename: sesi1.php <?php session_start(); $_SESSION[‘sesi’]=“FASILKOM”; echo “ Klik disini untuk melihat isi sessionnya ”; ?> Filename: sesi2.php <?php session_start(); echo $_SESSION[‘sesi’]; ?>

54 Session Pengenalan PHP NEXTBACK Filename: sesi3.php <?php echo “ Klik disini untuk LogOut ”; ?> Filename: sesi4.php <?php session_start(); session_destroy(); If ($_session[‘sesi’]<>””) {echo “session belum terhapus”;} else {echo “session sudah terhapus”;} ?>

55 Catatan: Session yang telah terbuat pada contoh tersebut mirip situs web mail seperti eudoramail atau yahoo mail. Ketika user mengakses email, berarti berada pada session yang datanya disimpan di server sampai user tersebut melakukan logout / signout. Pengenalan PHP NEXTBACK

56 Mendaftarkan dan Menyimpan Data Session di Server Fungsi Mendaftarkan Variabel pada Session: session_register(“nama_variabel1”, “nama_variabel2”,…….); Fungsi Menghapus Variabel pada Session: session_unregister(“nama_variabel1”, “nama_variabel2”,…….); Pengenalan PHP NEXTBACK

57 Pengenalan PHP Session NEXTBACK Filename: reg_sesi.php <?php session_start(); session_register(“sesi1”,”sesi2”); $sesi1=“Universitas Narotama”; $sesi2=“FASILKOM”; echo $sesi1; echo “ ”; echo $sesi2; ?>

58 Pengenalan PHP Session NEXTBACK Filename: unreg_sesi.php <?php session_start(); session_register(“sesi1”,”sesi2”); $sesi1=“Universitas Narotama”; $sesi2=“FASILKOM”; echo $sesi1; echo “ ”; echo $sesi2; session_unregister(”sesi2”) echo “ ”; echo “ Unregister Session ”; ?> Filename: unreg_sesi2.php <?php session_start(); $sesi1=$_SESSION['sesi1']; $sesi2=$_SESSION['sesi2']; echo $sesi1; echo “ ”; echo $sesi2; ?>

59 Catatan:  Fungsi session_register(), selain mendaftarkan variabel, juga dapat secara otomatis membentuk session. Jadi, Anda tidak perlu menggunakan fungsi session_start() lagi.  Data session dapat dibaca dari skrip lain, tapi sebelum mengakses datanya, session dibuka terlebih dahulu.  Untuk mencoba data yang telah dihapus harus melalui skrip lain, karena pada skrip yang bersangkutan data tidak akan pernah terhapus. Pengenalan PHP NEXTBACK

60 Menangani Form di PHP Metode Get Vs Post METHOD dalam form dapat diisi dengan GET atau POST.  GET: data yang diisi akan dikirim ke server dengan cara diletakkan dibelakang URL.  POST: data akan dikirim ke server secara terpisah, artinya datanya tidak terlihat di belakang URL. NEXTBACK

61 Menangani Form di PHP Username: Password: NEXTBACK Filename: proses.php <?php $nama=$_request[‘nama’]; $rahasia=$_request[‘rahasia’]; echo $nama; echo “ ”; echo $rahasia; ?> latihan_16.phpproses.php

62 Menangani Form di PHP Username: Password: NEXTBACK Filename: proses.php <?php $nama=$_request[‘nama’]; $rahasia=$_request[‘rahasia’]; echo $nama; echo “ ”; echo $rahasia; ?> latihan_17.phpproses.php

63 Menangani Form di PHP Catatan:  Apabila data yang dikirim ke server bersifat rahasia, gunakan metode POST, misalnya mengirimkan data Password.  Apabila data yang dikirim ke server bersifat data biasa saja serta untuk memperjelas data yang dimasukkan di form, gunakan metode GET, misalnya aplikasi pencarian (search engine) atau polling. NEXTBACK

64 Menangani Form di PHP Fungsi htmlspecialchars(); Isi Komentar: NEXTBACK latihan_18.php

65 Menangani Form di PHP Fungsi htmlspecialchars(); <?php $isi=$_REQUEST['isi']; echo "Tanpa fungsi htmlspecialchars();"." ".$isi; echo " "; echo "Menggunakan fungsi htmlspecialchars();"." ".htmlspecialchars($isi); ?> NEXTBACK validasi.php

66 Manipulasi String Mendeteksi Jumlah Karakter dalam String Suatu data string dapat dihitung jumlah karakternya, dengan menggunakan fungsi: strlen(nama_string); NEXTBACK

67 Manipulasi String Mendeteksi Jumlah Karakter dalam String <?php $i=“Universitas Narotama”; $jmlhuruf=strlen($i); echo $i.” ”; echo “Jumlah Karakter pada Kalimat diatas:”.$jmlhuruf; ?> NEXTBACK jmlhuruf.php

68 Manipulasi String Mendeteksi Posisi suatu Karakter pada String Fungsi: strpos(nama_string,kar_yg_diinginkan); <?php $string=“FASILKOM”; echo “Teks: $string ”; $letakF=strpos($string,”F”); echo “Posisi huruf F berada pada:”.$letakF; ?> NEXTBACK poshuruf.php

69 Manipulasi String Mendeteksi Karakter dalam Variabel String Fungsi: $nama_variabel{karakter_ke_berapa}; <?php $string=“FASILKOM”; echo “Teks: $string ”; $huruf0=$string{0}; $huruf1=$string{1}; echo “Huruf ke-0: $huruf0 ”; echo “Huruf ke-1: $huruf1”; ?> NEXTBACK akseskar.php

70 Manipulasi String Mengubah Format Huruf suatu String Huruf Kapital,fungsi:strtoupper(“data_string”); Huruf Kecil,fungsi:strtolower(“data_string”); <?php $string1=“Universitas Narotama”; $string2=“FASILKOM”; echo strtoupper($string1); echo “ ”; echo strtolower($string2); ?> NEXTBACK formathrf.php

71 Manipulasi String Mengkapitalkan Huruf Suatu String Untuk mengkapitalkan huruf pertama pada string, gunakan fungsi:ucfirst(data_string); Untuk mengkapitalkan huruf pertama tiap kata dari string, gunakan fungsi:ucwords(data_string); <?php $string1=“universitas narotama surabaya”; $hasil1=ucfirst($string1); $hasil2=ucwords($string1); echo $hasil1; echo “ ”; echo $hasil2; ?> NEXTBACK hrfcaps.php

72 Manipulasi String Menghilangkan Spasi di Sekitar String  Menghilangkan spasi dikanan string, fungsi: rtrim(data_string);  Menghilangkan spasi dikiri string, fungsi: ltrim(data_string);  Menghilangkan spasi dikanan dan kiri string, fungsi: trim(data_string); NEXTBACK

73 Manipulasi String Membuat String dari String Membuat data string baru yang merupakan bagian dari data string yang pertama, gunakan fungsi: substr(data_string,posisi_awal,banyak_karakter) <?php $string=“Universitas Narotama Surabaya”; echo “Data String 1: $string ”; $hasil=substr($string,12,8); echo “Data String 2: $hasil”; ?> NEXTBACK substr.php

74 Manipulasi String Mendeteksi Jumlah Substring dalam String Untuk menghitung suatu kata yang terdapat dalam data string, gunakan fungsi: substr_count(data_string,substring_yang_dicari); <?php $string=“kuku kakiku kaku kaku”; echo “Data String: $string ”; $jumlah_ku=substr_count($string,”ku”); $jumlah_ka=substr_count($string,”ka”); echo “Jumlah Kata-ku: $jumlah_ku”; echo “ ”; echo “Jumlah Kata-ka: $jumlah_ka”; ?> NEXTBACK jmlsubstr.php

75 Manipulasi String Mendeteksi Nilai ASCII suatu Karakter Mendapatkan Nilai ASCII sebuah karakter, fungsi: ord(karakter); Karakter yang diwakili oleh Nilai ASCII, fungsi: chr(karakter); <?php echo “Nilai ASCII dari huruf z: “.ord(“z”); echo “ ”; echo “Karakter yang diwakili oleh Nilai ASCII 122:”.chr(“122”); ?> NEXTBACK ascii.php

76 Manipulasi String Mengganti Bagian String Melakukan penggantian salah satu dari bagian string untuk diganti dengan kata yang baru, gunakan fungsi: str_replace(“yg_akan_diganti”,”pengganti”,nama_string); <?php $string=“Universitas Narotama Surabaya”; echo “Teks: $string”; echo “ diubah menjadi:”.str_replace(“Surabaya”,”Sby”,$string); ?> NEXTBACK gantistr.php

77 Manipulasi String Memecah String Suatu String dapat dipecah menjadi kata-kata penyusunnya, Gunakan fungsi: strtok(string,karakter_pemisah); <?php $string=“Universitas Narotama Surabaya”; echo “Teks: $string”; $pecah=strtok($string,” “); echo “ Kata Penyusunnya: ”; while($pecah) { echo $pecah.” ”; $pecah=strtok(” “); } ?> NEXTBACK pecahstr.php