3
WEB PAGE dokumen pada web diidentifikasikan dengan alamat unik yaitu Unform Resource Locator terdiri dari 2 bagian: Protokol (HTTP), dan domain name untuk web server / IP address web server World Wide Web(WWW) adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. URL (Uniform Resource Locator) : rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. HTTP (Hypertext Transfer Protocol)::protokol jaringan lapisan aplikasi yg digunakan u/ sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia., dipake buat ngatur link hypertext buat navigasi web merupakan komponennya Transmission Control Protocol/Internet Protocol (TCP/IP) untuk koneksi yang butuh security & privacy, pakenya HTTPS (Secure) Web site: lokasi web page dan file terkait di internet Web browser: program u/ display web page Web server: comp. yang mengirim web page Apache HTTP Server, Microsoft Internet Information Services adalah suatu server yang memberikan service (layanan) kepada klien yang meminta informasi berkaitan dengan web. HTML (Hypertext Markup Language): bahasa u/ bikin web page markup language : kumpulan karakter/simbol yg mendefinisikan struktur logika dokumen sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Host : sistem comp. yang bisa diakses dgn remote computer Domain name : alamat unik u/ identifikasi comp. di internet domain identifier : identifikasi tipe institusi/organisasi (.com, .edu, .org) identifikasi bisa juga pake Internet Protocol (IP address) Web Hosting : untuk mempublis web site dengan akses internet (misal pake DSL, satellite, cable modem, dial-up modem, ISP) ISP (Internet Service Provider) : akses internet dengan tipe servis lain, misalnya e-mail menyediakan sumber daya server u/ disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL, atau DNS Keuntugan pake ISP : cepet soalnya pake fiber-optic, bisa untuk web service gede & powerful Registrasi domain name: 1. Pilih nama domain terkait web site yg belom dipake/ belom jad trademark cek dengan kontak domain name registrar 2. Domain name disimpan di master database yg dimaintain InterNIC 3. Kalo mau gratis, ada periode tertentunya 4. Setelah registrasi, ISP bakal dikasih notif tentang informasi domain FTP (File Transfer Protocol) : protokol Internet yg berjalan di dalam lapisan aplikasi yg merupakan standar u/ pengiriman berkas (file) komputer antar mesin-mesin dalam sebuah Antar jaringan, dipake buat transfer file di internet (antara FTP client dan FTP server) ISP bakal kasih username & password buat log in ke FTP site & upload file ke FTP server HISTORY HTML jadi standar internet (1993), dan versi terakhir (4.01) dirilis 1999 kemudian diganti extensible hypertext markup language (XHTML) XHTML Document Type Definitions (DTDs) - <!DOCTYPE> declaration - Elemen <html>, <head>, <body> - Elemen & atribut bisa dipake di dokumen TIPE DTDs XHTML - Transitional : bisa pake style elemen jadul (kayak di HTML) di dokumen XHTML - Frameset : kayak transitional tapi ditambah elemen <frameset> dan <frame> biar bisa split window browser jadi 2 atau lebih frame - Strict : menghilangkan elemen using, jadi langsung aja misal : <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd”> W3C (World Wide Web Consortium) suatu konsorsium yang bekerja untuk mengembangkan standar u/ WWW. Spesifikasi teknologi 2 utama yang dipakai sebagai basis utama web, seperti URL, HTTP, dan HTML dikembangkan SW apps yg milihin elemen & atribut HTML yang sering dipake buat display & ngeformat untuk nggak dipake di XHTML 1.0 didukung XML meta-language buat deskripsi data, berbasis teks, didesain untuk transportasi & nyimpen data, bukan nampilin data (itu HTML) PENULISAN BAIK - Pake deklarasi <!DOCTYPE> dan elemen <html> sebagai root dan <head>, <body> - Case sensitive - Harus punya closing tag - Attribute value harus pake quotation marks (“..”) - Elemen kosong harus ditutup - Elemen XHTML must be properly nested (penempatannya di dalam elemen lain) CSS (Cascading Style Sheets) lebih direkomendasi daripada atribut & elemen HTML yang udah jadul, merupakan aturan u/ mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman CSS PROPERTIES: style terdiri dari 2 bagian yag dipisahin colon memasukkan nilai untuk mendeterminan karakteristik visual tampilannya a. Inline Style : bisa nambahin single elemen b. Internal Style Sheets : style untuk seisi dokumen c. External Style Sheets : text document terpish yang berisi deklarasi style untuk beberapa dokumen di web site Elemen Deskripsi <Applet> Eksekusi Java Applet <Basefont> Specifies the base font size <Center> Center text <Dir> Defines a directory list <Font> Specifies a font name, size, color <Isindex> Bikin automatic document indexing forms <Menu> Defines a menu list <Strike> Formats strikethrough text <U> Formats underline text Content-type <META> Element - Berisi informasi di web page - Terletak di dalem section <head> web page - 3 atribut utamanya: name, content, http- equiv Validating Web Page : ngecek XHTML udah well-formed & sesuai DTD spesifik belom ada layanan online-nya, membantu menemukan kode yang eror Web development/ web programming : desain SW apps buat website Webmaster : maintain web site tiap hari, monitor traffic web site & memastikan HW/SW web site berjalan baik, mengetahui desain web page, authoring, & development Arsitektur Client/Server two-tier system a. Server (“back end”) : database tempat klien req informasi, tugasnya mengelola & melayani permintaan klien, bertanggung jawab thd penyimpanan data & manajemennya b. Client (“front end”) : memberikan interface ke user, menggabungkan informasi dari user buat dikasih ke server, terus nyimpen-format-nampilin hasilnya lagi dari server Three-tier/multi-tier - Client-tier / UI tier : web browser - Processing-tier / middle tier : menangani interakhis web browser client & data storage tier kalkulasi permintaan dari client tier, menangani informasi balik untuk client tier JAVASCIPT & CLIENT-SIDE SCRIPTING

