SlideShare a Scribd company logo
PEMROGRAMAN WEB
SMKN 3 JOMBANG
Kelas X
Teknik Komputer
Jaringan
Amiroh, S.Kom
KOMPETENSI DASAR
3.1. Memahami konsep teknologi aplikasi web
4.1. Menyajikan pelbagai teknologi
pengembangan aplikasi web
MATERI POKOK
 Profesi dalam pengembangan aplikasi web
 Sejarah dan cara kerja web
 Alur pengembangan aplikasi web
 Perangkat pengembangan aplikasi web
Teknologi Aplikasi Web
PROFESI DI BIDANG WEB
PROFESI WEB
 Web Designer
 Web Programmer
 Web Administrator
 Web Master
WEB DESIGNER
 Bertugas mendesain tampilan situs (web)
mulai dari pengolahan gambar, tata
letak, warna, dan seterusnya.
 Seorang Web Designer harus menguasai :
- HTML, DHTML
- Pengolah Gambar
- Animasi, Movie (Film)
 Penghasilan yang bisa didapat : Rp.
1.500.000 - Rp. 4.000.000
Web Programmer/Developer
 Seseorang yang menciptakan aplikasi berbasis web
dengan menggunakan bahasa pemrograman
 Biasanya membuat aplikasi interaktif antara user
dan owner seperti transaksi jual beli, pembayaran
dan seterusnya.
 Web Programmer harus menguasai:
 Client-side: JavaScript
 Server side: ASP, ASP.NET, Java, Perl, PHP,
Python, Ruby, dsb.
 Databases: MySQL, Oracle, dsb. cdUad.dpuf
 Penghasilan yang bisa didapat : Rp. 2.000.000 - Rp.
5.000.000
Web Administrator
 Bertugas untuk maintenance
server/hosting.
 Harus menguasai Sistem Operasi Server,
baik itu mulai dari instalasi sampai kepada
masalah (troubleshooting)
 Web Administrator harus menguasai :
- OS Unix (LInux, FreeBSD, dll)
- OS NT
- Jaringan (LAN, WAN, Intranet)
- Keamanan Server
Gaji yang bisa didapat : Rp. 2.000.000 -
Rp. 5.000.000
Web Master
 Web Master mengerti semua hal
tentang disain, program dan keamanan
server
 Penguasaan yang harus dimiliki :
- HTML, DHTML
- CGI Perl, PHP, MySQL, ASP, Java
- Penguasaan bermacam OS (Operating
System)
- Keamanan Server
- Jaringan (LAN, WAN, Intranet)
 Gaji yang bisa didapat : Rp. 3.500.000
- Rp. 7.000.000
WEBSITE/SITUS
WEB/WEBSITE/SITUS/WWW
 Merupakan kumpulan halaman yang
menampilkan informasi data teks, data
gambar diam atau gerak, data animasi,
suara, video dan atau gabungan dari
semuanya, baik yang bersifat statis
maupun dinamis yang membentuk satu
rangkaian bangunan yang saling terkait
dimana masing-masing dihubungkan
dengan jaringan-jaringan halaman
(hyperlink)
SIFAT WEB/WEBSITE
 Website bersifat statis apabila isi informasi website tetap,
jarang berubah, dan isi informasinya searah hanya dari
pemilik website.
 Bersifat dinamis apabila isi informasi website selalu
berubah-ubah, dan isi informasinya interaktif dua arah
berasal dari pemilik serta pengguna website.
 Contoh website statis adalah berisi profil perusahaan,
sedangkan website dinamis adalah seperti Facebook, Detik,
Multiply, dll.
 Dalam sisi pengembangannya, website statis hanya bisa
diupdate oleh pemiliknya saja, sedangkan website dinamis
bisa diupdate oleh pengguna maupun pemilik.
SEJARAH WEB
PENEMU WEB (WWW)
 Penemu situs web adalah Sir Timothy John ¨Tim¨
Berners-Lee
 Dia lahir di London, Inggris 8 Juni 1955
 Penemu World Wide Web sekaligus KETUA World
Wide Web Consortium, yang mengatur
perkembangannya
 Maksud dari Tim ketika merancang situs web
