• Tidak ada hasil yang ditemukan

Mengoperasikan Software Web Design

N/A
N/A
Protected

Academic year: 2021

Membagikan "Mengoperasikan Software Web Design"

Copied!
29
0
0

Teks penuh

(1)

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

(2)

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

(3)

Halaman Prancis

Kata Pengantar i.

Daftar Isi ii

Peta Kedudukan Modul iii.

Glosarium iv.

Bab I Pendahuluan

A. Deskripsi 1

B. Prasyarat 1

C. Petunjuk Penggunaan Modul 1 D. Tujuan Akhir 2 E. Kompetensi

F. Cek Kemampuan

Bab II 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

(4)

E. Kegiatan Belajar 4: Mematikan periferal dan mengamati proses de-aktifasi hingga selesai

E.1. Tujuan Pemelajaran E.2. Uraian Materi

E.3. Rangkuman E.4. Tugas

E.5. Kunci Jawaban Formatif E.6. 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

(5)

Peta Kedudukan Modul

SLTP & Yang Sederajat HDW.OPR.105.(1).A Tamat SMK DTA.OPR.102.(1).A SWR.OPR.408.(1).A SWR.OPR.409.(1).A HDW.OPR.106.(1).A* DTA.OPR.102.(2).A SWR.OPR.414.(1).A* SWR.OPR.415.(1).A* HDW.OPR.107.(1).A* DTA.OPR.102.(2).B SWR.OPR.416.(1).A* SWR.OPR.407.(2).A HDW.OPR.108.(1).A* SWR.OPR.417.(1).A* SWR.OPR.418.(2).A* HDW.OPR.109.(1).A* HDW.OPR.110.(1).A* SWR.OPR.419.(1).A* SWR.OPR.420.(1).A* SWR.OPR.421.(1).A* SWR.OPR.413.(1).A

(6)

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

(7)

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.

(8)

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

ƒ Perangkat lunak : Software web Macromedia Firework MX

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

(9)

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

(10)

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

(11)

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

(12)

Bab II - Pemelajaran

A. Rencana Belajar Siswa

Sub Kompetensi 1

No Jenis Kegiatan Tanggal/ Minggu ke Tempat Waktu (menit) Rencana Perubahan Kegiatan Paraf Instruktur 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 • 90 Sub komptensi 2

No Jenis Kegiatan Tanggal/ Minggu ke Tempat Waktu (menit) Rencana Perubahan Kegiatan Paraf Instruktur 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

(13)

SUB KOMPETENSI 3

No Jenis Kegiatan Tanggal/ Minggu ke Tempat Waktu (menit) Rencana Perubahan Kegiatan Paraf Instruktur 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

(14)

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 :

(15)

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!

(16)

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.

(17)

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

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

(18)

• 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

(19)

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.

(20)

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 K 3 - 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

(21)

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

(22)

Mengoperasikan Periferal Grafis 22 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.

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.

- Berikut ini nama printer yang digunakan adalah Canon S100SP.

- Untuk menentukan jumlah lembar yang akan dicetak, pilih Number of copies

Gambar 1

(23)

Langkah – langkah menggunakan Scanner ƒ Siapkan mesin scan ( scanner)

ƒ Tekan tombol power scanner ( on / of) ƒ Masukkan objek ( Image / gambar)

ƒ Membuka program aplikasi Photoshop Versi ...

Mengimport objek ( Image / gambar )

Menyimpan objek yang telah di scanner :

- Untuk merubah kualitas pencetakan pilih Main Pilih Print Mode (Standard, SuperEcono, DTF, Photo)

- Untuk merubah ukuran kertas, orientasi pencetakan (potrait, Landscape) dan tipe pencetakan pilih menu Page Layout kemudian tentukan pilihan yang diinginkan - Setelah setting selesai dilakukan, maka clik

OK, maka akan tampil menu utama print

(seperti gambar 3) - Klik OK Gambar 4 Gambar 3 1. Pilih start 2. Pilih program

3. Pilih Photoshoop versi ……..dan klik

1. Pilih menu file 2. Pilih Import dan klik 3. Pilih nama scanner dan klik

4. Tunggu sebentar sedang pemanasan lampu. 5. Klik tombol Send the scan now

6. Tunggu sampai gambar pindah ke layer. 7. Pilih tool selection dan klik

8. Select objek ( gambar ) 9. Pilih menu edit

10 Pilih copy 11 Pilih menu file 12 Pilih new

13 Muncul kotak dialog, dan klik OK 14 Pilih menu edit

15 Pilih paste

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

(24)

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.

(25)

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

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.

(26)

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. Paking kembali printer ke tempatnya. 1. Koneksi catu daya sudah tersambung

2. Perangkat protective seperti UPS dan stabilizer (jika ada dan atau terpisah dari PC) sudah dinyalakan

3. Periferal grafis sudah tersambung dengan PC dan atau perangkat lain sesuai dengan petunjuk pada user manual

4. 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. Pemasangan objek operasi dari periferal

12. kertas/transparan pada printer atau plotter

13. objek (kertas atau benda lain) pada scanner dan digitizer

14. objek operasi spesifik untuk periferal lainnya, yang sesuai dengan user manualnya 15. Pemasangan / penggantian komponen spesifik dari periferal

16. pita/toner/pena yang dibutuhkan pada printer/plotter

17. memasang/mengganti komponen spesifik dari periferal lainnya, sesuai dengan user manualnya 18. 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

(27)

A. Sikap (Attitude)

B. Pengetahuan (Kognitif Skill) C. Keterampilan (Psychomotoric Skill) D. Produk/Benda Kerja Standar E. Batasan Waktu yang Ditetapkan F. Kunci Jawaban

(28)

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 mende-aktifkan 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.

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

Bab IV - Penutup

(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

Referensi

Dokumen terkait

Berdasarkan uraian di atas maka perlu dilakukan sebuah penelitian terhadap proses pembuatan agar dari rumput laut Gracilaria verrucosa dengan konsentrasi perlakuan

1. Orang tuaku tercinta, Bapak Yitno Soepriyo dan Ibu Saropah. Terimakasih atas segala doa, kesabaran, dukungan, kasih sayang, dan nasehat super yang sudah kalian

Tujuan dari penelitian ini adalah untuk mengetahui penanganan anak tuna rungu wicara dalam perkembangan motorik halus melalui kegiatan menggambar kelompok B SLB-B

PT. Cahaya Pesona merupakan perusahaan ritel pakaian yang unggul di Indonesia yang memiliki 8 divisi yang secara bersama – sama mampu mencapai $ 12 milyar dalam penjualan

Saat ini telah terjadi perubahan yang signifikan atas pemahaman dan pemberdayaan harta wakaf di masyarakat, pada awalnya praktek wakaf lebih banyak dikembangkan

kepada pihak kampus (dosen pembimbing) sebagai persyaratan yudisium di Jurusan Teknik Informatika semester

Uang kuliah tunggal yang ditanggung oleh mahasiswa harus disesuaikan dengan kemampuan ekonomi mahasiswa, orang tua mahasiswa, atau pihak lain yang membiayainya,

Ada beberapa prinsip yang menjadi dasar dalam pendidikan yang dikembangkan secara filosofis, yaitu : pertama prinsip filsafat yang berhubungan dengan watak