Mengoperasikan Software Web Design

Modul

Mengoperasikan Software Web Design SWR.OPR.414.(1).A Berdasarkan Kurikulum SMK Edisi 2004 Bidang Keahlian Teknologi Informasi dan Komunikasi Program Keahlian Multimedia Waktu 192 Jam Diklat

Direktorat Pendidikan Menengah Kejuruan Departemen Pendidikan Nasional 2004

Mengoperasikan Periferal Grafis

1 dari 29

Kata Pengantar Mengacu pada isi Undang Undang Sistem Pendidikan Nasional mengenai Tujuan Pendidikan Nasional (pasal 3) dan Penjelasan pasal 15 yang menyebutkan bahwa pendidikan kejuruan merupakan pendidikan menengah yang mempersiapkan peserta didik terutama untuk bekerja dalam bidang tertentu. SMK sebagai lembaga pendidikan kejuruan berkepentingan untuk ikut andil mensukseskan pendidikan nasional dengan berbagai pola dan strategi pengembangan. Salah satu pola pengembangannya adalah melalui Kurikulum SMK Edisi 2004. Kurikulum SMK Edisi 2004 memiliki karakteristik yang berbeda dari kurikulum SMK sebelumnya, dimana pendidikan kecakapan hidup yang diperkaya dengan pelatihan berbasis kompetensi dan diperkuat dengan pelatihan berbasis produksi diharapkan dapat mengantarkan peserta diklat mencapai cita-citanya. Baik cita-citanya sebagai operator yang siap kerja maupun wirausaha di bidangnya masing-masing. Salah satu sistem yang disiapkan untuk mempermudah peserta diklat dan instruktur dalam mengimplementasikan Kurikulum SMK Edisi 2004 adalah modul-modul pemelajaran yang disusun sistemik mengikuti kompetensi yang akan ditempuh oleh peserta diklat. Dengan diterapkannya sistem leveling dan sertifikasi di SMK, maka kualitas muatan modul-modul pemelajarannya pun ditingkatkan ke standar yang berlaku secara nasional dan internasional. Modul-modul pemelajaran ini diterbitkan dalam versi cetakan (hardcopy) dan versi multimedia interaktif (softcopy), dengan demikian diharapkan peserta diklat dapat mengikuti kegiatan-kegiatan belajar dengan mudah dan menyenangkan. Selamat belajar!

Surabaya, 11 Agustus 2004 Penyusun,

Ahmad Solikun


2 dari 29

Daftar Isi Halaman Prancis Kata Pengantar Daftar Isi Peta Kedudukan Modul Glosarium Bab I

Bab II

Pendahuluan A. Deskripsi B. Prasyarat C. Petunjuk Penggunaan Modul D. Tujuan Akhir E. Kompetensi F. Cek Kemampuan

i. ii iii. iv.

1 1 1 2

Pemelajaran A. Rencana Belajar Siswa B. Kegiatan Belajar 1: Mempersiapkan pra-penyalaan periferal grafis B.1. Tujuan Pemelajaran B.2. Uraian Materi B.3. Rangkuman B.4. Tugas B.5. Kunci Jawaban Formatif B.6. Lembar Kerja C. Kegiatan Belajar 2: Menyalakan dan menyiapkan penggunaan periferal grafis C.1. Tujuan Pemelajaran C.2. Uraian Materi C.3. Rangkuman C.4. Tugas C.5. Kunci Jawaban Formatif C.6. Lembar Kerja D. Kegiatan Belajar 3: Mengoperasikan periferal grafis D.1. Tujuan Pemelajaran D.2. Uraian Materi D.3. Rangkuman D.4. Tugas D.5. Kunci Jawaban Formatif D.6. Lembar Kerja


3 dari 29

E. Kegiatan Belajar 4: Mematikan periferal dan mengamati proses de-aktifasi hingga selesai E.1. E.2. E.3. E.4. E.5. E.6.

Tujuan Pemelajaran Uraian Materi Rangkuman Tugas Kunci Jawaban Formatif Lembar Kerja

Bab III Evaluasi A. Sikap (Attitude) B. Pengetahuan (Kognitif Skill) C. Keterampilan (Psychomotoric Skill) D. Produk/Benda Kerja Standar E. Batasan Waktu yang Ditetapkan F. Kunci Jawaban Bab IV Penutup Daftar Pustaka


4 dari 29

Peta Kedudukan Modul SLTP & Yang Sederajat

HDW.OPR.105.(1).A

HDW.OPR.107.(1).A*

HDW.OPR.109.(1).A*

DTA.OPR.102.(1).A

DTA.OPR.102.(2).B

HDW.OPR.110.(1).A*

SWR.OPR.408.(1).A

SWR.OPR.416.(1).A*

SWR.OPR.419.(1).A*

SWR.OPR.409.(1).A

SWR.OPR.407.(2).A

SWR.OPR.420.(1).A*

HDW.OPR.106.(1).A*

HDW.OPR.108.(1).A*

SWR.OPR.421.(1).A*

DTA.OPR.102.(2).A

SWR.OPR.417.(1).A*