adalah untuk memudahkan tukar menukar dan
memperbarui informasi pada sesama peneliti di
tempat ia bekerja.
 Pada tanggal 30 April 1993, CERN (tempat dimana
Tim bekerja) mengumumkan bahwa WWW dapat
digunakan secara gratis oleh publik.
PENEMU WEB (WWW)
 Berners-Lee juga menulis piranti lunak yang
mendefinisikan Hyper Text Markup Language (HTML),
Uniform Resource Locator (URL), dan Hyper Text
Transfer Protocol (HTTP).
 Kesemuanya itu adalah bahasa pemrograman yang
digunakan banyak orang untuk menampilkan isi sebuah
situs dan protokol bagaimana situs-situs dapat
ditemukan di internet dan berkomunikasi satu sama
lainnya.
 Pada 16 Juli 2004 dia diberi gelar kehormatan KBE oleh
Ratu Elizabeth II sebagai penghormatan atas jasa-
jasanya
STATUS WEB
 Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau
menunjukkan kepemilikan dari suatu organisasi, perusahaan.
 Biasanya pembahasan dalam sebuah situs web merujuk pada sebuah
ataupun beberapa topik khusus, atau kepentingan tertentu.
 Contoh: http://amiroh.web.id (Web Perorangan), http://detik.com
(Website organisasi)
 Sebuah situs web bisa berisi Hyperlink yang menghubungkan ke situs web
lain, demikian sebaliknya.
 Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh
individu dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak
begitu jelas.
01 how web works
01 how web works
CARA KERJA WEB
CARA KERJA WEB
Bagaimana cara kerja Web?
 Cara kerja sebuah Web sama seperti cara kerja sebuah
software / perangkat lunak yaitu Input-Process-Output
 Yang berbeda adalah halaman web ini di simpan di suatu
tempat yang biasanya disebut “Server” atau biasa disebut
“Hosting”
 Alamat sebuah server/hosting disebut dengan Domain
(DNS/Domain Name Server)
 Domain merupakan alamat unik dari suatu server
 Contoh beberapa domain ya www.google.com,
www.facebook.com, www.twitter.com
ILUSTRASI KERJA WEB
ILUSTRASI KERJA WEB
 Secara sederhana, dapat dikatakan
bahwa web bekerja seperti POS
 Di mana setiap orang yang ingin
berkomunikasi dengan orang lain harus
melakukan pengiriman PESAN.
 Identifikasi PENERIMA PESAN dilakukan
melalui ALAMAT dan KODE POS, yang
ditentukan oleh KANTOR POS.
 Pesan yang dikirimkan ini kemudian
disampaikan oleh kantor pos, untuk
kemudian dibaca oleh penerima pesan.
 “KANTOR POS”, sebagai pihak yang
menentukan alamat dan kode pos,
dikenal dengan nama DNS (Domain
Name Server) pada dunia web.
 “ALAMAT”, sebagai tempat
penerima pesan, dikenal sebagai IP
ADDRESS, sementara penerima
pesannya sendiri tentunya adalah
website atau komputer lain.
 PENGIRIM PESAN, tentunya adalah
WEB BROWSER yang kita gunakan.
KETERANGAN GAMBAR
1) Langkah Pertama
Cukup jelas. Pengguna memberikan perintah kepada browser untuk
membuka halaman tertentu.
2) Langkah Kedua
Browser kemudian harus melalui firewall atau proxy, sebuah sistem
pengamanan di sisi pengguna atau ISP, sebelum memasuki Internet.
3) Langkah Ketiga
Browser menanyakan DNS alamat IP dari http://www.google.com.
4) Langkah Keempat
Browser berjalan menuju alamat IP yang diberikan oleh DNS.
5) Langkah Kelima
Setelah mencapai alamat, browser biasanya menemui sekumpulan
website pada alamat tersebut.
KETERANGAN GAMBAR
6) Langkah Keenam
Browser memasuki “ruang” google.com pada hosting server, dan meminta
konten dari google.com kepada penyaji konten.
7) Langkah Ketujuh
Data dikirimkan kembali ke pengguna.
8) Langkah Kedelapan
Ketika data sampai, maka browser menampilkan data yang didapatkan
kepada pengguna.
9) Langkah Kesembilan
Selesai.
WEB HOSTING
APAKAH WEB HOSTING ITU?
 Merupakan ruangan yang terdapat dalam harddisk
