Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pemrograman Web. Overview HTML HTML Basis Data Basis Data PHP PHP ASP ASP Java, JDBC dan JSP Java, JDBC dan JSP JavaScript JavaScript.

Presentasi serupa


Presentasi berjudul: "Pemrograman Web. Overview HTML HTML Basis Data Basis Data PHP PHP ASP ASP Java, JDBC dan JSP Java, JDBC dan JSP JavaScript JavaScript."— Transcript presentasi:

1 Pemrograman Web

2 Overview HTML HTML Basis Data Basis Data PHP PHP ASP ASP Java, JDBC dan JSP Java, JDBC dan JSP JavaScript JavaScript

3 HTML

4 TIK TIK.PR TIK.PR Membuat dokumen dengan HTML sesuai spesifikasi TIK.PR TIK.PR Menerapkan dasar-dasar pembuatan web statik dasar

5 HTML World Wide Web World Wide Web  Apa itu WWW?  Proses request page Pengenalan HTML Pengenalan HTML  Sejarah HTML Tag Tag  Apa itu tag?  Format tag

6 HTML Editor HTMl Editor HTMl  Notepad  FrontPage

7 HTML Cascading Style Sheet Cascading Style Sheet  Eksternal Style Sheet  Internal Style Sheet hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")}  Inline Style Sheet This is a paragraph


8 HTML (Contd) Gambar Gambar  Tipe-tipe file gambar – GIF, JPEG, PNG  

9 HTML (Contd) Logical Tag Logical Tag  …  …  Style tag  …, …, …  …, …, …  Table  Kolom : …  Kolom : …  Baris : …  Baris : …  …  …

10 HTML (Contd) Frame Frame  Frameset  Target Frame  Iframe

11 HTML (Contd) Format Teks Format Teks  Heading … hingga …  Heading … hingga …

12 HTML (Contd)  Paragraph …  Paragraph …

13 HTML (Contd) Kutipan Kutipan


14 HTML (Contd)  Link … …

15 HTML (Contd)  List o Ordered List … o Ordered List …

16 HTML (Contd) o Unordered List … o Unordered List …

17 HTML (Contd) o Definition List … o Definition List …

18 Basis Data

19 TIK TIK.PR TIK.PR Menerapkan basis data

20 Basis Data Terminologi Terminologi Definisi Basis data, DBMS, Query, Table, Record, Primary Key, Foreign Key, Data Manipulation Language, Data Definition LanguageDefinisi Basis data, DBMS, Query, Table, Record, Primary Key, Foreign Key, Data Manipulation Language, Data Definition Language Manipulasi Data Manipulasi Data  Select  SELECT * FROM buku WHERE harga > ORDER BY judul  Insert  INSERT INTO tabelSaya (kolomA, kolomB, kolomC) values (‘nilaiA’, ‘nilaiB’, ‘nilaiC’)  Update  UPDATE tabelSaya set kolomA = ‘updateA’, kolomB = ‘updateB’ WHERE kolomC = ‘C’  Delete  DELETE tabelSaya WHERE kolomA = ‘A’

21 Basis Data Mengabungkan tabel (Join) Mengabungkan tabel (Join) SELECT NmAkhirPem, NmAwalPem FROM PemilikBrgAntik, BarangAntiks WHERE NoPenj = NoPem AND Barang= 'Kursi‘ Menghilangkan record yang sama (Distinct) Menghilangkan record yang sama (Distinct) SELECT DISTINCT NoPenj, NmAkhirPem, NmAwalPem FROM BarangAntiks, PemilikBrgAntik WHERE NoPenj = NoPem ORDER BY NmAkhirPem, NmAwalPem, NoPem

22 Basis Data (Contd) Subquery Subquery SELECT 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 Data Definition Language Perintah untuk membuat tablePerintah untuk membuat table CREATE TABLE tabelSaya (kolom1 INT UNSIGNED, kolom2 VARCHAR (50),PRIMARY KEY (kolom1, kolom2) )CREATE TABLE tabelSaya (kolom1 INT UNSIGNED, kolom2 VARCHAR (50),PRIMARY KEY (kolom1, kolom2) ) View View CREATE VIEW ANTVIEW AS SELECT Pes_Pem FROM Pesanan;CREATE VIEW ANTVIEW AS SELECT Pes_Pem FROM Pesanan;