SWR.OPR.414.(1).A*

SWR.OPR.418.(2).A*

Tamat SMK

SWR.OPR.415.(1).A*

SWR.OPR.413.(1).A


5 dari 29

Glosarium Artpad

papan gambar yang berfungsi sebagai media digitizer dalam menggambar secara virtual

CPU

unit pemroses pusat pada computer yang mengandung chip beserta motherboard, cards, disk driver, power supply, dan lain-lain

Customization

pemesanan/kebiasaan yang disiapkan oleh program komputer namun dapat ditentukan oleh operator

Default

ragam asal/pilihan mula yang distandarkan oleh program computer namun dapat diubah oleh operator

Digitizer

perangkat pendigit yang berfungsi sebagai alat gambar 2 dimensi yang hasilnya dapat langsung ditampilkan di monitor

Instruction Manual

buku manual perangkat keras yang berisi tentang tata cara menginstalasi, mengaktifkan, mengoperasikan, dan mendeaktifkan peralatan yang sesuai dengan standar operasional dan keselamatan/kesehatan kerja

Keyboard

papan ketik/tombol komputer

Monitor

media tampilan/pantauan komputer

Mouse

tetikus yang berfungsi utama sebagai penunjuk

Plotter

pencetak media ukuran besar dengan lebar maksimum 1 meter dan panjang tak terbatas

Printer

pencetak media ukuran standar keperluan kantor

Report Sheet

lembar pelaporan kerja/tugas

Scanner

pemindai gambar 2 atau benda 3 dimensi

Software Tools

peralatan spesifik yang merupakan fasilitas perangkat lunak

Stabilizer

peralatan penstabil voltase listrik

Stand Alone

komputer tersendiri/berdiri sendiri

UPS

penyedia daya bebas gangguan/ sumber tenaga nirgangguan

User Manual

buku manual pengguna perangkat lunak


6 dari 29

Bab I - Pendahuluan A Deskripsi Modul yang berkode SWR.OPR.414.(1).A berjudul Mengoperasikan Soft Ware Web Design. Modul ini merupakan modul ketujuh dari 21 modul seri Multimedia yang dapat ditempuh oleh peserta pendidikan dan pelatihan (diklat) dalam durasi waktu tertentu. Ruang lingkup modul ini meliputi: Mempersiapkan Software Web (Web Design) Mengenali tag-tag HTML, membuat, membuka, menyimpan file halaman web Melakukan pembuatan halaman web dengan software web Modul ini merupakan kelanjutan modul HDW.OPR.106.(1).A Mengoperasikan Periferal Web dan modul DTA.OPR.102.(2).A. Melakukan Entry Data (Web) dengan Menggunakan Image Scaner (Level2). Setelah menempuh modul ini, peserta diklat diharapkan dapat : Menyalakan computer sesuai dengan installation manual dan SOP Menjalankan software web desingn Macromedia FireWorks sesuai dengan prosedur B Prasyarat Untuk menempuh modul ini, peserta diklat dipersyaratkan telah menempuh modul modul HDW.OPR.106.(1).A Mengoperasikan Periferal Web dan modul DTA.OPR.102.(2).A. Melakukan Entry Data (Web) dengan Menggunakan Image Scaner (Level2). Dalam hal ini dibuktikan dengan penguasaan peserta diklat di dalam hal: Penyalaan komputer sesuai dengan installation manual dan SOP Menjalankan software Macromedia Firework sesuai prosedur yang benar Melakukan pengelolaan fitur file halaman dengan tepat Pembuatan halaman web kombinasi dengan teks, image, tabel, layer frame dan sebagainya. Pembuatan halaman web dengan obyek vektor dan obyek bitmap Pembuatan halaman web dengan dinamik dengan animasi Penyimpanan halaman web C Petunjuk Penggunaan Modul Modul ini dapat dipergunakan oleh peserta diklat yang menekuni program keahlian Multimedia, baik dengan dampingan instruktur maupun mandiri.


7 dari 29

