Materi Kuliah
Dasar Pemrograman WEB
Web dibuat dengan suatu bahasa pengkodean HTML, agar dapat interaktif maka seorang web development membuat suatu pemrograman agar dapat interaksi antara pengunjung dan situs tersebut, ada banyak bahasa yang dapat digunakan seperti ASP, PHP, Javascript, dan lain-lain.
Contohnya pada saat kita masuk ke situs tertentu, terdapat hit counter, jam, dan bukutamu, dan halaman polling. Lalu pertanyaan dasar gimana kita membuat ini, apakah bisa diwujudkan dengan hanya menggunakan HTML, atau butuh suatu script lain untuk mewujudkannya. Jawabannya dengan kode HTML ini bisa diwujudkan dengan sangat sederhana dan terbatas kemampuannya.
Sekilas cara kerja Web
Pada saat kita mengetikkan sesuatu alamat pada browser maka data akan dilewatkan oleh suatu protocol HTTP melewati port 80 pada server. Alamat ini adalah URL dari suatu situs yang mempunyai alamat yang unik di Internet. Web Browser akan mengirimkan suatu aturan yang telah disepakati sebelumnyua, aturan ini biasa disebut sebagai protocol, stadar protocol menggunakan TCP/IP, proses ini dimulaid dengan melakukan 3 way handshakes antara sumber dan tujuan.
Web browser, suatu aplikasi pada client yang akan menampilkan halaman web sites dari internet. Web browser di install di sisi user (OS) menampilkan informasi ke komputer dengan interpreting bahasa pengkodean HTML, dimana homepage berisi gambar, suara, multimedia, dan resources lainnya yang dapat diakases.
Files Coding pada HTML memberikan datanya ke browser apa yang akan ditampilkan ke sisi client. Isi HTML yang akan ditampilkan bukan dari browsernya tetapi dari web servernya dan Browser akan menginterpret tag HTML untuk link ke halaman berikutnya.
Misalnya pada browser kita memasukan alamat www.deris.co.tv maka yang akan terjadi adalah permintaan client akan diteruskan ke sebuah webserver yang mempunyai alamat tertentu misalnya 202.159.31.150, agar mudah untuk diingat maka penulisan menggunakan layanan DNS, dimana DNS untuk merubah alamat IP tadi ke suatu kata yang mudah untuk diingat misalnya deris.co.tv.
Web Programming ASP
ASP diperkenalkan ke dunia pertama kali oleh Microsoft pada tanggal 16 Juli 1996, dan diberi nama kode Denali. Beta version dirilis pada bulan November 1996, dan akhirnya ASP Version 1.0 secara resmi dipasarkan ke publik pada tanggal 12 Desember 1996. Microsoft terus mengembangkan ASP.
Kita dapat menggunakan program notepad untuk menuliskan kode-kodenya dan nanti akan dieksekusi oleh browser, namun saat ini ada banyak program untuk editor web seperti dreamweaver yang sangat disukai penulis karena perfomanya. Agar supaya ASP dapat dijalankan dikomputer local maka dibutuhkan suatu webserver localhost seperti IIS (internet information server) atau PWS (Personal web server) yang ada pada cd Windowsnya.
Seperti telah disinggung diawal bahwa pemrograman ASP akan kita ‘sisipkan’ pada kode HTML biasa. ASP merupakan penerjemah VBScript dan Jscript pada web server, sampai saat ini terdapat teknologi terayar Microsoft yaitu ASP.NET yang terintegrasi dalam Microsoft.Net.
Bila VBScript kita gunakan untuk dieksekusi pada server, kita menamakannya ASP dan jika dieksekusi pada klien (browser) maka kita namakan VBScript.
Contoh penulisan pertama ASP :
Tag html
…
<%
Script ASP
%>
…
Tag html
Contoh penulisan VBScript :
Tag html
…
<script language=VBScript>
Script VBScript
</script>
…
Tag html
Setelah kita menuliskan pada editor buatlah ekstension dengan *.asp, dan tempatkan pada direktori yang telah kita konfigurasi di virtual direktori pada saat instalasi webserver IIS atau PWS. Untuk kasus di LAB perhatikan penomeran IP pada masing-masing meja computer.
Latihan 1.1 ASP.
<html>
<head>
<title> ASP Pertamaku</title>
</head>
<body>
<%
Dim halos
halos = "Hallo dieksekusi dari server"
Response.Write(halos)
%>
<hr>
<script language=VBScript>
Dim haloc
haloc = "Hallo dieksekusi dari client"
Document.Write(haloc)
</script>
</body>
</html>
Logika Pemrograman
Tipe data digunakan misalnya untuk menyimpan data dan umumnya kita menyimpan data data sebagai variable, variable memiliki nama dan nilai. Nama variable menentukan bagaimana variable itu akan dipanggil dan nilainya merupakan data yang disimpan pada variable tersebut.
Seperti bahasa pemrograman konvensional lainnya, variable kita deklarasikan terlebih dahulu agar nantinya dapat dieksekusi dan juga akan mempercepat waktu pengeksekusian program.
Variabel
Untuk mendeklarasikan variable, kita menggunakan statemen DIM seperti dibawah ini :
Dim nama_variabel, contohnya :
Dim ilkom
Dim raihan
Setelah melakukan deklarasi barulah kita mengisikan sebuah nilai pada variable tersebut. Untuk mengisinya kita gunakan operator penugasan (assignment operator) seperti :
ilkom = 15
raihan = “nasyedman”
dari variable diatas maka variable stmik akan menyimpan nilai numeric 15 dan variable raihan akan menyimpan string “nasyedman”.
Ada beberapa petunjuk pemberian nama Variabel diantaranya, harus dimulai dengan suatu karakter alpabetik, tidak dapat mengandung titik atau karrakter untuk deklarasi tipe, harus unik dengan jangkauan yang samaa (lihat yang dibawah ini untuk catatan tentang jangkauan, harus berupa 255 karakter atau kurang
Interaksi Manusia dan Komputer
Definisi Interaksi Manusia dan Komputer
Suatu disiplin ilmu yang menekankan pada aspek desain, evaluasi dan implementasi dan sistem computer interaktif untuk penggunaan manusia dengan mempertimbangkan fenomenal di sekitar manusia itu sendiri.
Fungsi Interaksi Manusia dan Komputer
Fungsi Interaksi Manusia dan Komputer adalah mengoptimalkan performansi antara manusia dan komputer sebagai suatu sistem yang :
1. User friendly
2. What you see what you get
3. Mengurangi frustasi, ketidaknyamanan dan kebingungan pada pengguna
4. Impilkasi, meningkatkan kepuasan kerja
Kemampuan penggunaan dimaksudkan untuk membuat karena kualitas suatu perangkat lunak seperti :
1. Fungsionalitas
2. Efisiensi
3. Kemudahaan pemeliharaan
Jadwal Kuliah
Susunan jadwal kuliah untuk semester genap tahun ajaran 2013-2014. Terdiri dari 14 Mata Kuliah dengan total 22 SKS. Hari perkuliahan : Senin - Jumat, jam pelajaran berkisar antara 07.30 - 12.50.
Data Tugas WEB I
Tugas 1 : Mengatur format teks dengan tag-tag HTML yang telah dipelajari di pertemuan sebelumnya, Memberi link pada sebuah image (Image Map), Membuat teks dengan format List.
Tugas 2 : Membuat tabel dengan format yang telah ditentukan dengan menggunakan tag-tag HTML.