Category Archives: Materi Pengajaran

Mesin Pencari Google

Standar Kompetensi mata pelajaran TIK kelas XI (mengikuti KTSP) adalah Menggunakan Internet untuk Keperluan Informasi dan Komunikasi.

Pertemuan pertama ini saya isi dengan bercerita mengenai mesin pencari Google.

Kegiatan:
Tanyakan kepada siswa:
1. kegiatan apa yang sering mereka lakukan ketika terhubung ke internet.
2. mesin pencari selain google.
3. mengapa memilih google.
4. Bagaimana cara mereka memperoleh informasi.

Pembahasan:
Pertama, saya akan bertanya kepada siswa mengenai hal-hal di atas. Ada beragam jawaban yang tentu saja sama menariknya dan kreatif :). Tidak bisa dipungkiri browsing atau mencari informasi adalah aktivitas yang paling sering kita lakukan ketika berselancar di dunia maya.

Mesin pencari apakah yang mereka gunakan ketika mencari informasi? Tidak salah, Google menempati urutan pertama. Selain google masih banyak mesin pencari lainnya, seperti: yahoo, bing, altavista, dan lain-lain. Tapi, mengapa kita lebih suka menggunakan google ya? Apa yang membedakan google dengan mesin pencari lainnya?
Akurat. Ya, hasil pencarian google lebih tepat jika dibandingkan mesin pencari lainnya. Itulah salah satu keunggulan google.

Bagaimana mesin pencari google itu bekerja sehingga bisa mendapatkan hasil pencarian yang benar? Sebelumnya, kamu masih ingat kisah Larry Page dan Sergey Bin ketika menciptakan mesin pencari google? (kebetulan saya pernah menceritakan kisah bisnis google ini kepada murid-murid saya). Kalau lupa, kamu bisa membacanya di sini.

Sekarang kita ikuti kisah mesin pencari google bekerja. Yuk, kita lihat slide di bawah ini.

Bisakah kamu bayangkan ketika kamu mengetikkan informasi yang ingin kamu cari di kotak pencarian dan kemudian menekan tombol Enter, pada saat itu mesin google bekerja seperti di atas. Berkeliling mencari informasi, setelah menemukan kata yang ingin dicari kemudian dibuatkan indeks. Berikutnya, saat proses indexing selesai dikerjakan, proses algoritma super-rumit akan mulai bekerja memilah konten mana yang diprediksi paling sesuai. Dan akhirnya, sistem akan menampilkan hasilnya kepada pengguna. Semua proses pencarian tersebut dilakukan dengan waktu supercepat, yaitu 1/8 detik saja. wow, keren sekali, bukan?

Kalau tadi kamu sudah mengetahui bagaimana mesin google bekerja, kamu juga perlu mengetahui bagaimana cara menggunakan mesin pencari google untuk mendapatkan hasil yang cermat. Perhatikan slide berikut ini.

Jika sudah paham, selesaikan tugas praktik di bawah ini.

1. Gunakan kata kunci “weather”, untuk
a. kota besar di Jakarta. Tuliskan hasil pencarian yang diperoleh.
contoh: weather Bandung
Hasil: 18 °C|°F , Partly Cloudy, Friday 9.00 PM

b. Lakukan hal yang sama untuk kota kecil di Indonesia.
c. Ulangi untuk negara-negara besar di dunia
d. Ulangi kembali untuk negara bagian di belahan dunia

Tuliskan kesimpulan yang kamu peroleh dari penggunaan kata kunci weather.

2. Gunakan kata kunci “time”, untuk kondisi serupa seperti pada kata kunci “weather”
Tuliskan Hasil dan Kesimpulan

3. Gunakan kata kunci “sunrise” atau “sunset” untuk kondisi serupa di atas
Tuliskan Hasil dan Kesimpulan

4. Gunakan operator “OR”
Tuliskan Hasil dan Kesimpulan dari kata kunci OR

5. Gunakan operator “AND”
Tuliskan Hasil dan Kesimpulan

6. Gunakan kata kunci “in”
contoh: 5 USD in IDR
Hasil: 50385.00 Indonesian Rupiah
Kesimpulan: ….