C.1. Petunjuk bagi peserta diklat a. Tentukan langkah-langkah belajar yang akan ditempuh, antara lain: periksakan, daftar modul yang telah ditempuh, sedang dan akan ditempuh! periksakan, apakah modul-modul yang dipersyaratkan telah ditempuh dengan baik dan lulus? prakirakan, apakah modul ini dapat ditempuh sesuai durasi waktu yang ditentukan? konfirmasikan, apakah instruktur siap atau dapat mendampingi proses penempuhan modul ini? periksakan, apakah bahan, peralatan dan mesin berikut user manual-nya yang akan diperlukan dalam penempuhan modul ini siap dipergunakan? periksakan, apakah ruang kerja yang akan diperlukan dalam penempuhan modul ini siap dipergunakan? b. Peralatan yang dipersiapkan dan dipergunakan untuk menempuh modul ini: perangkat komputer : CPU, Monitor, Keyboard, Mouse perangkat protective : UPS, Stabilizer : Software web Macromedia Firework MX Perangkat lunak c. Setelah menempuh modul ini, peserta diklat dapat mengoperasikan software web design Macromedia Firework MX, membuat halaman web dengan kombinasi tag-tag HTML, obyek serta pembuatan web dengan animasi. d. Peserta diklat yang telah menyelesaikan modul ini dapat mengikuti uji kompetensi dengan prosedur sertifikasi sebagai berikut: Setiap sub-kompetensi diuji oleh instruktur dengan instrumen yang tercantum pada Skill Passport peserta diklat. Pengujian tiap sub-kompetensi dilakukan sesuai kronologi pencapaian kompetensi, tidak dibenarkan mengikuti uji sub-kompetensi tertentu sebelum lulus uji sub-kompetensi sebelumnya. Bukti kelulusan sub-kompetensi diregistrasi dengan nama, tanda tangan dan/atau stempel instruktur yang dilengkapi tanggal dan jam kelulusan pada Skill Passport. Setelah seluruh sub-kompetensi dinyatakan ‘lulus’, maka peserta diklat berhak menempuh uji kompetensi yang diselenggarakan oleh industri, asosiasi, dan sekolah. Bagi peserta diklat yang telah dinyatakan ‘lulus’ dari sejumlah kompetensi yang dipersyaratkan pada Level I Operator Web dan Level II Operator Multimedia Madya, maka yang bersangkutan dapat menempuh uji sertifikasi tingkat Nasional yang diselenggarakan oleh Badan Sertifikasi Nasional, sedangkan bagi yang telah dinyatakan lulus pada Level III Operator


8 dari 29

Multimedia Unggul dapat menempuh uji sertifikasi tingkat Internasional yang diselenggarakan oleh Adobe dan Macromedia. C.2. Petunjuk bagi instruktur Peran instruktur dalam pemelajaran dengan modul ini adalah sebagai: a. Konsultan bagi peserta diklat dalam merencanakan program pemelajaran b. Pembimbing bagi peserta diklat melalui kegiatan-kegiatan belajar yang dijelaskan dalam tahapan pemelajaran c. Pembimbing bagi siswa dalam memahami konsep pemelajaran berbasis kompetensi dan produksi d. Fasilitator bagi peserta diklat untuk menentukan dan mengakses waktu, tempat, bahan, peralatan, mesin, dan media yang diperlukan dalam menempuh pemelajaran ini. e. Organisator kegiatan belajar kelompok jika diperlukan f. Penguji dan pengamat peserta diklat pada saat uji sub-kompetensi dan kompetensi dengan instrumen Skill Passport g. Pengumpan balik bagi peserta diklat dalam menemukan kekurangan yang harus diperbaiki/dibenahi (remedial) dan merencanakan pemelajaran selanjutnya h. Pencatat kemajuan (prestasi) peserta diklat D Tujuan Akhir Kinerja yang akan dikuasai oleh peserta diklat setelah mengikuti seluruh kegiatan belajar modul ini dengan benar dan sistemik adalah: 1. Peserta diklat dapat menyalakan komputer sesuai dengan installation manual dan SOP 2. Peserta diklat dapat menjalankan software Macromedia Firework sesuai prosedur yang benar 3. Peserta diklat dapat melakukan pengelolaan fitur file halaman dengan tepat 4. Peserta diklat dapat membuat halaman web kombinasi dengan teks, image, tabel, layer frame dan sebagainya. 5. Peserta diklat dapat membuat halaman web dengan obyek vektor dan obyek bitmap 6. Peserta diklat dapat membuat halaman web dinamik dengan animasi 7. Peserta diklat dapat menyimpan halaman web yang telah dibuat


9 dari 29

E Kompetensi 1. Kompetensi: Mengoperasikan Software Web Design 2. Sub Kompetensi: a. Mempersiapkan software web (web design) b. Mengenli tag-tag, HTML, membuat, membuka, menyimpan file halaman web. c. Melakukan pembuatan halaman web dengan software web 3. Kriteria Unjuk Kerja: Dalam melaksanakan unit kompetensi ini harus didukung dengan tersedianya: a. Software web (web design) sudah terinstalasi b. Ser manual software web (web design) yang digunakan c. SOP (Standar Operasional Prosedur) yang berlaku di perusahaan d. Peralatan & instrumen yang terkait dengan pelaksanaan unit kompetensi ini Unit Kompetensi yang harus dikuasai sebelumnya: • HDW.OPR.106.(1).A Mengoperasikan Periferal Web • DTA.OPR.102.(2).A Melakukan Entry Data [web] dengan menggunakan Image Scanner (Level2) Pengetahuan yang dibutuhkan: Pengoperasian computer Pengetahuan system operasi operasii sesuai dengan instruction manual Obyek gambar dan karakteristiknya, serta komposisi gambar dan warna Free hand drawing On-Site training sesuai dengan software yang digunakan


10 dari 29

