SlideShare ist ein Scribd-Unternehmen logo
1 von 13
RENCANA PELAKSANAAN PEMBELAJARAN
( RPP )
Sekolah : SMK
Mata Pelajaran : Pemrograman Web
Kelas / Semester : X / 1
Tahun Pelajaran : 2015/ 2016
Materi Pembelajaran : Konsep Teknologi Web Page
Pertemuan ke : 1 dan 2
Alokasi Waktu : 2 x Pertemuan ( 4 x 45 Menit)
A. Kompetensi Inti
1. Menghayati dan mengamalkan ajaran agama yang dianutnya.
2. Menghayati dan mengamalkan perilaku jujur, disiplin, tanggung jawab, peduli (gotong royong,
kerjasama, toleran, damai), santun, responsif dan pro-aktif dan menunjukkan sikap sebagai bagian
dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial
dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia.
3. Memahami, menerapkan, menganalisis dan mengevaluasi pengetahuan faktual, konseptual,
prosedural, dan metakognitif berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi,
seni, budaya, dan humaniora dengan wawasan kemanusiaan, kebangsaan, kenegaraan, dan
peradaban terkait penyebab fenomena dan kejadian, serta menerapkan pengetahuan prosedural pada
bidang kajian yang spesifik sesuai dengan bakat dan minatnya untuk memecahkan masalah.
4. Mengolah, menalar, menyaji, dan mencipta dalam ranah konkret dan ranah abstrak terkait dengan
pengembangan dari yang dipelajarinya di sekolah secara mandiri serta bertindak secara efektif dan
kreatif, dan mampu menggunakan metoda sesuai kaidah keilmuan.
B. Kompetensi Dasar
Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan kompleksitas
alam dan jagad raya terhadap kebesaran Tuhan yang menciptakannya. Mendeskripsikan kebesaran
Tuhan yang menciptakan berbagai sumber energi di alam.Mengamalkan nilai-nilai keimanan sesuai
dengan ajaran agama dalam kehidupan sehari-hari.Menunjukkan perilaku ilmiah (memiliki rasa
ingin tahu, objective; jujur, teliti, cermat, tekun, hati- hati, bertanggung jawab, terbuka, kritis,
kreatif, inovatif dan peduli lingkungan) dalam aktivitas sehari-hari sebagai wujud implementasi
sikap dalam melakukan percobaan dan berdiskusi.
Menghargai kerja individu dan kelompok dalam aktivitas sehari-hari sebagai wujud
implementasi melaksanakan percobaan dan melaporkan hasil percobaan.
3.1. Memahami konsep teknologi aplikasi web.
4.1. Menyajikan berbagai teknologi pengembang aplikasi web.
C. Indikator Pencapaian Kompetensi
1. Terlibat aktif dalam pembelajaran konsep teknologi aplikasi web
2. Bekerja sama dalam kegiatan kelompok
3. Disiplin dalam melakukan tugas belajar konsep teknologi aplikasi web.
4. Bertanggung jawab terhadap tugas belajar konsep teknologi aplikasi we
5. Memahami sejarah web
6. Memahami cara kerja web
7. Memahami alur pengembangan aplikasi
D. Tujuan Pembelajaran
Dengan diskusi kelompok dalam pembelajaran konsep teknologi aplikasi web ini, diharapkan siswa
melakukan kerjasama, disiplin dalam kegiatan pembelajaran menemukan, dan bertanggungjawab dalam
pembelajaran serta dapat.
1. Memahami profesi dalam bidang teknologi informasi
2. Memahami profesi dalam pengembangan aplikasi web
3. Memahami sejarah web
4. Menjelaskan sejarah dan cara kerja teknologi aplikasi web
E. Materi Pembelajaran
1. Profesi dalam pengembangan aplikasi web
Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi
yang berada dalam lingkungan pengembangan aplikasi web? Berikut ini adalah profesi-profesi yang
langsung terkait dalam pengembangan aplikasi web, diantaranya :
A. Web Designer
Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah
website
B. Web Programmer
Web Programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar
dinamis.
C. Web Administrator
Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu
mulai dari instalasi sampai kepada masalah (troubleshooting)
D. Web Master
Seoarang Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program
dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan
mempertanggun jawabkan atas jalannya suatu situs (web).
2. Sejarah web
Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki
internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari
menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi. Ada banyak
cara informasi dapat dikirimkan antar komputer, termasuk email, transfer file (File Transfer
Protocol), dan banyak layanan yang lebih khusus yang dibangun dalam layanan Internet. Metode ini
standaruntuk mentransfer data atau dokumen melalui jaringan dikenal sebagai protokol.
WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN : Organisation
Europeenne pour la Recherche Nucleaire), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat
pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, 'World
Wide Web' sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW
secara resmi digunakan secara luas pada jaringan Internet.
3. Cara Kerja Web
Bagaimana cara kerja website? Cara kerja website pada dasarnya yaitu input, proses dan output.
Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di
seluruh dunia selama terkoneksi dengan jaringan internet.
Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara,
video, animasi dan lain sebagainya. Sehingga lebih merupakan media informasi yang menarik untuk
dikunjungi. Semua website pasti mempunyai domain dan web server. Domain bisa kita analogikan
sebagai alamat rumah, sedangkan web server sebagai rumah untuk menyimpan berbagai perabotan
rumah tangga.
Bagaimana cara website bekerja?
 Pertama, misal Anda ingin mencari informasi melalui mesin pencari (search engine) Google.
 Tentunya Anda terlebih dahulu akan menjalankan aplikasi web browser baik itu Internet
Explorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah terkoneksi internet.
 Anda lalu mengetikan URL (Uniform Resource Locator) atau domain di web browser, misal
www.google.com atau google.com.
 Nah pada saat itu domain yang Anda ketikkan tersebut perlu diterjemahkan menjadi alamat IP
karena komputer Anda sebenarnya hanya bisa mengakses alamat IP. Tugas penerjemahan ini
dilakukan oleh Domain Name System (DNS), karena itu komputer Anda akan meminta bantuan
DNS server yang terdaftar untuk menerjemahkan nama domain tersebut. DNS server menemukan
alamat google.com dan memberikan alamat IP-nya kepada browser Anda. Browser Anda segera
menuju server dengan alamat IP yang didapatkan dari DNS server dan meminta halaman yang
tersedia didalam web server tersebut.
 Setelah web server menerima permintaan (request), web server lalu akan memprosesnya
(process) dan memberikan hasil data (output). Untuk lebih jelasnya silahkan lihat ilustrasi gambar
cara kerja website di bawah ini
4. Perangkat Pengembang Aplikasi Web
Untuk perangkat pengembangan aplikasi web dapat dikelompokan menjadi perangkat keras dan
perangkat lunak.
A. Perangkat Keras
Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang sebaiknya
disediakan:
 Komputer Utama, dengan operating system Macintosh, Windows, ataupun Linux. Perusahaan
pengembangan web profesional cenderung berbasis Macintosh.
 Memori tambahan. sebaiknya computer memiliki memori yang besar, karena dalam
pengembangan web cenderung kita akan membuka beberapa aplikasi sekaligus.
 Sebuah monitor besar. Meskipun bukan keharusan, monitor besar memudahkan untuk desainer
