Perencanaan WEB Dasar(1)

KURIKULUM SMK Pasundan Cilamaya

PROGRAM KEAHLIAN : SILABUS – KOMPETENSI KEJURUANREKAYASA PERANGKAT LUNAK Halaman 1 dari 6

SILABUSNAMA SEKOLAH : SMK Pasundan CilamayaMATA PELAJARAN : Kompetensi KejuruanKELAS/SEMESTER :STANDAR KOMPETENSI : Membuat dokumen dengan HTML sesuai spesifikasiKODE KOMPETENSI : TIK.PR02.024.01ALOKASI WAKTU : 34 X 45 Menit

KOMPETENSIDASAR

MATERIPEMBELAJARAN KEGIATAN PEMBELAJARAN INDIKATOR PENILAIAN

ALOKASI WAKTUSUMBERBELAJAR

TM PS PI

1. Menetapkanpemakaian danstruktur dokumen

Kegunaan daridokumen dan audiens

Bahasa HTML Struktur dasar

penulisan dokumen Site map dokumen

dikembangkan dandengan klien

Mengidentifikasi kegunaan daridokumen dan audiens

Menetapkan bahasa HTML yang tepatyang akan digunakan pada dokumendan audiens

Membuat program sederhana dariscript dasar

Merancang struktur dasar dokumensesuai persyaratan pengguna

Mengatahui scriptdasar HTML

Mengkonfirmasikan Site map dokumendikembangkan dan dengan klien

Kegunaan daridokumen danaudiensdiidentifikasi

Bahasa HTMLyang tepatyang akandigunakanpada dokumendan audiensditetapkan

Struktur dasardokumensesuaipersyaratanpenggunadirancang

Site mapdokumendikem-bangkan dandikonfirmasikan dengan klien

Programsederhana

Program scriptdasar

2 4(8)

- Buku HTMLDasar

E-bookHTML

Komputer Modul ajar jobsheet



KOMPETENSIDASAR



TM PS PI

2. Membuat strukturdokumen denganbahasa HTML

Dokumen HTMLdengan Head dan title

Body pada dokumen,teks dan paragrafsesuai kebutuhanditambahkan

Simbol khusus padabrowser/ platform

Menlengkapi dokumen HTML denganHead dan title

Membuat Body pada dokumen Menambahkan teks dan paragraf

sesuai kebutuhan

Format dokumen menarik dan mudah Dokumen penamaan standar.

Medesain Format dokumen menarikdan mudah dibaca dibuat

Penambahan simbol khusus padabrowser/ platform

Mengatur itampilan secara tepat

Penyimpanan dokumen disimpansesuai dengan penamaan standar.

DokumenHTMLdilengkapidengan Headdan title

Body padadokumendibuat, teksdan paragrafsesuaikebutuhanditambahkan

Formatdokumenmenarik danmudah dibacadibuat

Simbol khususpada browser/platformditambahkandanditampilkansecara tepat

Dokumendisimpansesuai denganpenamaanstandar.

Programsederhana

Programdokumensederhana

2 4(8)

8(32)

Buku HTMLDasar

E-bookHTML




KOMPETENSIDASAR



TM PS PI

3. Memformatdokumen danmenambahkanobyek

Format teks denganHTML

Pemberian Backgrounddan warna padadokumen

Menempatkan objekpada bidang desain

Mempormat Teks untuk memenuhipersyaratan penyajian pengguna

Memasang Background warna ataugambar yang sesuai menurutpersyaratan pengguna ( logo peru-sahaan, buku pedoman perusahaan)

Menempatkan Posisi setiap elemenpada halaman

Indent teks dan list (ordered,unordered, dan nested)

Wrap teks di sekitar gambar digunakanatau jarak di sekitar

Skala gambar dan perataan padadokumen di format

Membuat setiap elemen pada halamandibuat lebih menarik

Membuat Indent teks dan list (ordered,unordered, dan nested)

Menyisipkan gambar disisipkan (GIF,JPEG, atau embedded image)

Mempormat dokumen sesuaipersyaratan

Menambahkan Wrap teks di sekitargambar

Menambahkan jarak di sekitar gambar

Mempormat skala gambar danperataan pada dokumen

Teks diformatuntukmemenuhipersyaratanpenyajianpengguna

Backgroundwarna ataugambar yangsesuaimenurutpersyaratanpengguna (logo peru-sahaan, bukupedomanperusahaan)dipasang

Posisi setiapelemen padahalamandibuat lebihmenarik

Indent teksdan list(ordered,unordered, dannested) dibuat

Gambardisisipkan(GIF, JPEG,atauembeddedimage) dandokumendiformat sesuaipersyaratan

Wrap teks disekitar gambardigunakanatauditambahkanjarak di sekitargambar

Skala gambardan perataanpada dokumendi format

Programsederhanacampuran darimateri 3

Contohprogram insertobject (gambardan teks)

2 4(8)

8(32)

Buku HTMLDasar

E-bookHTML