F Cek Kemampuan 1. Jelaskan pengertian dan fungsi software web! 2. Jelaskan jenis-jenis softaware web yang dapat digunakan untuk web design ! 3. Jelaskan keunggulan yang dimiliki oleh software web Macromedia Firework MX! 4. Bagaimanakah langkah-langkah membuka dan mematikan program web Macromedia Firework MX! 5. Bagaimana caranya membuat kotak teks dan menggesernya ? 6. Bagaimana langkah-langkah menentukan font, ukuran dan style ? 7. Bagaimana caranya menentukan warna teks, warna pada kotak teks ? 8. Bagaimana caranya mengatur stroke, fill dan efeks teks ? 9. Jelaskan langkah-langkah menerapkan life efek dan mengedit life efek ! 10. Jelaskan caranya menggunakan panel layer ! 11. Jelaskan prosedur pembuatan image map ! 12. Jelaskan cara menggunakan tool pointer, tools selection, tool select behind, memilih dan memodifikasi pilihan pada obyek ! 13. Bagaimana caranya mentransformasi obyek scale, rotation, flip, skew, distort dan numeric transform 14. Bagaimana cara mengedit path dan mengedit obyek vector ! 15. Jelaskan prosedur pengaturan slice supaya dapat diekspor ! 16. Bagaimana cara membuat slice, membuat slice HTML dan membuat slice dengan variasi bentuk ! 17. Jelaskan bagaimana caranya menampilkan dan menyembunyikan slice dan slice guides ! 18. Bagaimana prosedur mengedit property symbol animasi ! 19. Bagaimana mengedit motion path symbol animasi 20. Jelaskan langkah-langkah atau cara mengekspor animasi !


11 dari 29

Bab II - Pemelajaran A.

Rencana Belajar Siswa

Sub Kompetensi 1 No

Jenis Kegiatan

Tanggal/

Tempat

Minggu ke

Waktu (menit)

1

Penyalaan komputer dan penjelasan dari instruktur

Laboratorium

30

2

Mempelajari fungsi, dan langkah-langkah pengoperasian web

Laboratorium

15

3

Menjalankan software • web

Laboratorium

15

4

Post-tes

•

Laboratorium

30

Total

•

Rencana Perubahan Kegiatan

Paraf Instruktur


Paraf Instruktur

90

Sub komptensi 2 No

Jenis Kegiatan

Tanggal/

Tempat

Minggu ke

Waktu (menit)

1

Menyalakan dan mencermati penjelasan instruktur

Laboratorium

180

2

Membuat halaman web melalui teks

Laboratorium

720

3

Membuat halaman web dengan warna, stroke, dan fill

•

Laboratorium

720

4

Membuat halaman web dengan layer

•

Laboratorium

900

5

Membuat halaman web dengan image map

•

900

6

• Membuat halaman web kombinasi : text, image, link, table, layer, form, frame

720

7

Pos-test

•

225

Total

•

4365


12 dari 29

SUB KOMPETENSI 3 No

Jenis Kegiatan

Tanggal/

Tempat

Minggu ke

Waktu (menit)

1

Menyalakan dan mencermati penjelasan instruktur

Laboratorium

180

2

Pre-Test

Laboratorium

180

3

Membuat halaman web melalui obyek Vektor

•

Laboratorium

720

4

Membuat halaman web melalui obyek bitmap

•

Laboratorium

720

5

Membuat halaman • web dengan menggunakan style, symbol, slice rollower dan hotpost

720

6

Membuat halaman web dengan memanfaatkan fasilitias animasi

•

990

7

Presentasi

•

360

8

Post-Test

•

225

9

Penilaian

•

180

Total

•

4275



Paraf Instruktur

13 dari 29

B.

Kegiatan Belajar 1: Mempersiapkan software web (web design) B.1. Tujuan Pemelajaran Dengan mempelajari modul ini Peserta diklat dapat memahami manfaat, fungs, macam-macam software web dan mampu menjalankan software web Macromedia Firework MX sesuai prosedur. B.2. Uraian Materi • Menyalakan komputer sesuai dengan installation manual dan SOP • Penjelasan Software Web dan Macromedia Firework MX Software web atau web design adalah program untuk mengolah dan membuat grafik yang akan ditampilkan dalam halaman web. Sedangkan program Macromedia Fireworks merupakan salah satu pilihan untuk mengolah dan membuat grafik yang akan ditampilkan dalam halaman web. Banyak sekali keunggulan program ini dibandingkan dengan program-program yang lain. Macromedia Firework MX dapat mendukung mengolahan pembuatan interaksi dua tipe grafik (grafik vector dan grafik bitmap), serta pembuaan interaksi dan animasi untuk halaman web. Pada dasarnya, macromedia firework MX merupakan aplikasi untuk membuat, memanipulasi dan mengoptimalkan grafik untuk halaman web. Yang terpenting dalam mengolah grafik untuk web adalah mengoptimalkan file. Hal ini berarti harus mampu menampilkan image dengan kualitas maksimal dan waktu download yang minimal. •

•

Membuka Program Macromedia Firework, langkah-langkahnya : - Klik Start - Klik All Program - Pilih Macromdedia - Pilih dan Klik Macromedia Firework MX Membuka dokumen Pembuatan dokumen baru secara otomatis akan membuat dokumen PNG (Portable Network Graphic) PNG adalah file asli untuk dokumen Firework. Pertama kali membuat grafik untuk web di dalam program Macromedia Firework adlah harus mengatur property dokumen. Cara untuk membuat dokumen PNG baru adalah : 1. Klik Menu File, klik New sehingga muncul kotal dialog New Dokument.


