Episode 1 : the concept of Web Programming

Jenis-jenis website •Static ▫Isinya jarang berubah / tetap ▫Sifatnya satu arah ▫Tidak Interaktif  Contoh  personal web •Dinamic ▫Isinya sering berubah ▫Sifatnya dua arah ▫Interaktif  Contoh  e-news, e-commerce, portal

Teknologi Web •Client Side ▫Eksekusi program pada sisi client ▫Server hanya memberikan request saja tanpa harus mengeksekusi ▫HTML, Java Script, VB Script ▫Konfigurasi simple, cost rendah, unsecure •Server Side ▫Eksekusi program pada sisi server ▫Server memberikan request setelah mengeksekusi program ▫PHP, ASP, JSP, CFM ▫Konfigurasi complex, cost tinggi, secure

Perancangan dan perencanaan Website •Tahapan perancangan website : ▫Tentukan tujuan ▫Tentukan segmentasi pasar ▫Rencanakan sistem yang akan digunakan ▫Tentukan Arsitektur menu atau sitemap ▫Persiapkan data datanya ▫Buat time schedule

Tujuan Pembuatan Website (1) Marketing Tools (Alat Pemasaran)  Desain halaman web harus menarik  Letak dan isi menu sesuai kebutuhan  Tampilkan informasi yang menarik, up to date, mudah dipahami, jelas dan benar dan gunakan kata-kata yang menjual  Gunakan animasi untuk menarik perhatian E-Commerce  Merupakan kumpulan yang dinamis antara teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang dan pelayanan serta informasi yang dilakukan secara elektronik (David Baum,1999)

Tujuan Pembuatan Website (2) E-Learning  Website untuk tujuan pendidikan, berisi modul modul pengajaran/pelatihan, video, teleconference, dll Komunitas  Untuk tujuan komunikasi dengan para pengunjung Personal  Tujuan untuk mempromosikan diri sendiri.  Meletakkan porotofolio, prestasi dan kreasi yang dibuat dan dicapai  Diary Portal  Merupakan aplikasi berbasis web.  Menyediakan akses suatu titik tunggal dari informasi online terdistribusi seperti dokumen yang didapat melalui pencarian, kanal berita dan link ke situs khusus.

Tujuan Pembuatan Website (3) Portal Web  Portal web adalah situs web yang menyediakan kemampuan tertentu yang dibuat sedemikian rupa mencoba menuruti selera para pengunjungnya. Kemampuan portal yang lebih spesifik adalah penyediaan kandungan informasi yang dapat diakses menggunakan beragam perangkat, misalnya komputer pribadi, komputer jinjing (notebook), PDA (Personal Digital Assistant), atau bahkan telepon genggam.  Manajemen Portal : Prototyping Model (berdasar pendekatan Abdul Kadir dan Terra meliputi) : Berita Polling Artikel Quizz, dll

Tujuan Pembuatan Website (4) •Orang-orang yang menggunakan Portal : ▫Administrator  Memiliki hak akses pada setiap fasilitas yang di miliki pada web portal. Alir kerja sistem menjadi kontrol sepenuhnya oleh seorang administrator ▫Member  Orang yang telah melakukan registrasi pada sistem web portal dan menjadi anggota dalam sistem ▫User  Pengguna web biasa tidak sebagai administrator maupun member.

Segmentasi Pasar •Siapa yang akan mengakses situs Anda ? ▫Usia ▫Gender ▫Lokasi ▫Minat ▫Tingkat Pendidikan

Arsitektur Menu / Sitemap •Sitemap adalah susunan menu atau hirarki menu dari suatu situs yang mengaambarkan isi dari setiap halaman dan link navigasi tiap halaman pada suatu website •Susunan menu dipengaruhi oleh tujuan dari situs yang akan dibuat •Sitemap dibuat dalam bentuk flowchart atau diagram pohon yang bercabang •Hati – hati membuat sitemap. Sitemap merupakan penuntun user •Jika sitemap terlalu banyak, gunakan sistem kategorisasi/pengelompokan

Pengumpulan Data •Data merupakan bahan yang akan di publikasikan sebagai informasi kepada user •Metode pengumpulan data ▫Wawancara / interview ▫Kuisioner ▫dll

