duritajam.web.id http://duritajam.web.id css matematika dan desain.. eh anu.. berbagi yuk !! Sat, 31 Mar 2012 04:09:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Tagline Website Ini Terasa Doa http://duritajam.web.id/lainya/tagline-website-ini-terasa-doa/ http://duritajam.web.id/lainya/tagline-website-ini-terasa-doa/#comments Fri, 09 Mar 2012 02:36:48 +0000 Rochsid Tehape http://duritajam.web.id/?p=2075 Baiklah, selama beberapa minggu tak pernah lagi mengasah otak lewat posting. Memang sangat disadari oleh semua bloger membuat konten website yang stabil adalah hal yang sangat sulit dilakukan tanpa sebuah ketekunan.
Awal mula saya membuat blog ini pada tahun 2009 adalah untuk berbagi ilmu di dunia matematika, dan memang pada saat itu saya belum menyelesaikan studi di Jurusan Matematika dengan prodi Pendidikan Matematika. Maka isenglah saya memberi tagline blog ini sebagai “blognya calon guru matematika” coba aja gugling dengan tagline itu pasti akan keluar blog saya paling atas kalo belum digeser oleh para master SEO yang iseng nembak keyword.

TAGLINE JADI DOA
Oke, kembali ke pokok permasalahan yaitu tentang tagline saya sebagai sebuah doa, ya karena sampai saya lulus sekarang saya ndak menjadi guru matematika, ya saya tetap menjadi calon guru matematika saja sampai saat ini.
Mempertahankan blog pada sebuah kajian berasa sangat sulit yaitu seakan-akan kita dibatasi untuk berbagi pada masalah lain yang kita temukan saat berselancar di dunia maya. Saya memang bertekad untuk tidak menyalin artikel dari blog lain secara gelondongan begitu saja, namun terlebih dulu melakukan editing dan membahasakan dengan gaya bahasa saya juga menyertakan sumber walau tak selalu dengan tautan.

]]> http://duritajam.web.id/lainya/tagline-website-ini-terasa-doa/feed/ 0 Pembahasan Soal UN Matematika Tahun 2011 http://duritajam.web.id/dunia-matematika/pembahasan-soal-un-matematika-tahun-2011/ http://duritajam.web.id/dunia-matematika/pembahasan-soal-un-matematika-tahun-2011/#comments Fri, 09 Mar 2012 02:31:26 +0000 Rochsid Tehape http://duritajam.web.id/?p=2109 Baru saja browsing tentang soal UN Matematika tahun 2011 malah dapat pembahasannya. P4TK Matematika menerbitkan pembahasannya, saya belum mengeceknya tapi baru mengunduhnya dan ingin meng-sahre bagi yang membutuhkannya. Soal yang dibahas adalah soal UN yang diujikan di Yogyakarta.

Berikut ini adalah tautan dari pembahasan soal UN matematika tahun 2011 dalam bentuk pdf.

Pembahasan Soal Matematika Ujian Nasional SD/MI Tahun Pelajaran 2010/2011

Pembahasan Soal Matematika Ujian Nasional SMP 2010/2011

Pembahasan Soal Matematika Ujian Nasional SMA IPA 2010/2011

Pembahasan Soal Matematika Ujian Nasional SMA IPS 2010/2011

Selamat belajar.

]]> http://duritajam.web.id/dunia-matematika/pembahasan-soal-un-matematika-tahun-2011/feed/ 0 Menghitung Panjang Tali yang Melilit Beberapa Pipa http://duritajam.web.id/dunia-matematika/menghitung-panjang-tali-yang-melilit-beberapa-pipa/ http://duritajam.web.id/dunia-matematika/menghitung-panjang-tali-yang-melilit-beberapa-pipa/#comments Thu, 08 Mar 2012 02:15:12 +0000 Rochsid Tehape http://duritajam.web.id/?p=2077 Sore kemaren di Blackberry grup ada yang menanyakan tentang cara menghitung panjang tali yang melilit beberapa pipa, dan saya memberi solusi dengan logika yaitu lingkaran yang tersentuh busurnya dianggap dililit separuh kelilingnya tetapi ternyata salah, itu hanya berlaku jika dua pipa saja yang dililit, dan syaratnya adalah semua pipa memiliki diameter yang sama.
Ilustrasi dari pipa yang dililit tersebut adalah seperti ini.