ringkes-PJW

Embed Size (px)

DESCRIPTION

PJW

Citation preview

WEB PAGE dokumen pada web diidentifikasikan dengan alamat unik yaitu Unform Resource Locator terdiri dari 2 bagian: Protokol (HTTP), dan domain name untuk web server / IP address web serverWorld Wide Web(WWW) adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. URL (Uniform Resource Locator) : rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet.HTTP (Hypertext Transfer Protocol)::protokol jaringan lapisan aplikasi yg digunakan u/ sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia., dipake buat ngatur link hypertext buat navigasi web merupakan komponennya Transmission Control Protocol/Internet Protocol (TCP/IP) untuk koneksi yang butuh security & privacy, pakenya HTTPS (Secure)Web site: lokasi web page dan file terkait di internetWeb browser: program u/ display web pageWeb server: comp. yang mengirim web page Apache HTTP Server, Microsoft Internet Information Servicesadalah suatu server yang memberikan service (layanan) kepada klien yang meminta informasi berkaitan dengan web.HTML (Hypertext Markup Language): bahasa u/ bikin web page markup language : kumpulan karakter/simbol yg mendefinisikan struktur logika dokumen sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.Host : sistem comp. yang bisa diakses dgn remote computerDomain name : alamat unik u/ identifikasi comp. di internet domain identifier : identifikasi tipe institusi/organisasi (.com, .edu, .org) identifikasi bisa juga pake Internet Protocol (IP address)Web Hosting : untuk mempublis web site dengan akses internet (misal pake DSL, satellite, cable modem, dial-up modem, ISP) ISP (Internet Service Provider) : akses internet dengan tipe servis lain, misalnya e-mail menyediakan sumber daya server u/ disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL, atau DNSKeuntugan pake ISP : cepet soalnya pake fiber-optic, bisa untuk web service gede & powerfulRegistrasi domain name:1. Pilih nama domain terkait web site yg belom dipake/ belom jad trademark cek dengan kontak domain name registrar2. Domain name disimpan di master database yg dimaintain InterNIC3. Kalo mau gratis, ada periode tertentunya4. Setelah registrasi, ISP bakal dikasih notif tentang informasi domain FTP (File Transfer Protocol) : protokol Internet yg berjalan di dalam lapisan aplikasi yg merupakan standar u/ pengiriman berkas (file) komputer antar mesin-mesin dalam sebuah Antar jaringan, dipake buat transfer file di internet (antara FTP client dan FTP server) ISP bakal kasih username & password buat log in ke FTP site & upload file ke FTP serverHISTORY HTML jadi standar internet (1993), dan versi terakhir (4.01) dirilis 1999 kemudian diganti extensible hypertext markup language (XHTML)XHTML Document Type Definitions (DTDs) declaration Elemen , , Elemen & atribut bisa dipake di dokumenTIPE DTDs XHTML Transitional : bisa pake style elemen jadul (kayak di HTML) di dokumen XHTML Frameset : kayak transitional tapi ditambah elemen dan biar bisa split window browser jadi 2 atau lebih frame Strict : menghilangkan elemen using, jadi langsung aja misal : W3C (World Wide Web Consortium) suatu konsorsium yang bekerja untuk mengembangkan standar u/ WWW. Spesifikasi teknologi2 utama yang dipakai sebagai basis utama web, seperti URL, HTTP, dan HTML dikembangkan SW apps yg milihin elemen & atribut HTML yang sering dipake buat display & ngeformat untuk nggak dipake di XHTML 1.0 didukung XML meta-language buat deskripsi data, berbasis teks, didesain untuk transportasi & nyimpen data, bukan nampilin data (itu HTML)PENULISAN BAIK Pake deklarasi dan elemen sebagai root dan , Case sensitive Harus punya closing tag Attribute value harus pake quotation marks (..) Elemen kosong harus ditutup Elemen XHTML must be properly nested (penempatannya di dalam elemen lain)CSS (Cascading Style Sheets) lebih direkomendasi daripada atribut & elemen HTML yang udah jadul, merupakan aturan u/ mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemogramanCSS PROPERTIES: style terdiri dari 2 bagian yag dipisahin colon memasukkan nilai untuk mendeterminan karakteristik visual tampilannyaa. Inline Style : bisa nambahin single elemenb. Internal Style Sheets : style untuk seisi dokumenc. External Style Sheets : text document terpish yang berisi deklarasi style untuk beberapa dokumen di web siteElemenDeskripsi