yang digunakan untuk menyimpan berbagai data,
file-file, gambar, video, data email, statistik,
database dan lain sebagainya yang akan ditampilkan
di website.
 Besarnya data yang bisa dimasukkan tergantung dari
besarnya web hosting yang disewa/dipunyai, semakin
besar web hosting semakin besar pula data yang
dapat dimasukkan dan ditampilkan dalam website.
 Web Hosting juga dapat diperoleh dengan menyewa.
 Lama penyewaan web hosting rata-rata dihitung per
tahun.
Web Hosting (Lnjtn)
 Penyewaan Hosting dapat diumpamakan sebagai kios atau
ruangan di sebuah Mall
 Dimana manajemen mall menyewakan ruangan, infrastruktur,
listrik, telepon dan fasilitas lainnya agar orang-orang dapat
membuka usaha.
 Setiap kios dapat memiliki pengelola yang berbeda-beda,
demikian pula dekorasi masing-masingnya berlainan dan
beroperasi dengan caranya sendiri.
 Dalam hal ini kios atau ruangan yang disewa tentu mempunyai
batasan ruangan; misal: 10 meter x 6 meter dan maksimum
adalah besarnya gedung Mall tersebut
Web Hosting (Lnjtn)
 Besar ukuran ruangan tersebut mempengaruhi besar barang
yang akan disimpan dalam ruangan tersebut
 Penyewaan hosting dapat dilakukan pada perusahaan-
perusahaan web hosting yang banyak dijumpai baik di
Indonesia maupun Luar Negeri.
 Lokasi peletakan pusat data (datacenter) web hosting
bermacam-macam. Ada yang di Jakarta, Singapore, Inggris,
Amerika, dll dengan harga sewa bervariasi.
JENIS LAYANAN HOSTING
1. Hosting Gratisan
 Merupakan layanan yang MURAH,
karena tak berbayar, tetapi biasanya akan
banyak iklan yang muncul pada website
kita dan sebagian tidak memungkinkan
kita memiliki domain pribadi.
 Web Hosting Gratis ditawarkan oleh
berbagai perusahaan dengan layanan
sangat terbatas bila dibandingkan dengan
hosting berbayar.
 Contoh web hosting gratisan adalah
bythost.com, 000webhost.com,
Idhostinger.com dan lain-lain.
2. Shared/Virtual web hosting
 Biasanya berbayar
 Satu situs Web ditempatkan pada
server yang sama dan berbagi
dengan banyak situs lain, dari
ratusan atau ribuan situs.
 Pada umumnya, semua domain
bisa berbagi sumber daya dari
server tersebut, seperti RAM dan
CPU.
 Fitur yang disediakan jenis layanan ini bisa cukup
luas. Sebuah situs web bisa dihost bersama
dengan reseller.
 Hosting yang satu ini paling banyak digunakan
karena biayanya lebih murah.
 Contoh: MWN, Rumahweb.com dst
NAMA DOMAIN/URL
APAKAH NAMA DOMAIN ITU?
 Nama domain (Domain name/URL –
Uniform Resource Locator)
 Adalah alamat unik di dunia internet
yang digunakan untuk mengidentifikasi
sebuah website, atau dengan kata lain
domain name adalah alamat yang
digunakan untuk menemukan sebuah
website pada dunia internet.
 Contoh : http://amiroh.web.id Sebuah
website yang digunakan sebagai media
belajar IT siswa dan guru.
NAMA DOMAIN
 Nama domain diperjualbelikan
secara bebas di internet dengan
status sewa tahunan.
 Setelah Nama Domain itu
terbeli/disewa di salah satu
penyedia jasa pendaftaran, maka
pengguna disediakan sebuah Control
panel untuk administrasinya.
 Jika pengguna lupa/tidak
memperpanjang masa sewanya,
maka nama domain itu akan di lepas
lagi ketersediaannya untuk umum
CONTOH NAMA DOMAIN
 Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz,
