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
the web as platform. pemanfaatan web sebagai sebuah platform
aplikasi .

web 2.0 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
the 3D web. mendukung kemampuan visual 3D dan interaksi secara
web 3.0 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 back-end biasa disebut CMS (Content

yang dapat diakses oleh pengunjung Management System), atau disebut
juga Administrator Area, Dashboard, dsb

website bersifat statis, konten website website bersifat dinamis, di mana

tidak dapat diupdate 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, jQuery

Hosting
Desain & Scripting
HTML, CSS,
Javascript,
PHP
Teknologi Web

HTML CMS
CSS 3
CSS
PHP HTML 5 ASP.NET
Javascript
XML JSON 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
element height

fontcolor : white width

backcolor : blue
textweight : bold
width : 100px
height : 40px
font-family : calibri