Bikin tampilan spoiler pada website kita

Anda pernah windows shooping di Kaskus? Mungkin anda pernah melihat iklan yang disembunyikan dalam spoiler.. Sehingga informasi yang ada didalamnya dapat disembunyikan/ditampilkan. Keuntungannya adalah beban loading bisa dikurangi. Tertarik untuk menirunya? Berikut ini adalah kode htmlnya

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Lihat" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">
Pesan anda
</p>
</div><div id="hide"></div></div></div>

Pesan anda

Aplikom Teori D3 Ankim (Gasal 2010)

Silabi Teori Aplikasi Komputer untuk semester Gasal 2010 program studi D3 Analis Kimia :

• Pengenalan perkembangan hardware komputer
• Pengenalan OS dan Sistem Aplikasi
• Pengenalan teknologi internet dan mobile
• (Kompetensi tambahan)

Slide kuliah I (Pengenalan Hardware) : Silahkan anda download disini
Slide kuliah II (Pengenalan RAM) : Silahkan anda download disini
Slide Kuliah III (Pengenalan Harddisk) : Silahkan anda download disini
Slide Kuliah IV (Pengenalan VGA) : Silahkan anda download disini
        Slide tambahan mengenai VGA (ditulis oleh Matthias Schumacher) : Silahkan anda download disini
Slide Kuliah V (Pengenalan input-output device) : Silahkan anda download disini
Slide Kuliah VI (Pengenalan perangkat jaringan) : Silahkan anda download disini

Daftar Nilai Anda :

No	NIM	Nama	Tgs 1	Nilai Mid	Tgs 2	Tgs 3	Presentasi	UAS	Nilai Akhir
1	22091095F	Richard Saputro	Fotokopi (0)	82	70	70	60	71	C (2.4)
2	22091094F	Rani Widuri	Fotokopi (0)	81	70	70	60	62	C (2.1)
3	22091085F	Abednego Giwangkara	70	81	70	70	70	64	B (3.2)
4	22091089F	Galih Panji P.	Fotokopi (0)	86	70	75	70	74	C (2.7)
5	22091087F	Anita Christin Eva H.	80	89	70	75	60	85	B (3.7)
6	22091096F	Sariyati	80	92	70	75	60	69	B (3.5)
7	22091099F	Selviana	80	91	75	75	70	88	B (3.9)
8	22091098F	Pristika Ayu W.	Fotokopi (0)	78	70	70	60	72	C (2.3)
9	22091097F	Wahab Isnan Jumdu	75	89	70	70	60	82	B (3.6)
10	22091093F	Nola Kurniawan	Fotokopi (0)	83	70	70	50	63	C (2.1)
11	22091092F	Niko P.	75	86	0	70	65	89	B (3)
12	22091090F	Hendrik Kuncoro Adhi	75	80	70	70	75	82	B (3.6)
13	22091088F	Daniel D.P.	80	74	0	70	60	67	C (2.2)

Jawaban ujian mid : Silahkan anda download disini.
Slide kuliah VI (Pengenalan Prosesor; blm selesai sempurna) : bisa anda download disini
Slide kuliah VII (Pengenalan BIOS dan Proses Booting) : bisa anda download disini
Slide kuliah VIII (Pengenalan Sistem Operasi) : bisa anda download disini
Slide kuliah IX (Pengenalan Internet) : bisa anda download disini

Catatan :
Tugas 2 (Membuat artikel tentang BIOS yang pengumpulannya via email) sudah saya cek pada 11 Desember 2010 malam. Hasilnya : Yang baru masuk hanyalah email dari Hendrik dan Selviana. Yang lain, saya beri kelonggaran waktu hingga Senin, 13 Desember 2010 jam 17.00.
Mohon diperhatikan !! Terima kasih
Tugas sudah saya terima dan saya nilai. Agar adil, maka saya beri perbedaan nilai sesuai dengan perbedaan ketaatan mengumpulkan tugas. Dan yang melewati batas waktu serta yang tidak mengumpulkan, mohon maaf saya beri nilai NOL.

Slide kuliah X (Sosial-Computing) : bisa anda download disini 
Rumus Penilaian (Nilai Skala 100): (2*Nilai Harian ((Tugas1+Tugas2+Tugas3+Presentasi)/4))+Mid+UAS)/4
Berikutnya untuk merubah nilai dari Skala 100 ke Skala 5 dan Nilai Huruf digunakan tabel konversi yang ada dibuku pedoman akademik.

Pemrograman Komputer (Teori) S1 Teknik Industri - 2010

Materi / SAP untuk Mata Kuliah kita di tahun 2010 ini :

1. Elemen dasar dalam pemrograman komputer
2. Studi kasus penyusunan algoritma
3. Penerapan algoritma ke bahasa program
4. Studi kasus penyusunan program komputer

