Pemrograman Web

OverviewHTML Basis Data PHP ASP Java, JDBC dan JSP JavaScript

HTML

TIKTIK.PR02.024.01 Membuat dokumen dengan HTML sesuai spesifikasiTIK.PR02.027.01 Menerapkan dasar-dasar pembuatan web statik dasar

HTMLWorld Wide Web Apa itu WWW? Proses request pagePengenalan HTML Sejarah HTMLTagApa itu tag? Format tag

< H1 align = left> Heading

atribut

tag pembuka

informasi

tag penutup

elemen HTML

nama tag

nama atribut

nilaiatribut

HTMLEditor HTMl Notepad FrontPage

HTMLCascading Style SheetEksternal Style SheetInternal Style Sheethr {color: sienna}p {margin-left: 20px}body {background-image: url("images/back40.gif")}Inline Style SheetThis is a paragraph

HTML (Contd)GambarTipe-tipe file gambar GIF, JPEG, PNG

HTML (Contd)Logical Tag Style tag, , Table Kolom : Baris :

HTML (Contd)Frame Frameset Target Frame Iframe

HTML (Contd)Format TeksHeading hingga

HTML (Contd) Paragraph

HTML (Contd)Kutipan

HTML (Contd) Link

HTML (Contd) List Ordered List

HTML (Contd)Unordered List

HTML (Contd)Definition List

Basis Data

TIKTIK.PR02.021.01 Menerapkan basis data

Basis DataTerminologiDefinisi Basis data, DBMS, Query, Table, Record, Primary Key, Foreign Key, Data Manipulation Language, Data Definition LanguageManipulasi Data Select SELECT * FROM buku WHERE harga > 100.00 ORDER BY judul InsertINSERT INTO tabelSaya (kolomA, kolomB, kolomC) values (nilaiA, nilaiB, nilaiC) UpdateUPDATE tabelSaya set kolomA = updateA, kolomB = updateB WHERE kolomC = C DeleteDELETE tabelSaya WHERE kolomA = A

Basis DataMengabungkan tabel (Join)SELECT NmAkhirPem, NmAwalPem FROM PemilikBrgAntik, BarangAntiks WHERE NoPenj = NoPem AND Barang= 'Kursi

Menghilangkan record yang sama (Distinct)SELECT DISTINCT NoPenj, NmAkhirPem, NmAwalPem FROM BarangAntiks, PemilikBrgAntik WHERE NoPenj = NoPem ORDER BY NmAkhirPem, NmAwalPem, NoPem

Basis Data (Contd)SubquerySELECT Own.NmAkhirPem Nama Akhir, Ord.Pes_Pem Barang Pesanan FROM Pesanan ord, PemilikBrgAntik own WHERE Ord.NoPem= own.NoPem AND Ord.Pes_pem in(SELECT Barang FROM BarangAntik)Data Definition Language Perintah untuk membuat tableCREATE TABLE tabelSaya (kolom1 INT UNSIGNED,kolom2 VARCHAR (50),PRIMARY KEY (kolom1, kolom2) ) ViewCREATE VIEW ANTVIEW AS SELECT Pes_Pem FROM Pesanan;

Basis DataStored Procedure dan TriggerStored Procedure : sekumpulan query yang disimpan dalam fileTrigger :

Basis DataFungsi AgregasiSum, Avg, Max, Min, CountContoh :SELECT MIN(Bonus) FROM TabelKaryawan WHERE Jabatan = 'Manager';

PHP

TIKTIK.PR02.021.01 Menerapkan basis dataTIK.PR02.028.01 Menerapkan dasar-dasar pembuatan web statik lanjutTIK.PR04.003.01 Membuat halaman web dinamis lanjutTIK.PR04.006.01 Menerapkan dasar validasi unjuk kerja situs webTIK.PR04.007.01 Mengintegrasikan sebuah basis data dengan sebuah situs webTIK.PR08.009.01 Membuat program aplikasi web berbasis PHP

