Perkembangan teknologi computer(media internet)

a.    Tukar Menukar Data/info Secara On-line

b.    E-mail

·  Surat-menyurat Antar Unit Kerja Secara Cepat, Kirim Mengirim Dokumen atau Secara Elektronik

c.    Sebagai Media Diskusi (Video Conference)

d.    Chatting

·     Dapat mengakses data atau informasi yang disediakan oleh penyedia informasi baik di dalam maupun luar negeri (browsing)

e.    Sarana Multimedia On-line

f.    E-commerce (Elektronik Perdagangan)

Internet

a.    Jaringan (physical) yang menghubungkan ratusan juta computer menggunakan protocol yang sama untuk berbagi atau mengirimkan informasi (TCP/IP)

b.    Jaringan besar dengan jaringan yang lebih kecil didalamnya

c.    Semua pengguna internet berkedudukan sejajar dan bebas.

Manfaat Jasa Layanan Internet

a.    Bersifat global tanpa batas (informasi bersifat bebas).

Negatifnya:

·        Tidak ada pengawasan (informasi memiliki sisi gelap)

b.    Tersedia berbagai macam informasi (cukup lengkap dan up to date)

c.    Sarana komunikasi yang efektif dan efisien untuk berbagai keperluan dengan tingkat kecepatan yang cukup tinggi

·         Meringankan biaya operasional komunikasi

Kategori website

a.    Website company profile

b.    Shopping online

c.    Catalog online

d.    News publishing

e.    Blog (weblog)

f.    Forum

g.    Member online

Web (lanjutan)

a.    Dulu : web statis dan text base

b.    Saat ini : web dinamis, interaktif dan terintegritas

c.    Data yang sifatnya penting memerlukan perancangan yang matang baik berhubungan dengan kualitas dan keamanan informasi

d.    Aplikasi web dapat diintegrasikan dengan perangkat lain, sistemportal/embedded

e.    Perkembangan tools web semakin pesat dan canggih tanpa harus bersentuhan dengan programming (CMS, templating)

Mekanisme Kerja Web

a.    Protokol web: Hypertext Transfer Protocol (HTTP)

·         Protocol standard aturan yang  digunakan untuk berkomunikasi pada jaringan komputer

b.    Address  web: URL(Uniform Resource Locator)

·                                 standard alamat internet.

c.    HTML

·         Untuk membuat dokumen yang dapat diakses melalui web

Web # Internet

a.    Internet

·         jaringan (physical) yang menghubungkan ratusan juta komputer

b.    World Wide Web

·         kumpulan dari dokumen/halaman multimedia yang saling berhubungan (hyperlink) yang disimpan pada internet dan diakses menggunakan protokol (HTTP).

c.    Multimedia

·         informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan darisemuanya.

d.    Web dilihat melalui software/program browser internet(Internet Explorer, Firefox, Google Chrome, Safari, Opera, dll),

e.    Internet adalah hardware,Web adalah software

Perbedaaan Web Based Programming dengan Sistem programming

	Sistem programming (aplikasi visual berbasis windows) misalnya Visual Basic, Delphi, Kdevelop	Web based programming
Penentu kinerja aplikasi	a.  Optimasi penggunaan memori b.  Manajemen proses c.  Pengaturan Input-Output	·            Kecepatan akses database ·            Kecepatan akses jaringan dan internet
Cara aplikasi berjalan	aplikasi dibangun dengan menggunakan tool tertentu kemudian dikompilasi. Hasilnya dapat langsung digunakan dalam komputer	tidak dapat di jalankan langsung dikomputer krn dibutuhkan engine(web server)

Web Server

a.    Merupakan sebuah komputer induk dimana website diletakkan,  sehingga dapat diakses oleh komputer client dalamjaringan.

b.    Kriteria web server:

·         Memiliki spesifikasi hardware yang tinggi,  kapasitas peyimpanan yang cukup besar, system pertahanan virus yang baik

