Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Oleh : Hendri, S.Kom. Pemrograman Web Client Side Script : Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. Javascript Server.

Presentasi serupa


Presentasi berjudul: "Oleh : Hendri, S.Kom. Pemrograman Web Client Side Script : Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. Javascript Server."— Transcript presentasi:

1 Oleh : Hendri, S.Kom

2 Pemrograman Web Client Side Script : Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. Javascript Server 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

3 Cara Kerja Web

4 Pemrosesan Script

5 Client Side Script Script 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 mouse maupun untuk validasi form, dll

6 Client Side Script Advantage: Waktu proses relatif cepat karena langsung dieksekusi oleh browser client Tidak memerlukan web server untuk hosting Dapat dieksekusi langsung oleh berbagai browser Disadvantage: Script bisa dilihat oleh pengguna Script dapat di copy-paste Tidak cocok untuk akses data atau database

7 Server Side Script Digunakan untuk membuat aplikasi web atau konten- konten dinamis: news, buku tamu, dll PHP: open source dan banyak digunakan luas Active Server Pages (ASP) dan ASP.Net, teknologi yang dikembangkan oleh Microsoft ColdFusion (CFM), dikembangkan oleh Macromedia Java Server Pages dan Servlet dikembangkan oleh Sun Microsystem Common Gateway Interface (CGI), yang dibuat dengan bahasa pemrograman C++ atau Perl Server Side Include (SSI), seperti misalnya Frontpage Server Extension

8 Server Side Script Advantage: Script tidak bisa dilihat oleh pengguna, sehingga tidak dapat di-copy-paste Cocok untuk akses data atau aplikasi database Untuk membuat fitur-fitur tertentu yang berguna, misalnya: hit counter, user manajemen, disain yang dinamis. Disadvantage: Waktu proses relatif lebih lambat karena dieksekusi oleh server Memerlukan web server untuk hosting

9 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.

10 CSS Teknologi 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

11 Penggunaan CSS saat ini Kontrol aspek visual keseluruhan halaman website Membuat Layout yang standart (kolaborasi dengan XHTML) Teknik membuat layout HTML: Frame  cara lama, jarang digunakan Tabel  disukai oleh designer CSS  metode baru, menjadi standar

12 Referensi HTML & CSS

13 Teknologi & Aplikasi Web ActiveX ActiveX 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 pada html Java Applet Flash (Shockwafe) Komponen ActiveX (develop dg VBScript) dll

14 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.

15 Web Developer Secara garis besar dapat dipisahkan: 1. Web Designer: membuat disain web 2. Web Programmer: membuat script untuk halaman web 3. Web Administrator: sebagai administrator web

16 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

17 Peluang Hadirnya internet dan layanan WWW memberikan sejumlah peluang bagi kita, sebagai: Developer Web Content Updater/Kontributor Network/Web Administrator E-Commerce / Online Business Interaksi Bisnis dll

18 Bidang Pekerjaan untuk Web Web Master Penanggung jawab seluruh sistem website Web Administrator Memegang kendali administrasi website (user account, jaringan, hak akses, manajemen server) Web Designer Pembuat desain dan layouting, tata letak Web Programmer Pembuat kode program aplikasi Content Writer Penulis isi website

19 Contoh web e-commerce

20 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

21 Aplikasi yang perlu di persiapkan Photoshop CS 4 Dreamweaver CS5 XAMPP - > untuk web server

22 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.


Download ppt "Oleh : Hendri, S.Kom. Pemrograman Web Client Side Script : Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. Javascript Server."

Presentasi serupa


Iklan oleh Google