name, ws.
• .war.net.id : untuk industri warung internet
di Indonesia
• .sch.id : khusus untuk Lembaga Pendidikan
yang menyelenggarakan pendidikan seperti
SD, SMP dan atau SMU
• .web.id : Ditujukan bagi badan usaha,
organisasi ataupun perseorangan yang
melakukan kegiatannya di World Wide Web.
Contoh nama domain ber-ekstensi lokasi
Negara Indonesia adalah :
- .co.id : Untuk Badan Usaha yang
mempunyai badan hukum sah
- .ac.id : Untuk Lembaga Pendidikan
- .go.id : Khusus untuk Lembaga
Pemerintahan Republik Indonesia
- .mil.id : Khusus untuk Lembaga Militer
Republik Indonesia
- .or.id : Untuk segala macam organisasi
yand tidak termasuk dalam kategori
“ac.id”,”co.id”,”go.id”,”mil.id” dan lain
lain.
NAMA DOMAIN (Lnjtn)
 Penyewaan nama domain bisa dilakukan
bersamaan dengan penyewaan hosting dalam
perusahaan yang sama, atau secara terpisah
 Nama domain di atas bisa didapatkan dengan cara menyewa pada
PANDI (pengelola nama domain Indonesia) atau registrar-nya, per
tahun dengan harga yang bervariasi.
 Namun, ada juga nama
domain yang bisa
didapat secara gratis,
contohnya [.co.cc]
[.tk] [.blogspot.com]
[.wordpress.com] dan
seterusnya.
CARA MENYEWA DOMAIN/HOSTING
 Dapat dilakukan dengan mengunjungi situs penyedia sewa
domain/hosting yang dimaksud
 Misalnya: http://idwebhost.com, http://pandi.or.id,
http://www.rumahweb.com/
 Selanjutnya lakukan penyewaan paket hosting yang
diinginkan
 Untuk pembayaran, dilakukan melalui metode transfer ke
no rekening perusahaan tersebut
TUGAS PERORANGAN
MENCARI INFORMASI DI INTERNET:
 KELEBIHAN DAN KEKURANGAN DOMAIN DAN HOSTING
BERBAYAR VS GRATIS
 CONTOH PERBEDAAN FASILITAS YANG DISEDIAKAN OLEH
HOSTING BERBAYAR VS GRATIS (SEBUTKAN 1 CONTOH
SAJA)
 DIPRESENTASIKAN KAMIS, 4 SEPTEMBER 2014
MENGGUNAKAN MEDIA POWERPOINT
ISI PRESENTASI MELIPUTI:
 Pembukaan
Menyapa, perkenalan (NAMA SISWA, KELAS dst)
Topik selayang pandang (JUDUL / TOPIK MATERI)
 Topik utama/ Isi presentasi
PENGENALAN DOMAIN/HOSTING YG DIAJUKAN (cari salah satu contohnya)
PERBANDINGAN KELEBIHAN DAN KEKURANGAN DOMAIN/HOSTING BAYAR VS GRATIS
 Penutup
Kesimpulan
Ucapan terima kasih
Kata Penyemangat (quote)
SELAMAT MENGERJAKAN 
REFERESI
 http://www.techdreams.org/
 Modul Pemrograman Web 1

More Related Content

PPTX
10 html multimedia
PPT
02 mengenal html
PPTX
08 insert image
PDF
Pertemuan 2 Memulai Wordpress
PPSX
Theme idbloglicious-makassar
PDF
Panduan penggunaan-word press
PPTX
Power point materi blog
DOCX
Kumpulan Koding open source gratis buat blog/Website
10 html multimedia
02 mengenal html
08 insert image
Pertemuan 2 Memulai Wordpress
Theme idbloglicious-makassar
Panduan penggunaan-word press
Power point materi blog
Kumpulan Koding open source gratis buat blog/Website

What's hot (18)