·         Terhubung ke jaringan

·         Terinstall software web server, software database server, e-mail server, dan application server

Web Statis

a.  Web statis → web yang berisi berisi text/links/images yang sama (tetap) setiap diakses

b.   biasanya dibentuk dengan HyperText Markup Language (HTML) sebagai text/image format

c.      pemeliharaan programharus dilakukan terus menerus.

d.   Ditekankan pada sisi tampilan yang banyak mengandung grafis, dibutuhkan kemampuan design grafis/web dan cita rasa seni

e.      Contoh online document, homepage

f.    pengunjung website statis tidak dapat menentukan informasi apa yang ingin dilihatnya, dan tetap pada informasi apa yang ditawarkan

Web Dinamis

a.      Perkembangan web mendukung online service dan e-commerce

b.      Web dinamis→ web yang menampilkan informasi yang bersifat dinamis (berubah-ubah)

c.      Dapat berinteraksi dengan user

d.      Ditekankan pada pengolahan data dikaitkan dengan basis data

e.      Contoh amazon.com, www.thehungersite.com

Pengembangan Web Dinamis

a.      dengan pemahaman programming :

·      Server Side Programming

·                     Client Side Programming

b.      atau tanpa pemahaman programming -> CMS (ContentManagement System)

Server Side Programming

a.    Server Side Programming → semua sintaks dan perintah program yang diberikan akan dijalankan/diproses diWeb Server

b.    hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa.

c.    pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming tersebut.

d.    Contoh server side programming seperti: CGI/Perl,Active Server Pages, Java Server Page, PHP, ColdFussion dan lain-lain.

CGI programming

a.    Program ditulis untuk mendukung Common Gateway Interface

b.    ketika Web page submits, data dari page dikirim sebagai input ke program CGI

c.    Program CGI mengeksekusi di server dan mengirimkan kembali hasilnya ke browser sebagaiWeb page

d.    Komputasi yang besar/kompleks atau membutuhkan akses ke private data

Client side programming

a.    Client Side Programming →semua sintaks dan perintah program dijalankan di web browser

b.    Dieksekusi pada mesin client simple, generic, tapi tidak aman (insecure)

c.    client meminta dokumen yang mengandung script

d.    script tersebut akan diambil dari web server

e.    dijalankan di web browser yang bersangkutan.

f.    Contoh dari client side programming : JavaScript, VbScript, HTML.

JavaScript

a.    Bahasa script untuk Web page, dikembangkan oleh Netscape (1995)

b.    Menggunakan sintaksC++/Java

c.    Baik digunakan untuk penambahan fitur dinamik dalam Web page, pengontrolan form and GUI

Java Applets

a.    Program dalam Java untuk tujuan khusus -> applets

b.    full expressive power of Java

c.    Sesuai untuk grafik dimana memenuhi kebutuhan yang komplex

HTML

a.    HTML → bahasa markup(penanda) sebuah dokumen teks yang digunakan dalam pembuatan halaman web.

b.    Digunakan untukmentransfer data atau dokumen dari web server ke browser

c.    HTML editor yang digunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.

d.    Dalam penggunaannya sebagian besar kode HTML harus terletak di antara tag kontainer, diawalidengan <namatag> dan diakhiri dengan</namatag>

e.    Komentar : <!- - ini komentar - - >

f.    Struktur HTML terdiri dari 2 bagian utama, yaitu bagian head dan bagian body.

g.    Struktur utama HTML adalah <html> <head> isi head, berupa meta tag,title dan script </head> <body> isi body akan ditampilkan pada halaman browser </body> </html>

h.    <html> sebagai tanda awal dokumen HTML

i.      <head> sebagai informasi page header

j.     <title> sebagai judul halaman yang akan tampil pada bagian atas browser/title bar

k.    <body> sebagai tempat peletakan berbagai tag atribut seperti warna latar belakang, warna teks dan sebagainya

