KONSEP PEMROGRAMAN WEB

KONSEP PEMROGRAMAN WEB

Oleh : Hendri, S.Kom

Pemrograman WebClient Side Script :Script yang ditambahkan dalam dokumen

html, dieksekusi oleh browser client. JavascriptServer Side Script:Script yang ditambahkan dalam dokumen

html, dieksekusi oleh server, hasilnya dalam bentuk html yang dikirim ke client.

ASP/ASP.Net, PHP, CGI, JSP, dll

Cara Kerja Web

Pemrosesan Script

Web Browser

(Client side processing)

HTML JavaScript

Java Applets

Web

Server

CGI SSI

Servlet PHP JSP ASP

Databases

HTTP

Server Side Processing

Client Side ScriptScript yang ditambahkan (embedded)

pada halaman web yang sebelumnya hanya disusun dengan sintaks HTML.

Penambahan script ini mempunyai tujuan tertentu. Misalnya:

menampilkan jam dan tanggal yang up- to-date,

menu yang dinamis (mis: pull down menu),

kontrol terhadap sebuah window, animasi sederhana, animasi mousemaupun untuk validasi form, dll

Client Side ScriptAdvantage:Waktu proses relatif cepat karena langsung

dieksekusi oleh browser clientTidak memerlukan web server untuk hostingDapat dieksekusi langsung oleh berbagai browser

Disadvantage:Script bisa dilihat oleh penggunaScript dapat di copy-pasteTidak cocok untuk akses data atau database

Server Side ScriptDigunakan untuk membuat aplikasi web atau

konten-konten dinamis: news, buku tamu, dllPHP: open source dan banyak digunakan luasActive Server Pages (ASP) dan ASP.Net,

teknologi yang dikembangkan oleh MicrosoftColdFusion (CFM), dikembangkan oleh

MacromediaJava Server Pages dan Servlet dikembangkan

oleh Sun MicrosystemCommon Gateway Interface (CGI), yang

dibuat dengan bahasa pemrograman C++ atau Perl

Server Side Include (SSI), seperti misalnya Frontpage Server Extension

Server Side ScriptAdvantage:Script tidak bisa dilihat oleh pengguna, sehingga

tidak dapat di-copy-pasteCocok untuk akses data atau aplikasi databaseUntuk membuat fitur-fitur tertentu yang berguna,

misalnya: hit counter, user manajemen, disain yang dinamis.

Disadvantage:Waktu proses relatif lebih lambat karena

dieksekusi oleh serverMemerlukan web server untuk hosting

Apa itu CSS ?CSS (Cascading stylesheet)CSS adalah bagian dari sebuah website yang

khusus dibuat untuk mengatur tampilan sebuah website.

Kita dapat mengontrol isi (konten) dan tampilan secara terpisah.

Perubahan konten tidak mengharuskan kita melakukan perubahan tampilan, demikian juga sebaliknya.

CSSTeknologi CSS dimaksudkan untuk

mempermudah perancangan web yang indah dan fleksibel.

Fleksibilitas adalah hal yang tidak akan diperoleh jika menggunakan HTML saja.

Satu file CSS (*.css) dapat digunakan untuk banyak halaman. Sehingga perubahan disain visual untuk banyak halaman dapat dilakukan hanya melalui modifikasi satu file CSS

Penggunaan CSS saat iniKontrol aspek visual keseluruhan halaman

websiteMembuat Layout yang standart (kolaborasi

dengan XHTML)

Teknik membuat layout HTML:Frame cara lama, jarang digunakanTabel disukai oleh designerCSS metode baru, menjadi standar

Referensi HTML & CSShttp://www.w3.org/

Teknologi & Aplikasi Web

ActiveXActiveX adalah sebuah teknologi integrasi bukan

sebuah bahasa pemrograman. ActiveX dapat disebut sebagai lem yang menyatukan

berbagai macam kode bahasa pemrograman sehingga dapat bekerja sama menjadi sebuah aplikasi Internet.

ActiveX mirip dengan OLE (Object Linking and Embedding).

Ditandai dengan tag <OBJECT> pada htmlJava AppletFlash (Shockwafe)Komponen ActiveX (develop dg VBScript)dll

Aplikasi berbasis Web (Web Based Application)E-Commerce: describes the concept of

conducting transactions between a buyer and a seller over an electronic network (Internet)

E-Business: describes all aspects of doing business on/with/through the Internet. E-Business includes all aspects of E-commerce

E-Learning, E-Government.

Web Developer Secara garis besar dapat dipisahkan:1. Web Designer: membuat disain web2. Web Programmer: membuat script untuk

halaman web3. Web Administrator: sebagai

administrator web

Tahapan Pengembangan Website Sebuah website dikembangkan dalam 2

proses besar:1. Web Developing: proses hingga jadi

halaman-halaman web secara lengkap dan siap tayang

2. Web Deploying: proses untuk membuat website terpasang pada server internet dan dapat diakses orang lain

Peluang Hadirnya internet dan layanan WWW

memberikan sejumlah peluang bagi kita, sebagai:

Developer WebContent Updater/KontributorNetwork/Web AdministratorE-Commerce / Online BusinessInteraksi Bisnisdll

Bidang Pekerjaan untuk WebWeb Master

Penanggung jawab seluruh sistem websiteWeb Administrator

Memegang kendali administrasi website (user account, jaringan, hak akses, manajemen server)

Web DesignerPembuat desain dan layouting, tata letak

Web ProgrammerPembuat kode program aplikasi

Content WriterPenulis isi website

Contoh web e-commerce

Apa saja Tools nya?• Webserver

▫ Apache, IIS, Xitami, dll• Programming Language

▫ HTML, Javascript, VBscript, PHP, ASP, JSP, CFM• Database

▫ MySQL, Oracle, Access, SQL Server• Image Editing

▫ Photoshop, Corel• Animasi

▫ Macromedia Flash, GIF Animator• WebDesign

▫ Macromedia Dreamweaver, Front Page, HTML Editor

Aplikasi yang perlu di persiapkanPhotoshop CS 4Dreamweaver CS5XAMPP - > untuk web server

Tugas Kelompok ( buat 3 orang )• Buat makalah studi pengkajian

situs internet / website (pilih salah satu)▫ Jenis :

Web personal Web corporate Web goverment Web online store Web news Web media Web forum Web education Web komunitas

▫ Content, Layout, Desain.▫ Teknologi yang digunakan▫ Tujuan, Manfaat▫ Segmentasi▫ Kelebihan & Kekurangan

• Gunakan pembanding, minimal 2 website.

• Boleh web lokal maupun web international

• Tambahkan screenshootnya.• Masing-masing kelompok tidak

boleh sama• Buat lah Power Point dan Di

presentasikan Minggu Depan.