Nah, dari gambar di atas berapakah panjang tali yang digunakan untuk melilit pipa tersebut? Solusinya akan saya jelaskan dengan melengkapi gambar menjadi seperti berikut.

Dari gambar di atas panjang tali dapat dihitung dengan cara sebagai berikut.
Panjang tali = AB + Busur BC + CD + Busur DE + EF + Busur FA

AB = CD = EF = 2r
Busur BC = Busur DE = Busur FA = {<BPC*2 pi r}/360^0
Busur BC = Busur DE = Busur FA = {(360^0-90^0-90^0-60^0)* 2 pi r}/360^0
Busur BC = Busur DE = Busur FA = {120 * 2 pi r}/360
Busur BC = Busur DE = Busur FA = {240 * pi r}/360
Busur BC = Busur DE = Busur FA = {240 * pi r}/360
Busur BC = Busur DE = Busur FA = 2/3 pi r

Jadi panjang tali =3(2r) + 3(2/3 pi r )
Jadi panjang tali =6r + 2 pi r
Jadi panjang tali =( 6 + 2 pi ) r

Nah sekarang panjang tali dapat dihitung dengan mudah asalkan diameter pipa diketahui.
Selamat belajar.

]]> http://duritajam.web.id/dunia-matematika/menghitung-panjang-tali-yang-melilit-beberapa-pipa/feed/ 0 Text to Image CSS http://duritajam.web.id/css/text-to-image-css/ http://duritajam.web.id/css/text-to-image-css/#comments Tue, 06 Mar 2012 00:51:29 +0000 Rochsid Tehape http://duritajam.web.id/?p=2045 Sebenernya penasaran saya sudah lama tentang cara membuat teks menjadi gambar menggunakan css dan javascript. Namun saya selalu menempuh jalan untuk membuat gambar statis saja menggunakan photoshop dan memanggilnya menggunakan img scr pada htmlnya.
Hari ini mencoba mencari tutorial cara mengubah teks menjadi gambar dan saya dapatkan di cufon. Dan ternyata memang caranya sangat mudah. Langkahnya adalah sebagai berikut:

  1. Download file js memalui tautan ini dan letaknya pada head html anda. sebagi berikut: 
    <script type="text/javascript" src="js/cufon-yui.js"></script>
  2. Lalu pilih font yang anda gunakan dalam website anda.
  3. Setelah font didapat lalu upload ke website cufont. Maka setelah mensetujui term-nya, anda bisa mendownload javascriptnya dan letakkan di file html anda dengan cara sama seperti langkah pertama. 
    <script type="text/javascript" src="js/01_Digit_400.font.js">
</script>

    Nama file javascript di atas adalah generate sesuai nama font yang Anda upload.

  4. Selanjutnya adalah memilih tag pada html yang fontnya akan dijadikan image. Pemilihannya bisa spesifik pada sebuah ID atau Class CSS.
    Contohnya adalah sebagai berikut.

    <script type="text/javascript">
Cufon.replace('h1',{hover:true,textShadow: '#fff 1px 1px'})
('h2:not(.footerTitle,.boxFooter .twitter)',
{hover:true,textShadow: '#fff 1px 1px'})
('h3',{textShadow: '#fff 1px 1px'})('.reply',{hover:true});
</script

    Arti dari scrip diatas adalah mengubah semua h1, h2 dan h3 menjadi image, kecuali h2 dengan class footerTitle, boxfooter dan twitter. Juga beberapa perlakuan khusus.