23 Basis Data Stored Procedure dan Trigger Stored Procedure dan Trigger Stored Procedure : sekumpulan query yang disimpan dalam fileStored Procedure : sekumpulan query yang disimpan dalam file Trigger :Trigger :

24 Basis Data Fungsi Agregasi Fungsi Agregasi Sum, Avg, Max, Min, CountSum, Avg, Max, Min, Count Contoh :Contoh : SELECT MIN(Bonus) FROM TabelKaryawan WHERE Jabatan = 'Manager';

25 PHP

26 TIK TIK.PR Menerapkan basis data TIK.PR Menerapkan basis data TIK.PR Menerapkan dasar-dasar pembuatan web statik lanjut TIK.PR Menerapkan dasar-dasar pembuatan web statik lanjut TIK.PR Membuat halaman web dinamis lanjut TIK.PR Membuat halaman web dinamis lanjut TIK.PR Menerapkan dasar validasi unjuk kerja situs web TIK.PR Menerapkan dasar validasi unjuk kerja situs web TIK.PR Mengintegrasikan sebuah basis data dengan sebuah situs web TIK.PR Mengintegrasikan sebuah basis data dengan sebuah situs web TIK.PR Membuat program aplikasi web berbasis PHP TIK.PR Membuat program aplikasi web berbasis PHP

27 PHP Pengenalan PHP Pengenalan PHP Instalasi Apache atau IISInstalasi Apache atau IIS Instalasi PHP di Linux atau WindowsInstalasi PHP di Linux atau Windows Variabel, Tipe data dan Operator Variabel, Tipe data dan Operator VariableVariable $pajak = ; $pajak = ; Variabel globalVariabel global $_ENV, $_COOKIES, $_GET, $_POST $_ENV, $_COOKIES, $_GET, $_POST float, integer, string, array float, integer, string, array Array : $Warna[“satu”] = “merah”; atau Array : $Warna[“satu”] = “merah”; atau $Warna[0] = "merah"; Operator penugasan, pembandingan, logika Operator penugasan, pembandingan, logika

28 PHP (Contd) Pemrograman PHP Pemrograman PHP Inisialisasi Variabel Inisialisasi Variabel $gaji = ; printf (“Gaji semula = %d \n”, $gaji); $gaji = “Tiga Juta Rupiah”; printf (“Gaji semula = %s \n”, $gaji); Menangani Input dan OutputMenangani Input dan Output $fp 'at') $fp 'at') Aliran kontrolAliran kontrol If…else, switch If…else, switch For, while For, while

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

30 PHP (Contd) Kelas dan Objek Kelas dan Objek Pembuatan Kelas pada PHP 5 Pembuatan Kelas pada PHP 5 Contoh Pembuatan Kelas : Contoh Pembuatan Kelas :my_variable}\n"; echo "The value of my variable is: "; echo "$this->my_variable}\n"; } }?> }?> Membuat Objek Membuat Objek $var = new myPHP5Class() $var = new myPHP5Class()

31 PHP (Contd) Pemrograman Form Pemrograman Form Contoh kode :Contoh kode : Method : $_POST, $_GETMethod : $_POST, $_GET Debugging Debugging Kesalahan Sintaks, Semantik dan LogikaKesalahan Sintaks, Semantik dan Logika Pesan Kesalahan :Pesan Kesalahan : Level kesalahan: pesan_kesalahan nama_berkas baris_kesalahan Level kesalahan: pesan_kesalahan nama_berkas baris_kesalahan

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

33 Java, JDBC dan JSP

34 TIK.PR Menulis program dasar TIK.PR Menulis program dasar TIK.PR Menulis program lanjut TIK.PR Menulis program lanjut TIK.PR Mengoperasikan bahasa pemrograman berorientasi obyek TIK.PR Mengoperasikan bahasa pemrograman berorientasi obyek TIK.PR Menggunakan library atau komponen- komponen pre-exiting TIK.PR Menggunakan library atau komponen- komponen pre-exiting TIK.PR Mengkompilasi dan menjalankan sebuah aplikasi TIK.PR Mengkompilasi dan menjalankan sebuah aplikasi TIK.PR Menulis dan mengkompilasi kode program sesuai dengan kebutuhan TIK.PR Menulis dan mengkompilasi kode program sesuai dengan kebutuhan TIK.PR Membuat program aplikasi web berbasis JSP TIK.PR Membuat program aplikasi web berbasis JSP TIK.PR Membuat program aplikasi berbasis JAVA TIK.PR Membuat program aplikasi berbasis JAVA