PHPPengenalan PHPInstalasi Apache atau IISInstalasi PHP di Linux atau WindowsVariabel, Tipe data dan OperatorVariable $pajak = 0.0875; Variabel global$_ENV, $_COOKIES, $_GET, $_POST float, integer, string, arrayArray : $Warna[satu] = merah; atau $Warna[0] = "merah"; Operator penugasan, pembandingan, logika

PHP (Contd)Pemrograman PHP Inisialisasi Variabel$gaji = 2000000;printf (Gaji semula = %d \n, $gaji); $gaji = Tiga Juta Rupiah;printf (Gaji semula = %s \n, $gaji); Menangani Input dan Output$fp = @fopen('file.txt', 'at') Aliran kontrolIfelse, switchFor, while

PHP (Contd) Ekspresi Regulerereg (pola, sumber) Pembuatan fungsiContoh :function nama_func ($arg_1, $arg_2, ..., $arg_n){ echo "Contoh fungsi.\n"; return $retval; }

PHP (Contd)Kelas dan Objek Pembuatan Kelas pada PHP 5Contoh Pembuatan Kelas : Membuat Objek$var = new myPHP5Class()

PHP (Contd)Pemrograman FormContoh kode : Method : $_POST, $_GETDebuggingKesalahan Sintaks, Semantik dan LogikaPesan Kesalahan :Level kesalahan: pesan_kesalahan nama_berkas baris_kesalahan

PHP (Contd)Aplikasi Basis Data Perangkat Basis data MySql Pembuatan basis data dan tabel Menghubungkan basis data Pemrograman basis data

Java, JDBC dan JSP

Java, JDBC dan JSPTIK.PR02.005.01 Menulis program dasarTIK.PR02.006.01 Menulis program lanjutTIK.PR02.009.01 Mengoperasikan bahasa pemrograman berorientasi obyekTIK.PR02.010.01 Menggunakan library atau komponen-komponen pre-exitingTIK.PR02.012.01 Mengkompilasi dan menjalankan sebuah aplikasiTIK.PR02.013.01 Menulis dan mengkompilasi kode program sesuai dengan kebutuhanTIK.PR08.011.01 Membuat program aplikasi web berbasis JSPTIK.PR08.012.01 Membuat program aplikasi berbasis JAVA

Java, JDBC dan JSPPengetahuan Umum mengenai JavaProgram Javapublic class Hello { public static void main(String[] args) { System.out.println(Hello, World!); }} Proses KompilasiSouce code Compiler Byte code Intepreter Program berjalan Library

Java, JDBC dan JSPTipe dataangka, konstan, string, array, tipe primitifTipe primitif : int, char, byte, short, booleanint a[] = new int[3]int a[][] = new int[3][3]Method, Variabel dan Kelaspublic class RekeningTabungan {public RekeningTabungan(double bunga) {sukuBunga = bunga;}private double sukuBunga;}

Java, JDBC dan JSPFlow Kontrolfor, while, dowhile, switchcaseAppletProgram Java yang berjalan di browserContoh :import java.applet.Applet;

public kelas ContohApplet extends Applet { public void paint(Graphics g) {}}

Java, JDBC dan JSPSwingContoh :import javax.swing.*;public class FrameTest extends Frame { public static void main(String[] args) {} }

Komponen SwingJLabel, JTextField, JButton, JCheckBox, JComboBox, JPanel

Java, JDBC dan JSPJLabelMenampilkan teks pada Frame

Java, JDBC dan JSPJTextFieldTempat memasukkan input atau menampilkan teks

Java, JDBC dan JSPJButtonMenghasilkan event ketika diklik

Java, JDBC dan JSPJCheckBoxMenghasilkan nilai True atau False

Java, JDBC dan JSPJComboBoxDisebut juga DropDownList