PHP Hypertext Protocol

a.    1995 (Rasmus Lerdroft) → struktur program script sederhana (PHP/FI) yang digunakan untuk pemrosesan HTML Form dalam halaman web.

b.    Awalnya -> bagian dari Personal Home Page Tools (tujuan kebutuhan pribadi) dibuat dengan menggunakan Perl

c.    Selanjutnya -> dengan bahasa C yang bertujuan untuk pembangunan halaman web dinamis dan dapat mengakses database.

Sejarah PHP

a.    1997 → PHP/FI versi 2.0, selanjutnya PHP/FI versi 3.0 tahan oleh Andi Gutmans dan Zeev Suraski yang mendukung database, protokol dan API

b.    PHP 4 lebih aman dengan penambahan fitur session, output buffering dan penanganan input Zend inti dari PHP engine untuk menangani input, menerjemahkan fungsi dan mengeksekusinya

c.    2003 → PHP 5 mengoptimalkan OOP sehingga dapat membuat file swf dan applet java

ASP

a.    kesalahan built-in maka secara otomatis akan menampilkan kode error secara lengkap

b.    Merupakan produk dari Microsoft, mengandalkan mesin Web Server IIS yang hanya bisa berjalan di OS Windows.

c.    Keuntungannya: cepat, ringan, VBScript relatif mudah bagi pemakai VB, bisa menggunakan fasilitas program COM di windows.

d.    Kerugiannya: Hanya bisa memakai IIS yang komersial dan relatif mahal, windows mahal dan kurang stabil di Internet, banyak virus, tergantung pada kemurahan hati Microsoft untuk tambalan- tambalan anti hackernya. Layanan Hosting terbatas tanpa dukungan COM dan lebih mahal.

PHP

a.    hanya menampilkan kesalahan fungsi

b.    Bahasa pemrograman Free (Open Source).

c.    Keuntungan: Mudah dipelajari, ringan, free, multiplatfrom, bisa COM & Java, dukungan hosting melimpah dan murah.

d.    Kerugian: Kurang memadai untuk aplikasi client desktop biasa.

Komentar pada Script PHP

a.    // atau #  →harus dalam satu baris

b.    /*….*/  →dalam satu kelompok

c.    Ciri dari PHP adalah bersifat case sensitif → mempermasalahkan huruf kapital atau tidak (karena tergolong turunan bahasa C)

Script PHP

Gunakan Notepad untuk membuat script Php.

<?php→tidak boleh berspasi (atau hanya menggunakan tag <?)

…isi body yang akan ditampilkan….

?>

Simpan dalam direktori C:\xampp\htdocs\phpgenap dengan nama,

misalnya:satu.php

Pilih Save as type: All files (*.*)

Contoh 1 :

<?php

/* nama file   : c:\apache\htdocs\phpgenap\satu.php

dibuat oleh : Rita w.

deskripsi : penulisan script php */

print ("Script Phpkoe yang Pertama");

?>

Note : instruksi print atau echo atau printf

Jika ingin menampilkan karakter tanda petik ganda pada browser maka

dipergunakan tanda \”….. \“

Misalnya: echo ("Nama saya \" $nama2 \" ");

view satu.php in browser

view petikdua.php in browser

IF

a.    IF  pernyataan berkondisi untuk membandingkan suatu keadaan tertentu.

b.    Jika kondisi terpenuhi, maka akan dijalankan ekspresi tertentu

c.    Jika kondisi tidak terpenuhi, maka blok IF akan terlompati dan ekspresi di dalam IF tidak akan dijalankan

Sintaks pernyataan IF

If (kondisi)

{ekspresi 1}

Else  {ekspresi 2}

<font size = 24>

<?php

/* nama file   : c:\...\phpgenap\enam.php

dibuat oleh : Rita W.

deskripsi : Pengkondisian dengan syntax IF */