NAMA SEKOLAH : SMK Pasundan CilamayaMATA PELAJARAN : Kompetensi KejuruanKELAS/SEMESTER :STANDAR KOMPETENSI : Menerapkan dasar-dasar pembuatan web statis tingkat dasarKODE KOMPETENSI : TIK.PR02.027.01ALOKASI WAKTU : 24 X 45 Menit

KOMPETENSIDASAR



TM PS PI

1. Menjelaskankonsep dasar danteknologi dariWebpage.

Konsep dan teknologiweb Konsep klien dan server

pada teknologi WEB Kapasitas Bandwidth dan

kulaitas tampilan halamanWEB Pemilihan software

aplikasi perancangan web Perbandingan local server

dan remote server(hosting provider)

Menjelaskan Konsep-konsepdan teknologi web (web Server,URL, HTTP, HTML, Webbrowser , gateway )

Mengetahui Cara bagaimanabandwidth mempengaruhitransmisi data dan gambar padalayer

Menjelaskan perbedaan antaraklien dan server

Menjelaskan cara bagaimanabandwidth mempengaruhitransmisi data dan gambar padalayer

Membandingkan ciri-ciri danfungsi dari software teks editoryang tersedia untuk merancangweb page

Menjelaskan keuntungan dankerugian running dari serveryang dimiliki dibandingkanserver provider.

Mengetahui Keuntungan dankerugian running dari serveryang dimiliki dibandingkan serverprovider.

Konsep-konsep dan teknologiweb dijelaskan (web Server,URL, HTTP, HTML, Webbrowser , gateway

Perbedaan antara klien danserver dijelas.

Cara bagaimana bandwidthmempengaruhi transmisi datadan gambar pada layardijelaskan.

Ciri-ciri dan fungsi dari softwareteks editor yang tersedia untukmerancang web pagedibandingkan

Keuntungan dan kerugianrunning dari server yang dimilikidibandingkan server providerdijelaskan.

Kompilasiprogram

4 4(8)

- BukubPemrograman HTML

Komputer Buku

membuathalamanWEBdenganFrontpage



KOMPETENSIDASAR



TM PS PI

2. Mempersiapkanpekerjaanpembuatan web

Pemilihan teks editordan browser

Kinerja WEB Browser Desain layout halaman

WEB

Mengidentifikasi software tekseditor dan browser sesuaidengan kebutuhan

Mempersiapkan softwareberoperasi sesuai denganstandar operasi software

Membuat Area kerja untukmembuat dokumen web

Mempersiapkan sketsa disainuntuk web yang akan dibuatsudah disiapkan

Menyediakan data yang akanditampilkan di Web

Menyiapkan area kerja untukmembuat dokumen web baru.

Software teks editor danbrowser sesuai dengankebutuhan diidentifikasi

Software beroperasi sesuaidengan standar operasisoftware

Sketsa disain untuk web yangakan dibuat sudah disiapkan

Data yang akan ditampilkan diWeb tersedia

Area kerja untuk membuatdokumen web baru sudahdisiapkan.

sketsa disainuntuk web

BukubPemrograman HTML

Komputer Buku


3. Melakukanpembuatandokumen webbaru

Proses pembuatanWeb sesuai denganstandar operasi aplikasi

Memanagemen langkahlangkah Proses pembuatanWeb sesuai dengan standaroperasi aplikasi

Membandingkan Web yangdibuat tampilan dilayar sesuaidengan disain

Menampilkan data yangtersedia di layar Web

Proses pembuatan Web sesuaidengan standar operasi aplikasidilakukan

Web yang dibuat tampil dilayarsesuai dengan disain

Data yang tersedia tampil dilayar Web

Kompilasiprogram

Hasil Webstandar

4 4(8)


Komputer Buku




KOMPETENSIDASAR



TM PS PI

4. Menampilkan Webdalam browser

Format URL (UniformResource Locator)

Peran dari browserdalam membaca file-file

Perbandingan lokasibrowser

Membuat tampilan FormatURL (Uniform ResourceLocator)

Mendemonstrasikan Perandari browser dalam membacafile-file Web (text-only,hypertext) dengan mengakseske URL tertentu melalui menuyang tersedia

Mengatahui macam-macambrowser web

Mengetahui Peran daribrowser dalam membaca file-file Web (text-only, hypertext)dengan mengakses ke URLtertentu melalui menu yangtersedia

Mengidentifikasi perbedaanbrowser yang mempengaruhitampilan dari halaman web

Mengetahui Perbedaanbrowser mem-pengaruhitampilan dari halaman web

Format URL (Uniform ResourceLocator) dijelaskan

Peran dari browser dalammembaca file-file Webdidemonstrasikan (text-only,hypertext) dengan mengakseske URL tertentu melalui menuyang tersedia

Perbedaan browsermempengaruhi tampilan darihalaman web dapatdiidentifikasi

Kompilasiprogram

Hasil Webstandar

4 4(8)


Komputer Buku


KeteranganTM : Tatap MukaPS : Praktek di Sekolah (2 jam praktik di sekolah setara dengan 1 jam tatap muka)PI : Praktek di Industri (4 jam praktik di Du/ Di setara dengan 1 jam tatap muka)

Perencanaan WEB Dasar(1)

Documents

Transcript of Perencanaan WEB Dasar(1)