Mata Pelajaran: Prakarya
Kelas: X

catatan: Ini adalah proyek akhir pembuatan web yang rancangan awal pembuatan produknya sudah dimulai sejak awal tatap muka. Dari perancangan produk, menentukan segmentasi pasar, sampai tahap promosi melalui media promosi serupa poster, brosur, dan video iklan. Semua tahapan tersebut selanjutnya disisipkan ke dalam pembuatan web sebagai upaya membangun bisnis yang berplatform internet (digital).

Oya, yang menarik ini adalah produk khayalan mereka, jadi nggak beneran ada tapi barangkali suatu saat nanti harapan mereka terwujud :). Atau mungkin mereka sendiri lah kelak yang menciptkan.

Kompetensi Dasar:

Mengidentifikasi desain produk dan pengemasan karya rekayasa sebagai alat komunikasi sederhana dengan sumber arus listrik DC berdasarkan konsep berkarya dengan pendekatan budaya setempat dan lainnya.

Indikator: Mengemas karya rekayasa dalam pembuatan web

Kelas: X IIS 1

Kelompok 1:
Produk: techpen
Alamat situs: http://www.techpen.hostei.com atau klik di sini.
Anggota: Arwan Audino Arianto, Hafizh Fadhli, Faturrahman Ariq, Moch Riandi, Rio Aprilliant

Kelompok 2:
Produk: Helgasi Helmet
Alamat situs: http://helgasi71.netii.net/ atau klik di sini.
Anggota: Adhiwira Indrabrata, Alvi prasetya tamam, Pandu Rama A, Rifqi Muhammad Falah

Kelompok 3:
Produk: ILM Parfum
Alamat situs: http://ilmparfume.ucoz.com/ atau kli di sini.
Anggota: Cindy A, Dhavira R, Made N.

Kelompok 4:
Produk: Sade
Alamat situs: http://irsadesade.esy.es/TUGAS%20TIK%20IKLAN.html atau klik di sini.
Anggota: Andrea Permata Putri, Irsa Adinda, Salsabila Annisa.A.I, Siti Nurkarimah.A

Kelas: X IIS 2

Kelompok 1:
Produk: Symptoms
Alamat situs: http://symptomskelompok6.net78.net/ atau klik di sini.
Anggota: Rizky Muthiarani, Kandy Nurbayanti, Alya Azaria & Virna Zulfia

Kelompok 2:
Produk: Makarove
Alamat situs: http://makarove.host56.com/ atau klik di sini.
Anggota: Prabu Delano, Yudistira M, Sakti Dwiantara, Revy Hervyan

Kelompok 3
Produk: Voll
Alamat situs: http://volltofull300.meximas.com/ atau klik di sini.
Anggota: Alif Raditya, Erlan Perkasa, Jovanka Jeanettia, Nurul Aini Janatul

Kelas: X IIS 3

Kelompok 1:
Produk: Fullgum
Alamat situs: http://fullgum.net78.net/ atau klik di sini.
Anggota: Alya Aska Kamara, Chezaria Safiraputri, Ghia Sakanti NK, Nadia Marsha RJ, Risha Trihadini, Salsabila Kintan Sulaksono

Kelas X IIS yang lain tugas proyek akhir kalian Ibu tunggu segera ya.

Untuk murid-muridku ini cara menyimpan file html
1. Simpan file html dan file pendukung (seperti: file gambar, musik, video, dan lain-lain) ke dalam satu folder.

2. Selanjutnya, untuk menyimpan file ke dalam format kompresi, pilih semua file, dengan cara menekan tombol Ctrl+A secara bersamaan.

3. klik kanan mouse dan pilih Add to archive (oya, sebelumnya kamu harus mengunduh dan menginstal program kompresi seperti winzip atau winrar terlenih dahulu ya untuk bisa menggunakan program kompresi ini)

4. Akan muncul kotak dialog Archive name and parameters.

