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.

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 PertamaCukup jelas. Pengguna memberikan perintah kepada browser untuk

membuka halaman tertentu.

2) Langkah KeduaBrowser kemudian harus melalui firewall atau proxy, sebuah sistem

pengamanan di sisi pengguna atau ISP, sebelum memasuki Internet.

3) Langkah KetigaBrowser menanyakan DNS alamat IP dari http://www.google.com.

4) Langkah KeempatBrowser berjalan menuju alamat IP yang diberikan oleh DNS.

5) Langkah KelimaSetelah mencapai alamat, browser biasanya menemui sekumpulan

website pada alamat tersebut.

KETERANGAN GAMBAR

6) Langkah KeenamBrowser memasuki “ruang” google.com pada hosting server, dan meminta

konten dari google.com kepada penyaji konten.

7) Langkah KetujuhData dikirimkan kembali ke pengguna.

8) Langkah KedelapanKetika 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