Eksekusi Java Applet

Specifies the base font size

Center text

Defines a directory list

Specifies a font name, size, color

Bikin automatic document indexing forms

Defines a menu list

Formats strikethrough text

Formats underline text

Content-type Element Berisi informasi di web page Terletak di dalem section web page 3 atribut utamanya: name, content, http-equivValidating Web Page : ngecek XHTML udah well-formed & sesuai DTD spesifik belom ada layanan online-nya, membantu menemukan kode yang erorWeb development/ web programming : desain SW apps buat websiteWebmaster : maintain web site tiap hari, monitor traffic web site & memastikan HW/SW web site berjalan baik, mengetahui desain web page, authoring, & developmentArsitektur Client/Server two-tier systema. Server (back end) : database tempat klien req informasi, tugasnya mengelola & melayani permintaan klien, bertanggung jawab thd penyimpanan data & manajemennyab. Client (front end) : memberikan interface ke user, menggabungkan informasi dari user buat dikasih ke server, terus nyimpen-format-nampilin hasilnya lagi dari serverThree-tier/multi-tier Client-tier / UI tier : web browser Processing-tier / middle tier : menangani interakhis web browser client & data storage tier kalkulasi permintaan dari client tier, menangani informasi balik untuk client tierJAVASCIPT & CLIENT-SIDE SCRIPTINGClient-side scripting: bahasa yg dijalankan di local browser (client-tier), bukan di webserver (processing-tier) buat pegolahan ringan (ex: validasi)Javascript : client-side scripting language yang author web page-nya bisa mendevelop scr interaktif digunakan di buanyak browser (IE, modzila, dll) memungkinkan untuk bikin web page statis (game, kalkulator, dll), ngerubah konten setelah di-render browser, bikin visual effect kayak animasi, control web browser window dengan sendirinyaServer-side scripting: dieksekusi web server PHP (PHP Hypertext Preprocessor) : gampang dipelajari, termasuk OOP, support banyak jenis database (MySQL, Oracle, Sybase, ODBC-compliant) buat perhitungan intensif & penyimpanan dataPHP (Hypertext Preprocessor/Personal Home Page) bahasa skrip yang dapat ditanamkan/disisipkan ke dalam HTML. Banyak dipakai u/ memrogram situs web dinamis, dapat digunakan untuk membangun sebuah CMS, open source, bisa dimodifikasi scr bebas, ga bisa ngakses/manipulasi web browser, cuma bisa dijalankan di web server dengan banyak tipe pemrosesan/ pengaksesan databaseASP (Active Server Pages): u/ menciptakan halaman web yang dinamis. ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft. ASP diproses melalui web server dan hasil proses ini menghasilkan HTML yang akan dikirimkan melalui penjelajah web (browser). ASP bekerja pada web server dan merupakan server side scripting.SQL (Structured Query Language) : bahasa yg digunakan u/ mengakses data dalam basis data relasional.AJaX (Asynchronous JavaScript and XMLHTTP): teknik pemrograman berbasis web u/ menciptakan aplikasi web interaktif memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dgn server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali ada perubahan CMS (content management system) : SW u/ menambahkan/memanipulasi isi dari suatu situs web.WEB SERVICEEntitas komputas yg bisa diakses di komp. melalui jaringan internet/intranet dgn standar protokol tertentuSOAP (Simple Object Access Protocol) : berbasis XML buat apps bertukar pesan melalui HTTP, dirancang u/ berkomunikasi melalui internet. Isinya: Envelope (identifikasi XML sbg pesan SOAP), Header, Body (informasi panggilan & respon), Fault (status & eror)WSDL (Web Service Definition Language) : berbasis XML, deskripsiin Webservixe, cara akses, lokasi service, method. Elemennya: Message (abstrak, definisi tipe data yg dikomunikasikan), Operation (operasi & pesan I/O), Port Type (operasi yg dijalankan), Binding (protokol komunikasi), Port (titik akhir tunggal sebagai binding & network address), Service (kumpulan endpoint terhubung penunjuk path yg akan ditempatkan di file WSDL), DirectoryUDDI (Universal Description Discovery & Integration) : direktori global u/ mengelola web serviceFITUR BARU DI HTML 5Canvas: menyediakan bentuk gambar & fungsi memanipulasi bitmap dalam tingkat rendah, dapat mengimajinasikan tag dari menjadi lebih dinamis.Audio : jadi tidak memerlukan Flash Player eksklusif untuk bermain efek suara aplikasi berbasis webGeoLocation : memungkinkan halaman web mengambil garis lintang dan bujur dari komp., merancang aplikasi mobile & permainan u/ bermain dengan lokasi.WebGL memperluas elemen kanvas dengan menyediakan satu set API grafis 3D di web browser. API ini mengikuti standar OpenGL ES 2.0. WebGL ini menyediakan 3D yg nyata render tempat untuk game 3D HTML5. Namun, tidak semua browser native mendukung WebGL Saat ini hanya Mozilla Firefox 4, Google ChromeWeb Socket : menghubungkan halaman web ke server socket. Contoh: multiplayer game onlineLocal Storage penyimpanan data untuk browser webOffline Application: membutuhkan koneksi internet u/ menjelajah halaman web. Kalau offline berarti yang diakses adalah chace. TAMBAHAN: otomatis menyelesaikan data yg diinput user/memberi pilihan atas dasar ingin diinput user menyediakan otentifikasi user yg aman representasikan hasil dr perhitungan operasi math

lala

First Name

Last Name

e-Mail

Birthday12JanuaryFebruary19931994

SexMaleFemale

Description

Creator PHP : Rasmus Lerdorf, Zeev Suraski, Andi GutmansBahasa untuk web apps: HTML, PHP, ASP, XML, WML, PERL, CFM, JS, CSS,