5. Ubah nama file di kotak Archive name menjadi: namamu-kelas-tugashtml (lihat lingkaran merah pada gambar di bawah ini).

6. Selanjutnya, klik OK. File kompresi mu akan muncul di folder yang sama.
7. Nah, file berformat *.zip atau *.rar itulah yang nanti kamu kirim ke email Ibu.

8. Mudah, kan? 🙂

Kalau ada pertanyaan, boleh tulis di komentar di bawah ini atau kirim ke email Ibu ya.
Selamat mencoba

Ada banyak program pembuat video, salah satu yang paling mudah adalah Windows Movie Maker. Movie Maker adalah program yang disediakan oleh windows untuk membuat video sederhana.

Cara menjalankan Windows Movie Maker adalah Start > All Programs > Windows Movie Maker

Ini tampilan jendela Windows Movie Maker (WMM)

Sebuah film akan terdiri dari klip pembuka dan penutup. Klip pembuka biasanya berisi judul atau kalimat pembuka untuk sebuah film. Sedangkan pada klip penutup akan tertera informasi yang berhubungan dengan film tersebut. Informasi itu bisa berupa tanggal penayangan, nama aktor dan aktris, dan sebagainya. Informasi di kalimat pembuka atau penutup pada sebuah film disebut dengan titles atau credit.

Berikut ini adalah langkah-langkah untuk membuat dan mengedit sebuah film di WMV
1. Siapkan terlebih dahulu film hasil rekaman milikmu sendiri. File-file tersebut bisa berupa video atau salinan gambar dan foto.
2. Untuk menyisipkan video rekaman, klik Import picture di dalam Movie Tasks Pane. Jika yang ingin kamu sisipkan berupa gambar atau foto, pilih Import Pictures. Sebaliknya, jika kamu ingin menambahkan suara atau musik untuk film mu klik Import Audio or music.
3. File yang kamu pilih tadi akan muncul di Collections Pane. Berikutnya, klik ikon Show Storyboard, untuk memunculkan tampilan Storyboard. Klik, tahan, dan geser file yang ada di Collections pane ke dalam kotak storyboard.
4. Pindahkan posisi ke tampilan Show Timeline, untuk memangkas (baik memanjangkan atau memendekkan) klip.
5. Jika kamu ingin menyisipkan titles atau credit, klik Make titles or credits di menu Edit Movie. Akan muncul beberapa pilihan di mana kamu ingin meletakkan titles.
6. Tekan tombol Play untuk menjalankan video. Simpan file projekmu. Pilih File. Klik Save Project. Beri nama filemu. Semua file movie akan disimpan secara otomatis di folder My Videos. Klik Save.
6. Untuk menyimpan dalam format movie, pilih menu File. Klik Save Movie File. Akan muncul jendela Save Movie Wizard. Pastikan ada di pilihan My Computer. Klik Next. Next. Tunggu sampai proses pembuatan video selesai. Klik Finish jika telah selesai. Oya, jangan lupa memberi tanda centang pada pilihan Play movie When I click Finish, untuk menjalankan movie secara otomatis. Player Windows Media Player akan secara langsung menjalankan movie mu.
7. Mudah, bukan? 🙂

Sekilas Animasi:
Jika kamu ingin membuat potongan gambar yang seolah bergerak sendiri (animasi) kamu bisa membuat gambar seperti kamu membuat flip book. Masih ingat apa itu flip book? Flipbook adalah kreasi animasi bergerak. Atau lebih mudahnya pernahkah kamu membuat susunan gambar dari lembaran kertas yang ditumpuk dan kemudian ketika digerakkan secara cepat gambar seolah bergerak? Nah, itulah yang dimaksud dengan animasi. Animasi adalah kegiatan menggerakkan benda mati.

Lihat contohnya di sini