Java, JDBC dan JSPSocketEndpoint dari link komunikasi 2 arahPaket java.net

Java, JDBC dan JSP (Contd)Apa itu JDBC?Koneksi dengan SQL Server 2000 Class.forName() java.sql.*;Operasi Basis data Menampilkan data Memasukkan data Menghapus data Mengubah data

Java, JDBC dan JSP (Contd)Keuntungan JSPHalaman JSPKode jsp, kode java, file .classJSP CookiesData yang dikirim web server ke browser clientCookie(java.lang.String nama, java.lang.String nilai)JSP SessionDigunakan untuk menyimpan datasession.setAttribute("username",username);

Java, JDBC dan JSP (Contd)Aplikasi Web dengan ServerKomponen JSP Perintah

Element Scripting Aksi... Instalasi JDK Tomcat

ASP dan ASP .NET

ASP dan ASP .NETTIK.PR02.014.01 Melakukan debugging programTIK.PR08.010.01 Membuat program aplikasi web berbasis ASP

ASP dan ASP .NET Pengenalan .NETDapat digunakan untuk membuat aplikasi computer-based dan web-basedPengenalan ASP dan ASP .NET

ASP .NETPemrograman Control

Data event dan Event delegateSession dan CookiesCookies adalah teks kecil yang mengiringi request dari halaman webResponse.Cookies("userName").Value = "mike" Session adalah periode waktu user berinteraksi dengan halaman web

ASP .NETTrace dan Debugging

Class Systems.DiagnosticKeamanan ASP .NETMenghubungkan data dengan ADO .NETObjek ConnectionSQLConnection, OleDbConnection, OracleConnection

ASP .NETCachingPengaturan traffic pada halaman webRefreshingMemaksa sebuah halaman redirectClient PullHalaman yang tidak merespon

ASPSintaks ASP

ProcedureContoh :sub vbproc(num1,num2)response.write(num1*num2)end sub VBScriptBahasa default untuk scripting di ASP

ASPASP Response Object, Menampilkan output serverASP Request ObjectMemperoleh informasi dari userASP Server ObjectMengakses property dan method serverSession dan Cookies

ASPKomponen ASPASP AdRotatorMenampilkan gambar yang berbeda ketika user memasuki atau me-refresh halamanASP BrowserCapMendapatkan informasi mengenai browserASP ContentLinkingMembuat sistem navigasi yang mudahASP ContentRotatorMenampilkan HTML content string yang berbeda tiap kali user memasuki atau me-refresh halaman yang berbeda

Javascript

TIKTIK.PR04.006.01 Menerapkan dasar validasi unjuk kerja situs web

JavascriptPemrograman JavascriptJavascript dan HTMLVariabel dan Tipe dataPenggunaan Variabel dan Literalvar sum;objectName={property:value}OperatorAssignment, Arimatika, Logika, String

JavascriptDates dan MathObjek dateManipulasi tanggal dan waktuPenggunaan dan manipulasi Datevar myDate=new Date()Objek MathMelakukan fungsi matematikaPenggunaan Mathsin(), cos(), min(x,y)

Javascript (Contd)Objek WindowApa itu Objek Window?Methodalert(), close(), confirm()Event HandleronBlur, onError, onLoadDialog Boxalert(), confirm(), prompt()Status Bar MessageBrowser menampilkan pesan pada penggunaManipulasi Windowwindow.close(), window.open()

Javascript (Contd)Objek DokumenMenyatakan isi dari window atau formDynamic documentFlow Controlif, if/else, switchfor, for/in, while, do/while, break, continue

Javascript (Contd)FrameHTML FrameScript dengan FrameSetiap frame memiliki objek window yang berbedaWindow.parent, window.topValidasi data untuk FormObjek FormMenggambarkan form dalam HTMLPengujian untuk fields tertentuValidasi data numerikisNan(), parseInt(), parseFloat()Validasi data stringRegular Expression