Mudah, kan? Jika dalam pencarian kamu gagal mendapatkan informasi yang diinginkan, coba perhatikan dan ulangi dengan beberapa variabel lainnya. Barangkali ada informasi yang kamu lewatkan ;).

Komunikasi Web

Minggu pertama tahun ajaran baru dimulai hari Senin, tanggal 15 Juli 2013 kemarin. Awalnya kami diberitahu bahwa sekolah kami termasuk ke dalam daftar sekolah yang mengimplementasikan kurikulum 2013, namun di hari pertama, Kepala sekolah (berdasarkan instruksi Mendikbud) memgumumkan bahwa untuk kelas X hanya 3 mata pelajaran yang menerapkan kurikulum 2013, yaitu: Sejarah, Matematika, dan Bahasa Indonesia. Sedangkan untuk mata pelajaran lainnya masih mengikuti kurikulum 2006, yaitu KTSP (Kurikulum Tingkat Satuan Pendidikan). Kelas XI dan XII tetap menggunakan KTSP sepenuhnya.

Di sekolah saya sendiri, kelas X masih mengikuti MOS (Masa Orientasi Siswa) sampai hari Rabu. Untuk kelas lainnya mulai belajar, walaupun belum optimal karena jadwal mengajar yang masih berubah.

Hari ini saya mulai mengajar di kelas XI IPS 3 dan XI IPS 4. Murid-murid saya adalah mereka yang pernah menjadi murid saya di kelas X, jadi acara perkenalan bisa saya lewatkan :). Sebagai permulaan saya menayangkan sebuah film komersial. Judul filmnya adalah The Future of Web Communication 2.0. Saya meminta murid-murid untuk memperhatikan dan menarik pesan dari film yang mereka tonton ini.

Beberapa pertanyaan saya untuk mereka adalah:
1. Apa pesan singkat dari film ini
2. Bagaimana manusia berkomunikasi dahulu dan sekarang
3. Apa yang sering kamu lakukan ketika terkoneksi ke Internet. Aplikasi apa yang digunakan? Dan untuk apa?

Sebelum membaca pemaparan di bawah ini, diskusikan dahulu pertanyaan di atas dengan siswa Anda ya 🙂

Paparan:
Communication is changing.
Komunikasi menurut Kamus Besar Bahasa Indonesia adalah pengiriman dan penerimaan pesan atau berita antara dua orang atau lebih sehingga pesan yg dimaksud dapat dipahami.

Untuk dapat berhubungan satu sama lain manusia perlu berkomunikasi. Saat ini kita dapat berkomunikasi dengan menggunakan telepon, surat elektronik, jejaring sosial seperti facebook, twitter, blog, youtube, dan lain-lain.

Hm, bagaimana manusia jaman dahulu berkomunikasi ya? Lonceng, asap, burung merpati, kentongan, dan lain-lain merupakan alat komunikasi yang mereka gunakan saat itu. Komunikasi serupa surat menyurat pun sudah dilakukan. Biasanya mereka menggunakan kulit kayu,kulit bambu, daun lontar,tulang binatang, lempengan batu sebagai medianya.

Nah, contoh di atas adalah peralatan komunikasi dari jaman dahulu sampai sekarang. Komputer dengan akses internetnya memberi kemudahan bagi kita untuk terhubung kemanapun. Aplikasi internet seperti sosial media membuka peluang bagi setiap orang untuk saling berinteraksi, berbagi file dan pengetahuan.

Manfaat komunikasi melalui internet
Salah satu manfaat komunikasi melalui internet adalah kamu dapat terhubung ke teman-temanmu dari seluruh belahan dunia kapanpun. Kamu bahkan bisa mengobrol sambil bertatapan langsung dengannya menggunakan webcam. Untuk bercakap-cakap kamu dapat menggunakan aplikasi online chatting (dan dengan biaya yang murah loh), seperti whatsapp, Line, skype, dan lain-lain. Kamu juga bisa berbagi file (musik, film, dokumen, gambar, dan lain-lain). Tidak hanya dengan teman, kamu juga bisa berinteraksi dengan idolamu, atau para tokoh dunia di seluruh dunia. Semuanya dapat kamu lakukan hanya dengan hitungan detik. Begitu cepat dan mudah.