Kamu juga bisa melihat contoh kreasi animasi yang Ibu buat dengan program animasi Pivot dan difilmkan dengan menggunakan program Windows Movie Maker seperti di bawah ini.

Kamu bisa mengganti program animasi di atas dengan gambar tangan. Lembaran gambar itu lah yang nanti dapat kalian sisipkan sebagai pictures dan atur kecepatannya sehingga didapatkan animasi yang kamu inginkan. Berani mencoba sendiri? Pasti bisa ya. Nanti kalau ada kesulitan kalian boleh bertanya.

Selamat mencoba 🙂

Mata Pelajaran: Prakarya TIK
Kelas: X
Proyek: Membuat kartu nama
Program: Adobe Photoshop

Contoh media promosi ukuran kecil lainnya adalah kartu nama.

Langkah untuk membuat kartu nama:

Sekilas mengenai Photoshop. Di dalam program Photoshop kita mengenal istilah Layer. Layer seperti sebuah lembaran. Bayangkanlah layer sebagai kumpulan transparansi (lembaran plastik). Guna layer adalah agar jika suatu saat kamu ingin mengubah satu bagian dari gambar maka kamu hanya perlu mengubah objek itu saja tanpa mengubah tampilan objek lainnya.

Yuk, kita praktikkan cara membuat kartu nama di atas.
1. Buka program Adobe Photoshop.
2. Pilih menu File lalu klik New. Isikan angka 8,5 untuk Width dan 5,5 untuk Height. Ukuran yang digunakan dalam cm. Klik OK.
3. Beri warna, klik ikon Paint Bucket Tool untuk warna solid. Atau klik ikon Gradient Tool untuk warna gradasi.
5. Selanjutnya, klik Text Tool, untuk membuat teks.

8. Perhatikan di panel Layer di sudut kanan jendela program, di sana tampak 2 layer, yang terdiri dari layer background dan teks. Ketikkan teks.

9. Untuk menyisipkan gambar, pilih File klik Open. Untuk memasukkan gambar ke dalam kartu namamu, klik ikon Move Tool. Klik dan seret mouse (yang berisi gambar tadi) ke dalam layer kartu nama.

10. Jika kamu ingin mengganti warna background, cukup klik layer yang berisi warna background di panel Layers, lalu ubahlah. Jika telah selesai, satukan seluruh layer pada gambar. Caranya, klik menu Layer lalu pilih Flatten Image.
11. Kartu namamu sudah jadi.

Mata Pelajaran: Prakarya TIK
Kelas: X
Proyek: Membuat Brosur
Program: Microsoft Word

Brosur adalah salah satu bentuk media promosi ukuran kecil. Informasi di brosur dapat berupa penjelasan tentang suatu produk, layanan masyarakat, fasilitas umum, profil perusahaan atau sekolah.

Fungsi brosur yaitu sebagai bahan informasi kepada masyarakat luas (informatif), sebagai iklan (sebagai alat promosi yang ingin kita tawarkan, apakah berupa produk atau jasa), identitas (ciri khas dari usaha atau bisnis yang kita jalankan)

contoh brosur

Berikut ini adalah langkah-langkah untuk membuat brosur:
1. Bukalah program pengolah kata MS Word.
2. Pilih menu Page Layout dan klik ikon Orientation, untuk memilih posisi kertas. Pilih Landscape, untuk pilihan kertas horisontal atau mendatar.
3. Bagi halaman kertas menjadi 3 kolom. Caranya, masih di menu Page Layout, klik ikon Columns. Pilih Three.
4. Buat judul, boleh dengan menggunakan ikon wordart. Selanjutnya, ketikkan teks dan sisipkan gambar jika diinginkan.
5. Teks akan berpindah secara otomatis ke kolom berikutnya. Atau kamu dapat menekan tombol Enter beberapa kali untuk berpindah kolom secara manual.
6. Hias dan lengkapi informasi untuk brosur bikinanmu.
7. Jika telah selesai, cetak dan lipatlah kertas menjadi 3 bagian. Nah, brosur buatanmu sudah jadi. Mudah, bukan? 🙂