visual. Semakin besar monitor, semakin banyak jendela dan panel kontrol dapat terbuka pada
waktu yang sama.
B. Perangkat Lunak
Untuk perangkat lunak pengembangan web dapat dikelompokkan menjadi beberapa, diantaranya :
1. Web page authoring
Ini adalah kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan
adalah halaman web. Aplikasi ini biasanya bersifat “WYSIWYG” (What You See Is What You
Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah yang kamu dapatkan. Jadi aplikasi
ini biasanya ketika membuat tampilannya seperti yang akan dihasilkan.
Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
 Adobe Dreamweaver, aplikasi ini berbayar dan dibawah lisensi perusahaan Adobe, aplikasi ini
banyak digunakan oleh pengembang web. Memiliki banyak fasilitas dan fiture.
10. Microsoft Expression Web (lisensi dari Windows). Bagian dari Microsoft’s suite yang
merupakan aplikasi perancangan professional.
11. Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk Editor WYSIWYG?
Nvu (diucapkan N-view, untuk "pandangan baru") adalah sebuah aplikasi open source
(sumber terbuka) yang cocok dengan banyak fitur dalam Adobe Dreamweaver, dan dapat
diunduh secara gratis di nvu.com.
2. Editor
Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft
Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi
lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
 TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode
di Windows.
 Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki
banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.
 Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat
manajemen file, dan built-in akses terminal.
 Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat
manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini
semakin populer karena disesuaikan, kaya fitur, dan murah.
 BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur
shortcut yang besar telah membuat editor terkemuka berbasis Mac
3. Aplikasi editing gambar dan menggambar
 Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut ini
beberapa aplikasi yang cukup populer :
 Adobe Photoshop. Photoshop dapat dikatakan sebagai standar industri untuk penciptaan
gambar baik dalam cetak maupun dunia web.
 Adobe Photoshop Elements. Versi ini lebih ringan dari Photoshop dirancang untuk mengedit
foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat
yang diperlukan untuk menempatkan gambar pada halaman web
F. Model dan Metode Pembelajaran
1. Model pembelajaran : Saintifik (scientific), inquiri terbimbing menggunakan kelompok diskusi
yang berbasis masalah (problem-based learning).
2. Metode Pembelajaran : Ceramah, diskusi, Tanya jawab dan penugasan
G. Kegiatan Pembelajaran
Pertemuan Pertama
1. Pendahuluan ( 15 Menit )
1. Guru memberikan salam, mengkondisikan kesiapan belajar dan menciptakan suasana
yang menyenangkan.
2. Guru mengecek kehadiran siswa.
3. Guru menyampaikan tujuan pembelajaran yang akan dicapai.
4. Guru memberikan motivasi pentingnya penguasai materi yang akan dibahas untuk
menumbuhkan rasa percaya diri pada siswa.
2. Kegiatan Inti ( 65 Menit )
1. Guru mengarahkan siswa mengenal konsep teknologi aplikasi web dengan media
presentasi disertai tanya jawab
2. Guru mengelompokkan siswa secara heterogen dengan jumlah anggota 4-5 orang siswa.
3. Guru memberikan permasalahan dalam bentuk LKS untuk menemukan konsep cara kerja
web yang didiskusikan dalam kelompoknya masing-masing.
4. Dalam kegiatan diskusi kelompok, guru berkeliling untuk mengamati dan memfasilitasi
kegiatan siswa sehingga terjadi interaksi yang kondusif (nilai sikap dan keterampilan
dinilai melalui lembar pengamatan)
5. Salah satu kelompok diskusi (tidak harus yang terbaik) diminta untuk mempresentasikan
hasil diskusinya ke depan kelas. Sementara kelompok lain, menanggapi dan
menyempurnakan apa yang dipresentasikan.
6. Dengan tanya jawab, guru membimbing siswa untuk mengarahkan pemahaman siswa
mengenai konsep teknologi aplikasi web.
3. Penutup ( 20 Menit )
1. Siswa menyimpulkan konsep teknologi aplikasi web dengan guru sebagai fasilitator melalui
tanya jawab.
2. Dengan media presentasi, guru menayangkan apa yang telah dipelajari dan menyimpulkan
konsep teknologi aplikasi web.
3. Guru memberikan beberapa soal dari buku siswa kelas x sebagai pekerjaan rumah.
4. Guru mengakhiri kegiatan belajar dengan memberikan pesan untuk tetap belajar.
Pertemuan kedua
1. Pendahuluan ( 15 Menit )
1. Guru memberikan salam, mengkondisikan kesiapan belajar dan menciptakan suasana
yang menyenangkan.
2. Guru mengecek kehadiran siswa.
3. Guru menyampaikan tujuan pembelajaran yang akan dicapai.
4. Guru memberikan motivasi pentingnya penguasai materi yang akan dibahas untuk
menumbuhkan rasa percaya diri pada siswa.
2. Kegiatan Inti ( 65 Menit )
1. Guru mengarahkan siswa untuk membuat cara kerja alur web, dn mengembangkan aplikasi
web
2. Guru mengelompokkan siswa secara heterogen dengan jumlah anggota 4-5 orang siswa.
3. Guru memberikan permasalahan dalam bentuk LKS untuk menemukan konsep cara kerja
web yang didiskusikan dalam kelompoknya masing-masing.
4. Dalam kegiatan diskusi kelompok, guru berkeliling untuk mengamati dan memfasilitasi
kegiatan siswa sehingga terjadi interaksi yang kondusif (nilai sikap dan keterampilan
dinilai melalui lembar pengamatan)
5. Salah satu kelompok diskusi (tidak harus yang terbaik) diminta untuk mempresentasikan
hasil diskusinya ke depan kelas. Sementara kelompok lain, menanggapi dan
menyempurnakan apa yang dipresentasikan.
6. Dengan tanya jawab, guru membimbing siswa untuk mengarahkan pemahaman siswa
mengenai konsep teknologi aplikasi web.
3. Penutup ( 20 Menit )
1. Siswa menyimpulkan konsep teknologi aplikasi web dengan guru sebagai fasilitator melalui
tanya jawab.
2. Dengan media presentasi, guru menayangkan apa yang telah dipelajari dan menyimpulkan
konsep teknologi aplikasi web.
3. Guru memberikan beberapa soal dari buku siswa kelas x sebagai pekerjaan rumah.
4. Guru mengakhiri kegiatan belajar dengan memberikan pesan untuk tetap belajar.
H. Alat/Media/Sumber Pembelajaran
Alat : Laptop dan LCD proyektor.
Media : Media presentasi powerpoint, lembar kerja siswa, lembar penilaian.
Sumber Belajar : Buku sekolah electronik Pemrograman Web kurikulum 2013, buku sekolah
electronic Rekayasa Perangkat Lunak Jilid 3 untuk SMK, Ainur Rofiq
Mulyanto, dkk. 2008, Modul Rekayasa Perangkat Lunak 2, Yudistira,
Bogor.2011, sumber dari internet serta sumber lain yang relevan.
I. Penilaian Hasil Belajar
1. Teknik Penilaian
a. Pengamatan
b. Test tertulis
2. Prosedur Penilaian
No Aspek yang dinilai Teknik Penilaian Waktu Penilaian
1. Sikap
a. Terlibat aktif dalam
pembelajaran konsep
teknologi aplikasi web.
b. Bekerjasama dalam
kegiatan kelompok.
Pengamatan Selama pembelajaran dan
saat diskusi
No Aspek yang dinilai Teknik Penilaian Waktu Penilaian
c. Toleran terhadap proses
pemecahan masalah yang
berbeda dan kreatif.
2. Pengetahuan
a. Menjelaskan sejarah dan
cara kerja web.
b. Menemukan pola serta
cara kerja web secara
kreatif
c. Menerapkan konsep sesuai
dengan karakteristiknya
dalam memecahkan
permasalahan
Pengamatan dan tes Penyelesaian tugas individu
dan kelompok
3. Keterampilan
a. Terampil menerapkan
konsep/prinsip dan strategi
pemecahan masalah yang
relevan yang berkaitan
dengan konsep cara kerja
web
Pengamatan Penyelesaian tugas (baik
individu maupun kelompok)
dan saat diskusi
J. Instrumen Penilaian Hasil Belajar
a. Testertulis
b. Lembar Pengamatan penilaian sikap
c. Lembar Pengamatan penilaian keterampilan
Jambi, April 2015
Mengetahui,
Kepala SMK Guru Mata Pelajaran,
Lampiran1
Test tertulis
NO. SOAL JAWABAN
1. Jelaskan pengertian dari web
designer!
Merupakan orang yang melakukan kegiatan perencanaan,
termasuk studikelayakan, analisis dan desain terhadap
suatu proyek pembuatan aplikasi berbasis web.
2. Jelaskan cara kerja web! Pertama, misal Anda ingin mencari informasi melalui
mesin pencari (search engine) Google.
Tentunya Anda terlebih dahulu akan menjalankan
aplikasi web browser baik itu Internet Explorer, Mozilla,
Chrome, Opera, dan lain sebagainya yang telah
terkoneksi internet.
Anda lalu mengetikan URL (Uniform Resource Locator)
atau domain di web browser, misal www.google.com
atau google.com.
Nah pada saat itu domain yang Anda ketikkan tersebut
perlu diterjemahkan menjadi alamat IP karena komputer
Anda sebenarnya hanya bisa mengakses alamat IP. Tugas
penerjemahan ini dilakukan oleh Domain Name
System (DNS), karena itu komputer Anda akan meminta
bantuan DNS server yang terdaftar untuk menerjemahkan
nama domain tersebut. DNS server menemukan alamat
google.com dan memberikan alamat IP-nya kepada
browser Anda. Browser Anda segera menuju server
dengan alamat IP yang didapatkan dari DNS server dan
meminta halaman yang tersedia didalam web server
tersebut.
Setelah web server menerima permintaan (request), web
server lalu akan memprosesnya (process) dan
memberikan hasil data (output).
3. Alternatif model dari
Pengembangan Aplikasi Web
adalah!
Formulasi, Perencanaan (planning), Analisis (analysis),
Rekayasa (engineering), Implementasi (page generation)
& pengujian (testing), Evaluasi oleh konsumen (customer
evaluation).
3. Sebutkan 3 contoh software
yang termasuk Web page
authoring!
Adobe Dreamweaver,
Microsoft Expression Web (lisensi dari Windows),
Nvu (Linux, Windows, dan Mac OS X).
Kreteria
penilaian
No Soal
(Bobot)
Kriteria Skor
1
(Bobot 25)
a. Jawaban tepat atau benar semua
b. Jawaban sebagian besarbenar
c. Jawaban sebagian kecil benar
d. Jawabansalah
e. Tidak menjawab
25
20
10
5
0
SkorMaksimal 25
1
(Bobot 25)
a. Jawaban tepat atau benar semua 25
b. Jawaban sebagian besarbenar
c. Jawaban sebagian kecil benar
d. Jawabansalah
20
10
5
e. Tidak menjawab 0
SkorMaksimal 25
1
(Bobot 25)
a. Jawaban tepat atau benar semua 25
b. Jawaban sebagian besarbenar
c. Jawaban sebagian kecil benar
d. Jawabansalah
20
10
5
e. Tidak menjawab 0
SkorMaksimal 25
1
(Bobot 25)
a. Jawaban tepat atau benar semua 25
b. Jawaban sebagian besarbenar
c. Jawaban sebagian kecil benar
d. Jawabansalah
20
10
5
e. Tidak menjawab 0
SkorMaksimal 25
LEMBARPENGAMATAN PENILAIAN SIKAP
Mata Pelajaran : Pemrograman Web
Kelas/Semester : X RPL 1/1
Tahun Pelajaran : 2014/2015
Waktu Pengamatan : 45 Menit
Indikator sikap aktif dalam pembelajaran konsep teknologi aplikasi web
1. Kurang baik jika menunjukkan sama sekali tidak ambil bagian dalam pembelajaran
2. Baik jika menunjukkan sudah ada usaha ambil bagian dalam pembelajaran tetapi belum ajeg/konsisten
3. Sangat baik jika menunjukkan sudah ambil bagian dalam menyelesaikan tugas kelompok secara terus
menerus dan ajeg/konsisten
Indikator sikap bekerjasama dalam kegiatan kelompok.
1. Kurang baik jika sama sekali tidak berusaha untuk bekerjasama dalam kegiatan kelompok.
2. Baik jika menunjukkan sudah ada usaha untuk bekerjasama dalam kegiatan kelompok tetapi masih
belum ajeg/konsisten.
3. Sangat baik jika menunjukkan adanya usaha bekerjasama dalam kegiatan kelompok secara terus
menerus dan ajeg/konsisten.
Indikator sikap toleran terhadap proses pemecahan masalah yang berbeda dan kreatif.
1. Kurang baik jika sama sekali tidak bersikap toleran terhadap proses pemecahan masalah yang berbeda
dan kreatif.
2. Baik jika menunjukkan sudah ada usaha untuk bersikap toleran terhadap proses pemecahan masalah
yang berbeda dan kreatif tetapi masuih belum ajeg/konsisten.
3. Sangat baik jika menunjukkansudah ada usaha untuk bersikap toleran terhadap proses pemecahan
masalah yang berbeda dan kreatif secara terus menerus dan ajeg/konsisten.
Bubuhkan tanda √ pada kolom-kolom sesuaihasil pengamatan.
NO. NAMA SISWA
SIKAP
AKTIF BEKERJASAMA TOLERAN
KB B SB KB B SB KB B SB
1. ADE RAPTINGFAJAR RAMADHAN
2. AGUS ADITYA I PUTU
3. AGUS ADNYANA I PUTU
4. AGUS DWI KARTIKA YASA I KADE
5. AGUS INDARAYANA I KOMANG
6. AGUS WIDIANTARA I PUTU
7. ANANDA KUSUMA DEWI NI KETUT
8. ARDI PRATAMA I PUTU
9. ARI PRATAMA I PUTU
10. ARINING MAHASADI GUSTI AYU KADE
11. AYU TRISNAWATI NI PUTU
12. BHUANA ANDASAKA IDA BAGUS
13. DESI RISTASARI NI KOMANG
14. DIKA DILIANA I KADEK
15. DWIKI ARTA RIAWAN I MADE
16. EKA PRAYOGA I PUTU
17. EKO WAHYUDI
18. ESTI LIANI NI KADEK
NO. NAMA SISWA
SIKAP
AKTIF BEKERJASAMA TOLERAN
KB B SB KB B SB KB B SB
19. FANI INDRAWAN I KADEK
20. HENDRA PUSPA PRANATA I MADE
21. INDAH FAHALAWATI NI LUH PUTU
22. INDAH MEI SARMINI NI PUTU
23. KRISNA DEWI NI PUTU
24. KRISNA NATA DEWI NI MADE
25. LESMANA DEWI
26. MERTA SUMITRI
27. MERTA UTAMA I NENGAH
28. MILA FATMASARI NI MADE
29. MULI ASTRAWAN I KOMANG
30. NATA KUSUMA NEGARA
31. ODE ARDIANA PUTU
32. PUSPA ANDRIANI NI KADEK
33. REGA YULIANA I KOMANG
34. RINA LEDI YANTI NI PUTU
35. RIZKI WAHYU KUSUMAAJI
36. RYAN SARJANA PUTRA IDA BAGUS
37. SELVIANI NI LUH GEDE
38. SINTYA JULIANA DEWI NI PUTU
39. SRI MARHENI I KOMANG
40. SRI WULANDARI GUSTI AYU PUTU
41. TYAGI ARISUDANA I GEDE
42. WAHYU ADINATA PUTU
43. WIDIANA I KETUT
44. YOGA ADI ADNYANA I PUTU
45. YOGI DWIPAYANA I KADEK
46.
Keterangan:
KB : Kurang baik
B : Baik
SB : Sangat baik
LEMBAR PENGAMATAN PENILAIAN KETERAMPILAN
Mata Pelajaran : Pemrograman Web
Kelas/Semester : X RPL 1/1
Tahun Pelajaran : 2014/2015
Waktu Pengamatan : 45 Menit
Indikator terampil menerapkan konsep/prinsip dan strategi pemecahan masalah yang relevan yang berkaitan
dengan konsep teknologi aplikasi web.
1. Kurang terampil jika sama sekali tidak dapat menerapkan konsep/prinsip dan strategi pemecahan
masalah yang relevan yang berkaitan dengan konsep teknologi aplikasi web.
2. Terampil jika menunjukkan sudah ada usaha untuk menerapkan konsep/prinsip dan strategi pemecahan
masalah yang relevan yang berkaitan dengan konsep teknologi aplikasi web tetapi belum tepat.
3. Sangat terampill jika menunjukkan adanya usaha untuk menerapkan konsep/prinsip dan strategi
pemecahan masalah yang relevan yang berkaitan dengan konsep teknologi aplikasi web.dan sudah tepat.
Bubuhkan tanda √ pada kolom-kolom sesuai hasil pengamatan.
NO. NAMA SISWA
KETERAMPILAN
MENERAPKAN KONSEP/PRINSIP DAN STRATEGI
PEMECAHAN MASALAH
KT T ST
1. ADE RAPTINGFAJAR RAMADHAN
2. AGUS ADITYA I PUTU
3. AGUS ADNYANA I PUTU
4. AGUS DWI KARTIKA YASA I KADE
5. AGUS INDARAYANA I KOMANG
6. AGUS WIDIANTARA I PUTU
7. ANANDA KUSUMA DEWI NI KETUT
8. ARDI PRATAMA I PUTU
9. ARI PRATAMA I PUTU
10. ARINING MAHASADI GUSTI AYU KADE
11. AYU TRISNAWATI NI PUTU
12. BHUANA ANDASAKA IDA BAGUS
13. DESI RISTASARI NI KOMANG
14. DIKA DILIANA I KADEK
15. DWIKI ARTA RIAWAN I MADE
16. EKA PRAYOGA I PUTU
17. EKO WAHYUDI
18. ESTI LIANI NI KADEK
19. FANI INDRAWAN I KADEK
20. HENDRA PUSPA PRANATA I MADE
21. INDAH FAHALAWATI NI LUH PUTU
22. INDAH MEI SARMINI NI PUTU
23. KRISNA DEWI NI PUTU
24. KRISNA NATA DEWI NI MADE
25. LESMANA DEWI
26. MERTA SUMITRI
27. MERTA UTAMA I NENGAH
28. MILA FATMASARI NI MADE
29. MULI ASTRAWAN I KOMANG
30. NATA KUSUMA NEGARA
31. ODE ARDIANA PUTU
NO. NAMA SISWA
KETERAMPILAN
MENERAPKAN KONSEP/PRINSIP DAN STRATEGI
PEMECAHAN MASALAH
KT T ST
32. PUSPA ANDRIANI NI KADEK
33. REGA YULIANA I KOMANG
34. RINA LEDI YANTI NI PUTU
35. RIZKI WAHYU KUSUMAAJI
36. RYAN SARJANA PUTRA IDA BAGUS
37. SELVIANI NI LUH GEDE
38. SINTYA JULIANA DEWI NI PUTU
39. SRI MARHENI I KOMANG
40. SRI WULANDARI GUSTI AYU PUTU
41. TYAGI ARISUDANA I GEDE
42. WAHYU ADINATA PUTU
43. WIDIANA I KETUT
44. YOGA ADI ADNYANA I PUTU
45. YOGI DWIPAYANA I KADEK
46.
Keterangan:
KT : Kurang terampil
T : Terampil
ST : Sangat terampil

Weitere ähnliche Inhalte

Ähnlich wie Rpp pemrog-web-kd-01

Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
JpPhone
 
Analisis Keamanan Nodejs sebagai platorm aplikasi web
Analisis Keamanan Nodejs sebagai platorm aplikasi webAnalisis Keamanan Nodejs sebagai platorm aplikasi web
Analisis Keamanan Nodejs sebagai platorm aplikasi web
Irfan Aris Nurhakim
 
Ebook php menyelam dan menaklukan samudra php
Ebook php   menyelam dan menaklukan samudra phpEbook php   menyelam dan menaklukan samudra php
Ebook php menyelam dan menaklukan samudra php
Media Cyber
 
Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...
Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...
Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...
adhiindra12
 
Product knowledge prodi ti
Product knowledge prodi tiProduct knowledge prodi ti
Product knowledge prodi ti
PalComTech
 
Konsep Teknologi dan Format Teks.pptx
Konsep Teknologi dan Format Teks.pptxKonsep Teknologi dan Format Teks.pptx
Konsep Teknologi dan Format Teks.pptx
AgiHusni
 

Ähnlich wie Rpp pemrog-web-kd-01 (20)

Pemrograman Web Dinamis
Pemrograman Web DinamisPemrograman Web Dinamis
Pemrograman Web Dinamis
 
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
 
Tugas 1 rekayasa web 1412511519 - andhika desta permana
Tugas 1 rekayasa web   1412511519 - andhika desta permanaTugas 1 rekayasa web   1412511519 - andhika desta permana
Tugas 1 rekayasa web 1412511519 - andhika desta permana
 
Laporan kp pn kendari
Laporan kp pn kendariLaporan kp pn kendari
Laporan kp pn kendari
 
Makalahasm 1705552022 sosmedparalel
Makalahasm 1705552022 sosmedparalelMakalahasm 1705552022 sosmedparalel
Makalahasm 1705552022 sosmedparalel
 
Analisis Keamanan Nodejs sebagai platorm aplikasi web
Analisis Keamanan Nodejs sebagai platorm aplikasi webAnalisis Keamanan Nodejs sebagai platorm aplikasi web
Analisis Keamanan Nodejs sebagai platorm aplikasi web
 
Bab ii 2
Bab ii 2Bab ii 2
Bab ii 2
 
Ebook php menyelam dan menaklukan samudra php
Ebook php   menyelam dan menaklukan samudra phpEbook php   menyelam dan menaklukan samudra php
Ebook php menyelam dan menaklukan samudra php
 
Menyelam dan menaklukan samudra php
Menyelam dan menaklukan samudra phpMenyelam dan menaklukan samudra php
Menyelam dan menaklukan samudra php
 
Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...
Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...
Penerapan e commerce pada kerajinan kayu dengan menggunakan wordpress (study ...
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi Web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Rpp mulok webdesain.12 ganjil TP.2014-2015
Rpp mulok webdesain.12 ganjil TP.2014-2015Rpp mulok webdesain.12 ganjil TP.2014-2015
Rpp mulok webdesain.12 ganjil TP.2014-2015
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Desain web
Desain webDesain web
Desain web
 
Product knowledge prodi ti
Product knowledge prodi tiProduct knowledge prodi ti
Product knowledge prodi ti
 
Konsep Teknologi dan Format Teks.pptx
Konsep Teknologi dan Format Teks.pptxKonsep Teknologi dan Format Teks.pptx
Konsep Teknologi dan Format Teks.pptx
 
Tugas Akhir ASM
Tugas Akhir ASMTugas Akhir ASM
Tugas Akhir ASM
 
Jurnal jadi j oe
Jurnal jadi j oeJurnal jadi j oe
Jurnal jadi j oe
 
Makalah asm 1705552015 sosmedpararel
Makalah asm 1705552015 sosmedpararelMakalah asm 1705552015 sosmedpararel
Makalah asm 1705552015 sosmedpararel
 

Kürzlich hochgeladen

PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
dpp11tya
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
ssuser35630b
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
nabilafarahdiba95
 
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
pipinafindraputri1
 

Kürzlich hochgeladen (20)

Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
 
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
 
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
 
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdfSalinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 
Regresi Linear Kelompok 1 XI-10 revisi (1).pptx
Regresi Linear Kelompok 1 XI-10 revisi (1).pptxRegresi Linear Kelompok 1 XI-10 revisi (1).pptx
Regresi Linear Kelompok 1 XI-10 revisi (1).pptx
 
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.pptLATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdf
 
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsx
 
Modul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdf
Modul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdfModul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdf
Modul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdf
 
Program Kerja Public Relations - Perencanaan
Program Kerja Public Relations - PerencanaanProgram Kerja Public Relations - Perencanaan
Program Kerja Public Relations - Perencanaan
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
 
Stoikiometri kelas 10 kurikulum Merdeka.ppt
Stoikiometri kelas 10 kurikulum Merdeka.pptStoikiometri kelas 10 kurikulum Merdeka.ppt
Stoikiometri kelas 10 kurikulum Merdeka.ppt
 
Pelaksana Lapangan Pekerjaan Jalan .pptx
Pelaksana Lapangan Pekerjaan Jalan .pptxPelaksana Lapangan Pekerjaan Jalan .pptx
Pelaksana Lapangan Pekerjaan Jalan .pptx
 

Rpp pemrog-web-kd-01

  • 1. RENCANA PELAKSANAAN PEMBELAJARAN ( RPP ) Sekolah : SMK Mata Pelajaran : Pemrograman Web Kelas / Semester : X / 1 Tahun Pelajaran : 2015/ 2016 Materi Pembelajaran : Konsep Teknologi Web Page Pertemuan ke : 1 dan 2 Alokasi Waktu : 2 x Pertemuan ( 4 x 45 Menit) A. Kompetensi Inti 1. Menghayati dan mengamalkan ajaran agama yang dianutnya. 2. Menghayati dan mengamalkan perilaku jujur, disiplin, tanggung jawab, peduli (gotong royong, kerjasama, toleran, damai), santun, responsif dan pro-aktif dan menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia. 3. Memahami, menerapkan, menganalisis dan mengevaluasi pengetahuan faktual, konseptual, prosedural, dan metakognitif berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dengan wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradaban terkait penyebab fenomena dan kejadian, serta menerapkan pengetahuan prosedural pada bidang kajian yang spesifik sesuai dengan bakat dan minatnya untuk memecahkan masalah. 4. Mengolah, menalar, menyaji, dan mencipta dalam ranah konkret dan ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah secara mandiri serta bertindak secara efektif dan kreatif, dan mampu menggunakan metoda sesuai kaidah keilmuan. B. Kompetensi Dasar Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan kompleksitas alam dan jagad raya terhadap kebesaran Tuhan yang menciptakannya. Mendeskripsikan kebesaran Tuhan yang menciptakan berbagai sumber energi di alam.Mengamalkan nilai-nilai keimanan sesuai dengan ajaran agama dalam kehidupan sehari-hari.Menunjukkan perilaku ilmiah (memiliki rasa ingin tahu, objective; jujur, teliti, cermat, tekun, hati- hati, bertanggung jawab, terbuka, kritis, kreatif, inovatif dan peduli lingkungan) dalam aktivitas sehari-hari sebagai wujud implementasi sikap dalam melakukan percobaan dan berdiskusi. Menghargai kerja individu dan kelompok dalam aktivitas sehari-hari sebagai wujud implementasi melaksanakan percobaan dan melaporkan hasil percobaan. 3.1. Memahami konsep teknologi aplikasi web. 4.1. Menyajikan berbagai teknologi pengembang aplikasi web. C. Indikator Pencapaian Kompetensi 1. Terlibat aktif dalam pembelajaran konsep teknologi aplikasi web 2. Bekerja sama dalam kegiatan kelompok 3. Disiplin dalam melakukan tugas belajar konsep teknologi aplikasi web. 4. Bertanggung jawab terhadap tugas belajar konsep teknologi aplikasi we 5. Memahami sejarah web 6. Memahami cara kerja web 7. Memahami alur pengembangan aplikasi
  • 2. D. Tujuan Pembelajaran Dengan diskusi kelompok dalam pembelajaran konsep teknologi aplikasi web ini, diharapkan siswa melakukan kerjasama, disiplin dalam kegiatan pembelajaran menemukan, dan bertanggungjawab dalam pembelajaran serta dapat. 1. Memahami profesi dalam bidang teknologi informasi 2. Memahami profesi dalam pengembangan aplikasi web 3. Memahami sejarah web 4. Menjelaskan sejarah dan cara kerja teknologi aplikasi web E. Materi Pembelajaran 1. Profesi dalam pengembangan aplikasi web Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan pengembangan aplikasi web? Berikut ini adalah profesi-profesi yang langsung terkait dalam pengembangan aplikasi web, diantaranya : A. Web Designer Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website B. Web Programmer Web Programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis. C. Web Administrator Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting) D. Web Master Seoarang Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web). 2. Sejarah web Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi. Ada banyak cara informasi dapat dikirimkan antar komputer, termasuk email, transfer file (File Transfer Protocol), dan banyak layanan yang lebih khusus yang dibangun dalam layanan Internet. Metode ini standaruntuk mentransfer data atau dokumen melalui jaringan dikenal sebagai protokol. WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN : Organisation Europeenne pour la Recherche Nucleaire), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, 'World Wide Web' sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW secara resmi digunakan secara luas pada jaringan Internet.
  • 3. 3. Cara Kerja Web Bagaimana cara kerja website? Cara kerja website pada dasarnya yaitu input, proses dan output. Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara, video, animasi dan lain sebagainya. Sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Semua website pasti mempunyai domain dan web server. Domain bisa kita analogikan sebagai alamat rumah, sedangkan web server sebagai rumah untuk menyimpan berbagai perabotan rumah tangga. Bagaimana cara website bekerja?  Pertama, misal Anda ingin mencari informasi melalui mesin pencari (search engine) Google.  Tentunya Anda terlebih dahulu akan menjalankan aplikasi web browser baik itu Internet Explorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah terkoneksi internet.  Anda lalu mengetikan URL (Uniform Resource Locator) atau domain di web browser, misal www.google.com atau google.com.  Nah pada saat itu domain yang Anda ketikkan tersebut perlu diterjemahkan menjadi alamat IP karena komputer Anda sebenarnya hanya bisa mengakses alamat IP. Tugas penerjemahan ini dilakukan oleh Domain Name System (DNS), karena itu komputer Anda akan meminta bantuan DNS server yang terdaftar untuk menerjemahkan nama domain tersebut. DNS server menemukan alamat google.com dan memberikan alamat IP-nya kepada browser Anda. Browser Anda segera menuju server dengan alamat IP yang didapatkan dari DNS server dan meminta halaman yang tersedia didalam web server tersebut.  Setelah web server menerima permintaan (request), web server lalu akan memprosesnya (process) dan memberikan hasil data (output). Untuk lebih jelasnya silahkan lihat ilustrasi gambar cara kerja website di bawah ini 4. Perangkat Pengembang Aplikasi Web Untuk perangkat pengembangan aplikasi web dapat dikelompokan menjadi perangkat keras dan perangkat lunak. A. Perangkat Keras Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang sebaiknya disediakan:  Komputer Utama, dengan operating system Macintosh, Windows, ataupun Linux. Perusahaan pengembangan web profesional cenderung berbasis Macintosh.  Memori tambahan. sebaiknya computer memiliki memori yang besar, karena dalam pengembangan web cenderung kita akan membuka beberapa aplikasi sekaligus.
  • 4.  Sebuah monitor besar. Meskipun bukan keharusan, monitor besar memudahkan untuk desainer visual. Semakin besar monitor, semakin banyak jendela dan panel kontrol dapat terbuka pada waktu yang sama. B. Perangkat Lunak Untuk perangkat lunak pengembangan web dapat dikelompokkan menjadi beberapa, diantaranya : 1. Web page authoring Ini adalah kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Aplikasi ini biasanya bersifat “WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah yang kamu dapatkan. Jadi aplikasi ini biasanya ketika membuat tampilannya seperti yang akan dihasilkan. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :  Adobe Dreamweaver, aplikasi ini berbayar dan dibawah lisensi perusahaan Adobe, aplikasi ini banyak digunakan oleh pengembang web. Memiliki banyak fasilitas dan fiture. 10. Microsoft Expression Web (lisensi dari Windows). Bagian dari Microsoft’s suite yang merupakan aplikasi perancangan professional. 11. Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk Editor WYSIWYG? Nvu (diucapkan N-view, untuk "pandangan baru") adalah sebuah aplikasi open source (sumber terbuka) yang cocok dengan banyak fitur dalam Adobe Dreamweaver, dan dapat diunduh secara gratis di nvu.com. 2. Editor Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :  TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.  Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.  Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.  Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.  BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac 3. Aplikasi editing gambar dan menggambar  Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut ini beberapa aplikasi yang cukup populer :  Adobe Photoshop. Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun dunia web.  Adobe Photoshop Elements. Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web F. Model dan Metode Pembelajaran 1. Model pembelajaran : Saintifik (scientific), inquiri terbimbing menggunakan kelompok diskusi yang berbasis masalah (problem-based learning). 2. Metode Pembelajaran : Ceramah, diskusi, Tanya jawab dan penugasan
  • 5. G. Kegiatan Pembelajaran Pertemuan Pertama 1. Pendahuluan ( 15 Menit ) 1. Guru memberikan salam, mengkondisikan kesiapan belajar dan menciptakan suasana yang menyenangkan. 2. Guru mengecek kehadiran siswa. 3. Guru menyampaikan tujuan pembelajaran yang akan dicapai. 4. Guru memberikan motivasi pentingnya penguasai materi yang akan dibahas untuk menumbuhkan rasa percaya diri pada siswa. 2. Kegiatan Inti ( 65 Menit ) 1. Guru mengarahkan siswa mengenal konsep teknologi aplikasi web dengan media presentasi disertai tanya jawab 2. Guru mengelompokkan siswa secara heterogen dengan jumlah anggota 4-5 orang siswa. 3. Guru memberikan permasalahan dalam bentuk LKS untuk menemukan konsep cara kerja web yang didiskusikan dalam kelompoknya masing-masing. 4. Dalam kegiatan diskusi kelompok, guru berkeliling untuk mengamati dan memfasilitasi kegiatan siswa sehingga terjadi interaksi yang kondusif (nilai sikap dan keterampilan dinilai melalui lembar pengamatan) 5. Salah satu kelompok diskusi (tidak harus yang terbaik) diminta untuk mempresentasikan hasil diskusinya ke depan kelas. Sementara kelompok lain, menanggapi dan menyempurnakan apa yang dipresentasikan. 6. Dengan tanya jawab, guru membimbing siswa untuk mengarahkan pemahaman siswa mengenai konsep teknologi aplikasi web. 3. Penutup ( 20 Menit ) 1. Siswa menyimpulkan konsep teknologi aplikasi web dengan guru sebagai fasilitator melalui tanya jawab. 2. Dengan media presentasi, guru menayangkan apa yang telah dipelajari dan menyimpulkan konsep teknologi aplikasi web. 3. Guru memberikan beberapa soal dari buku siswa kelas x sebagai pekerjaan rumah. 4. Guru mengakhiri kegiatan belajar dengan memberikan pesan untuk tetap belajar. Pertemuan kedua 1. Pendahuluan ( 15 Menit ) 1. Guru memberikan salam, mengkondisikan kesiapan belajar dan menciptakan suasana yang menyenangkan. 2. Guru mengecek kehadiran siswa. 3. Guru menyampaikan tujuan pembelajaran yang akan dicapai. 4. Guru memberikan motivasi pentingnya penguasai materi yang akan dibahas untuk menumbuhkan rasa percaya diri pada siswa. 2. Kegiatan Inti ( 65 Menit ) 1. Guru mengarahkan siswa untuk membuat cara kerja alur web, dn mengembangkan aplikasi web 2. Guru mengelompokkan siswa secara heterogen dengan jumlah anggota 4-5 orang siswa. 3. Guru memberikan permasalahan dalam bentuk LKS untuk menemukan konsep cara kerja web yang didiskusikan dalam kelompoknya masing-masing. 4. Dalam kegiatan diskusi kelompok, guru berkeliling untuk mengamati dan memfasilitasi kegiatan siswa sehingga terjadi interaksi yang kondusif (nilai sikap dan keterampilan dinilai melalui lembar pengamatan) 5. Salah satu kelompok diskusi (tidak harus yang terbaik) diminta untuk mempresentasikan hasil diskusinya ke depan kelas. Sementara kelompok lain, menanggapi dan menyempurnakan apa yang dipresentasikan. 6. Dengan tanya jawab, guru membimbing siswa untuk mengarahkan pemahaman siswa mengenai konsep teknologi aplikasi web.
  • 6. 3. Penutup ( 20 Menit ) 1. Siswa menyimpulkan konsep teknologi aplikasi web dengan guru sebagai fasilitator melalui tanya jawab. 2. Dengan media presentasi, guru menayangkan apa yang telah dipelajari dan menyimpulkan konsep teknologi aplikasi web. 3. Guru memberikan beberapa soal dari buku siswa kelas x sebagai pekerjaan rumah. 4. Guru mengakhiri kegiatan belajar dengan memberikan pesan untuk tetap belajar. H. Alat/Media/Sumber Pembelajaran Alat : Laptop dan LCD proyektor. Media : Media presentasi powerpoint, lembar kerja siswa, lembar penilaian. Sumber Belajar : Buku sekolah electronik Pemrograman Web kurikulum 2013, buku sekolah electronic Rekayasa Perangkat Lunak Jilid 3 untuk SMK, Ainur Rofiq Mulyanto, dkk. 2008, Modul Rekayasa Perangkat Lunak 2, Yudistira, Bogor.2011, sumber dari internet serta sumber lain yang relevan. I. Penilaian Hasil Belajar 1. Teknik Penilaian a. Pengamatan b. Test tertulis 2. Prosedur Penilaian No Aspek yang dinilai Teknik Penilaian Waktu Penilaian 1. Sikap a. Terlibat aktif dalam pembelajaran konsep teknologi aplikasi web. b. Bekerjasama dalam kegiatan kelompok. Pengamatan Selama pembelajaran dan saat diskusi No Aspek yang dinilai Teknik Penilaian Waktu Penilaian c. Toleran terhadap proses pemecahan masalah yang berbeda dan kreatif. 2. Pengetahuan a. Menjelaskan sejarah dan cara kerja web. b. Menemukan pola serta cara kerja web secara kreatif c. Menerapkan konsep sesuai dengan karakteristiknya dalam memecahkan permasalahan Pengamatan dan tes Penyelesaian tugas individu dan kelompok 3. Keterampilan a. Terampil menerapkan konsep/prinsip dan strategi pemecahan masalah yang relevan yang berkaitan dengan konsep cara kerja web Pengamatan Penyelesaian tugas (baik individu maupun kelompok) dan saat diskusi
  • 7. J. Instrumen Penilaian Hasil Belajar a. Testertulis b. Lembar Pengamatan penilaian sikap c. Lembar Pengamatan penilaian keterampilan Jambi, April 2015 Mengetahui, Kepala SMK Guru Mata Pelajaran,
  • 8. Lampiran1 Test tertulis NO. SOAL JAWABAN 1. Jelaskan pengertian dari web designer! Merupakan orang yang melakukan kegiatan perencanaan, termasuk studikelayakan, analisis dan desain terhadap suatu proyek pembuatan aplikasi berbasis web. 2. Jelaskan cara kerja web! Pertama, misal Anda ingin mencari informasi melalui mesin pencari (search engine) Google. Tentunya Anda terlebih dahulu akan menjalankan aplikasi web browser baik itu Internet Explorer, Mozilla, Chrome, Opera, dan lain sebagainya yang telah terkoneksi internet. Anda lalu mengetikan URL (Uniform Resource Locator) atau domain di web browser, misal www.google.com atau google.com. Nah pada saat itu domain yang Anda ketikkan tersebut perlu diterjemahkan menjadi alamat IP karena komputer Anda sebenarnya hanya bisa mengakses alamat IP. Tugas penerjemahan ini dilakukan oleh Domain Name System (DNS), karena itu komputer Anda akan meminta bantuan DNS server yang terdaftar untuk menerjemahkan nama domain tersebut. DNS server menemukan alamat google.com dan memberikan alamat IP-nya kepada browser Anda. Browser Anda segera menuju server dengan alamat IP yang didapatkan dari DNS server dan meminta halaman yang tersedia didalam web server tersebut. Setelah web server menerima permintaan (request), web server lalu akan memprosesnya (process) dan memberikan hasil data (output). 3. Alternatif model dari Pengembangan Aplikasi Web adalah! Formulasi, Perencanaan (planning), Analisis (analysis), Rekayasa (engineering), Implementasi (page generation) & pengujian (testing), Evaluasi oleh konsumen (customer evaluation). 3. Sebutkan 3 contoh software yang termasuk Web page authoring! Adobe Dreamweaver, Microsoft Expression Web (lisensi dari Windows), Nvu (Linux, Windows, dan Mac OS X).
  • 9. Kreteria penilaian No Soal (Bobot) Kriteria Skor 1 (Bobot 25) a. Jawaban tepat atau benar semua b. Jawaban sebagian besarbenar c. Jawaban sebagian kecil benar d. Jawabansalah e. Tidak menjawab 25 20 10 5 0 SkorMaksimal 25 1 (Bobot 25) a. Jawaban tepat atau benar semua 25 b. Jawaban sebagian besarbenar c. Jawaban sebagian kecil benar d. Jawabansalah 20 10 5 e. Tidak menjawab 0 SkorMaksimal 25 1 (Bobot 25) a. Jawaban tepat atau benar semua 25 b. Jawaban sebagian besarbenar c. Jawaban sebagian kecil benar d. Jawabansalah 20 10 5 e. Tidak menjawab 0 SkorMaksimal 25 1 (Bobot 25) a. Jawaban tepat atau benar semua 25 b. Jawaban sebagian besarbenar c. Jawaban sebagian kecil benar d. Jawabansalah 20 10 5 e. Tidak menjawab 0 SkorMaksimal 25
  • 10. LEMBARPENGAMATAN PENILAIAN SIKAP Mata Pelajaran : Pemrograman Web Kelas/Semester : X RPL 1/1 Tahun Pelajaran : 2014/2015 Waktu Pengamatan : 45 Menit Indikator sikap aktif dalam pembelajaran konsep teknologi aplikasi web 1. Kurang baik jika menunjukkan sama sekali tidak ambil bagian dalam pembelajaran 2. Baik jika menunjukkan sudah ada usaha ambil bagian dalam pembelajaran tetapi belum ajeg/konsisten 3. Sangat baik jika menunjukkan sudah ambil bagian dalam menyelesaikan tugas kelompok secara terus menerus dan ajeg/konsisten Indikator sikap bekerjasama dalam kegiatan kelompok. 1. Kurang baik jika sama sekali tidak berusaha untuk bekerjasama dalam kegiatan kelompok. 2. Baik jika menunjukkan sudah ada usaha untuk bekerjasama dalam kegiatan kelompok tetapi masih belum ajeg/konsisten. 3. Sangat baik jika menunjukkan adanya usaha bekerjasama dalam kegiatan kelompok secara terus menerus dan ajeg/konsisten. Indikator sikap toleran terhadap proses pemecahan masalah yang berbeda dan kreatif. 1. Kurang baik jika sama sekali tidak bersikap toleran terhadap proses pemecahan masalah yang berbeda dan kreatif. 2. Baik jika menunjukkan sudah ada usaha untuk bersikap toleran terhadap proses pemecahan masalah yang berbeda dan kreatif tetapi masuih belum ajeg/konsisten. 3. Sangat baik jika menunjukkansudah ada usaha untuk bersikap toleran terhadap proses pemecahan masalah yang berbeda dan kreatif secara terus menerus dan ajeg/konsisten. Bubuhkan tanda √ pada kolom-kolom sesuaihasil pengamatan. NO. NAMA SISWA SIKAP AKTIF BEKERJASAMA TOLERAN KB B SB KB B SB KB B SB 1. ADE RAPTINGFAJAR RAMADHAN 2. AGUS ADITYA I PUTU 3. AGUS ADNYANA I PUTU 4. AGUS DWI KARTIKA YASA I KADE 5. AGUS INDARAYANA I KOMANG 6. AGUS WIDIANTARA I PUTU 7. ANANDA KUSUMA DEWI NI KETUT 8. ARDI PRATAMA I PUTU 9. ARI PRATAMA I PUTU 10. ARINING MAHASADI GUSTI AYU KADE 11. AYU TRISNAWATI NI PUTU 12. BHUANA ANDASAKA IDA BAGUS 13. DESI RISTASARI NI KOMANG 14. DIKA DILIANA I KADEK 15. DWIKI ARTA RIAWAN I MADE 16. EKA PRAYOGA I PUTU 17. EKO WAHYUDI 18. ESTI LIANI NI KADEK
  • 11. NO. NAMA SISWA SIKAP AKTIF BEKERJASAMA TOLERAN KB B SB KB B SB KB B SB 19. FANI INDRAWAN I KADEK 20. HENDRA PUSPA PRANATA I MADE 21. INDAH FAHALAWATI NI LUH PUTU 22. INDAH MEI SARMINI NI PUTU 23. KRISNA DEWI NI PUTU 24. KRISNA NATA DEWI NI MADE 25. LESMANA DEWI 26. MERTA SUMITRI 27. MERTA UTAMA I NENGAH 28. MILA FATMASARI NI MADE 29. MULI ASTRAWAN I KOMANG 30. NATA KUSUMA NEGARA 31. ODE ARDIANA PUTU 32. PUSPA ANDRIANI NI KADEK 33. REGA YULIANA I KOMANG 34. RINA LEDI YANTI NI PUTU 35. RIZKI WAHYU KUSUMAAJI 36. RYAN SARJANA PUTRA IDA BAGUS 37. SELVIANI NI LUH GEDE 38. SINTYA JULIANA DEWI NI PUTU 39. SRI MARHENI I KOMANG 40. SRI WULANDARI GUSTI AYU PUTU 41. TYAGI ARISUDANA I GEDE 42. WAHYU ADINATA PUTU 43. WIDIANA I KETUT 44. YOGA ADI ADNYANA I PUTU 45. YOGI DWIPAYANA I KADEK 46. Keterangan: KB : Kurang baik B : Baik SB : Sangat baik
  • 12. LEMBAR PENGAMATAN PENILAIAN KETERAMPILAN Mata Pelajaran : Pemrograman Web Kelas/Semester : X RPL 1/1 Tahun Pelajaran : 2014/2015 Waktu Pengamatan : 45 Menit Indikator terampil menerapkan konsep/prinsip dan strategi pemecahan masalah yang relevan yang berkaitan dengan konsep teknologi aplikasi web. 1. Kurang terampil jika sama sekali tidak dapat menerapkan konsep/prinsip dan strategi pemecahan masalah yang relevan yang berkaitan dengan konsep teknologi aplikasi web. 2. Terampil jika menunjukkan sudah ada usaha untuk menerapkan konsep/prinsip dan strategi pemecahan masalah yang relevan yang berkaitan dengan konsep teknologi aplikasi web tetapi belum tepat. 3. Sangat terampill jika menunjukkan adanya usaha untuk menerapkan konsep/prinsip dan strategi pemecahan masalah yang relevan yang berkaitan dengan konsep teknologi aplikasi web.dan sudah tepat. Bubuhkan tanda √ pada kolom-kolom sesuai hasil pengamatan. NO. NAMA SISWA KETERAMPILAN MENERAPKAN KONSEP/PRINSIP DAN STRATEGI PEMECAHAN MASALAH KT T ST 1. ADE RAPTINGFAJAR RAMADHAN 2. AGUS ADITYA I PUTU 3. AGUS ADNYANA I PUTU 4. AGUS DWI KARTIKA YASA I KADE 5. AGUS INDARAYANA I KOMANG 6. AGUS WIDIANTARA I PUTU 7. ANANDA KUSUMA DEWI NI KETUT 8. ARDI PRATAMA I PUTU 9. ARI PRATAMA I PUTU 10. ARINING MAHASADI GUSTI AYU KADE 11. AYU TRISNAWATI NI PUTU 12. BHUANA ANDASAKA IDA BAGUS 13. DESI RISTASARI NI KOMANG 14. DIKA DILIANA I KADEK 15. DWIKI ARTA RIAWAN I MADE 16. EKA PRAYOGA I PUTU 17. EKO WAHYUDI 18. ESTI LIANI NI KADEK 19. FANI INDRAWAN I KADEK 20. HENDRA PUSPA PRANATA I MADE 21. INDAH FAHALAWATI NI LUH PUTU 22. INDAH MEI SARMINI NI PUTU 23. KRISNA DEWI NI PUTU 24. KRISNA NATA DEWI NI MADE 25. LESMANA DEWI 26. MERTA SUMITRI 27. MERTA UTAMA I NENGAH 28. MILA FATMASARI NI MADE 29. MULI ASTRAWAN I KOMANG 30. NATA KUSUMA NEGARA 31. ODE ARDIANA PUTU
  • 13. NO. NAMA SISWA KETERAMPILAN MENERAPKAN KONSEP/PRINSIP DAN STRATEGI PEMECAHAN MASALAH KT T ST 32. PUSPA ANDRIANI NI KADEK 33. REGA YULIANA I KOMANG 34. RINA LEDI YANTI NI PUTU 35. RIZKI WAHYU KUSUMAAJI 36. RYAN SARJANA PUTRA IDA BAGUS 37. SELVIANI NI LUH GEDE 38. SINTYA JULIANA DEWI NI PUTU 39. SRI MARHENI I KOMANG 40. SRI WULANDARI GUSTI AYU PUTU 41. TYAGI ARISUDANA I GEDE 42. WAHYU ADINATA PUTU 43. WIDIANA I KETUT 44. YOGA ADI ADNYANA I PUTU 45. YOGI DWIPAYANA I KADEK 46. Keterangan: KT : Kurang terampil T : Terampil ST : Sangat terampil