KONSEP PEMROGRAMAN WEB Oleh : Hendri, S.Kom
Pemrograman Web Client Side Script : • Script yang ditambahkandalamdokumen html, dieksekusioleh browser client. • Javascript Server Side Script: • Script yang ditambahkandalamdokumen html, dieksekusioleh server, hasilnyadalambentuk html yang dikirimkeclient. • ASP/ASP.Net, PHP, CGI, JSP, dll
Cara Kerja Web
Pemrosesan Script
Client Side Script • Script yang ditambahkan (embedded) padahalaman web yang sebelumnyahanyadisusundengansintaks HTML. • Penambahanscriptinimempunyaitujuantertentu. Misalnya: • menampilkan jam dantanggal yang up- to-date, • menu yang dinamis (mis: pull down menu), • kontrolterhadapsebuahwindow, • animasisederhana, animasi mouse • maupununtukvalidasi form, dll
Client Side Script Advantage: • Waktuprosesrelatifcepatkarenalangsungdieksekusioleh browser client • Tidakmemerlukan web server untuk hosting • Dapatdieksekusilangsungolehberbagai browser Disadvantage: • Script bisadilihatolehpengguna • Script dapatdi copy-paste • Tidakcocokuntukakses data atau database
Server Side Script • Digunakan untuk membuat aplikasi web atau konten-konten dinamis: news, buku tamu, dll • PHP: opensource dan banyak digunakan luas • Active Server Pages (ASP)danASP.Net, teknologi yang dikembangkanoleh Microsoft • ColdFusion (CFM),dikembangkanoleh Macromedia • Java Server PagesdanServletdikembangkanolehSunMicrosystem • Common Gateway Interface (CGI),yang dibuatdenganbahasapemrograman C++ atau Perl • Server Side Include (SSI),sepertimisalnyaFrontpage Server Extension
Server Side Script Advantage: • Script tidakbisadilihatolehpengguna, sehinggatidakdapatdi-copy-paste • Cocokuntukakses data atauaplikasi database • Untukmembuatfitur-fiturtertentu yang berguna, misalnya: hit counter, user manajemen, disain yang dinamis. Disadvantage: • Waktuprosesrelatiflebihlambatkarenadieksekusioleh server • Memerlukan web server untuk hosting
Apa itu CSS ? • CSS(Cascading stylesheet) • CSSadalahbagiandarisebuah website yang khususdibuatuntukmengaturtampilansebuah website. • Kita dapatmengontrolisi (konten) dantampilansecaraterpisah. • Perubahankontentidakmengharuskankitamelakukanperubahantampilan, demikianjugasebaliknya.
CSS • Teknologi CSS dimaksudkanuntukmempermudahperancangan web yang indahdanfleksibel. • Fleksibilitasadalahhal yang tidakakandiperolehjikamenggunakan HTML saja. • Satu file CSS (*.css) dapatdigunakanuntukbanyakhalaman. Sehinggaperubahandisain visual untukbanyakhalamandapatdilakukanhanyamelaluimodifikasisatu file CSS
Penggunaan CSS saatini • Kontrolaspek visual keseluruhanhalaman website • Membuat Layout yang standart (kolaborasidengan XHTML) Teknikmembuat layout HTML: • Frame cara lama, jarangdigunakan • Tabel disukaioleh designer • CSS metodebaru, menjadistandar
Referensi HTML & CSS • http://www.w3.org/
Teknologi & Aplikasi Web ActiveX • ActiveX adalahsebuahteknologiintegrasibukansebuahbahasapemrograman. • ActiveX dapatdisebutsebagailem yang menyatukanberbagaimacamkodebahasapemrogramansehinggadapatbekerjasamamenjadisebuahaplikasi Internet. • ActiveX miripdengan OLE (Object Linking and Embedding). • Ditandaidengan tag <OBJECT> pada html • Java Applet • Flash (Shockwafe) • Komponen ActiveX (develop dg VBScript) • dll
Aplikasiberbasis 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 • Secaragarisbesardapatdipisahkan: • Web Designer: membuatdisain web • Web Programmer: membuat script untukhalaman web • Web Administrator: sebagaiadministrator web
TahapanPengembangan Website • Sebuah website dikembangkandalam 2 prosesbesar: • Web Developing: proseshinggajadihalaman-halaman web secaralengkapdansiaptayang • Web Deploying: prosesuntukmembuat website terpasangpada server internet dandapatdiaksesorang lain
Peluang • Hadirnya internet danlayanan WWW memberikansejumlahpeluangbagikita, sebagai: • Developer Web • Content Updater/Kontributor • Network/Web Administrator • E-Commerce / Online Business • InteraksiBisnis • dll
Bidang Pekerjaan untuk Web • Web Master • Penanggungjawabseluruhsistem website • Web Administrator • Memegangkendaliadministrasi website (user account, jaringan, hakakses, manajemen server) • Web Designer • Pembuatdesaindanlayouting, tataletak • Web Programmer • Pembuat kode program aplikasi • Content Writer • Penulisisi 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 persiapkan • Photoshop CS 4 • Dreamweaver CS5 • XAMPP - > 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.