Beberapa kreasi prakarya TIK dari murid kelas X. Hasil kreasi mereka bagus-bagus dan tampak dibuat dengan keseriusan. Nice kids, i’m so proud of you :).

Karena kreasi prakarya lainnya masih tersimpan di sekolah dan belum sempat di foto, sementara ini saja dulu ya. Nanti yang lainnya Ibu sisipkan di sini juga, menyusul ya :). Berikut ini adalah karya sampul buku. Program yang digunakan adalah Microsoft Word, Corel Draw, Adobe Photoshop. Agar membentuk seperti buku, maka digunakan gabus untuk memberi kesan ketebalan buku.

update:
Beberapa kreasi prakarya TIK dapat dilihat di bawah ini. Untuk mengunduh slide silakan ke sana.

Oya, beberapa hari yang lalu server blog di sini memang mengalami masalah, sehingga tidak bisa diakses. Biasanya pada saat seperti itu server sedang melakukan pemeliharaan. Semoga sekarang tulisan di sini sudah bisa diakses kembali. Dan, jangan lupa, untuk kelas X, tolong kalian baca tulisan mengenai HTML di sini.
1. Belajar HTML
2. HTML bagian 1
3. HTML bagian 2
4. HTML bagian 3
5. HTML bagian 4
6. Uploading file ke web hosting baca di sini ya.

Dibaca dan dipelajari sendiri dahulu ya, nanti insya Allah Ibu terangkan di pertemuan kita berikutnya. Di projek akhir nanti, kalian bersama kelompok silakan mendesain web dan memasukkan laporan urutan kerja perancangan produk yang telah kalian bikin. Untuk menyisipkan video iklan yang kalian buat, upload terlebih dahulu di akun youtube. Selanjutnya, silakan dibaca skrip kode untuk menyisipkan video di pembelajaran HTML bagian 4.

Mata Pelajaran: Prakarya TIK
Kelas: X
Tema Prakarya: Membuat Kipas
Program: Pengolah kata (Microsoft Word)

Berikut ini adalah langkah-langkah untuk membuat prakarya kipas seperti foto di bawah ini.

1. Buka program MS Word. Tentukan agar posisi kertas mendatar (landscape) dan ukuran kertas adalah: A4
2. Pilih menu Insert dan klik ikon wordart. Ketikkan namamu.
3. Klik kanan teks dan pilih menu Format Shape.
4. Pada pilihan Text direction, pilih Rotate all text 270°

5. Agar teks dapat dipindah, klik teks dan pilih menu Page Layout. Lalu pilih ikon Wrap Text dan klik Square.
6. Atur ukuran dan besar teks.
7. Ulangi langkah 2 dan seterusnya, ketikkan nama kepanjanganmu
8. Kali ini untuk pilihan Text Directionnya adalah: Rotate all text 90°
9. Tampilan di lembar halaman word akan seperti di bawah ini.

10. Cetak dan kemudian lipat membentuk kipas.
11. Tambahkan stik ice cream

Mudah, kan? 🙂

Mata Pelajaran: Prakarya
Kelas: X

Melanjuti proyek prakarya sebelumnya, maka di pertemuan ini siswa akan diberikan gambaran mengenai pengertian promosi dan macam media promosi. Untuk teori dapat dilihat di slide berikut:

Slide juga dapat diunduh di sini.

Siswa ditugaskan membawa alat gambar seperti crayon, spidol, dan lain-lain serta kertas gambar atau kertas ukuran folio atau A4. Pada pertemuan ini siswa akan membuat disain grafis yang langsung dibuat dengan tangan. Media promosi yang digunakan adalah flyer, dengan satu halaman.

Penasaran dengan hasil kreasi anak-anak itu? Tunggu ya 🙂