Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Kelas X 
Teknik Komputer 
Jaringan 
Amiroh, S.Kom 
PEMROGRAMAN WEB 
SMKN 3 JOMBANG
Teknologi Aplikasi Web 
AMIROH
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....
Web Programmer/Developer 
 Seseorang yang menciptakan aplikasi 
berbasis web dengan menggunakan bahasa 
pemrograman 
 Bi...
Web Administrator 
 Bertugas untuk maintenance server/hosting. 
 Harus menguasai Sistem Operasi Server, baik 
itu mulai ...
Web Master 
 Web Master mengerti semua hal tentang 
disain, program dan keamanan server 
 Penguasaan yang harus dimiliki...
WEBSITE/SITUS
WEB/WEBSITE/SITUS/WWW 
 Merupakan kumpulan halaman yang 
menampilkan informasi data teks, data 
gambar diam atau gerak, d...
SIFAT WEB/WEBSITE 
 Website bersifat statis apabila isi informasi website tetap, jarang 
berubah, dan isi informasinya se...
SEJARAH WEB
PENEMU WEB (WWW) 
 Penemu situs web adalah Sir Timothy John ¨Tim¨ 
Berners-Lee 
 Dia lahir di London, Inggris 8 Juni 195...
PENEMU WEB (WWW) 
 Berners-Lee juga menulis piranti lunak yang 
mendefinisikan Hyper Text Markup Language (HTML), 
Unifor...
STATUS WEB 
 Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau 
menunjukkan kepemilikan dari s...
CARA KERJA WEB
CARA KERJA WEB
Bagaimana cara kerja Web? 
 Cara kerja sebuah Web sama seperti cara kerja sebuah software / 
perangkat lunak yaitu Input-...
ILUSTRASI KERJA WEB
ILUSTRASI KERJA WEB 
 Secara sederhana, dapat dikatakan 
bahwa web bekerja seperti POS 
 Di mana setiap orang yang ingin...
KETERANGAN GAMBAR 
1) Langkah Pertama 
Cukup jelas. Pengguna memberikan perintah kepada browser untuk membuka halaman 
ter...
KETERANGAN GAMBAR 
6) Langkah Keenam 
Browser memasuki “ruang” google.com pada hosting server, dan meminta konten dari 
go...
WEB HOSTING
APAKAH WEB HOSTING ITU? 
 Merupakan ruangan yang terdapat dalam harddisk 
yang digunakan untuk menyimpan berbagai data, 
...
Web Hosting (Lnjtn) 
 Penyewaan Hosting dapat diumpamakan sebagai kios atau ruangan di 
sebuah Mall 
 Dimana manajemen m...
Web Hosting (Lnjtn) 
• Penyewaan hosting dapat dilakukan pada perusahaan-perusahaan 
web hosting yang banyak dijumpai baik...
JENIS LAYANAN HOSTING
1. Hosting Gratisan 
• Merupakan layanan yang MURAH, karena tak berbayar, tetapi biasanya 
akan banyak iklan yang muncul p...
2. Shared/Virtual web hosting 
• Biasanya berbayar 
• Satu situs Web ditempatkan pada server yang sama dan berbagi dengan ...
NAMA DOMAIN/URL
APAKAH NAMA DOMAIN ITU? 
 Nama domain (Domain name/URL – Uniform 
Resource Locator) 
 Adalah alamat unik di dunia intern...
NAMA DOMAIN 
 Nama domain diperjualbelikan secara bebas di internet dengan 
status sewa tahunan. 
 Setelah Nama Domain i...
CONTOH NAMA DOMAIN 
• Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, 
name, ws. 
• .or.id ...
NAMA DOMAIN (Lnjtn) 
 Nama domain di atas bisa didapatkan dengan cara menyewa pada 
PANDI (pengelola nama domain Indonesi...
CARA MENYEWA DOMAIN/HOSTING 
• Dapat dilakukan dengan mengunjungi situs penyedia sewa 
domain/hosting yang dimaksud 
• Mis...
TUGAS PERORANGAN 
MENCARI INFORMASI DI INTERNET: 
 KELEBIHAN DAN KEKURANGAN DOMAIN DAN HOSTING BERBAYAR 
VS GRATIS 
 CON...
ISI PRESENTASI MELIPUTI: 
• Pembukaan 
Menyapa, perkenalan (NAMA SISWA, KELAS dst) 
Topik selayang pandang (JUDUL / TOPIK ...
SELAMAT MENGERJAKAN 
01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web
Upcoming SlideShare
Loading in …5
×

01 Pengenalan Web & Jenis Profesi Di bidang Web

956 views

Published on

Pemrograman Web

Published in: Internet
  • Be the first to comment

01 Pengenalan Web & Jenis Profesi Di bidang Web

  1. 1. Kelas X Teknik Komputer Jaringan Amiroh, S.Kom PEMROGRAMAN WEB SMKN 3 JOMBANG
  2. 2. Teknologi Aplikasi Web AMIROH
  3. 3. PROFESI DI BIDANG WEB
  4. 4. PROFESI WEB  Web Designer  Web Programmer  Web Administrator  Web Master
  5. 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. 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. 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. 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. 9. WEBSITE/SITUS
  10. 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. 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. 12. SEJARAH WEB
  13. 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. 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. 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.
  16. 16. CARA KERJA WEB
  17. 17. CARA KERJA WEB
  18. 18. 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
  19. 19. ILUSTRASI KERJA WEB
  20. 20. 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.
  21. 21. 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.
  22. 22. 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.
  23. 23. WEB HOSTING
  24. 24. 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.
  25. 25. 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
  26. 26. 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.
  27. 27. JENIS LAYANAN HOSTING
  28. 28. 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.
  29. 29. 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
  30. 30. NAMA DOMAIN/URL
  31. 31. 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.
  32. 32. 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
  33. 33. 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
  34. 34. 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.
  35. 35. 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
  36. 36. 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
  37. 37. 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)
  38. 38. SELAMAT MENGERJAKAN 

×