Bahan pustaka : Berbagai buku, slide kuliah atau artikel yang membahas teori - teori pemrograman komputer.

• Slide kuliah pertemuan I : Silahkan anda download di sini.
• Slide kuliah pertemuan II (pengantar pemrograman komputer) : Silahkan anda download disini
• Slide kuliah pertemuan III (struktur bahasa pemrograman : javascript) : Silahkan anda download disini

Guys, mohon maaf untuk pertemuan tanggal 25 Oktober 2010 saya tidak bisa memberikan kuliah di depan kelas karena ada acara di UGM yang tidak bisa saya tinggalkan. Sebagai pengganti : mohon kalian meminta kunci laboratorium komputer di BAAK/PUSKOM dan kerjakan tugas berikut ini.
Klik disini untuk men-download tugas yang harus dikerjakan.

Guys, hari Senin tanggal 1 November 2010 saya adakan kuliah tambahan untuk menggenapi jumlah pertemuan sebelum mid-semester. Kuliah saya adakan di laboratorium komputer mulai 09.00 sampai selesai. Sekalian kita bahas, kisi-kisi soal yang akan saya ujikan pada mid-semester besok.
Terima kasih.

• Jawaban tugas (tanggal 25 Oktober 2010) : Silahkan anda download disini
• Jawaban Ujian MID : Silahkan anda download disini

Daftar Nilai Anda :

No	NIM	Nama	Total Tugas	Nilai MID	UAS	Nilai Akhir
1	10100060E	Febri Hermantoro	75	81	71	B (3.5)
2	09100058E	Yosefin M	75	68	71	B (3.3)
3	06080054E	Anthony Prasetya	74	75	77	B (3.5)
4	06080053E	Ali Sofyan M.	73	49	64	C (2.5)
5	09100057E	Bayu Wuryaning Sundhari	77	79	85	B (3.7)

• Slide kuliah pertemuan IV : Bisa anda download disini. Sedangkan untuk master program notepad++ bisa anda download disini.
• Bahan pertemuan VI : Bisa anda download disini.

Guys, mohon maaf saya tidak dapat mendampingi perkuliahan, sebagai gantinya saya pandu kalian melalui file yang saya buat (Silahkan kalian download terlebih dahulu)..
Kemudian kalian coba melanjutkan praktek kita yang kemarin belum selesai. Saya sudah membuat langkah-langkahnya, silahkan kalian ikuti.
Jangan lupa untuk mengirimkan hasilnya ya.. Kemudian juga ada tugas, waktunya 1 minggu. Silahkan kalian coba analisa ya..

Kesepakatan Kelas : Perpanjangan waktu pengumpulan tugas hingga hari Rabu (15 Desember 2010 pukul 19.00). Mohon menjadi perhatian..!

• Bahan pertemuan VII (Pendalaman Javascript, saya ambil dari materi e-learningnya PENS-ITS) : Silahkan anda download disini (Tugas yang tertera pada modul tersebut, silahkan dikirimkan via email paling lambat hari Minggu, 19 Desember 2010 jam 10.00).

Rumus Penilaian (Nilai Skala 100): (2*Nilai Harian ((Tugas1+Tugas2+Tugas3+Presentasi)/4))+Mid+UAS)/4
Berikutnya untuk merubah nilai dari Skala 100 ke Skala 5 dan Nilai Huruf digunakan tabel konversi yang ada dibuku pedoman akademik. 

Powerpoint (D3 Farmasi Progsus - Genap 0910)

Saya punya dua buah file Power Point hasil karya mahasiswa :
        Bisa anda download disini.

Pada powerpoint tersebut, anda bisa mempelajari teknik penggunaan Microsoft Power Point mulai dari dasar/pengenalan hingga tingkat lanjut.

Tugas Bapak/Ibu pada hari ini (Kamis/5 Agustus 2010) : Membuat slide power point tentang tugas dan kewajiban Bpk/Ibu sekalian ditempat kerja.

Jumat esok (6 Agustus 2010), silahkan Bapak/Ibu presentasikan didepan kelas untuk mendapatkan penilaian.
Terima kasih.

Ujian Excel (D3 Farmasi Progsus - Genap 0910)

Bapak/Ibu Yth.
Silahkan untuk mengerjakan soal ujian ini sesuai dengan petunjuk, pada komputer anda masing-masing, jika anda merasa sudah selesai, maka mintalah Mas Yohanes untuk memberikan penilaian atas hasil pekerjaan anda.

Tabel Soal :