Untuk lebih lengkap tentang dokumentasinya dapat dilihat langsung di website cufon

]]> http://duritajam.web.id/css/text-to-image-css/feed/ 2 Capek itu Milik Siapa? http://duritajam.web.id/lainya/capek-itu-milik-siapa/ http://duritajam.web.id/lainya/capek-itu-milik-siapa/#comments Sat, 07 Jan 2012 06:11:37 +0000 Rochsid Tehape http://duritajam.web.id/?p=2037 Heran ketika melihat teman yang sepertinya tidak mengenal lelah. Bekerja dari pagi sampe malam dan pulang dengan perjalanan yang lumayan jauh.
Saya membandingkan dengan diri saya sendiri yang merasa lungkrah tak karuan saat harus memandangi monitor dari pagi sampe malam namun pulang hanya butuh waktu beberapa menit saja. Melihat dari daya tahan tubuh ternyata dipengaruhi banyak faktor diantaranya adalah makanan dan olahraga. Eits.. Itukan pendapat dari ilmu gizi namun ada hal lain yang lebih dominan menurut saya yaitu motivasi. Motivasi mengumpulkan modal menikah dan membantu orang tua bagi yang lajang, motivasi menghidupi anak istri bagi yang tak lagi lajang.
Kemauan dalam pemenuhan kebutuhan dasar inilah yang menurut saya membuat orang gigih dan hampir tak mengenal lelah, seperti ada sesuatua yang diperjuangkan dari sini. Sungguh kekuatan motivasi ini sangat berperan dalam setiap langkah pekerjaan yang kita jalani. Namun setiap orang memiliki motivasi yang berbeda bahkan bisa saling bertolak belakang.
Okeh, dari sisi daya tahan tubuh yang saya singgung di depan tadi saya menemukan 5 penyebab yang membuat daya tahan tubuh melemah yaitu:

  1. Konsumsi makanan berlemak dan mengandung gula tinggi
  2. Berat badan yang tidak ideal
  3. Stress yang berlebihan
  4. Kurang olah raga
  5. Merokok

Yuk hidup sehat tak hanya dari motivasi !

]]> http://duritajam.web.id/lainya/capek-itu-milik-siapa/feed/ 0 Dasar-Dasar Embeding CSS http://duritajam.web.id/css/dasar-dasar-embeding-css/ http://duritajam.web.id/css/dasar-dasar-embeding-css/#comments Fri, 06 Jan 2012 01:52:09 +0000 Rochsid Tehape http://duritajam.web.id/?p=1868 Cascading Style Sheet atau CSS adalah sebuah pemrogamaran atau boleh dibilang script yang mengendalikan beberapa komponen (tag html) dalam sebuah website sehingga tampilan akan menjadi lebih terstruktur dan seragam. Ada tiga jenis cara dalam penggunaan CSS ini, yaitu:

  1. External Style Sheet
  2. Internal Style Sheet
  3. Inline Style Sheet

Yuk mari kita bahas satu persatu.

External Style Sheet

Adalah CSS yang dibuat dalam file terpisah dengan ekstensi file .css. Untuk memanggilnya menggunakan script html yang disisipkan antara tag head sebagai berikut:

<link rel="stylesheet" type="text/css" href="ditektori/filecss.css" />

Pada bagian href tersebut tinggal diisi mengarah ke direktori dimana Anda menempatkan file cssnya. Penggunaan sistem embeding css ini sangat disarankan karena memang banyak kelebihan yaitu mudah untuk melakukan pengeditan, mengatur semantik dan praktis terkumpul dari satu file.

Internal Style Sheet

Adalah cara embeding css dengan menulis langsung di dalam file html yang ingin kita atus tampilannya. Penulisan ini disisipkan diantara tag head juga dengan diapit oleh tag style. Berikut ini contohnya:

<style type="text/css">
body{
background:#cccccc;
font-family:Arial;
}
</style>

Inline Style Sheet

Adalah penulisan script css langsung pada tag html dengan menambahkan style di dalamnya. Contoh:

<p style="font-size:20px;">Tulisan yang di atur </p>