35 Java, JDBC dan JSP Pengetahuan Umum mengenai Java Pengetahuan Umum mengenai Java Program Java Program Java public class Hello { public static void main(String[] args) { public static void main(String[] args) { System.out.println(“Hello, World!”); System.out.println(“Hello, World!”); }} Proses Kompilasi Proses Kompilasi Souce code  Compiler  Byte code  Intepreter  Program berjalan Library Library

36 Java, JDBC dan JSP Tipe data Tipe data angka, konstan, string, array, tipe primitifangka, konstan, string, array, tipe primitif Tipe primitif : int, char, byte, short, booleanTipe primitif : int, char, byte, short, boolean int a[] = new int[3]int a[] = new int[3] int a[][] = new int[3][3] Method, Variabel dan Kelas Method, Variabel dan Kelas public class RekeningTabungan { public RekeningTabungan(double bunga) { sukuBunga = bunga; } private double sukuBunga; }

37 Java, JDBC dan JSP Flow Kontrol Flow Kontrol for, while, do…while, switch…casefor, while, do…while, switch…case Applet Applet Program Java yang berjalan di browserProgram Java yang berjalan di browser Contoh :Contoh : import java.applet.Applet; public kelas ContohApplet extends Applet { public void paint(Graphics g) {} public void paint(Graphics g) {}} … …

38 Java, JDBC dan JSP Swing Swing Contoh :Contoh : import javax.swing.*; public class FrameTest extends Frame { public static void main(String[] args) {} public static void main(String[] args) {} } Komponen Swing Komponen Swing JLabel, JTextField, JButton, JCheckBox, JComboBox, JPanel

39 Java, JDBC dan JSP JLabel JLabel Menampilkan teks pada FrameMenampilkan teks pada Frame

40 Java, JDBC dan JSP JTextField JTextField Tempat memasukkan input atau menampilkan teksTempat memasukkan input atau menampilkan teks

41 Java, JDBC dan JSP JButton JButton Menghasilkan event ketika diklikMenghasilkan event ketika diklik

42 Java, JDBC dan JSP JCheckBox JCheckBox Menghasilkan nilai True atau FalseMenghasilkan nilai True atau False

43 Java, JDBC dan JSP JComboBox JComboBox Disebut juga DropDownListDisebut juga DropDownList

44 Java, JDBC dan JSP Socket Socket Endpoint dari link komunikasi 2 arahEndpoint dari link komunikasi 2 arah Paket java.netPaket java.net

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

46 Java, JDBC dan JSP (Contd) Keuntungan JSP Keuntungan JSP Halaman JSP Halaman JSP Kode jsp, kode java, file.classKode jsp, kode java, file.class JSP Cookies JSP Cookies Data yang dikirim web server ke browser clientData yang dikirim web server ke browser client Cookie(java.lang.String nama, java.lang.String nilai)Cookie(java.lang.String nama, java.lang.String nilai) JSP Session JSP Session Digunakan untuk menyimpan dataDigunakan untuk menyimpan data session.setAttribute("username",username);session.setAttribute("username",username);

47 Java, JDBC dan JSP (Contd) Aplikasi Web dengan Server Aplikasi Web dengan Server Komponen JSP Komponen JSP Perintah Perintah Element Scripting Element Scripting Aksi Aksi Instalasi Instalasi JDK JDK Tomcat Tomcat

48 ASP dan ASP.NET

49 TIK.PR Melakukan debugging program TIK.PR Melakukan debugging program TIK.PR Membuat program aplikasi web berbasis ASP TIK.PR Membuat program aplikasi web berbasis ASP

50 ASP dan ASP.NET Pengenalan.NET Pengenalan.NET Dapat digunakan untuk membuat aplikasi computer-based dan web-basedDapat digunakan untuk membuat aplikasi computer-based dan web-based Pengenalan ASP dan ASP.NET Pengenalan ASP dan ASP.NET

51 ASP.NET Pemrograman Control Pemrograman Control Data event dan Event delegateData event dan Event delegate Session dan Cookies Session dan Cookies Cookies adalah teks kecil yang mengiringiCookies adalah teks kecil yang mengiringi request dari halaman web request dari halaman web Response.Cookies("userName").Value = "mike"Response.Cookies("userName").Value = "mike" Session adalah periode waktu userSession adalah periode waktu user berinteraksi dengan halaman web

52 ASP.NET Trace dan Debugging Trace dan Debugging Class Systems.DiagnosticClass Systems.Diagnostic Keamanan ASP.NET Keamanan ASP.NET Menghubungkan data dengan ADO.NET Menghubungkan data dengan ADO.NET Objek ConnectionObjek Connection SQLConnection, OleDbConnection, OracleConnectionSQLConnection, OleDbConnection, OracleConnection

53 ASP.NET Caching Caching Pengaturan traffic pada halaman web Refreshing Refreshing Memaksa sebuah halaman redirect Client Pull Client Pull Halaman yang tidak merespon

54 ASP Sintaks ASP Sintaks ASP Procedure Procedure Contoh :Contoh : sub vbproc(num1,num2) response.write(num1*num2) end sub VBScript VBScript Bahasa default untuk scripting di ASPBahasa default untuk scripting di ASP

55 ASP ASP Response Object, ASP Response Object, Menampilkan output server ASP Request Object ASP Request Object Memperoleh informasi dari user ASP Server Object ASP Server Object Mengakses property dan method server Session dan Cookies Session dan Cookies

56 ASP Komponen ASP Komponen ASP ASP AdRotatorASP AdRotator Menampilkan gambar yang berbeda ketika user memasuki atau me-refresh halaman ASP BrowserCapASP BrowserCap Mendapatkan informasi mengenai browser ASP ContentLinkingASP ContentLinking Membuat sistem navigasi yang mudah ASP ContentRotatorASP ContentRotator Menampilkan HTML content string yang berbeda tiap kali user memasuki atau me- refresh halaman yang berbeda

57 Javascript

58 TIK TIK.PR Menerapkan dasar validasi unjuk kerja situs web TIK.PR Menerapkan dasar validasi unjuk kerja situs web

59 Javascript Pemrograman Javascript Pemrograman Javascript Javascript dan HTMLJavascript dan HTML Variabel dan Tipe dataVariabel dan Tipe data Penggunaan Variabel dan LiteralPenggunaan Variabel dan Literal var sum; var sum; objectName={property:value} objectName={property:value} OperatorOperator Assignment, Arimatika, Logika, String Assignment, Arimatika, Logika, String

60 Javascript Dates dan Math Dates dan Math Objek dateObjek date Manipulasi tanggal dan waktu Penggunaan dan manipulasi DatePenggunaan dan manipulasi Date var myDate=new Date() var myDate=new Date() Objek MathObjek Math Melakukan fungsi matematika Penggunaan MathPenggunaan Math sin(), cos(), min(x,y) sin(), cos(), min(x,y)

61 Javascript (Contd) Objek Window Objek Window Apa itu Objek Window?Apa itu Objek Window? MethodMethod alert(), close(), confirm() alert(), close(), confirm() Event HandlerEvent Handler onBlur, onError, onLoad onBlur, onError, onLoad Dialog BoxDialog Box alert(), confirm(), prompt() alert(), confirm(), prompt() Status Bar MessageStatus Bar Message Browser menampilkan pesan pada pengguna Browser menampilkan pesan pada pengguna Manipulasi WindowManipulasi Window window.close(), window.open() window.close(), window.open()

62 Javascript (Contd) Objek Dokumen Objek Dokumen Menyatakan isi dari window atau formMenyatakan isi dari window atau form Dynamic documentDynamic document Flow ControlFlow Control if, if/else, switch if, if/else, switch for, for/in, while, do/while, break, continue for, for/in, while, do/while, break, continue

63 Javascript (Contd) Frame Frame HTML FrameHTML Frame Script dengan FrameScript dengan Frame Setiap frame memiliki objek window yang berbeda Setiap frame memiliki objek window yang berbeda Window.parent, window.top Window.parent, window.top Validasi data untuk Form Validasi data untuk Form Objek FormObjek Form Menggambarkan form dalam HTML Menggambarkan form dalam HTML Pengujian untuk fields tertentuPengujian untuk fields tertentu Validasi data numerikValidasi data numerik isNan(), parseInt(), parseFloat() isNan(), parseInt(), parseFloat() Validasi data stringValidasi data string Regular Expression Regular Expression


Download ppt "Pemrograman Web. Overview HTML HTML Basis Data Basis Data PHP PHP ASP ASP Java, JDBC dan JSP Java, JDBC dan JSP JavaScript JavaScript."

Presentasi serupa


Iklan oleh Google