Pemrogaman Web

Pemrogaman
Web
Pengenalan Dasar Web
Pertemuan 1
Be Carefull!
Rileks, Santai, Fokus
Apa itu WWW, Website??
Seberapa penting website itu?
www (world wide web)
layanan yang digunakan di internet untuk menyampaikan informasi
dengan dukungan multimedia berupa teks, gambar, video dan
suara.
website
kumpulan halaman dari halaman situs, terangkum
dalam sebuah domain yang berada di dalam www
pengertian website
1991
situs web pertama
diluncurkan
1993
www dapat digunakan
oleh setiap orang
1994
W3C (World Wide Web
Consortium) didirikan
2003
web 2.0
2010
web 3.0
sejarah website
web 1.0
web 1.0
teknologi awal website. server berperan sebagai pemberi informasi,
client berperan sebagai pembaca. bahasa yang digunakan HTML
web 2.0
web 2.0
the web as platform. pemanfaatan web sebagai sebuah platform
aplikasi .
harnessing collective intelligence. konten dapat diisi oleh pengguna
secara interaktif, contoh youtube.
lightweight programming models. pembuatan web menggunakan
bahasa yang lebih beragam (html, css, javascript, php)
web 3.0
web 3.0
the 3D web. mendukung kemampuan visual 3D dan interaksi secara
realtime.
the media-centric web. photo, audio, dan video menjadi cara lain untuk
mencari informasi selain menggunakan keyword.
website statis
website dinamis
front-end only
front-end dan back-end
front-end merupakan halaman website
yang dapat diakses oleh pengunjung
back-end biasa disebut CMS (Content
Management System), atau disebut
juga Administrator Area, Dashboard, dsb
website bersifat statis, konten website
tidak dapat diupdate
website bersifat dinamis, di mana
administrator dapat mengubah konten
dengan leluasa
Jenis-jenis Website
Contoh Website
news
detiknews, kompas, BBC, reuters
social network
facebook, twitter, tumblr, wordpress, blogger
forum
kaskus, indowebster, detik forum
e-commerce
tokobagus, berniaga, zalora, bhinneka.com
search engine
google, bing, yahoo
Contoh Website (2)
Archive
Wikipedia, Google Groups, dll
Blog
Blogspot, Wordpress, Tumblr, dll
Corporate Website
BUMN, Perbankan, dll
Komponen Penyusun Website
web server
web browser
database server
Unsur-Unsur Website
.com, .org, .or.id, .co.id, .net
Domain
jagoanhosting, idwebhost, dll
http://................................. .com
Hosting
HTML, CSS,
Javascript,
PHP
Hosting
HTML, CSS, jQuery
Desain & Scripting
Teknologi Web
HTML
CSS
Javascript
XML
CMS
CSS 3
PHP
HTML 5
JSON
ASP.NET
SQL
HTML
HTML adalah singkatan dari HyperText Markup
Language yaitu bahasa pemrograman standar
yang digunakan untuk membuat sebuah halaman
web, yang kemudian dapat diakses untuk
menampilkan berbagai informasi di dalam sebuah
penjelajah web Internet (Browser).
HTML dapat juga digunakan sebagai link link
antara file-file dalam situs atau dalam komputer
.
dengan
menggunakan localhost, atau link yang
menghubungkan antar situs dalam dunia
internet
CSS
CSS adalah singkatan dari Casading Style Sheet
yang merupakan kumpulan perintah yang
dibentuk dari berbagai sumber yang disusun
menurut urutan tertentu sehingga mampu
mengatasi konflik style.
CSS digunakan untuk mendukung pembuatan
website sehingga dapat mempercantik tampilan
halaman website.
Javascript
JavaScript adalah bahasa pemrograman
berbasis prototipe yang berjalan disisi client.
Jika kita berbicara dalam konteks web,
sederhananya, kita dapat memahami JavaScript
sebagai bahasa pemrograman
yang berjalan khusus untuk di browser atau
halaman web agar halaman web menjadi lebih
hidup.
PHP
PHP adalah bahasa pemrograman didesain
untuk pengembangan web yang berjalan disisi
server.
Relasi antara HTML dan CSS
HTML
CSS
fontcolor : white
backcolor : blue
textweight : bold
width : 100px
weight : 40px
font-family : calibri
element
width
height