$nilai = 12;

print "Nilai anda : $nilai berarti ";

if ($nilai >= 10)

{echo ("lulus");}

else {echo ("Tidak lulus");}

?>

<font size = 24>

<?php

/* nama file   : c:\...\phpgenap\tujuh.php

dibuat oleh : Rita W.

deskripsi : Pengkondisian dengan syntax IF Bertingkat */

$nilai = 6;

print "Nilai anda : $nilai berarti ";

if (($nilai >= 0) && ($nilai <=3))

{echo ("D");}

elseif (($nilai >= 4) && ($nilai <=6))

{echo ("C");}

elseif (($nilai >= 7) && ($nilai <=9))

{echo ("B");}

elseif ($nilai >= 10)

{echo("A");}

?>

Switch

a.    Switch pernyataan yang digunakan untuk pemilihan kondisi yang jumlahnya banyak dan operator yang dipergunakan adalah ‘=‘

switch (operand)

{ case 1 : ekspresi 1

case 2 : ekspresi 2

case 3 : ekspresi 3

default : ekspresi N;

}

Sembilan.php

<font size = 16>

<!- - nama file   : c:\...\phpgenap\sembilan.php

dibuat oleh : Rita W.

deskripsi : Sintaks Switch -- >

<body>

<form action="" method="post">

Nilaiku: <select name="nilai" style="font-size : 24">

<option> 1 <br>

<option> 2 <br>

<option> 3 <br>

<option> lain <br>

</select>

<hr>

<input type= "submit" value="Proses" style="font-size: 24pt">

</form>

<?php

$nilaim = $_POST["nilai"];

echo ("<hr>Hasil proses: <br> Nilai Anda adalah ");

switch ($nilaim)

{ case 1 : echo ("satu");

break;

case 2 : echo ("dua");

break;

case 3 : echo ("tiga");

break; 

default : echo ("lain");

}

?>

</body>

Break dan Exit

a.    Pernyataan Break digunakan untuk keluar dari proses berulang

b.    Pernyataan Exit digunakan untuk keluar dari program secara paksa. Jika pernyataan exit dipakai, maka baris program yang ada dibawahnya tidak akan dieksekusi

Latihan

<html> <body>

<form action=form2.php method="post">

Nilai : <input = "text" name="nm" style="font-size: 16pt" size=“8">

<hr>

<value="Proses"style="font-size: 34pt">

</form></body>

if ($nilai >= 0 and $nm <=5)

echo (Cukup);

elseif ($nilai >= 5 and $nilai <=15)

echo (Nilai yang anda masukkan besar);

<value="ok"style="font-size: 34pt">

<?php

$grade = ‘G’;

print “Grade anda : $grade berarti ";

f ($grade >= ‘A’) and ($grade <=‘E’)