Dua cara terakhir ini tidak disarankan digunakan karena ribet dan memperbesar file setiap html anda sekaligus harus menulis di beberapa tempat sekaligus, kecuali memang sangat darurat. Darurat disini berarti memang tampilan segera dibutuhkan oleh pengguna saat itu sedangkan anda sedang membuka fie itu dan tidak sempat membuka file css karena keterbatasan koneksi misalnya.
Namun penggunaan external css akan memudahkan Anda di waktu kedepan dalam hal update dan editing.
Selamat mencoba.

]]> http://duritajam.web.id/css/dasar-dasar-embeding-css/feed/ 0 Guru Tak Boleh Labil Apalagi Galau http://duritajam.web.id/pendidikan-2/guru-tak-boleh-labil-apalagi-galau/ http://duritajam.web.id/pendidikan-2/guru-tak-boleh-labil-apalagi-galau/#comments Thu, 05 Jan 2012 03:40:00 +0000 Rochsid Tehape http://duritajam.web.id/?p=2014 Generasi galau yang menyerang dunia maya karena mereka tak tahu apa sebenarnya arti kata galau, ya begitulah inti kalimat dalam tuit Mbah Sudjiwotedjo dalam akun twitternya @sudjiwotedjo.
Menelisik dengan sedikit tuit tersebut saya teringat akan teman-teman saya yang ada di dalam kontak blackberry, sebagian dari mereka adalah dari kalangan guru bahkan guru SD (kenapa saya menambahkan “bahkan guru SD” ? nanti akan ada jawaban di tulisan ini).
Dalam kamus besar bahasa indonesia kata galau berarti sibuk beramai-ramai; ramai sekali; kacau tidak keruan (pikiran);  berarti galau itu terjadi dalam sebuah hiruk pikuk seharusnya. Tapi entah darimana kata itu cukup populer akhir-akhir ini di kalangan remaja bahkan yang sudah beranjak dewasa.

guru-kok-galau
Kredit Gambar: sxc.hu

Guru Labil

Nah, sekarang daya akan membahas mengenai daftar kontak di blackberry saya yaitu ada beberapa guru sekolah yang sering memasang avatar maupun status yang sangat labil untuk ukuran seorang guru. Kadang memasang gambar yang fullgar, menulis status yang mencercau dan memojokkan seseorang atau berkeluh kesah dengan sangat berlebihan.
Bukankah seoarang guru harus menjaga imagenya di depan murid bahwa dia adalah sosok yang kuat dan patut diteladani? bukan sosok yang labil dan suka bergalau-galau.

OK.. mungkin mereka menganggap bahwa tak ada satupun anak didik mereka yang tahu tentang apa yang mereka keluh kesahkan dalam status namun cepat atau lambat pasti bisa bocor alhasil martabat anda sebagai guru akan terinjak karena ulah anda sendiri yang labil di dunia maya. Mereka bisa tahu dari beberapa kemungkinan, misalnya orang tuanya adalah teman anda dan ada dalam kontak ponsel anda itu, atau mereka sudah bisa buka twitter dan menemukan akun anda disana dan masih banyak kemungkinan yang lain. Tak ada salahnya anda labil dan menggunakan kegalauan tapi harus tahu tempat dan waktu untuk meminimalisasi anak didik bisa mengetahuinya.

Seorang guru memang makan ati.. kenapa? ya karena menjaga image sebagai teladan tadi. Menurut saya dengan membiasakan diri bersikap normal dan wajar tak labil apalagi suka galau.
Tahan perkembangan anak dalam usia SD menurut Piaget adalah tahap operasional konkret yaitu anak mulai berpikir secara logis tentang kejadian-kejadian konkret dan akan cenderung menjadikan sosok idolanya untuk ditiru, dan apa yang terjadi saat sosok idolanya adalah guru kelasnya?
Selamat bagi guru Indonesia…

]]> http://duritajam.web.id/pendidikan-2/guru-tak-boleh-labil-apalagi-galau/feed/ 2 Menghilangkan “Says/Mengatakan” pada WordPress Comment http://duritajam.web.id/oprek-wordpress/menghilangkan-saysmengatakan-pada-comment-wordpress/ http://duritajam.web.id/oprek-wordpress/menghilangkan-saysmengatakan-pada-comment-wordpress/#comments Thu, 05 Jan 2012 01:05:07 +0000 Rochsid Tehape http://duritajam.web.id/?p=2003 Pada saat kita menggunakan comment template default dari wordpress maka setiap kali ada pengunjung blog yang memberikan komentar maka akan muncul kata says: (seeting bahasa inggris) atau mengatakan:(setting bahasa indonesia).
Nah jika Anda ingin menghilangkannya ada satu cara licik dari saya yaitu hanya menghilangkannya melalui css. Selektor untuk kata says: tersebut adalah class:says, jadi cukup tambahkan saja css berikut ini:

.says{
display:none:
}

And finally done !
Selamat mencoba ya….

]]> http://duritajam.web.id/oprek-wordpress/menghilangkan-saysmengatakan-pada-comment-wordpress/feed/ 0 Menambahkan Keterangan Info Kontak pada User WordPress http://duritajam.web.id/oprek-wordpress/menambahkan-keterangan-pada-user/ http://duritajam.web.id/oprek-wordpress/menambahkan-keterangan-pada-user/#comments Wed, 04 Jan 2012 17:06:08 +0000 Rochsid Tehape http://duritajam.web.id/?p=1999 Di dalam profil user wordpress terdapat bagian Contact info yang berisi E-mail, Website, AIM, Yahoo IM, Jabber/Google Talk.
Nah, jika Anda ingin menambahkan atau mengurangi keterangan pada bagian tersebut tinggal menambahkan “coctactmethods”nya saja. Untuk menghapus cukup di unset. Berikut saya berikan scriptnya:

<?php
/*
Plugin Name: Keterangan Tambahan Author
Plugin URI: http://duritajam.web.id/
Description: Penambahan keterangan untuk author
Author: Rochsid Tri Hanggoro Putro
Author URI: http://duritajam.web.id/
*/
 
// Add/Remove Contact Methods
function add_remove_contactmethods( $contactmethods ) {
 
	$contactmethods['twitter'] = 'Twitter';
	$contactmethods['facebook'] = 'Facebook';
	$contactmethods['posisi'] = 'Posisi';
	$contactmethods['simplebio'] = 'Tentang Saya';
 
	// Remove Contact Methods
	unset($contactmethods['aim']);
	unset($contactmethods['yim']);
	unset($contactmethods['jabber']);
 
	return $contactmethods;
}
add_filter('user_contactmethods','add_remove_contactmethods',10,1);
?>

Simpan file script di atas dalama file php, berikan nama contactmethods.php lalu upload ke dalam direktori plugin Anda lalu aktifkan. Eng ing jadi deh…

Ini hasilnya:

]]> http://duritajam.web.id/oprek-wordpress/menambahkan-keterangan-pada-user/feed/ 2 Threaded Comment CSS – Untuk Komentar WordPress http://duritajam.web.id/oprek-wordpress/threaded-comment-css-untuk-komentar-wordpress/ http://duritajam.web.id/oprek-wordpress/threaded-comment-css-untuk-komentar-wordpress/#comments Wed, 04 Jan 2012 16:19:44 +0000 Rochsid Tehape http://duritajam.web.id/?p=1990 Sejak mengenal wordpress saya berulang kali gagal mengkostumisasi trit komentar. Saya hanya menginginkan untuk membuat komentar yang semakin menjorok untuk setiap reply atas komentar yg diberikan.
Permasalahan yang sempat saya alami adalah karena saya memnbuat form komentar sendiri. Tapi setelah saya menggunakan form komentar default dari wordpress malah semakin mudah dikostumisasi.
Untuk memanggil form komentar sekaligus daftar komentarnya adalah cukup dengan:

<?php comments_template(); ?>

Denga skrip diatas Anda tak perlu membuat file comments lagi dalam theme Anda. Nah untuk mengkosmtumisasinya cssnya anda cukup menggunakan selektor di bawah ini:

ol.commentlist {}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

Okeh selamat mencoba.

]]> http://duritajam.web.id/oprek-wordpress/threaded-comment-css-untuk-komentar-wordpress/feed/ 0