14 dari 29

2. Pada kotak dialog tersebut lakukan pengaturan sebagai berikut : - Width, Isikan nilai (dalam piksel, inchi, atau centimeter) untuk menentukan lebar kanvas. - Heght, Isikan nilai untuk menentukan tinggi kanvas - Resolution, Isikan nilai untuk menentukan resolusi dokumen - Canvas Color, tentukan warna kanvas dengan memilih opsi White untuk warna putih, transparent untuk warna transparan, dn custom untuk memilih warna sesuai keinginan pada palet warna. - Klik tab OK untuk menerapkan pengaturan property tersebut dan membuat dokumen baru. •

Menjalankan software software web Macromedia Firework MX sesuai prosedur.

B.3. Rangkuman • Software web (web design) merupakan program yang digunakan untuk mengolah dan membuat grafik yang akan ditampilkan pada halaman web. • Macam-macam software web diantaranya : Adobe Image Ready, Macromedia Dream-weaver, macromedia Fireworks, dan Microsoft Frontpage. B.4. Tugas • Menyalakan komputer sesuai dengan installation manual dan SOP • Mengamati fitur pengelolaan file halaman web, seperti new, save, open save as dan lain-lain. • Menjalankan software software web Macromedia Firework MX sesuai prosedur Peserta diklat menyalakan komputer • Peserta diklat menemu tunjukkan hasil kerja ke pada instruktur dan meminta pengisian skill passport B.5. Soal Formatif 1. Jelaskan pengertian dan fungsi software web! 2. Jelaskan jenis-jenis softaware web yang dapat digunakan untuk web design ! 3. Jelaskan keunggulan yang dimiliki oleh software web Macromedia Firework MX! 4. Bagaimanakah langkah-langkah membuka dokumen baru pada program web Macromedia Firework MX!


15 dari 29

B.6. Kunci Jawaban Formatif 1. Pengertian dan fungsi dari software web adalah program untuk mengolah dan mebuat grafik yang akan ditampilkan di dalam halaman web. 2. Jenis-jenis software web diantaranya : Adobe Image Ready, Macromedia Dream-weaver, macromedia Fireworks, dan Microsoft Frontpage. 3. Keunggulan macromedia Fireworks diantaranya adalah : dapat mendukung pengolahan dua tipe grafik, pembuatan interaksi dan animasi untuk halaman web. 4. Membuat dokumen baru : Klik menu file Klik new Akan muncul kotak dialog New document B.7. Lembar Kerja - Tampilan area kerja Macromedia Firework Menu Bar

Panel tools

Property Inspector

C.

Kegiatan Belajar 2: Mengenali tag-tag HTML, membuat, membuka, menyimpan file halaman web.

C.1. Tujuan Pemelajaran Dengan membaca dan mempelajari modul ini peserta diklat diharapkan dapat membuat halaman web dengan kombinasi text, image, link, table, layer, form, frame, dan meyimpannya dengan format :html.


16 dari 29

C.2. Uraian Materi • Mengenal fitur pengelolaan file halaman web. Fitur-fitur baru dalam program Macromedia Firework MX, sangat mendukung pembuatan grafik dan interaktivitas di dalam Web site. Fitur-fitur tersebut antara lain : o Pengelolaan panel-panel o Panel Property Inspector o Panel Ansewr o Tombol Quick Export Panel tool o Pengeditan Bitmap dan Vektor o Pengeditan teks o Pembesaran dan pengecilan tampilan o Fasilitas Spell-Checker

Menu Bar

Panel Propery Inspector

•

Membuat Halaman Web dengan Teks 9 Menuliskan teks-> mebmuat kotak teks dan menggesert kotak teks 9 Mengedit teks 9 Mengatur stroke, fill dan efek teks 9 Bekerja dengan teks dan Path 9 Mengimpor teks 9 Mengoreksi Ejaan 9 Memodifikasi Teknik Pengoreksian ejaan 9 Menggunakan text editon


17 dari 29

•

•

•

•

Bekerja dengan Warna, Stroke dan Fill 9 Menggunakan panel tools bagian colors 9 Menggunakan panel colors 9 Membuat Stroke 9 Membuat Stroke 9 Membuat Custom Stroke 9 Membuat Fill Bekerja dengan Efek 9 Menerapkan life Efek ¾ Menerapkan efek bewel ¾ Menerapkan efek emboss ¾ Menerapkan efek Shadow ¾ Menerapkan Filter plug-inPhotoshop ¾ Menerapkan efek pada group 9 Mengedit Live Effect Mengautr ulang property live effects Menampilkan dan menyembunyikan tampilan efek Mengatur ulang urutan live efek Membuat custom live effet Membuat custom live effect dengan panel property inspector Membuat custom live effect dengan panel styles Menerapkan custom live effects Bekerja dengan Layer 9 Mengaktifkan layer 9 Membuat layer baru 9 Menggandakan layer 9 Menghapus layer 9 Menggandakan obyek 9 Menampilkan layer 9 Mengelola layer 9 Memproteksi layer dan obyek 9 Membagi layer 9 Menggabungkan obyek 9 Menggunakan web layer Membuat image map