Time Scheduling •Menentukan berapa lama pembuatan website •Time scheduling membantu agar setiap pekerjaan yang terencana berjalan dengan baik •Daftar rencana kegiatan : ▫Analisa sistem ▫Pengumpulan data ▫Struktur situs ▫Design ▫Programming ▫Local testing ▫Peluncuran (Upload to hosting) ▫Remote testing

Behind Persons of Website •Orang-orang yang bekerja dibalik website ▫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

Web yang baik •Content •Navigasi •Desain ▫Warna ▫Gambar / image ▫Tipografi ▫Layout ▫Kecepatan Akses •Interaktivitas •Fungsionalitas

Konsep Website yang Baik(1) Sistematika isi  perletakan menu/informasi  kelengkapan isi  kedalaman isi  ketepatan isi dengan audiens  kemudahan ditelusur  sistematika penyampaian informasi  kemudahaan dipahami Tampilan/desain yang menarik  Pilihan kombinasi warna  Pilihan kombinasi gambar  Pilihan, tampilan dan kombinasi animasi  Perletakan gambar dan animasi  Kesesuaian theme dengan brand perusahaan  Kesesuaian dan kesatuan desain antar halaman  Kemudahan diingat (positioning)

Konsep Website yang Baik(2) Hosting, Domain dan Jasa pembuatan  Letak hosting yang tepat sesuai keberadaan sebagian besar audiens  Kapasitas, teknologi dan fasilitas hosting yang dimiliki  Biaya dan teknologi hosting yang digunakan  Nama domain yang singkat dan mudah diingat  Penggunaan subdomain yang konsisten  Biaya pembuatan yang murah Kelengkapan Fasilitas bagi audiens (sesuai tujuan institusi) :  Forum diskusi, Messages board (rolling messages)  Download, ,chatting  Fasilitas member/user  Polling,Shopping chart,Buku tamu,Komentar terhadap berita/info atau isi web tersebut

Konsep Website yang Baik(3) Pengelolaan  Kemudahan updating data  Kemudahan backup data  Interaksi dengan audiens  Aktifitas promosi web tersebut  Updating tampilan, fasilitas dan teknologi  Kemudahan pengelolaan Pemanfaatan oleh audiens  Kecepatan diakses  Fasilitas untuk menganalisa pengunjung  Jumlah kunjungan  Analisa statistik  Banyaknya komentar dan masukan audiens

Faktor Penentu Kecepatan website Salah satu definisi website yang baik menurut kriteria diatas adalah yang cepat diakses. Dalam suatu penelitian perilaku audiens di depan suatu website ditemukan bahwa rata-rata mereka meninggalkan suatu alamat jika diakses lebih dari 10 detik. Faktor-faktor yang mempengaruhi kecepatan akses adalah :  Bandwidth (lebar jalur) yang dilewati audiens sampai tempat hosting. Semakin besar bandwidth semakin cepat web diakses.  Ukuran file dalam website tersebut. Semakin besar ukuran file yang ada semakin lambat website diakses. File gambar dan animasi memiliki ukuran yang besar  Traffic/Lalu lintas pada sepanjang ruang yang dilewati pengakses sampai ke website. Semakin padat semakin lambat diakses  Jarak/letak keberadaan website. Semakin jauh (memiliki jalur akses yang panjang, melewati banyak node) dari audiens semakin lambat  Server komputer tempat hosting. Semakin canggih komputer tempat hosting semakin cepat website diakses

Bagaimana Memulai ? •Pra Produksi ▫Idea  Untuk jadi seorang penemu diperlukan dan segudang ide setumpuk sampah (Thomas Alfa Edison) ▫Tujuan ▫Segmentasi ▫Target •Produksi ▫Design ▫Programming ▫Database •Pasca Produksi ▫Local Testing ▫Upload ▫Online Testing ▫Promotion ▫Maintenance

Apa saja Senjatanya? •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

Tugas •Buat makalah studi pengkajian situs internet / website ▫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 ▫Life Cycle ▫Kelebihan & Kekurangan •Gunakan pembanding, minimal 2 website •Boleh web lokal maupun web international •Tambahkan screenshootnya •Kerjakan Kelompok, max N orang •Masing-masing kelompok tidak boleh sama •Kumpulkan max 7 hari dari sekarang •Kirim ke : •Subject : TUGAS-WD-1- ▫Contoh : TUGAS-WD-1-A1 •Format document pdf

Next Episode... •HTML Basic