No	Nama	Ijin	Sakit	Alpha	Keterangan
1	Agung	1	3	3	Diijinkan Ujian/Tidak boleh ikut ujian
2	Anas	3	4	4
3	Ahmad	2	5	2
4	Beni	0	3	3
5	Cahaya	2	2	2
6	Damar	4	1	1
7	Rahma	1	6	1
8	Rusdi	2	5	2
9	Rudi	1	3	2
10	Sakti	0	2	1

Soal 1.
Kolom keterangan, diisi : "Diijinkan Ujian/Tidak Boleh Ikut Ujian"
dengan petunjuk pengisian : Jika alpha > 2 maka "Tidak Boleh Ikut Ujian"

Soal 2.
Silahkan anda buat grafik dari tabel di atas seperti contoh berikut :

Selamat bekerja..

Excel 2 (D3 Farmasi Progsus - Genap 0910)

Sekarang saya coba bahas satu per satu kolom isian dari latihan excel yang menjadi tugas Bapak/Ibu sekalian :

Latihan 4

1. Kolom golongan diisi berdasarkan isian pada kolom NIP. Petunjuk : Diambil dari karakter ke-5. Rumus isiannya :   =mid(NIP,5,1). Artinya mengambil karakter ke-5 sebanyak 1 bh dari cell NIP. Mohon diperhatikan tulisan NIP tersebut diganti dengan koordinat cellnya, misal C5.
2. Kolom jabatan diisi berdasarkan isian pada kolom NIP. Petunjuk : Dengan bantuan dua digit pertama dari NIP. Rumus isiannya :   =if(left(NIP,2)="AD", "Administrasi", if(left(NIP,2)="MG", "Manajer", "Karyawan")). Artinya : Jika dua digit pertama dari kolom NIP adalah AD maka Administrasi sedang jika MG maka Manajer selain itu maka Karyawan.
3. Kolom status diisi berdasarkan isian pada kolom NIP dengan bantuan Tabel Bantu II. Petunjuk : Jika Karakter terakhir NIP = "K" berarti "Kawin sedang jika "T" berarti "Tidak Kawin". Rumus isian : = hlookup (NIP, $E$18:$F$19, 2). Petunjuk : tulisan NIP diganti dengan koordinat cellnya. Kemudian range table adalah blok dari tabel bantu II. Mohon Bapak/Ibu jangan lupa memberi tanda $. Artinya isian tersebut kita kunci agar pada saat proses copy/paste tidak ikut bergeser. Kemudian 2 artinya kita mengisikan status dari baris kedua tabel bantu.
4. Kolom gaji pokok diisi berdasarkan isian pada kolom golongan dengan bantuan Tabel Bantu I. Karena tabel bantu I berbentuk vertikal, maka kita menggunakan fungsi vlookup. Rumus isiannya : =vlookup(Gol, $A$19 : $B$22, 2). Petunjuk : tulisan Gol diganti dengan koordinat cellnya. Kemudian range table adalah blok dari tabel bantu I. Jangan lupa dengan tanda $. Kemudian 2 artinya kita mengisikan gaji pokok dari kolom kedua tabel bantu.
5. Kolom tunjangan anak diisi berdasarkan isian pada kolom jumlah anak. Rumus isiannya :   =if(JA=0, 0, if(JA=1, 50000, if(JA=2, 100000, if(JA=3, 150000, 150000)))). Artinya jika Jumlah Anak = 0 maka tidak dapat tunjangan (tunjangan = 0), jika jumlah anak = 1 maka tunjangan = Rp. 50.000,  jika jumlah anak = 2 maka tunjangan = Rp. 100.000, jika jumlah anak = 3 maka tunjangan = Rp. 150.000, selain itu maka tunjangan juga tetap Rp. 150.000

Latihan 5

1. Kolom warna barang menggunakan tabel bantu 1 diisi dengan fungsi HLOOKUP pada baris ke-2. Digabungkan dengan fungsi RIGHT. Contoh :      =hlookup(right(kode_jual,2), $B$2 : $D$4, 2)
2. Kolom produksi sama seperti no 1. diisi dengan fungsi HLOOKUP pada baris ke-3.
3. Kolom jenis barang menggunakan tabel bantu 2 dengan fungsi HLOOKUP pada baris ke-2. Digabungkan dengan fungsi MID. Contoh :     =hlookup(mid(kode_jual, 5, 2), $G$2 : $I$4, 2)
4. Kolom Harga Barang sama seperti no 3. diisi dengan fungsi HLOOKUP pada baris ke-3.  
5. Harga Resmi diisi dengan mengalikan Harga Barang dengan Jumlah.
6. Diskon diisi dengan fungsi IF digabungkan dengan fungsi MID. Contoh :    =if(mid(kode_jual, 3, 1)="1", 10%*Harga Resmi, 0)
7. Harga Bayar diisikan dengan mengurangi Harga Resmi dengan Diskon.