PPTX
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
PPTX
Cara membuat blog
PPTX
TUGAS TIK Bab 4
PPTX
1 membuat blog
PPT
Flash and SEO
PPT
Publish Website
PPTX
Alur belajar bisnis online rwp group
PDF
Pengenalan kepada Laman Web
PDF
Manual book web gampong rtik2017
PDF
Tutorial Menggunakan WordPress MUDAH!!!
PPT
Langkah – langkah menggunakan wordpress
PPTX
Tutorial bikin blog
PPTX
Herman punya
PDF
Pengantar web design
PDF
Desain web 2 kolom
PDF
Modul web-design
PPTX
Power point
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
Cara membuat blog
TUGAS TIK Bab 4
1 membuat blog
Flash and SEO
Publish Website
Alur belajar bisnis online rwp group
Pengenalan kepada Laman Web
Manual book web gampong rtik2017
Tutorial Menggunakan WordPress MUDAH!!!
Langkah – langkah menggunakan wordpress
Tutorial bikin blog
Herman punya
Pengantar web design
Desain web 2 kolom
Modul web-design
Power point
Ad

Similar to 01 how web works (20)

PPTX
01 Pengenalan Web & Jenis Profesi Di bidang Web
DOCX
Makalah html5
PPT
716 What Is Rekweb
PPTX
BISNIS DIGITAL Domain & Hosting.pptx
PDF
ASAS PEMBANGUNAN LAMAN WEB
PDF
pengenalan kepada laman web
PDF
MODUL 1 - Pengenalan Web dan Internet.pdf
PDF
Situs web
PDF
Internet
PDF
Internet
PDF
Bab 10 internet
PDF
001 bab x internet
PDF
Internet
PPTX
Kelompok 8 pengantar SI (1).pptx
PDF
Situs web
PPTX
Rekayasa web part 2 khaerul anwar
PPTX
Tugas 2 ihsan riadi - 1412511162
PPTX
PPT
materi workshop bikin web 1
PPT
Domain dan-hosting
01 Pengenalan Web & Jenis Profesi Di bidang Web
Makalah html5
716 What Is Rekweb
BISNIS DIGITAL Domain & Hosting.pptx
ASAS PEMBANGUNAN LAMAN WEB
pengenalan kepada laman web
MODUL 1 - Pengenalan Web dan Internet.pdf
Situs web
Internet
Internet
Bab 10 internet
001 bab x internet
Internet
Kelompok 8 pengantar SI (1).pptx
Situs web
Rekayasa web part 2 khaerul anwar
Tugas 2 ihsan riadi - 1412511162
materi workshop bikin web 1
Domain dan-hosting
Ad

More from Amiroh S.Kom (20)

PPTX
16 css menu
PPTX
15 membuat list
PPTX
14 media query
PPTX
13 html5 form
PPTX
12 mengenal html5
PPTX
11 form
PPTX
09 membuat hyperlink
PPTX
07 css box model
PPTX
06 css background
PPTX
05 css
PPTX
04 html styling
PPTX
03 formatting page and text
PDF
14.tki c2-kikd-x-simulasi digital
PPTX
Learning of future
PPTX
05 teknik pengkabelan
PPTX
Protocol jaringan komputer
PPTX
Komponen jaringan
PPTX
Topologi jaringan komputer
PPTX
Mengenal jaringan komputer
PPTX
Melakukan instalasi os xp
16 css menu
15 membuat list
14 media query
13 html5 form
12 mengenal html5
11 form
09 membuat hyperlink
07 css box model
06 css background
05 css
04 html styling
03 formatting page and text
14.tki c2-kikd-x-simulasi digital
Learning of future
05 teknik pengkabelan
Protocol jaringan komputer
Komponen jaringan
Topologi jaringan komputer
Mengenal jaringan komputer
Melakukan instalasi os xp

Recently uploaded (9)

PPTX
Modul 1. Pengenalan Koding-KA di Dikdasmen.pptx
PPTX
MATERI Literasi digital ASN TAHUN 2025.pptx
PPTX
materi mata pelajaran koding dan kecerdasan artifisial
PPTX
Modul 2. Pengoperasian Pengaplikasian dan Kolaborasi Perangkat Kecerdasan Art...
PPT
Firewall dalam Jaringan - Kelas 12 TKJ 2025/2026
PDF
Aksara nglagena_20250726_094730_0000.pdf
DOCX
623175210-PROSEM-KELAS-X-SEM-GANJIL.docx
PPTX
saya adalah seorang penulis awalann.pptx
PDF
IdREN Multi Access Edge Computing dan bangun ruang
Modul 1. Pengenalan Koding-KA di Dikdasmen.pptx
MATERI Literasi digital ASN TAHUN 2025.pptx
materi mata pelajaran koding dan kecerdasan artifisial
Modul 2. Pengoperasian Pengaplikasian dan Kolaborasi Perangkat Kecerdasan Art...
Firewall dalam Jaringan - Kelas 12 TKJ 2025/2026
Aksara nglagena_20250726_094730_0000.pdf
623175210-PROSEM-KELAS-X-SEM-GANJIL.docx
saya adalah seorang penulis awalann.pptx
IdREN Multi Access Edge Computing dan bangun ruang

