Download SLIDE PEMOGRAMAN WEB Pertemuan 2

Pertemuan : 2
Oleh : T. Khairil Ahsyar, S.Kom
[email protected]
Definisi …?
 Website ?
(silahkan dibuat sendiri
Definisinya, gimana caranya…???)
Cara Kerja Website
Pemrograman Berbasis Web Vs
Pemrograman Desktop
Basis Web Vs Desktop (1)
 Keunggulan Desktop :
 Dapat berjalan dengan independen, tanpa perlu menggunakan
browser.
 Tidak perlu koneksi Internet, karena semua file yang diperlukan
untuk menjalankan aplikasinya sudah terinstall sebelumnya.
 Dapat dengan mudah memodifikasi settingannya.
 Prosesnya lebih cepat.
 Kekurangan dari desktop based application:
 Kalau ingin menggunakan aplikasi tsb, harus diinstall dulu.
 Bermasalah dengan lisensi.
 Tidak bias dibuka di computer lain, jika belum diinstall.
 Biasanya memerlukan hardware dengan spesifikasi tinggi.
Basis Web Vs Desktop (2)
 Ciri dan Keunggulan Basis Web :
 Dibuka dengan menggunakan Web Browser
 Dengan menggunakan URL (Uniform Resource Locator)
 Menggunakan Protokol HTTP
 Tidak membutuhkan instalasi awal
 Dapat diakses selagi terkoneksi
 Tidak memerlukan lisensi
 Dapat dijalankan di OS manapun
 Dapat diakses oleh banyak media (PC, Laptop, HP, Basis text)
 Tidak membutuhkan spesifikasi komputer yang tinggi
 Kelemahan
 Jika diakses di internet, kecepatan akses tergantung dari besar
bandwitch yang digunakan.
Perbedaan Web Base Vs Desktop
 web based berjalan menggunakan basis teknologi web
(Internet) atau browser sedangkan based application
dapat berjalan sendiri atau independen tidak
menggunakan browser dan biasanya telah ditentukan
dapat berjalan di flatform atau operating system
tertentu, tetapi ada juga yang cross flatform.
Type Website
 STATIS
 DINAMIS
Type Website Statis
 Statis -> website yang sifatnya diam / tidak berubah-
ubah. Jika terjadi perubahan, biasanya dalam jangka
waktu yang lama.
Ex : Website Profile.
 Website yang hanya dibuat dengan menggunakan script
HTML
 Tidak memiliki halaman administrator
 Tidak ada interaksi antara pengguna dengan sistem
 Hanya menampilkan informasi saja. Biodata Pribadi,
profil instansi, gallery, dll.
Type Website Dinamis
Dinamis  dapat berubah-ubah.
 Bisa menginput data
 Bisa memproses data
 Bisa melakukan penyimpanan data
 Bisa mengubah data
 Bisa menampilkan informasi dari data yang diinput
 Berinteraksi ketikan terjadi kesalahan (error)
 Selalu terjadi perubahan (Update)
 Biasanya menggunakan bahasa Server Side Scripting.
Ex : Facebook, Gmail, SISFO, YouTube, etc..
Bahasa Pemrograman Web
 HTML
 CSS
 JavaScript
 ASP
 PHP
 XML
 dll
HTML
 HyperText Markup Language (HTML) adalah sebuah
bahasa markup yang digunakan untuk membuat
sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser. HTML saat ini
merupakan standar Internet yang didefinisikan dan
dikendalikan penggunaannya oleh World Wide Web
Consortium (W3C).
 HTML berupa kode-kode tag yang menginstruksikan
browser untuk menghasilkan tampilan sesuai dengan
yang diinginkan.
PHP
 Personal Home Page (PHP) adalah bahasa
pemrograman script yang paling banyak dipakai saat
ini. PHP pertama kali dibuat oleh Rasmus
Lerdorf pada tahun 1995. Pada waktu itu PHP masih
bernama FI (Form Interpreted), yang wujudnya
berupa sekumpulan script yang digunakan untuk
mengolah data form dari web. PHP banyak dipakai
untuk membuat situs web yang dinamis, walaupun
tidak tertutup kemungkinan digunakan untuk
pemakaian lain. PHP biasanya berjalan pada sistem
operasi linux (PHP juga bisa dijalankan dengan
hosting windows).
ASP
 ASP adalah singkatan dari Active Server Pages yang
merupakan salah satu bahasa pemograman web untuk
menciptakan halaman web yang dinamis. ASP
merupakan salah satu produk teknologi yang
disediakan oleh Microsoft. ASP bekerja pada web
server dan merupakan server side scripting.
XML
 Extensible Markup Language (XML) adalah bahasa
