Dokumen tersebut membahas tentang pemrograman web yang mencakup beberapa hal seperti profesi di bidang web, sejarah dan cara kerja web, serta jenis-jenis layanan hosting. Dokumen ini juga menjelaskan tentang konsep dasar teknologi aplikasi web dan pengembangan aplikasi web.

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

4. Teknologi Aplikasi Web

5. PROFESI DI BIDANG 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

11. WEBSITE/SITUS

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.

14. SEJARAH WEB

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.

20. CARA KERJA WEB

21. CARA KERJA WEB

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

23. ILUSTRASI KERJA WEB

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.

27. WEB HOSTING

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.

31. JENIS LAYANAN HOSTING

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

35. NAMA DOMAIN/URL

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)

43. SELAMAT MENGERJAKAN 

44. REFERESI
 http://www.techdreams.org/
 Modul Pemrograman Web 1