01 how web works

  • 1. PEMROGRAMAN WEB SMKN 3 JOMBANG Kelas X Teknik Komputer Jaringan Amiroh, S.Kom
  • 2. KOMPETENSI DASAR 3.1. Memahami konsep teknologi aplikasi web 4.1. Menyajikan pelbagai teknologi pengembangan aplikasi web
  • 3. MATERI POKOK  Profesi dalam pengembangan aplikasi web  Sejarah dan cara kerja web  Alur pengembangan aplikasi web  Perangkat pengembangan aplikasi web
  • 6. PROFESI WEB  Web Designer  Web Programmer  Web Administrator  Web Master
  • 7. WEB DESIGNER  Bertugas mendesain tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan seterusnya.  Seorang Web Designer harus menguasai : - HTML, DHTML - Pengolah Gambar - Animasi, Movie (Film)  Penghasilan yang bisa didapat : Rp. 1.500.000 - Rp. 4.000.000
  • 8. Web Programmer/Developer  Seseorang yang menciptakan aplikasi berbasis web dengan menggunakan bahasa pemrograman  Biasanya membuat aplikasi interaktif antara user dan owner seperti transaksi jual beli, pembayaran dan seterusnya.  Web Programmer harus menguasai:  Client-side: JavaScript  Server side: ASP, ASP.NET, Java, Perl, PHP, Python, Ruby, dsb.  Databases: MySQL, Oracle, dsb. cdUad.dpuf  Penghasilan yang bisa didapat : Rp. 2.000.000 - Rp. 5.000.000
  • 9. Web Administrator  Bertugas untuk maintenance server/hosting.  Harus menguasai Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting)  Web Administrator harus menguasai : - OS Unix (LInux, FreeBSD, dll) - OS NT - Jaringan (LAN, WAN, Intranet) - Keamanan Server Gaji yang bisa didapat : Rp. 2.000.000 - Rp. 5.000.000
  • 10. Web Master  Web Master mengerti semua hal tentang disain, program dan keamanan server  Penguasaan yang harus dimiliki : - HTML, DHTML - CGI Perl, PHP, MySQL, ASP, Java - Penguasaan bermacam OS (Operating System) - Keamanan Server - Jaringan (LAN, WAN, Intranet)  Gaji yang bisa didapat : Rp. 3.500.000 - Rp. 7.000.000
  • 12. WEB/WEBSITE/SITUS/WWW  Merupakan kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink)
  • 13. SIFAT WEB/WEBSITE  Website bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website.  Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website.  Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Facebook, Detik, Multiply, dll.  Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
  • 15. PENEMU WEB (WWW)  Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee  Dia lahir di London, Inggris 8 Juni 1955  Penemu World Wide Web sekaligus KETUA World Wide Web Consortium, yang mengatur perkembangannya  Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja.  Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.
  • 16. PENEMU WEB (WWW)  Berners-Lee juga menulis piranti lunak yang mendefinisikan Hyper Text Markup Language (HTML), Uniform Resource Locator (URL), dan Hyper Text Transfer Protocol (HTTP).  Kesemuanya itu adalah bahasa pemrograman yang digunakan banyak orang untuk menampilkan isi sebuah situs dan protokol bagaimana situs-situs dapat ditemukan di internet dan berkomunikasi satu sama lainnya.  Pada 16 Juli 2004 dia diberi gelar kehormatan KBE oleh Ratu Elizabeth II sebagai penghormatan atas jasa- jasanya
  • 17. STATUS WEB  Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan.  Biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu.  Contoh: http://amiroh.web.id (Web Perorangan), http://detik.com (Website organisasi)  Sebuah situs web bisa berisi Hyperlink yang menghubungkan ke situs web lain, demikian sebaliknya.  Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.
  • 22. Bagaimana cara kerja Web?  Cara kerja sebuah Web sama seperti cara kerja sebuah software / perangkat lunak yaitu Input-Process-Output  Yang berbeda adalah halaman web ini di simpan di suatu tempat yang biasanya disebut “Server” atau biasa disebut “Hosting”  Alamat sebuah server/hosting disebut dengan Domain (DNS/Domain Name Server)  Domain merupakan alamat unik dari suatu server  Contoh beberapa domain ya www.google.com, www.facebook.com, www.twitter.com
  • 24. ILUSTRASI KERJA WEB  Secara sederhana, dapat dikatakan bahwa web bekerja seperti POS  Di mana setiap orang yang ingin berkomunikasi dengan orang lain harus melakukan pengiriman PESAN.  Identifikasi PENERIMA PESAN dilakukan melalui ALAMAT dan KODE POS, yang ditentukan oleh KANTOR POS.  Pesan yang dikirimkan ini kemudian disampaikan oleh kantor pos, untuk kemudian dibaca oleh penerima pesan.  “KANTOR POS”, sebagai pihak yang menentukan alamat dan kode pos, dikenal dengan nama DNS (Domain Name Server) pada dunia web.  “ALAMAT”, sebagai tempat penerima pesan, dikenal sebagai IP ADDRESS, sementara penerima pesannya sendiri tentunya adalah website atau komputer lain.  PENGIRIM PESAN, tentunya adalah WEB BROWSER yang kita gunakan.
  • 25. KETERANGAN GAMBAR 1) Langkah Pertama Cukup jelas. Pengguna memberikan perintah kepada browser untuk membuka halaman tertentu. 2) Langkah Kedua Browser kemudian harus melalui firewall atau proxy, sebuah sistem pengamanan di sisi pengguna atau ISP, sebelum memasuki Internet. 3) Langkah Ketiga Browser menanyakan DNS alamat IP dari http://www.google.com. 4) Langkah Keempat Browser berjalan menuju alamat IP yang diberikan oleh DNS. 5) Langkah Kelima Setelah mencapai alamat, browser biasanya menemui sekumpulan website pada alamat tersebut.
  • 26. KETERANGAN GAMBAR 6) Langkah Keenam Browser memasuki “ruang” google.com pada hosting server, dan meminta konten dari google.com kepada penyaji konten. 7) Langkah Ketujuh Data dikirimkan kembali ke pengguna. 8) Langkah Kedelapan Ketika data sampai, maka browser menampilkan data yang didapatkan kepada pengguna. 9) Langkah Kesembilan Selesai.
  • 28. APAKAH WEB HOSTING ITU?  Merupakan ruangan yang terdapat dalam harddisk yang digunakan untuk menyimpan berbagai data, file-file, gambar, video, data email, statistik, database dan lain sebagainya yang akan ditampilkan di website.  Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website.  Web Hosting juga dapat diperoleh dengan menyewa.  Lama penyewaan web hosting rata-rata dihitung per tahun.
  • 29. Web Hosting (Lnjtn)  Penyewaan Hosting dapat diumpamakan sebagai kios atau ruangan di sebuah Mall  Dimana manajemen mall menyewakan ruangan, infrastruktur, listrik, telepon dan fasilitas lainnya agar orang-orang dapat membuka usaha.  Setiap kios dapat memiliki pengelola yang berbeda-beda, demikian pula dekorasi masing-masingnya berlainan dan beroperasi dengan caranya sendiri.  Dalam hal ini kios atau ruangan yang disewa tentu mempunyai batasan ruangan; misal: 10 meter x 6 meter dan maksimum adalah besarnya gedung Mall tersebut
  • 30. Web Hosting (Lnjtn)  Besar ukuran ruangan tersebut mempengaruhi besar barang yang akan disimpan dalam ruangan tersebut  Penyewaan hosting dapat dilakukan pada perusahaan- perusahaan web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negeri.  Lokasi peletakan pusat data (datacenter) web hosting bermacam-macam. Ada yang di Jakarta, Singapore, Inggris, Amerika, dll dengan harga sewa bervariasi.
  • 32. 1. Hosting Gratisan  Merupakan layanan yang MURAH, karena tak berbayar, tetapi biasanya akan banyak iklan yang muncul pada website kita dan sebagian tidak memungkinkan kita memiliki domain pribadi.  Web Hosting Gratis ditawarkan oleh berbagai perusahaan dengan layanan sangat terbatas bila dibandingkan dengan hosting berbayar.  Contoh web hosting gratisan adalah bythost.com, 000webhost.com, Idhostinger.com dan lain-lain.
  • 33. 2. Shared/Virtual web hosting  Biasanya berbayar  Satu situs Web ditempatkan pada server yang sama dan berbagi dengan banyak situs lain, dari ratusan atau ribuan situs.  Pada umumnya, semua domain bisa berbagi sumber daya dari server tersebut, seperti RAM dan CPU.
  • 34.  Fitur yang disediakan jenis layanan ini bisa cukup luas. Sebuah situs web bisa dihost bersama dengan reseller.  Hosting yang satu ini paling banyak digunakan karena biayanya lebih murah.  Contoh: MWN, Rumahweb.com dst
  • 36. APAKAH NAMA DOMAIN ITU?  Nama domain (Domain name/URL – Uniform Resource Locator)  Adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.  Contoh : http://amiroh.web.id Sebuah website yang digunakan sebagai media belajar IT siswa dan guru.
  • 37. NAMA DOMAIN  Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan.  Setelah Nama Domain itu terbeli/disewa di salah satu penyedia jasa pendaftaran, maka pengguna disediakan sebuah Control panel untuk administrasinya.  Jika pengguna lupa/tidak memperpanjang masa sewanya, maka nama domain itu akan di lepas lagi ketersediaannya untuk umum
  • 38. CONTOH NAMA DOMAIN  Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. • .war.net.id : untuk industri warung internet di Indonesia • .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU • .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di World Wide Web. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah : - .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah - .ac.id : Untuk Lembaga Pendidikan - .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia - .mil.id : Khusus untuk Lembaga Militer Republik Indonesia - .or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori “ac.id”,”co.id”,”go.id”,”mil.id” dan lain lain.
  • 39. NAMA DOMAIN (Lnjtn)  Penyewaan nama domain bisa dilakukan bersamaan dengan penyewaan hosting dalam perusahaan yang sama, atau secara terpisah  Nama domain di atas bisa didapatkan dengan cara menyewa pada PANDI (pengelola nama domain Indonesia) atau registrar-nya, per tahun dengan harga yang bervariasi.  Namun, ada juga nama domain yang bisa didapat secara gratis, contohnya [.co.cc] [.tk] [.blogspot.com] [.wordpress.com] dan seterusnya.
  • 40. CARA MENYEWA DOMAIN/HOSTING  Dapat dilakukan dengan mengunjungi situs penyedia sewa domain/hosting yang dimaksud  Misalnya: http://idwebhost.com, http://pandi.or.id, http://www.rumahweb.com/  Selanjutnya lakukan penyewaan paket hosting yang diinginkan  Untuk pembayaran, dilakukan melalui metode transfer ke no rekening perusahaan tersebut
  • 41. TUGAS PERORANGAN MENCARI INFORMASI DI INTERNET:  KELEBIHAN DAN KEKURANGAN DOMAIN DAN HOSTING BERBAYAR VS GRATIS  CONTOH PERBEDAAN FASILITAS YANG DISEDIAKAN OLEH HOSTING BERBAYAR VS GRATIS (SEBUTKAN 1 CONTOH SAJA)  DIPRESENTASIKAN KAMIS, 4 SEPTEMBER 2014 MENGGUNAKAN MEDIA POWERPOINT
  • 42. ISI PRESENTASI MELIPUTI:  Pembukaan Menyapa, perkenalan (NAMA SISWA, KELAS dst) Topik selayang pandang (JUDUL / TOPIK MATERI)  Topik utama/ Isi presentasi PENGENALAN DOMAIN/HOSTING YG DIAJUKAN (cari salah satu contohnya) PERBANDINGAN KELEBIHAN DAN KEKURANGAN DOMAIN/HOSTING BAYAR VS GRATIS  Penutup Kesimpulan Ucapan terima kasih Kata Penyemangat (quote)