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.
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
 Per...
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.
 ...
Web Programmer/Developer
 Seseorang yang menciptakan aplikasi berbasis web
dengan menggunakan bahasa pemrograman
 Biasan...
Web Administrator
 Bertugas untuk maintenance
server/hosting.
 Harus menguasai Sistem Operasi Server,
baik itu mulai dar...
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, data...
SIFAT WEB/WEBSITE
 Website bersifat statis apabila isi informasi website tetap,
jarang berubah, dan isi informasinya sear...
SEJARAH WEB
PENEMU WEB (WWW)
 Penemu situs web adalah Sir Timothy John ¨Tim¨
Berners-Lee
 Dia lahir di London, Inggris 8 Juni 1955
...
PENEMU WEB (WWW)
 Berners-Lee juga menulis piranti lunak yang
mendefinisikan Hyper Text Markup Language (HTML),
Uniform R...
STATUS WEB
 Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau
menunjukkan kepemilikan dari sua...
CARA KERJA WEB
CARA KERJA WEB
Bagaimana cara kerja Web?
 Cara kerja sebuah Web sama seperti cara kerja sebuah
software / perangkat lunak yaitu Input-Pr...
ILUSTRASI KERJA WEB
ILUSTRASI KERJA WEB
 Secara sederhana, dapat dikatakan
bahwa web bekerja seperti POS
 Di mana setiap orang yang ingin
be...
KETERANGAN GAMBAR
1) Langkah Pertama
Cukup jelas. Pengguna memberikan perintah kepada browser untuk
membuka halaman terten...
KETERANGAN GAMBAR
6) Langkah Keenam
Browser memasuki “ruang” google.com pada hosting server, dan meminta
konten dari googl...
WEB HOSTING
APAKAH WEB HOSTING ITU?
 Merupakan ruangan yang terdapat dalam harddisk
yang digunakan untuk menyimpan berbagai data,
fil...
Web Hosting (Lnjtn)
 Penyewaan Hosting dapat diumpamakan sebagai kios atau
ruangan di sebuah Mall
 Dimana manajemen mall...
Web Hosting (Lnjtn)
 Besar ukuran ruangan tersebut mempengaruhi besar barang
yang akan disimpan dalam ruangan tersebut
 ...
JENIS LAYANAN HOSTING
1. Hosting Gratisan
 Merupakan layanan yang MURAH,
karena tak berbayar, tetapi biasanya akan
banyak iklan yang muncul pad...
2. Shared/Virtual web hosting
 Biasanya berbayar
 Satu situs Web ditempatkan pada
server yang sama dan berbagi
dengan ba...
 Fitur yang disediakan jenis layanan ini bisa cukup
luas. Sebuah situs web bisa dihost bersama
dengan reseller.
 Hosting...
NAMA DOMAIN/URL
APAKAH NAMA DOMAIN ITU?
 Nama domain (Domain name/URL –
Uniform Resource Locator)
 Adalah alamat unik di dunia internet
...
NAMA DOMAIN
 Nama domain diperjualbelikan
secara bebas di internet dengan
status sewa tahunan.
 Setelah Nama Domain itu
...
CONTOH NAMA DOMAIN
 Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz,
name, ws.
• .war.net.i...
NAMA DOMAIN (Lnjtn)
 Penyewaan nama domain bisa dilakukan
bersamaan dengan penyewaan hosting dalam
perusahaan yang sama, ...
CARA MENYEWA DOMAIN/HOSTING
 Dapat dilakukan dengan mengunjungi situs penyedia sewa
domain/hosting yang dimaksud
 Misaln...
TUGAS PERORANGAN
MENCARI INFORMASI DI INTERNET:
 KELEBIHAN DAN KEKURANGAN DOMAIN DAN HOSTING
BERBAYAR VS GRATIS
 CONTOH ...
ISI PRESENTASI MELIPUTI:
 Pembukaan
Menyapa, perkenalan (NAMA SISWA, KELAS dst)
Topik selayang pandang (JUDUL / TOPIK MAT...
SELAMAT MENGERJAKAN 
REFERESI
 http://www.techdreams.org/
 Modul Pemrograman Web 1
01 how web works
01 how web works
Upcoming SlideShare
Loading in …5
×

01 how web works

664 views

Published on

Cara kerja Website

Published in: Internet
  • Be the first to comment

  • Be the first to like this

01 how web works

  1. 1. PEMROGRAMAN WEB SMKN 3 JOMBANG Kelas X Teknik Komputer Jaringan Amiroh, S.Kom
  2. 2. KOMPETENSI DASAR 3.1. Memahami konsep teknologi aplikasi web 4.1. Menyajikan pelbagai teknologi pengembangan aplikasi web
  3. 3. MATERI POKOK  Profesi dalam pengembangan aplikasi web  Sejarah dan cara kerja web  Alur pengembangan aplikasi web  Perangkat pengembangan aplikasi web
  4. 4. Teknologi Aplikasi Web
  5. 5. PROFESI DI BIDANG WEB
  6. 6. PROFESI WEB  Web Designer  Web Programmer  Web Administrator  Web Master
  7. 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. 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. 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. 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. 11. WEBSITE/SITUS
  12. 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. 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. 14. SEJARAH WEB
  15. 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. 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. 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.
  18. 18. CARA KERJA WEB
  19. 19. CARA KERJA WEB
  20. 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. 21. ILUSTRASI KERJA WEB
  22. 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. 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. 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. 25. WEB HOSTING
  26. 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. 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
  28. 28. 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.
  29. 29. JENIS LAYANAN HOSTING
  30. 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. 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.
  32. 32.  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
  33. 33. NAMA DOMAIN/URL
  34. 34. 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.
  35. 35. 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
  36. 36. 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.
  37. 37. 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.
  38. 38. 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
  39. 39. 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
  40. 40. 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)
  41. 41. SELAMAT MENGERJAKAN 
  42. 42. REFERESI  http://www.techdreams.org/  Modul Pemrograman Web 1

×