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