PENGANTAR WEB

HTML DAN CSS

DOSEN : HENDRI, M.KOM
ISTILAH INTERNET

 Menurut tata bahasa internet berasal dari bahasa yunani “inter” yang berarti
“antara”.
 internet merupakan singkatan dari interconnection-networking yang
merupakan sistem jaringan yang menghubungkan tiap-tiap komputer secara
global di seluruh penjuru dunia. Koneksi yang menghubungkan masing masing
komputer tersebut memiliki standar yang digunakan yang disebut Internet
Protocol Suite disingkat TCP/IP.
 Komputer yang terhubung ke internet akan memiliki kemampuan melakukan
pertukaran data dengan sangat cepat.
SEJARAH INTERNET

 Pada awalnya Internet adalah sebuah jaringan komputer yang diciptakan oleh
Departemen Pertahanan Amerika Serikat pada tahun 60an, kemudian dari proyek
lembaga ARPA yang mengembangkan jaringan yang disebut
sebagai ARPANET ( Advanced Research Project Agency Network )
 Tujuan dibentuknya proyek tersebut ditujukan untuk mengembangkan teknologi
militer di Negara AS. Pertama kali jaringan ARPANET cuma menyambungkan
empat situs yakni diantaranya adalah
 University of Utah,
 Stanford Research Institute,
 Santa Barbara
 University of California
FASILITAS PADA INTERNET

 Web (www)
World Wide Web atau yang sering disingkat dengan WWW merupakan sebuah
sistem yang terdapat pada internet dan bertugas melakukan pencarian sekaligus
pemberian informasi yang cepat dengan menggunakan teknologi hypertext.

 Email
Email merupakan surat atau pesan elektronik yang dikirimkan dan diterima antar
pengguna komputer. Email memungkinkan seorang individu mengirimkan pesan
ke individu lainnya dengan waktu yang cepat, bahkan dalam hitungan detik.
Saat ini perkembangan email sangatlah pesat, email tidak hanya berisi teks saja.
Kita bisa melampirkan file multimedia seperti gambar, foto, video bahkan
animasi.
FASILITAS PADA INTERNET

 Mailing List
Mailing List atau yang sering disebut dengan milis merupakan salah satu
discussion group yang terdapat pada internet. Untuk menjadi anggota sebuah
milis, kita terlebih dahulu mengirimkan email ke subsription address dan
menunggu persetujuan dari moderator milis tersebut. Biasanya, anggota dari milis
saling bertukar informasi, pendapat, dan lain sebagainya.

 Newsgroup
Sama halnya dengan milis, newsgroup juga merupakan salah satu discussion
group yang ada di internet. Umumnya, setiap newsgroup di atur berdasarkan
satu topik umum yang kemudian dibagi menjadi beberapa sub topik
dibawahnya.
FASILITAS PADA INTERNET

 Telnet
Fasilitas untuk mengakses remote komputer yang terletak di tempat lain.
Beberapa server di internet memperbolehkan kita untuk mengaksesnya dan
menjalankan beberapa program yang diinstal pada komputer itu. Layanan ini
disebut sebagai telnet.

 FTP (File Transfer Protocol)

Digunakan untuk mengambil data file secara elektronik, Internet telah
menyediakan fasilitas file (data) dokumen yang siap untuk di akses secara
gratis. FTP atau File Transfer Protocol, adalah layanan internet untuk melakukan
transfer file antara komputer kita dengan server di internet.
FASILITAS PADA INTERNET

 E-Commerce
Sistem Jual beli barang atau jasa melalui media elektronik dimana sistem
pembayaran dapat diatur secara online dan otomatis

 Chatting