Perusahaan-perusahaan di seluruh dunia pun memanfaatkan sosial media untuk mendekati para pelanggan mereka secara langsung. Di Indonesia, perusahaan-perusahaan besar semisal Telkom, Indosat, Gramedia, dan lain-lain menggunakan sosial media untuk berinteraksi dengan lebih akrab kepada para pelanggan mereka.

Berikan alasan mengapa perusahaan atau komunitas menggunakan sosial media untuk mengenalkan produk mereka. (oya, hasil survey dari film di atas dapat menjawab pertanyaan ini loh :))

Berikut ini adalah survey dari obrolan dengan siswa, aplikasi dan sosial media apa yang paling mereka sering gunakan ketika terkoneksi ke Internet.

Ternyata, sebagian besar anak perempuan menggemari instagram, twitter, dan youtube. Sebaliknya, anak laki-laki lebih menyukai game online, kaskus, dan youtube. Kira-kira melihat hasil survey di atas, kesimpulan apakah yang bisa kamu tarik? 🙂

Di akhir pelajaran, saya baru memberikan beberapa ketentuan di dalam kegiatan belajar mengajar yang telah kami sepakati bersama. Selamat belajar. Selamat memulai tahun pelajaran 2013-2014.

RPP Prakarya TIK SMA

Saya mencoba membuat RPP mata pelajaran Prakarya dengan pilihan Rekayasa, untuk Kurikulum 2013, kelas X.
Walaupun barangkali isi SKKD Prakarya dengan pilihan Rekayasa dari Diknas lebih banyak menyorot pada elektronika dan bukan perangkat TIK, namun karena sekolah saya tetap menerapkan pembelajaran TIK maka di dalam mata pelajaran Prakarya saya merancang RPP Prakarya berbasis TIK dengan menyelaraskan SKKD dari Diknas. (sedikit diakali tepatnya :))

SKKD Kurikulum 2013 dapat diunduh di sini.
Format RPP saya lihat dari sini

Mengenal Produk Rekayasa Digital
SMA, Kelas X Semester 1

Diskripsi Mengajar Belajar

Waktu: 180 menit

Kompetensi Inti: Menghayati dan mengamalkan ajaran agama yang dianutnya

Kompetensi Dasar: Menghayati keberhasilan dan kegagalan wirausahawan dan keberagaman produk rekayasa di wilayah setempat dan lainnya sebagai anugerah Tuhan

Hasil Belajar: Pembelajar mampu mengenal keberagaman produk rekayasa di sekitarnya

Indikator Hasil Belajar:
Kognitif:
• Pembelajar mampu memberi penjelasan mengenai Rekayasa Digital
• Pembelajar mampu memahami kewirausahaan digital (startup)
• Pembelajar mampu menyatakan contoh produk rekayasa digital di sekitarnya

Psikomotorik:
• Pembelajar mampu membuat simulasi produk rekayasa digital dengan bantuan perangkat TIK

Afektif:
• Pembelajar mampu mengikuti instruksi
• Pembelajar mampu menampilkan karya simulasi

Bahan Kajian: Produk Rekayasa Digital

Media Belajar:
• Modul
• Komputer
• Software grafis (Inkscape)
• Film Futuristik (Teknologi)
• Film para founder dan bisnis mereka di bidang teknologi dan internet (contoh: Larry Page dengan google, Mark Zuckerberg dengan Facebook, dan lain-lain)
• Film startup

Model Belajar:
Movie Learning: Menonton film-film futuristik (news technology), film startup
Karya horay: Membuat karya simulasi

Pengembangan karakter:
• Semangat
• Disiplin
• Kerja keras
• Percaya diri
• Komunikastif
• Ekspresif
• Menghargai

Assesment
Non Tes: Membuat karya simulasi

**
Ini memang baru draft kasar, sebagai panduan saya untuk mengajar nanti. Untuk Tatalaksana Pengajaran tentu setiap guru memiliki pandangan yang berbeda. Yuk, kita berkreasi :).

catatan: daripada lupa jadi lebih baik ditulis di sini saja. Semoga juga bisa membantu rekan-rekan lainnya 🙂

Prakarya TIK

SKKD Mata Pelajaran Prakarya Kelas X
sumber dari sini: Bincang edukasi

Rekayasa