markup serbaguna yang direkomendasikan W3C
untuk mendeskripsikan berbagai macam data.
 XML menggunakan markup tags seperti halnya HTML
namun penggunaannya tidak terbatas pada tampilan
halaman web saja.
 XML merupakan suatu metode dalam membuat
penanda/markup pada sebuah dokumen.
WML
 WML adalah kepanjangan dari Wireless Markup
Language, yaitu bahasa pemrograman yang digunakan
dalam aplikasi berbasis XML (Extensible Markup
Langauge).
 WML adalah bahasa pemrograman yang digunakan
dalam aplikasi wireless.
 WML merupakan analogi dari HTML yang berjalan
pada protocol nirkabel.
PERL
 Perl adalah bahasa pemrograman untuk mesin dengan
sistem operasi Unix (SunOS, Linux, BSD, HP-UX),
juga tersedia untuk sistem operasi seperti DOS,
Windows, BeOS, VMS, EBCDIC, dan PocketPC.
 PERL merupakan bahasa pemograman yang mirip
bahasa pemograman C.
CFM
 CFM dibuat menggunakan tag ColdFusion dengan
software Adobe ColdFusion / BlueDragon / Coldfusion
Studio. Syntax coldfusion berbasis html.
JavaScript
 Javascript adalah bahasa scripting yang handal yang
berjalan pada sisi client.
 JavaScript merupakan sebuah bahasa scripting yang
dikembangkan oleh Netscape. Untuk menjalankan
script yang ditulis dengan JavaScript kita
membutuhkan JavaScript-enabled browser yaitu
browser yang mampu menjalankan JavaScript.
CSS
 Cascading Style Sheets (CSS) adalah suatu bahasa
stylesheet yang digunakan untuk mengatur tampilan
suatu dokumen yang ditulis dalam bahasa markup.
 Penggunaan yang paling umum dari CSS adalah untuk
memformat halaman web yang ditulis dengan HTML
dan XHTML. Walaupun demikian, bahasanya sendiri
dapat dipergunakan untuk semua jenis dokumen XML
termasuk SVG dan XUL. Spesifikasi CSS diatur oleh
World Wide Web Consortium (W3C).
Tools Membangun Web
 Script Editor
 Notepad
 EditPlus
 PHP Editor
 Dreamwever
• Image
Editor
– Photoshop
– Corel Draw
– Dll
 Front Page
 dll
• Animation
– Flash
– dll
• Video Editor
– Premiere
– dll
• Sound Editor
– SoundEditPro
– dll
Web Browser
 Aplikasi yang digunakan untuk mengakses sebuah
halaman website
 Contoh
 Internet Explorer
 Mozilla Firefox
 Safari
 Opera
 Google Chrome
 Flock
Elemen-elemen Website
 Text
 Angka
 Simbol
 Sound
 Video
 Warna
 Gambar
Macam-macam Website
 Website Pribadi
 News
 Video Streaming
 Audio Streaming
 Searching
 Education
 Games
 E-Commerce, E-Banking
 dll
Fungsi Website
 Media Promosi bagi perusahaan
 Media transaksi elektronik (e-banking, e-commerce)
 Media Komunikasi
 Media Silaturahmi
 Media bisnis
 Media berbagi data dan informasi
 Media Edukasi
 … ? Fungsi yg paling besar hikmahnya dan dampak
buruknya ? ...
Tradisional vs Elektronik
Sulit promosi & akses pasar
Akses pasar mudah
Harus Face-to-face
Penilaian independent
Bersifat Paperwork
Negosiasi & penawaran
Biaya tinggi & Birokrasi
Prosedur manual
Pasar kurang kompetitif
Butuh pegawai banyak
Butuh lokasi fisik
standard
Bersifat Paperless
Alur informasi transparan
Anywhere-anytime
Keamanan?
Bisa bersifat “maya”
Key: product, process, dan delivery
Istilah-istilah
 URL
 Protocol
 Port
 Domain
 Hosting
 Blog
 CMS (Content Management System)
 dll
Blog
• Diary online
• Web-based publication
• Last entry first
• Frequently and easily updateable
• Allows you to build social networks
• Modern blogs harness the power of RSS
What is a Content Management System?
• Sebuah sistem yang memberikan kemudahan
kepada para penggunanya dalam mengelola dan
mengadakan perubahan isi sebuah website
dinamis tanpa sebelumnya dibekali pengetahuan
tentang hal-hal yang bersifat teknis.
• Setiap orang, penulis maupun editor, setiap saat
dapat menggunakannya secara leluasa untuk
membuat, menghapus atau bahkan
memperbaharui isi website tanpa campur tangan
langsung dari pihak webmaster.
• Sebuah tools yang terpisah antara konten dengan
aplikasi
Reference
 Wikipedia
 http://tengkukhairil.blogspot.com