Dokumen tersebut membahas tentang teknologi aplikasi web dan profesi yang terkait dengan bidang web seperti web designer, web programmer, web administrator, dan web master. Juga membahas tentang website, cara kerja web, web hosting, nama domain, serta tugas perorangan mengenai penyewaan domain dan hosting.

1. Kelas X
Teknik Komputer
Jaringan
Amiroh, S.Kom
PEMROGRAMAN WEB
SMKN 3 JOMBANG

2. Teknologi Aplikasi Web
AMIROH

3. PROFESI DI BIDANG WEB

4. PROFESI WEB
 Web Designer
 Web Programmer
 Web Administrator
 Web Master

5. 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

6. 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

7. 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

8. 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

9. WEBSITE/SITUS

10. 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)

11. 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

12. SEJARAH WEB

13. 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.

14. 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

15. 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.

18. CARA KERJA WEB

19. CARA KERJA WEB

20. 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

21. ILUSTRASI KERJA WEB

22. 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.

23. 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.

24. 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.

25. WEB HOSTING

26. 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.

27. 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
 Besar ukuran ruangan tersebut mempengaruhi besar barang yang akan
disimpan dalam ruangan tersebut

28. Web Hosting (Lnjtn)
• 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.

29. JENIS LAYANAN HOSTING

30. 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.

31. 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

32. NAMA DOMAIN/URL

33. 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.

34. 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

35. CONTOH NAMA DOMAIN
• Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz,
name, ws.
• .or.id : Untuk segala macam organisasi yand
tidak termasuk dalam kategori
“ac.id”,”co.id”,”go.id”,”mil.id” dan lain
lain
• .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

36. NAMA DOMAIN (Lnjtn)
 Nama domain di atas bisa didapatkan dengan cara menyewa pada
PANDI (pengelola nama domain Indonesia) atau registrar-nya, per
tahun dengan harga yang bervariasi.
 Penyewaan nama domain bisa dilakukan bersamaan
dengan penyewaan hosting dalam perusahaan yang
sama, atau secara terpisah
 Namun, ada juga nama
domain yang bisa
didapat secara gratis,
contohnya [.co.cc]
[.tk] [.blogspot.com]
[.wordpress.com] dan
seterusnya.

37. 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

38. 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

39. 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)

40. SELAMAT MENGERJAKAN 