first

Pengantar Teknologi Web

Deskripsi

• Matakuliah ini mempelajari tentang pengantar konsep web dan cara kerjanya, Internet, HTTP, Web statis dan dinamis, pengantar bahasa pemrograman web serta teknologi-teknologi web terkini seperti Web 2.0, Social Network, CMS, AJAX, dan Pengantar Keamanan Web

Kompetensi

• Setelah mengikuti matakuliah ini mahasiswa dapat:

– Mengetahui konsep kerja Internet, HTTP, dan web

– Mampu membuat web statis dengan HTML dan Javascript sederhana

– Dapat merancang dan mensetup kebutuhan web server

– Mampu membuat web dinamis sederhana dengan PHP dan MySQL

– Mengetahui teknologi-teknologi web terkini seperti Web 2.0, Blog, CMS, dan Social network

– Mengetahui dan menerapkan keamanan web secara garis besar

Silabus

• Pengantar + Overview

• Web arsitektur: Client Server & Information Architecture

• Teknologi Web Client 1: HTML, XHTML

• Teknologi Web Client 2: JavaScript

• Teknologi Web Server 1: Web Server + Server Side Programming (PHP)

• Teknologi Web Server 2: Web Database Technologies

• Pengantar XML dan Aplikasinya

• Web 2.0 dan Web Mashup

• Social Media: Blog dan Situs Jejaring Sosial

• Content Management System

• Pengantar AJAX + Desain AJAX

• Pengantar Keamanan Web

Jaringan komputer

Internet

• Inter-connections network

– Memiliki banyak sub-network

– Komputer yg berbeda-beda, media penghubung yg berbeda-beda

• Internet = hardware,

• WWW (web) = software

• Beberapa komponen:

– Router, client, server, modem, DNS, protocol, TCP/IP

HTTP and HTML

• Hypertext Transfer Protocol (HTTP)

• Port 80

• Tim Berners-Lee, 1991

• Menggunakan konsep hyperlink

• Hypertext Markup Language

– For creating web pages

Bagaimana web bekerja?

Teknologi Web Client

• Web browser

• HTML / XML / XHTML

• Javascript / VBScript

• CSS

• Flash player

• Java Applet

• ActiveX / Plugin: program yg terintegrasi dgn browser

• Helper: program yg terinstall di client

Server side technologies

• Hardware:

– Komputer Server

• Software:

– Web server

– Server side Programming Tools:

– PHP, ASP, .NET

– Utility Programming Tools:

– Database Server

– MySQL, SQLServer

Yg menggunakan web db

• E-Commerce

• Resource libraries

• Catalogs

• Directories (Yellow Pages)

• Online Shopping

• Online Auctions

• Training Courses

• Survey

• Financial Analysis

XML (eXtensible Markup Language)

• XML kependekan dari eXtensible Markup Language, dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada 10 Februari 1998.

– It ought to be called the eXtensible Meta Language since it is a language used to create other languages ?

• Teknologi XML adalah teknologi keturunan dari SGML (Standard Generalized Markup Language, ISO 8879) yang dikembangkan pada tahun 1980-an.

• XML adalah suatu bahasa Markup, yaitu bahasa yang berisikan kode-kode berupa tanda-tanda tertentu dengan aturan tertentu untuk memformat dokumen teks dengan tag sendiri agar dapat dimengerti.

– Contoh yang mirip : bahasa HTML, RTF, Wordstar

• XML adalah language untuk mengidentifikasi dan menandai data terstruktur.

WEB 2.0

• Menurut Tim O’Reilly, Web 2.0 dapat didefinisikan sebagai berikut:

“Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk mencapai keberhasilan pada platform baru tersebut. Salah satu aturan terutama adalah: Membangun aplikasi yang mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi pengguna aplikasi tersebut”

• Sifat dari web 2.0 adalah read write

Blog

• Diary online

• Web-based publication

• Last entry first

• Frequently and easily updateable

• Allows you to build social networks

• Modern blogs harness the power of RSS

What is a Content Management System?

• Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis.

• Setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari pihak webmaster.

• A tool to separate content from presentation

AJAX

Pengantar Security

• Keamanan komputer -> fisik

– Dari bencana alam

– Dari pencuri

– Dari serangan / bom

• Keamanan sistem informasi -> non fisik

– Dari sisi software dan data

Komponen Security (CIA-AN)

• Confidentiality: akses terhadap sistem komputer tidak boleh dilakukan oleh unauthorized parties

• Integrity: aset sistem komputer tidak boleh dimodifikasi oleh unauthorized users

• Availability: Sistem harus dapat selalu online/ada sehingga dapat diakses oleh authorized users

Tambahan

• Authenticity: sistem mengetahui asal muasal suatu objek atau asal muasal modifikasi yang terjadi

• Non-repudiation: seseorang/sesuatu tidak dapat menyanggah bahwa dia melakukan sesuatu