No Kompetensi Inti Kompetensi Dasar
1. Menghayati dan mengamalkan ajaran agama yang dianutnya 1.1 Menghayati keberhasilan dan kegagalan wirausahawan dan keberagaman produk rekayasa di wilayah setempat dan lainnya sebagai anugerah Tuhan
2. Menghayati dan mengamalkan perilaku jujur, disiplin,tanggungjawab, peduli (gotongroyong, kerjasama, toleran,damai), santun, responsif dan pro aktif dan menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secaraefektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia 2.1 Menunjukkan motivasi internal dan peduli lingkungan dalam menggali informasi tentang keberagaman produk rekayasa dan kewirausahaan di wilayah setempat dan lainnya
2.2 Menghayati perilaku jujur, percaya diri, dan mandiri dalam memperkenalkan karya rekayasa di wilayah setempat dan lainnya dan menerapkan wirausaha
2.3 Menghayati sikap bekerjasama, gotong royong, bertoleransi, disiplin, bertanggung jawab, kreatif dan inovatif dalam memahami kewirausahaan dan membuat karya rekayasa di wilayah setempat dan lainnya dengan memperhatikan estetika produk akhir untuk membangun semangat usaha
3. Memahami , menerapkan, menganalisis dan mengevaluasi pengetahuan faktual, konseptual, prosedural, dan metakognitif berdasarkan rasa ingintahunya 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 3.1 Memahami desain produk dan pengemasan karya rekayasa elektronika praktis berdasarkan konsep berkarya dan peluang usaha dengan pendekatan budaya setempat dan lainnya
3.2 Memahami sumber daya yang dibutuhkan dalam mendukung proses produksi usaha rekayasa elektronika praktis
3.3 Menganalisis proses produksi usaha rekayasa elektronika praktis di wilayah setempat melalui pengamatan dari berbagai sumber
3.4 Memahami pembuatan proposal usaha rekayasa elektronika praktis
3.5 Memahami desain produk dan pengemasan karya rekayasa elektronika dengan kendali otomatis berdasarkan konsep berkarya dan peluang usaha dengan pendekatan budaya setempat dan lainnya
3.6 Memahami sumber daya yang dibutuhkan dalam mendukung proses produksi usaha rekayasa elektronika dengan kendali otomatis
3.7 Menganalisis proses produksi usaha rekayasa elektronika dengan kendali otomatis di wilayah setempat melalui pengamatan dari berbagai sumber
3.8 Menganalisis hasil usaha rekayasa elektronika dengan kendali otomatis berdasarkan kriteria keberhasilan usaha
4. Mengolah, menalar, dan menyaji, dan mencipta dalam ranah konkretdan ranah abstrak terkaitdengan pengembangan dariyang dipelajarinya di sekolahsecara mandiri, serta bertindak secara efektif dan kreatif, dan mampu menggunakan metoda sesuai kaidah keilmuan 4.1 Mendesain produk dan pengemasan karya rekayasa elektronika praktis berdasarkan konsep berkarya dan peluang usaha dengan pendekatan budaya setempat dan lainnya
4.2 Mendesain prosesproduksi karya rekayasa elektronika praktis berdasarkan identifikasi kebutuhan sumber daya, teknologi, dan prosedur berkarya dengan pendekatan budaya setempat dan lainnya.
4.3 Membuat karya rekayasa elektronika praktis yang berkembang di wilayah setempat dan lainnya sesuai dengan teknik dan prosedur.
4.4 Membuat proposal dan mempraktikkan usaha rekayasa elektronika praktis.
4.5 Mendesain produk dan pengemasan karya rekayasa elektronika dengan kendali otomatis berdasarkan konsep berkarya dan peluang usaha dengan pendekatan budaya setempat dan lainnya.
4.6 Mendesain prosesproduksi karya rekayasa elektronika dengan kendali otomatis berdasarkan identifikasi kebutuhan sumber daya, teknologi, dan prosedur berkaryadengan pendekatan budaya setempat dan lainnya.
4.7 Membuat karya rekayasa elektronika dengan kendali otomatis yang berkembang di wilayah setempat dan lainnya sesuai teknik dan prosedur.
4.8 Menyajikan hasil evaluasi usaha rekayasa elektronika dengan kendali otomatis berdasarkan kriteria keberhasilan usaha.