18 dari 29

C.3. Rangkuman o Fitur-fitur baru dalam program Macromedia Firework MX, sangat mendukung pembuatan grafik dan interaktivitas di dalam Web site o Membuat Halaman Web dengan Teks o Bekerja dengan Warna, Stroke dan Fill o Bekerja dengan Efek o Membuat Image Bitmap C.4. Tugas Tugas Kelas – Periferal grafis 1 - Printer Peserta diklat : - Membuat langkah kerja mulai dari kondisi off sampai dengan on - Memasang komponen spesifik printer (sesuai dengan jenis printer yang dipergunakan) - Mengganti komponen spesifik printer(sesuai dengan jenis printer yang dipergunakan) - Memasang objek operasi printer (paper/kertas) termasuk melakukan/ setting pada alat masukan - Melakukan print test.

Tugas Rumah -

-

Mencari informasi tentang jenis-jenis printer dari berbagai sumber kemudian dibuat dalam bentuk project report sederhana. Tugas Kelas – Periferal grafis 2 – Scanner Peserta diklat : Membuat langkah kerja mulai dari kondisi off sampai dengan on Memasang komponen spesifik scanner (sesuai dengan jenis scanner yang dipergunakan) Memasang objek operasi scanner (gambar, photo, dsb) termasuk melakukan/ setting pada alat masukan Melakukan scanner test.

Tugas Rumah - Mencari informasi tentang jenis-jenis scanner dari berbagai sumber kemudian dibuat dalam bentuk project report sederhana.


19 dari 29

C.5. Lembar Kerja Periferal grafis 1 – Printer (Cannon S100) Alat - Printer - CD Driver Printer - Catride/Toner/Pita (disesuaikan dengan peripheral yang ada) - User manual book - PC Bahan - Kertas K3 - Buku PPPK - Kotak P3K Langkah Kerja Instalasi - Memasang CD Driver pada CD Room dan menginstalasi - Membaca license agreement untuk selanjutnya klick pada pilihan yes - Memastikan printer driver dalam keadaan siap untuk instalasi ,kemudian klick

install -

Apabila tampilan “Printer connection destination” muncul pada layer monitor menunggu sampai printer terdeteksi oleh PC Selanjutnya akan muncul panel “Terminate Installation” dan klick OK Ketika muncul tampilan “Printer connection destination” kembali klick exit

Test Print -

-

Dengan kondisi printer on, masukan sheet paper / kertas format A4/ Quarto kedalam printer Klick start | [ control panel ] – [ Printer and Other Hardware ] - [ Printer and Faxes ] (untuk OS Windows Xp) Klick start | [ setting ] - [ Printer ](untuk OS Windows Me/2000) Klick pada icon sesuai dengan spesifikasi printer yang dipergunakan Klick [ files ] pada dialog Printer dan pilih [ Printing Preferences ] (untuk Windows Xp) – pilih [ Properties ] (untuk Windows Me/2000) untuk membuka Printer Properties | [ Maintenance ] – [ Nozzle Check ] Ketika muncul “confirmation massage” klick OK


20 dari 29

Periferal grafis 2 – Scanner HP a. Alat • Scanner • CD Driver scanner • User manual book • PC b. Bahan • Gambar • Photo • Dsb c. K 3 • Buku PPPK • Kotak P3K d. Langkah Kerja • Memasang CD Scanner pada CD Room kemudian mengaktifkan operasi instalasi dengan mengikuti langkah yang tampil pada screen dibawah bimbingan instruktur • Test Scanner • Dengan kondisi Scanner on, letakkan objek diatas kaca Scanner • Klick Start | Program | Pilih pada “scanner” | Scanner test


21 dari 29

D.

Kegiatan Belajar 3:

Mengoperasikan Periferal Grafis D.1. Tujuan Pemelajaran Dengan membaca dan mempelajari modul ini peserta diklat diharapkan akan mempunyai kemampuan mengoperasikan printer dan scanner dengan benar sesuai SOP/prosedur dibawah pengawasan Instruktur. D.2. Uraian Materi Mengaktifkan periferal grafis melalui software tools secara tepat Memilih opsi, customization, dan konfigurasi properti melalui software tools secara tepat (sesuai tugas yang akan dikerjakan) D.3. Rangkuman D.4. Tugas

D.5. Lembar Kerja Pencetakan dengan menggunakan Printer – Membuka Dokumen yang akan dicetak – Bukalah Salah satu dokumen yang akan dicetak seperti yang ada pada gambar 1.

Gambar 1

Memilih Menu Pencetakan : - Pilih menu File pada menu bar - Pilih dan klik menu Print, seperti pada gambar 2 - Setelah di-klik akan muncul gambar 3. Gambar 2