echo (“Baik");

elseif ($grade >= ‘F’) and ($grade <=‘I’)

echo (“Cukup");

elseif ($grade >= ‘J’) and ($grade <=‘M’)

{echo (“Kurang");}

Perulangan

a.    Pengulangan/Repetition

b.    suatu pernyataan instruksi sehingga suatu tugas dapat dikerjakan berulang-ulang berdasarkan kondisi tertentu

c.    Setiap eksekusi baris di dalam Loop disebut Iterasi. Iterasi akan dijalankan berulangkali dalam sebuah loop hingga tercapai suatu kondisi berhenti

d.    For, While

For

a.    For →pernyataan pengulangan loop yang jumlah pengulangannya telah ditentukan

b.    Sintaks pernyataan :

or (nilai awal, syarat perulangan, pola penambahan)

{..ekspresi..}

Sepuluhfor.php

<font size = 24>

No urut :

<!-- nama file   : c:\...\phpgenap\sepuluhfor.php

dibuat oleh : Rita W.

deskripsi : Pengulangan dengan syntax FOR -->

<?php

for ($num = 1; $num <= 10; $num++)

{

print ("<br> $num, ") ;

}

?>

While

a.    While pernyataan perulangan yang akan melakukan pengulangan terus menerus selama suatu kondisi memenuhi syarat

b.    Sintaks pernyataan while :

While (kondisi)

{…ekspresi .. }

While.php

<!--nama file   : c:\...\phpgenap\while.php

dibuat oleh : Rita W.

deskripsi : Penggunaan pernyataan while -->

<font size = 24>

<html>

<body>

<form action="" method="post">

Masukkan Sebuah Nilai 1-10 : <input type = "text" name="nilai"

style="font-size: 16pt" size="8">

<hr>

<input type= "submit" value="ok" style="font-size: 34pt">

</form>

Lanjutan while.php

<?php

$nilai = $_POST["nilai"];

$sisa = $nilai % 2 ;

if ($sisa == 0)

{echo ("Nilai $nilai adalah bilangan genap ");}

else

{ echo ("Bilangan ganjil dari $nilai hingga 10 adalah <br> ");

while ($nilai <= 10)

{

echo("$nilai ,");   

$nilai +=2 ;

}

}

?>

</body>

</html>

Do.. While

a.    do..whilesangat mirip dengan while, hanya saja pada do..while pemeriksaan terjadi pada akhir blok, sedangkan while terjadi pada awal.

Contoh;

<?

/* nama file   : c:\...\phpgenap\repeat.php

dibuat oleh : Rita W.

deskripsi : instruksi repeat */

$a = 0;

do {

echo (“ $a “); $a +=2;

} while ($a < 10);

?>

Array

a.    Array →tempat menampung sejumlah data .

b.    Mendukung untuk beberapa tipe data berbeda.

c.    Indeks array selalu dimulai dari 0

<font size = 16>

<?

/* nama file   : c:\...\phpgenap\array1.php

dibuat oleh : Rita W.

deskripsi : Sintaks array */

$bulan = array("Januari", "Pebruari", "Maret");

echo ("Tiga Bulan pertama dalam setahun adalah <hr><br>");

echo("$bulan[0] <br>");

echo("$bulan[1] <br>");

echo("$bulan[2] <br>");

?>

Jumlah Elemen Array (Count)

<font size = 16>

<?

/* nama file   : c:\...\phpgenap\array2.php

dibuat oleh : Rita W.

deskripsi : Sintaks count array */

$bulan = array("Januari", "Pebruari", "Maret");

$jumlah = count($bulan);

echo ("Jumlah elemen dalam array adalah $jumlah buah <br>");

echo ("Terdiri dari<hr><br>");

for ($i=0;$i<=2;$i++)

{ echo("$bulan[$i] <br>");}

?>

Perulangan Foreach

<font size = 16>

<!-- nama file   : c:\...\phpgenap\array3.php

dibuat oleh : Rita W.

deskripsi : Sintaks Perulangan foreach array -->

<?

$handphone = array("Nokia","Samsung",“LG“,”Sony Ericson” );

echo ("Daftar merk handphoneku adalah <hr><br>");

foreach($handphone as $merk)

{

echo(".$merk <br>");

}

?>

Array dalam Array

<font size = 16>

<?

/* nama file   : c:\...\phpgenap\array4.php

dibuat oleh : Rita W.

deskripsi : array dalam array */

$siswa = array("Kohar" => array("Membaca","Olahraga"),

"Susi" =>array("Menyanyi", "Menari", "Membaca"),

"Lusi" =>array("Menari"));

$nomora = 1;

while(list($indeks1,$data1) = each($siswa))

{

$nomor=0;

echo("Nama siswa ke $nomora : $indeks1 <br>");

echo("Hobinya : <br>");

while(list($indeks2,$data2) = each($data1))

{

$nomor ++;   

echo ("$nomor. $data2<br>");

}

$nomora ++;

}

?>