Di atas adalah Standar Kompetensi dan Kompetensi Dasar dari mata pelajaran Prakarya untuk jenjang SMA, kelas IX.

Di sekolah tempat saya mengajar, mata pelajaran TIK tetap diajarkan namun dimasukkan ke dalam mata pelajaran Prakarya. Seperti diketahui di dalam SKKD mata pelajaran Prakarya dibagi menjadi 4 pilihan, yaitu: Kerajinan, Rekayasa, BudiDaya, dan Pengolahan.

Karena sekolah kami menggunakan Kurikulum 2013 (namun tetap ingin mengajarkan mata pelajaran TIK) maka kami menyiasatinya dengan memasukkan pembelajaran TIK ke dalam mata pelajaran Prakarya.

Dari pihak sekolah membebaskan saya untuk berkreasi dengan mata pelajaran baru ini. Maka, baiklah ini rancangan saya, yaitu menetapkan pilihan pada Rekayasa. Karena setelah membaca SKKD yang ada, saya berkesimpulan pilihan Rekayasa lebih mudah untuk diterapkan dalam pembelajaran TIK.

Rekayasa adalah penerapan ilmu pengetahuan di kehidupan nyata. Dalam penerapannya dengan teknologi informasi dan komunikasi, ada banyak kita temui produk rekayasa TIK di dalam kehidupan sehari-hari, diantaranya adalah: telepon, televisi, internet, komputer, dan lain-lain. Nah, dari sana kita bisa memulai memasukkan materi TIK berikut projek akhirnya sebuah prakarya.

Oke, saya mulai mendapat titik terangnya nih :). Yup, bikin lesson plan dulu ya 🙂

Uploading File ke Web Hosting

Untuk murid-muridku. Pelajaran HTML kita kemarin belum sampai proses uploading ya. Dan seperti janji Ibu, di sini akan Ibu paparkan panduan untuk melakukan proses transfer file ke web hosting.

Untuk yang lupa apa itu HTML, kalian bisa mengikuti dan membaca materi ini di sini:
1. Belajar HTML #1
2. Belajar HTML #2
3. Belajar HTML #3
4. Belajar HTML #4

Proses terakhir dari sebuah perancangan web adalah memilih web hosting, baik gratis atau berbayar. Web Hosting adalah rumah kita di Internet, tempat kita menyimpan semua file-file kita. Web hosting ada yang berbayar dan ada yang gratis. Nah, untuk belajar kita bisa mulai dari yang tidak berbayar saja dahulu. Selengkapnya mengenai web hosting kamu bisa baca di sini.

Ada banyak layanan jasa penyewaan tempat di Internet, salah satu yang cukup bagus untuk free web hosting adalah situs http://www.000webhost.com/ . Atau kamu bisa mengekliknya di sini.