- Berikut ini nama printer yang digunakan adalah Canon S100SP. - Untuk menentukan jumlah lembar yang akan 22 dari 29 dicetak, pilih Number of copies - Untuk menentukan halaman yang akan dicetak, maka pilihlah Page Range (pilihannya all : untuk semua halaman, current page :

Gambar 3

Langkah

- Untuk merubah kualitas pencetakan pilih Main

– langkah menggunakan Scanner Pilih Print Mode (Standard, SuperEcono, DTF, Gambar 4 Photo) Siapkan mesin scan ( scanner) - Untuk merubah ukuran kertas, orientasi Tekan tombol power scanner ( on /pencetakan of) (potrait, Landscape) dan tipe Masukkan objek ( Image / gambar)pencetakan pilih menu Page Layout kemudian tentukan pilihan yang diinginkan Membuka program aplikasi Photoshop Versi ....... - Setelah setting selesai dilakukan, maka clik

OK, maka akan tampil menu utama print (seperti gambar 3) 1. Pilih start - 2. KlikPilih OK program Mengimport objek ( Image / gambar ) 3. Pilih Photoshoop versi ……..dan klik 1. Pilih menu file 2. 3. 4. 5. 6. 7. 8. 9. 10 11 12 13 14 15

Pilih Import dan klik Pilih nama scanner dan klik Tunggu sebentar sedang pemanasan lampu. Klik tombol Send the scan now Tunggu sampai gambar pindah ke layer. Pilih tool selection dan klik Select objek ( gambar ) Pilih menu edit Pilih copy Pilih menu file Pilih new Muncul kotak dialog, dan klik OK Pilih menu edit Pilih paste

Menyimpan objek yang telah di scanner : 1. Pilih menu file 2. Pilih Save As 3. Muncul kotak dialog save as 4. Tentukan format gambar ( …,jpg) 5. Ketik nama file 6. Tentukan tempat penyimpanan 7. Klik save 8. Muncul kotak dialog 9. Klik close 10 Muncul kotak dialog 11 Klik No


23 dari 29

E.

Kegiatan Belajar 4:

Mematikan Periferal dan Mengamati Proses De-aktifasi hingga Selesai E.1. Tujuan Pemelajaran Dengan membaca dan mempelajari modul ini peserta diklat diharapkan akan mempunyai kemampuan mengoperasikan printer dan scanner dengan benar sesuai SOP/prosedur dibawah pengawasan Instruktur. E.2. Uraian Materi Mengangkat/mele-paskan objek dari periferal grafis sesuai prosedur Mengembalikan semua kondisi/ setting periferal grafis sesuai prosedur Men-de-aktifasi periferal grafis secara bertahap E.3. Rangkuman Langkah-langkah mengangkat/melepas printer dari personal komputer adalah : e.

Matikan power printer

f.

Ambil kertas yang ada pada printer

g.

Non aktifkan status printer

h.

Lepaskan kabel data printer

i.

Lepaskan AC cord printer

j. Paking kembali printer ke tempatnya E.4. Tugas Peserta didik diminta mempelajari beberapa user manual dari berbagai jenis dan merk printer

E.5. Tes Formatif a. Sebutkan Periperial grafis yang dapat dipergunakan ! b. Bagaimana langkah-langkah mengoperasikan printer ? c. Bagaimana langkah-langkah mengoperasikan scanner ? d. Jelaskan cara menginstall driver printer secara urut ! e. Jelaskan cara menginstall driver scanner secara urut ! E.6. Kunci Jawaban Formatif Langkah-langkah mengangkat/melepas printer dari personal komputer adalah : 1. Matikan power printer 2. Ambil kertas yang ada pada printer 3. Non aktifkan status printer 4. Lepaskan kabel data printer 5. Lepaskan AC cord printer

6. Paking kembali printer ke tempatnya 7.


24 dari 29

E.7. Lembar Kerja 1. Judul : Mematikan periferal dan mengamati proses de-aktifasi 2. Waktu : 150 menit 3. Alat dan Bahan : • • • • • •

Kertas Komputer Printer Skill passport Tool Kit User manual

4. Keselamatan Kerja Jangan melepaskan kabel data printer dari konektor printer jika tangan anda • basah

•

Letakkan printer pada tempat yang aman

5. Langkah kerja Cara mengangkat/melepas printer dari personal komputer i. Matikan power printer Tombol power

ii. Ambil kertas yang ada pada printer iii. Jika di tool bar masih ada icon printer yang aktif, klik status printer. Kemudian klik kanan pada dokumen yang di cetak pada managing print jobs kemudian pilih cancel.

iv. Lepaskan kabel data printer konektor LPT-1 atau USB yang terdapat pada PC v. Lepaskan AC cord printer vi. Paking kembali printer ke tempatnya.


25 dari 29

a. Matikan power printer b. Ambil kertas yang ada pada printer c.

Jika di tool bar masih ada icon printer yang aktif, klik status printer. Kemudian klik kanan pada dokumen yang di cetak pada managing print jobs kemudian pilih cancel.

d. Lepaskan kabel data printer konektor LPT-1 atau USB yang terdapat pada PC e. Lepaskan AC cord printer f. 1. 2. 3. 4.

Bab III - Evaluasi

Paking kembali printer ke tempatnya.

Koneksi catu daya sudah tersambung Perangkat protective seperti UPS dan stabilizer (jika ada dan atau terpisah dari PC) sudah dinyalakan Periferal grafis sudah tersambung dengan PC dan atau perangkat lain sesuai dengan petunjuk pada user manual Semua peralatan grafis sudah disiapkan untuk kondisi penyalaan normal/default

5. Indikator penyalaan seperti lampu dan atau suara muncul secara benar sesuai dengan user manual 6. Tahapan inisialisasi berjalan sampai dengan kondisi yang menandakan siap pakai sesuai dengan user manual periferal grafis yang digunakan 7. Penyiapan lokasi objek operasi dari periferal: 8. Pemilihan paper tray atau lokasi paper feeding pada alat keluaran seperti printer atau plotter 9. Identifikasi batas-batas area kerja pada alat masukan seperti scanner, digitizer, artpad 10. Properti spesifik yang harus diperhatikan pada periferal lainnya, yang sesuai dengan user manualnya 11. 12. 13. 14. 15. 16. 17. 18.

Pemasangan objek operasi dari periferal kertas/transparan pada printer atau plotter objek (kertas atau benda lain) pada scanner dan digitizer objek operasi spesifik untuk periferal lainnya, yang sesuai dengan user manualnya Pemasangan / penggantian komponen spesifik dari periferal pita/toner/pena yang dibutuhkan pada printer/plotter memasang/mengganti komponen spesifik dari periferal lainnya, sesuai dengan user manualnya Pemilihan opsi atau customization melalui panel menu/tombol pada periferal dapat dilakukan sesuai kebutuhan 19. Periferal grafis sudah diaktifkan melalui software tools yg digunakan 20. Pemilihan opsi, customization, dan konfigurasi properti dapat dilakukan sesuai kebutuhan pemakaian periferal grafis melalui software tools yang digunakan 21. Periferal grafis dapat dioperasikan sesuai user manual 22. Objek sudah diangkat/dilepas dari periferal grafis yang diperlukan sesuai dengan user manual 23. Semua kondisi/setting periferal grafis sudah dikembalikan untuk pematian secara normal/default sesuai dengan user manual 24. Tahapan de-aktifasi berjalan sampai dengan kondisi yang menandakan periferal grafis yang digunakan sudah dalam kondisi mati 25. Indikator seperti lampu dan atau suara akan tampak/terdengar secara benar sesuai dengan user

manual


26 dari 29

A.

Sikap (Attitude)

B.

Pengetahuan (Kognitif Skill)

C.

Keterampilan (Psychomotoric Skill)

D.

Produk/Benda Kerja Standar

E.

Batasan Waktu yang Ditetapkan

F.

Kunci Jawaban


27 dari 29

Bab IV - Penutup Dari pemelajaran yang telah dilakukan peserta diklat setelah mengikuti seluruh kegiatan belajar modul ini dengan benar dan sistemik adalah: • Peserta diklat dapat mengoperasikan periferal grafis sesuai Standar Operasional Prosedur (SOP) yang ditentukan Standar Kompetensi Kerja Nasional Indonesia bidang Teknologi Informasi & Komunikasi • Peserta diklat dapat menginstalasi, mengaktifkan, mengoperasikan, dan mendeaktifkan periferal grafis: o scanner.......... dalam tempo 30 menit o digitizer ......... dalam tempo 15 menit o artpad ........... dalam tempo 15 menit o printer .......... dalam tempo 30 menit o plotter ........... dalam tempo 45 menit • Peserta diklat dapat mencapai kompetensi mengoperasikan periferal grafis jika bahan, peralatan, mesin, dan media yang dipersyaratkan dalam modul ini tersedia, layak operasi dan sesuai dengan standar industri multimedia.

Daftar Pustaka

• Memilih dan mentranspormasi obyek : o Memilih Obyek dapat menggunakan tool-tool pemilihan yang berada pada Panel Tools yaitu Pointer, sub selection, select behind dan export area, atau modifikasi pilihan 9 Memilih, mengedit, menggeser, mengapus, menggandakan dan memotong piksel 9 Mengenal Pilihan Marquee 9 Meneghapus pilihan 9 Mengedit pilihan 9 Menggeser Pilihan 9 Mengatur pilihan dengan tombol spasi 9 Menambahkan dan mengurangi pilihan 9 Membuat pemilihan dari interaksi pilihan 9 Menggeser, menggandakan dan memotong obyek 9 Menduplikasi mengkloning dan menghapus obyek


28 dari 29

o Transformasi obyek 9 Transformasi scale 9 Transformasi rotation 9 Transformasi Flip 9 Transformasi Skew 9 Transformasi Distrot 9 Transformasi Numeric Transform 9 Mengelola obyek 9 Mengelompokkan obyek dalam group 9 Memilih obyek dalam group 9 Mengatur urutan obyek 9 Mengatur perataan obyek


29 dari 29

Mengoperasikan Software Web Design

Recommend Documents