Teknologi web dinamis

Assalamualaikum Semua

      Hallo semua selamat datang kembali. Saya Muhammad Aslam atau panggil saja Mas Lam akan berbagi pengetahuan tentang Teknologi web dinamis.

Introduksi

World Wide Web adalah layanan internet yang paling populer saat ini

Internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW 
WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi

WWW berjalan dengan protokol HyperText Transfer Protokol (HTTP)
Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser 

Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi  

Internet Web Browsers

Browser adalah sebuah program aplikasi atau software yang me-request dokumen-dokumen dari komputer-komputer yg terkoneksi internet (server) di seluruh dunia, dan menampilkan informasi dari dokumen tersebut pd window browser.

Browser menampilkan sesuai instruksi (format) HTML yg dibuat pd dokumen tsb.

Trend : Fakta

Browsing / Surfing sudah merupakan aktifitas rutin sehari-hari

Internet menjadi sumber informasi yang tak terhingga! (apalagi dengan adanya Om Google)

Jutaan halaman web baru bermunculan setiap hari

Konten web semakin bervariasi dan dapat dikontribusi oleh siapa saja dimana saja

Trend: Application

Internet:

Email

Online Games

Chat (Skype, Blackberry Messenger)

Google Earth

Web based:

Search Engine (Yahoo!, Google)

Web Blog

Web Komunitas: Facebook, Twitter, Instagram, Kaskus, YouTube

Kategori Web 

Berdasarkan keter-update-an isi web:

Web Statis : website yang isi tampilannya selalu sama dan tidak akan pernah berubah kapan pun kita melihatnya. (jika tidak di-update)

Web Dinamis: website yang isi tampilannya tidak statis

Kategori Web 

Web Statis  HTML (only)

Web Dinamis

HTML plus plus

+ Pemrograman Web (Scripting)

+ Animasi Interaktif (Mis: Flash, Java Applet)

HTML

Walaupun membuat website sangat mudah dengan menggunakan tools, tetapi sintaks HTML harus dikuasai dengan baik.

Membantu dalam mengembangkan fitur yang dinamis: script, applet, konten multimedia, dll.

Pemrograman Web

Client Side Script :

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

Javascript, VBScript

Server Side Script:

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

ASP/ASP.Net, PHP, JSP, dll

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

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

Tips Client Side Script:

Gunakan untuk proses-proses sisi client 

Script Javascript mudah untuk “dibajak”

Pelajari bagaimana cara “menambahkan” ke website kita

Source:

http://www.dynamicdrive.com

http://www.javascriptsource.com 

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

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, CMS, dll

Disadvantage:

Waktu proses relatif lebih lambat karena dieksekusi oleh server

Memerlukan web server untuk hosting

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. 

Cascading Style Sheet (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

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

Aplikasi berbasis Web

E-Commerce: menjelaskan konsep transaksi antar penjual dan pembeli dalam sebuah perangkat elektroinik online

E-Business: menjelaskan seluruh aspek yang berhubungan dengan proses bisnis melalui media elektronik, termasuk didalamnya E-Commerce

E-Learning, E-Government, dan E-E yang lainnya …

Web Developer

Secara garis besar dapat dipisahkan:

Web Designer: membuat disain web

Web Programmer: membuat script untuk halaman web

Web Administrator: sebagai administrator web

Tahapan Pengembangan Website

Sebuah website dikembangkan dalam 2 proses besar:

Web Designing: proses hingga jadi halaman-halaman web secara lengkap dan siap tayang

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

Tools Pengembangan Website

Adobe Dreamweaver

XAMPP

Adobe Photoshop

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

contoh web dinamis

Gambar site mapnya

Funsi setiap menu
Topik : Pilihan Topik Yang ada dan sub babnya
Search: Mencari dengan kata kunci
Jadi Pengajar: Pilihan untuk siapapun yang ingin mengajar
Login: Untuk Masuk
Datar: Untuk daftar
Rekomendasi: Untuk Merekomendasikan Topik Sesuai Hasil Pertanyyan Yang Dijawab
Kategori Populer: Pilihan Topik Yang sering di cari atau diminati
Keranjang belanja:List Topik atau Materi yang ingin dipelajari yang berbayar untuk nanti dibayar

Kemudahan Pengguna
Web ini sudah sangat Mudah digunakan Pengguna Jika menjadi pembelajar maka hanya perlu log in lalu pilih materi jika berbayar lanjutkan pembayaran setelah itu materi siap untuk dipelajari kapanpun dan juga karena barbentuk vidio dan text memudahkan untuk dipelajari 

Saran untuk website 
Tambahkan image background agar menarik
Tambahkan kelas langsung supaya bisa langsung menanyakan materi yang tidak dimengerti ke guru pengajar