Langkah-langkah untuk melakukan proses uploading adalah sebagai berikut:
1. masuk ke situs http://www.000webhost.com/
2. Pada panel kanan, klik pilihan Free Domain Hosting.
host1
3. Lakukan Sign Up untuk mendaftarkan akun mu. Tunggu email konfirmasi dari 000webhost.com. Setelah kamu terima, login kembali dengan memasukkan username dan password yang telah dikirimkan melalui email tersebut. Selanjutnya, isikan data yang diminta.
host2
4. Ikuti perintah selanjutnya.
5. Setelah web masuk ke halaman Cpanel, (Cpanel bertujuan untuk mengelola web secara mudah), klik ikon File Manager.
host3
6. Akan muncul tampilan file manager seperti di bawah ini.
host4
7. Berikutnya, klik dua kali pada ikon public html. (catatan: semua file akan diletakkan di directory public html, agar dapat diakses oleh pengunjung di internet.
host4
8. Setelahnya kamu akan berada di halaman public html. Upload semua file html mu beserta file pendukung (file gambar, musik, video, dan lain-lain) dengan mengeklik pilihan Upload. Oya, sebelum mengupload file, hapus terlebih dahulu file default yang ada di directory public html. Jangan lupa juga me-rename nama file html mu dengan nama file index.html.
Misalkan, nama file yang kamu buat di teks editor seperti notepad dan lain-lain kamu beri nama dengan: faiz.html. Nah, rename file tersebut menjadi index.html
Pengubahan itu dimaksudkan agar file html mu dapat ditampilkan secara langsung di halaman pertama webmu.
host5
9. Upload semua file. Perhatikan kuota file yang diperbolehkan (setiap web hosting memiliki batasan tersendiri). Jika telah selesai memilih file yang ingin diupload klik tanda centang. Tunggu sampai proses uploading selesai.
host6
10. Terakhir, periksa web mu dengan mengetikkan alamat web yang diberikan oleh web hosting (dalam hal ini www.000webhost). Kalau lupa coba lihat emailmu, di sana biasanya dituliskan kembali alamat webmu. Atau lihat URL di sudut kanan pada gambar di atas itu ^-^.

update:
Hasil uploading pelajaran HTML dapat dilihat di sini.

Selamat mencoba.
Kalau webnya sudah berhasil tayang di Internet beritahu Ibu ya 🙂

Formula dan Fungsi di Pengolah Angka #2

Melanjutkan pelajaran kita yang lalu di sini, maka berikut ini adalah beberapa fungsi lainnya disertai penjelasan ulang beberapa fungsi.

Kalau kamu bertanya apa perbedaan Countif dan Sumif, coba perhatikan latihan di bawah ini.

Masih ingat kegunaan fungsi Countif?
Countif digunakan untuk menghitung banyak data yang terdapat dalam range tertentu yang memenuhi kriteria atau kondisi tertentu.

Sumif digunakan untuk menghitung penjumlahan data angka yang memenuhi kriteria atau kondisi tertentu.

Latihan 1
countif-sumif2

(catatan: warna kuning artinya dihitung dengan menggunakan rumus)

Dapatkah kamu menebak rumus apa yang digunakan untuk menghitung Jumlah Tamu, Jumlah Kamar, dan Nilai Transaksi?

Jumlah Tamu diperoleh dengan menggunakan rumus CountA. Mengapa bukan Count saja? CountA (A dari Alphabetical), artinya data yang dihitung berupa data abjad atau alfabet. Pada latihan di atas, data yang berada di kolom Nama Tamu berisi data alfabet (A-Z) dan bukan data angka (untuk rumus Count).

Jadi, rumus Jumlah Tamu adalah: =COUNTA(B6:B15)

Jumlah Kamar
Bagaimana dengan rumus Jumlah Kamar?
Di sini kamu diminta untuk menghitung banyaknya transaksi hunian yang terjadi untuk setiap kamar (Suite, Executive, dstnya).
Maka, rumus yang digunakan adalah Countif

Cara Satu:
Jumlah Kamar: =COUNTIF(E6:E15,I6)

Hm, kira-kira bisa tidak kalau rumusnya diganti seperti di bawah ini?

Cara Dua:
=COUNTIF(E6:E15,”Suite”)

Bisa saja. Kamu tentu masih ingat latihan kita di labkom beberapa minggu lalu mengenai tiket “Jogjakarta”, “Padang”, dstnya. Waktu itu kamu harus mengetik ulang rumus, bukan? Seperti ini, misalnya:
=COUNTIF(M6:M15,”Jogjakarta”)
=COUNTIF(M6:M15,”Padang”)
dstnya

Kamu tidak bisa menyalin rumus di atas karena kriteria yang diinginkan tidak sama.

Maka, kekurangan menggunakan rumus =COUNTIF(E6:E15,”Suite”) ini adalah, kamu harus mengetik rumus satu persatu atau dengan kata lain kamu tidak bisa menyalin (copy paste) rumus karena kriteria yang diinginkan berbeda.
Mana yang lebih nyaman digunakan? Cara satu atau Cara dua?

Berikutnya adalah menghitung rumus Nilai Transaksi
Kamu diminta menghitung nilai transaksi yang ada pada setiap kamar.
Berarti, kamu membutuhkan 2 data, yaitu: pertama, data Nama Kamar, dan kedua, data Total Bayar.
Rumus apa yang akan kamu gunakan?
Yup, Sumif. (ingat saja, Sum artinya menjumlah. Maka gunakan Sumif untuk menghitung penjumlahan data angka yang terdapat dalam range tertentu yang memenuhi kriteria tertentu)
Rumusnya adalah: =SUMIF(E6:E15,I6,G6:G15)

Mudah, kan?

Selamat menempuh UAS, semoga sukses.
Satu saja pesan Ibu, jangan menyontek ya Cantik, Ganteng 🙂
Selamat belajar dan semoga bermanfaat.

Belajar HTML #4

Materi HTML kita minggu ini adalah membuat tabel, memasukkan script video dan membuat hyperlink.

1. Tabel
Untuk apa sih tabel itu? Nah, perhatikan tampilan blog ini. Blog ini sebenarnya menggunakan tabel dengan 2 kolom. Kolom pertama berisi jurnal atau postingan artikel. Dan sebelah kanan berisi informasi seputar kategori tulisan, form pencarian, dan lain-lain. Dengan tabel, kita bisa memodifikasi agar tampilan web lebih menarik dan rapi.

Tag yang digunakan untuk membuat tabel di HTML adalah:
<table>
<tr>
<td> . . . </td>
</tr>
</table>

Keterangan:
<table>, adalah tag yang digunakan untuk membuat tabel di html
<tr>, atau table row untuk menentukan baris
<td>, atau table data berguna untuk menampilkan data pada setiap sel tabel atau untuk membuat kolom baru.

Untuk membuat tampilan tabel seperti di bawah ini, maka penulisan html nya sebagai berikut:

<html>
<head>
<title>tabel</title>
</head>
<body>
<table border=”1”>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
2kolom

Bagaimana jika ingin membuat tabel dengan 2 baris dan 2 kolom seperti gambar di bawah ini?
baris2kolom2
maka script html nya sebagai berikut:

<html>
<head>
<title>tabel</title>
</head>
<body>
<table border=”1”>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
</tr>
</table>
</body>
</html>

Tahu perbedaannya? Coba perhatikan baik-baik tag tabel di atas.

Untuk menambahkan 2 baris, kamu hanya perlu menambahkan tag <tr> yang baru. Masih ingatkan guna tag <tr>, yaitu untuk menambahkan baris baru. Selanjutnya, kamu hanya perlu memasukkan data untuk baris kedua. Demikian pun untuk baris ketiga dan seterusnya. Mudah, bukan?

Sekarang, mari kita mengenal atribut yang ada dalam tabel. Kamu masih ingat atribut apa saja yang ada dalam font? Yup, betul. Font face, size, dan color.

Berikut ini adalah atribut untuk tabel:
t1
atribut untuk elemen <tr> adalah:
t2
atribut untuk elemen <td> adalah:
t3

2. Menambahkan Video
Bagaimana jika kamu ingin menempelkan video klip dari youtube? Atau video klip milikmu yang telah kamu unduh di youtube atau sosial media seperti facebook? Mudah saja. Begini caranya. Masuk ke youtube. Pilih video yang ingin kamu masukkan ke dalam webmu. Pilih menu Share. Selanjutnya, klik pilihan embed. Salin (copy) script yang ada di sana. Selanjutnya, paste atau pindahkan ke dokumen htmlmu.

seperti ini, misalnya:
<iframe width=”320″ height=”215″ src=”http://www.youtube.com/embed/q1dpQKntj_w” frameborder=”0″ allowfullscreen></iframe>

3. Membuat Hyperlink
Hyperlink adalah teks yang jika kamu klik akan mengarah kepada halaman web lainnya.

Script html untuk hyperlink adalah:
<a href=”alamat situs”>teks
sebagai contoh:
<a href=”http://lissaexplains.com”>Panduan Blogging</a>

Maka, jika kamu mengeklik teks Panduan Blogging di atas, browser akan mengarahkanmu kepada halaman si empunya web yang kamu klik tadi, yaitu lissaexplains.com

Nanti kalian bisa mencoba sendiri. Nah, sekarang bagaimana jika kita ingin membuat tampilan web seperti contoh di bawah ini ya? Halaman web di bawah itu merupakan semua materi pembelajaran HTML yang telah kamu pelajari loh ^-^.
Teks di side bar kanan itu adalah contoh hyperlink.
Bisa membuatnya?
tabel
Ini adalah script untuk membuat tampilan web seperti di atas.
<html>
<head>
<title>tabel</title>
</head><body bgcolor=”#ffddaa”>
<img src=”bgcat2.jpg”>
<p>

<table width=”500″ border=”1″>
<tr>
<td><h1>Tentang Kucing</h1>
<p>
Kucing adalah hewan peliharaan yang paling dicintai di rumah. Kucing adalah mamalia karnivor kecil yang dihargai oleh manusia untuk persahabatan dan kemampuannya memburu kutu dan hama rumah. Kucing adalah sahabat yang sempurna. Kucing hanya harus teratur diberi makan. Kucing juga memerlukankan tempat berlindung.</td>

<td><ol>Cat Bloggers
<li><a href=”http://www.blog.catblogosphere.com/”>Cat blogosphere
<li><a href=”http://bloggingcat.blogspot.com/”>BloggingCat
<li><a href=”http://www.dailycatpicture.com/”>Dailycatpicture

</td>
</tr>
</table>
<p>
<iframe width=”320″ height=”215″ src=”http://www.youtube.com/embed/q1dpQKntj_w” frameborder=”0″ allowfullscreen></iframe>

</body>
</table>

update:
Hasil web yang sudah diupload ke free hosting bisa dilihat di sini. Panduan untuk proses uploading ke free hosting menyusul ya ^-^.

sumber tulisan:
dari sini, sana, dan ini serta itu juga bisa dibaca untuk melengkapi referensimu. Dan ada banyak sumber pembelajaran lainnya.

Selamat belajar dan semoga membantumu 🙂

Belajar HTML #3

Di pelajaran HTML ke 3 ini, kalian akan belajar membuat header image dengan menggunakan berbagai program grafis dan editing foto. Di sini, Ibu akan menggunakan program menggambar Paint dan Photoshop sebagai program editing foto atau gambar. Selain kedua program itu, kamu bisa menggunakan berbagai program grafis dan editing lainnya. Oya, kita akan menambahkan script untuk memasukkan musik sebagai latar belakang webmu.

Yuk, kita mulai ^-^

1. Buat gambar bebas. Sebagai contoh buat gambar di program Paint. Kemudian simpan.
html3-1
2. Buka program Photoshop. Pilih File-New. Tentukan ukuran untuk header, misalnya seperti contoh di bawah ini. Untuk opsi Contents, pilih Transparent. Selanjutnya beri warna.
html3-2
3. Tampilan header akan seperti di bawah ini.
html3-3
4. Berikutnya, di program Photoshop, buka file gambar yang telah kamu buat di program Paint tadi. Pilih File, klik Open. Gambar akan muncul.
5. Seleksi gambarmu. Kemudian, dengan ikon Move Tool, klik dan tarik gambar ke dalam header.
html3-4
html3-5
6. Atur ukuran gambar dengan mengeklik tombol Ctrl+t. Pindahkan ke tempat yang kamu inginkan.
html3-6
7. Untuk menyalin gambar, pada panel kanan, klik tanda panah. Akan muncul jendela seperti di bawah ini. Pilih Duplicate Layer.
html3-7
8. Tunggu sampai muncul kotak seperti di bawah ini
html3-8
9. Berikutnya, klik gambar. Pindahkan salinan gambar ke tempat yang kamu inginkan.
html3-9
10. ulangi langkah di atas.
11. Simpan file gambarmu dalam format jpg. Pilih File, klik Save dalam format jpg.
html3-12

catatan:
Langkah di atas adalah untuk membuat header seperti yang ada di contoh halaman web di tulisan sebelumnya. Kamu, tentu saja boleh berkreasi membuat header dengan tampilan yang lebih menarik.

Langkah berikutnya adalah memasukkan header image ke dalam dokumen html mu. Masih ingat cara penulisan dokumen html, kan? Kalau lupa lihat tutorialnya di sini.

Selanjutnya, bagaimana memasukkan file lagu ke dalam web?
Format yang dapat kamu tambahkan adalah mid atau mp3. Namun yang perlu kamu perhatikan, untuk mp3 ini dapat menyebabkan proses loading yang lambat ketika web dipanggil.

Script untuk menambahkan lagu adalah:
<embed src=”namalagu.ekstensi file”>
contoh:
<embed src=”OneDayInYourLife-MJ_demo.mid”>

Hasil akhir halaman web dapat kamu lihat di sini.