Chatting merupakan percakapan antara dua atau lebih pengguna komputer
secara realtime dengan memanfaatkan jaringan internet. Bagi pengguna
komputer yang telah melengkapi perangkat komputernya dengan webcam,
maka mereka dapat chatting dengan melihat wajah pengguna lain yang di ajak
chatting tersebut.
SEJARAH WORLD WIDE WEB

 Sejarah Web bermula di European Laboratory for Particle Physics (lebih dikenal dengan nama
CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan suatu
organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989, Tim Berners dan peneliti
lainnya dari CERN mengusulkan suatu protokol sistem distribusi informasi di Internet yang
memungkinkan para anggotanya yang tersebar di seluruh dunia saling membagi informasi dan
bahkan untuk menampilkan informasi tersebut dalam bentuk grafik menggunakan teknologi
hypertext

 Untuk membuat hypertext, diciptakanlah sebuah bahasa pemrograman yang disebut Hyper
Text Markup Language (HTML). HTML berfungsi mengikat alamat WWW atau file dalam sebuah
dokumen yang biasanya ber-extention *.htm atau *.html.

 Untuk mengirimkan file tersebut, diperlukan peran dari protokol pengiriman data yang spesifik
yaitu Hyper Text Transfer Protocol (HTTP). Selain itu, untuk menemukan setiap hubungan
hypertext diperlukanlah Uniform Resource Locator (URL).
BAGAIMANA WWW BEKERJA

 WWW adalah jaringan beribu-ribu computer membentuk system yang menyebabkan

pertukaran data internet menjadi mudah dan efisien dibantu oleh software khusus
(Browser). Jaringan tersebut disebut dengan jaringan client dan server.

 Web terdiri dari dua komponen dasar

 Server : mengirimkan perintah-perintah untuk software client tentang bagaimana dokumen
tersebut ditampilkan dalam bentuk HTML (hypertext Markup Languange)
 Client : Meminta informasi yang disimpan server kemudian server memproses dan merespon
permintaan dari client, kemudian mengirimkan informasi yang diminta client
DOMAIN NAME SYSTEM (DNS)

 Komputer-komputer di Internet menggunakan suatu format penamaan standar untuk

mempermudah pengelolaan server komputer di Internet yang berkembang dengan cepat.
Sistem penamaan server komputer ini adalah Domain Name System (DNS). DNS membuat
suatu tingkat-tingkat domain, yang merupakan kelompok komputer-komputer yang terhubung
ke internet

 Berdasarkan Jenis Domain

com/co perusahaan komersial
edu/ac badan pendidikan (misalnya universitas atau institut)
gov/go embaga pemerintahan non-militer
mil militer
net jaringan
or/org organisasi lainnya
int organisasi internasional
DOMAIN NAME SYSTEM (DNS)

 Berdasarkan Domain Geografis

at |Austria fi |Finlandia
pl |Polandia
de |Jerman es |Spanyol
au |Australia cl |Cile
pt |Portugal fr |Prancis
be |Belgia
ch |Swiss in |India
se |Swedia ir |Irlandia
bg |Bulgaria
dk |Denmark Id |Indonesia
uk |Inggris jp |Jepang
br |Brazil
ee |Eslandia
us |Amerika
DOMAIN NAME SYSTEM (DNS)

 Sistem Penamaan WEBSITE adalah:

http://www.{nama domain}.{jenis domain}.{domain geografis}
http://www.stmik-time.ac.id

 Sistem Penamaan EMAIL adalah:

username@domain
webmaster@stmik-time.ac.id
BROWSER
BAHASA PEMROGRAMAN WEB

 Bahasa Pemrograman HTML

HyperText Markup Language (HTML) merupakan sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser internet. HTML saat ini merupakan standar
Internet yang didefinisikan dan dikendalikan penggunanya oleh World Wide Web
Consortium (W3C). HTML berupa kode-kode tag yang mengistruksikan browser
untuk menghasilkan tampilan sesuai dengan yang diinginkan.

 Bahasa Pemrograman XML

Extensible Markup Language (XML) merupakan 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 juga merupakan suatu metode
dalam membuat penanda atau markup pada sebuah dokumen.
BAHASA PEMROGRAMAN WEB

 Bahasa Pemrograman CSS

Cascading Style Sheets (CSS) merupakan bahasa stylesheet yang digunakan
untuk mengatur tampilan dari suatu dokumen yang ditulis dalam bahasa
markup. Penggunaan yang paling umum dari CSS ini ialah digunakan untuk
memformat halaman web yang ditulis dengan HTML

 Bahasa Pemrograman JavaScript

JavaScript merupakan bahasa pemrograman Scripting yang handal yang
berjalan pada sisi client. JavaScript juga merupakan sebuah bahasa Scripting
yang dikembangkan oleh Nestcape. Dan untuk menjalankan script yang ditulis
menggunakan JavaScript, kita membutuhkan JavaScript-enabled browser yaitu
browser yang mampu menjalankan JavaScript.
BAHASA PEMROGRAMAN WEB

 Bahasa Pemrograman ASP

Active Server Pages (ASP) merupakan salah stau bahasa pemrograman web
untuk menciptakan halaman web yang dinamis. ASP juga merupakan salah
satu produk teknologi yang disediakan oleh Microsoft.

 Bahasa Pemrograman PHP

Hypertext Prepocessor (PHP) merupakan bahasa pemrograman script yang
paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdoft
pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted),
yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah
data form dari sebuah web. PHP banyak dipakai untuk membuat situs web
yang dinamis, walaupun tidak menutup kemungkinan digunakan juga untuk
pemakaian lain. PHP biasanya berjalan pada sistem operasi Linux (PHP juga
bisa dijalankan dengan hosting windows).
FRAMEWORK WEB

 Apa itu framework

Framework adalah kerangka kerja untuk mengembangkan aplikasi berbasis website maupun
desktop. Kerangka kerja disini sangat membantu developer dalam menuliskan sebuah dengan
lebih terstruktur dan tersusun rapi.
Kerangka kerja diciptakan untuk mempermudah kinerja dari programmer. Sehingga, seorang
programmer tidak perlu untuk menuliskan kode secara berulang – ulang. Karena di dalamnya
sendiri anda hanya perlu menyusun komponen – komponen pemrograman saja.

 Jenis Framework untuk Web Development

1. Framework CSS : Bootstrap, Foundation, Semantic UI, Bulma, Materialize
2. Framework PHP : Laravel, CodeIgniter, Symfony, Phalcon, Zend
3. Framework JavaScript : Angular JS, React JS, Vue JS, Node JS, Ember JS