Monday, January 28, 2013

Bagaimana Rasa Takut Mempengaruhi Kecerdasan Anak

,
OLEH: JOHN HOLT

Setahun yang lalu, saya ingin tahu bagaimana ketakutan anak dapat mempengaruhi strategi-strateginya. Pekerjaanku tahun ini telah memberikan jawabannya. Pada umumnya, strategi dari sebagian besar anak-anak ini secara konsisten berpusat pada diri sendiri, bersifat melindungi diri sendiri, dan dalam kondisi apa pun akan ditujukan untuk menghindari gangguan, rasa malu, hukuman, penolakan, atau kehilangan status. Ini berlaku terutama pada mereka yang mengalami masa-masa sulit disekolah.

Ketika mereka mendapatkan giliran mengerjakan soal, saya seakan-akan dapat mendengar mereka berkata, "Apakah saya akan dapat menjawab dengan benar? Mungkin tidak; apa yang akan terjadi pada saya jika saya mendapat jawaban yang salah? Akankah guru saya marah? Akankah anak-anak yang lain akan menertawakan saya? Akankah ibu dan ayak saya mendengar tentang itu? Akankah saya tinggal kelas tahun ini? Mengapa saya begitu bodoh?" dan seterusnya.

Bahkan selama berada dalam kelas-kelas khusus, ketika saya bermaksud mengusahakan semampu saya untuk membuat tugas tidak terlalu mengancam, saya terus-menerus dibuat heran dan bingung melihat anak-anak menyimpan pilihan jawaban mereka dengan maksud menghindari kesalahan di awal, berusaha memperbaiki berbagai hal sehingga apa pun yang terjadi mereka bisa merasakan bahwa mereka benar atau, jika salah, tidak lebih salah dibandingkan yang lainnya. Mereka takut menetapkan komitmen pada satu pilihan tertentu bahkan pada usia yang baru 10 tahun. Memainkan permainan seperti Twenty Questios, yang mungkin sudah ditunggu-tunggu untuk hanya bersenang-senang, banyak dari mereka hanya mementingkan terlihat hebat seakan-akan mereka tahu apa yang mereka lakukan.

Strategi membatasi terjadi karena rasa takut. Telah lama saya sendiri ini kebanyakan terjadi karena rasa takut. Telah lama saya bertanya-tanya, mengapa anak-anak yang cerdas malah bersikap tidak cerdas di sekolah. Jawaban yang sederhana adalah, " Karena mereka takut." Dulunya saya menyangka bahwa sikap melemahkan diri sendiri ini ada hubungannya dengan prestasi mereka yang jelek di sekolah, tetapi saya pikir saya bisa mengatasinya dengan berkata "Cobalah! Kamu dapat melakukannya!" Apa yang saya sekarang lihat untuk pertama kalinya adalah suatu mekanisme, dimana ketakutan menghancurkan kecerdasan, dan bagaimana hal itu memengaruhi seorang anak dalam caranya memperhatikan, berpikir tentang, dan berhadapan dengan kehidupan. Maka, kita mempunyai dan permasalahn, bukan hanya satu: Bagaimana cara menghasilkan rasa takut pada anak-anak, kemudian bagaimana menghilangkan kebiasaan berpikir buruk yang timbul dari rasa takut itu.

Hal yang paling mengejutkan adalah betapa besar ketakutan itu ada di sekolah. Mengapa sangat sedikit berita yang beredar tentang itu? Barangkali, kebanyakan orang tidak mengenali ketakutan pada anak-anak ketika mereka melihatnya. Mereka dapat membaca tanda-tanda yang paling kasar dari ketakutan; mereka mengetahui masalah apa yang terjadi ketika seorang anak memeluk ibunya dengan erat; tetapi tanda-tanda ketakutan yang lebih halus lolos dari perhatian mereka. Tanda-tanda ini ada pada wajah, suara-suara, isyarat-isyarat, gerakan-gerakan, dan cara kerja anak-anak; kesemuanya memberitahuku dengan jelas bahwa kebanyakan anak-anak disekolah merasa takut sepanjang waktu, banyak diantara mereka bahkan merasa sangat takut. Seperti prajurit yang baik, mereka mengendalikan ketakutan-ketakutan mereka, belajar untuk hidup dalam ketakutan itu, dan melakukan penyesuaian diri dengan ketakutan tersebut. Tetapi, masalahnya adalah, yang juga membedakan antara sekolah dan perang, bahwa penyesuaian-peyesuaian yang mereka buat atas ketakutan-ketakutan mereka ternyata hampir sepenuhnya tidak baik serta bersifat merusak kecerdasan dan kemampuan berpikir mereka. Prajurit yang ketakutan mungkin dapat menjadi prajurit yang baik, tetapi pembelajar yang ketakutan akan selalu menjadi pembelajar yang payah.
Read more →

Fungsi Blog Menurut TCindent Naturalisi

,

Banyak sekali orang bertanya-tanya apa sih fungsi blog?. Untuk apa kita punya blog?. Mengapa Google membuat layanan blog kepada user.
Ok. saya akan menjelaskan satu persatu kenapa semua itu bisa terjadi. haha . kok bisa terjadi ? ngaur ni admin :D. Blog merupakan sebuah web subdomain yang diberikan oleh suatu organisasi atau perusahaan berbasis blog untuk memudahkan user mengekspresikan kreatifitas mereka dalam sebuah alamat web pribadi atau publik.

Salah satu website yang menyediaakan layanan blog yaitu blogger dan wordpress. Tapi kali ini saya hanya menjelaskan blog pada blogger. Blogger merupakan website penyedia layanan blog yang dibuat oleh Raksasa Search Engine Google. Blogger memiliki beberapa fasilitas yang dapat digunakan user untuk beraktifitas dengan blognya. Diantaranya :
  1. Create New Entry / Buat Entri Baru
    Disini user dapat membuat entri baru untuk di postkan kedalam blognya.
  2. Overview / Ikhtisar
    Disini user dapat melihat pemberitahuan tentang berapa jumlah pengunjung blog user pada hari ini dan jumlah semua pengunjung dari awal blog user dibuat serta jumlah komentar yang telah di poskan.
  3. Pos
    Pos berfungsi untuk melihat semua pos yang telah kita buat baik yang telah dipublikasikan maupun yang belum. Disini user juga dapat melihat dan mengedit pos tersebut.
  4. Depression / Laman
    Untuk membuat, mengedit dan menghapus laman pada blog anda.
  5. Comment / Komentar
    User dapat melihat, membalas dan komentar yang telah di poskan oleh pengunjung pada artikel atau pos user.
  6. Google+
    Untuk memudahkan user membuat laman google+ untuk blognya.
  7. Statistics / Statistik
    Untuk melihat jumlah pengunjung berdasarkan POS, Sumber lalu Lintas dan Pemirsa.
  8. Earnings / Penghasilan
    Disini user dapat memasang iklan google adsense. dan mendapatkan bayaran untuk setiap klik valid atas ikklan yang ditampilkan.
  9. Layout / Tata Letak
    Disini user dapat menanbah dan mengatur posisi peletakkan widget pada blognya.
  10. Template
    Disini user dapat mengganti template blognya sesuai dengan keinginan masing-masing.
  11. Setting / Setelan
    Untuk mengatur informasi tentang blog user. baik itu judul blog, alamat blog dan lain sebagainya.
Blog memiliki beberapa fungsi, diantaranya :
  1. Sharring
    Dengan blog pengguna dapat berbagi tentang ilmu
    , cerpen, bahkan pengalaman. Dengan blog user akan terlati untuk berbagi ilmu yang didapatnya kepada semua pengunjung blognya dengan melalui penulisan artikel.
  2. Bertukar Pikiran
    Dengan blog pengguna dapat saling bertukar pikiran dengan pengunjungnya melalui layanan komentar yang telah disediakan oleh blogger.
  3. Sebagai Diary
    Blog juga dapat digunakan sebagai diary. Kenapa seperti itu?. Karena dengan blog kita dapat membuat pos yang tidak dapat dibaca oleh orang lain dengan tidak mempublikasikan pos tersebut. Dan blog juga dilengkapi dengan email dan password untuk mengaksesnya.
Jadi, itulah Fungsi Blog Menurut TCindent Naturalisi. Semoga bermanfaat bagi yang membacanya. Bila terdapat kesalahan, mohon tinggalkan komentar.
Salam


TCindent Naturalisi
Read more →

Tuesday, January 22, 2013

Penerapan Properti Text Shadow Pada CSS 3

,
Properti text-shadow hampir sama dengan box-shadow, yakni sama-sama untuk memberikan effek bayangan pada objek. Bedanya hayalah objek yang akan dikenakan properti, kalau box-shadow ditunujukanuntuk memberikan efek shadow pada objek seperti box, table dan image. Sedangkan text-shadow adalah proprti untuk memberikan efek shadow pada text.Untuk lebih jelasnya langsung saja kita proktekkan. Buatlah file html berikut:

<html>
<head>
<style>
h1{
    text-shadow:0px 5px blue;
    }
</style>
</head>
<body>
<h1>Text-Shadow</h1>
</body>
</html>

Maka jika Anda jalankan pada browser anda akan kelihatan seperti berikut ini:

Dari script css3 diatas Anda dapat memanipulasi shadow pada text anda sesuka hari anda dengan menukar ukuran text-shadownya.
Untuk contoh penerapan yang lain buatlah script berikut ini:

<html>
<head>
<style>
h1 {text-shadow: 0.2em 0.5em 0.1em #600,
      -0.3em 0.1em 0.1em #060,
      0.4em -0.3em 0.1em #006}
h3.a {text-shadow: -1px -1px #ffffff, 1px 1px #333}
h3.b {text-shadow: 1px 1px #ffffff, -1px -1px #444}
</style>
</head>
<body>
<h1>Text-Shadow</h1>
<h3 class='a'>Multiple Shadow</h3>
<h3 class='b'>Multiple Shadow</h3>
</body>
</html>


Sekian penjelasan dari TCindent, jika ada kesalahan mohon disisipkan komentar pada artikel ini.
         Salam

TCindent Naturalisi
Read more →

Sunday, January 13, 2013

Menentukan Radius untuk Sudut Tertentu

,
Jika kita sebelumnya telah membuat border radius untuk semua sisi sudut mungkin sekarang timbul pertanyaan bagaimana jika kita ingin membuat radius hanya untuk bagian sudut tertentu?
Ok, coba anda buat script seperti berikut ini:

<html>
<head>
<style>
div{
    color        :white;
    text-align    :center;
    padding        :20px;
    margin        :5px;
    }
.border{
    background    :#00ccff;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    }

.atas{
    background    :#00ccff;
    border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    }


.bawah{
    background    :#00ccff;
    border-radius:0px 0px 10px 10px;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-radius:0px 0px 10px 10px;
    }

</style>
</head>
<body>
<div class='border'> Menggunakan border dengan radius 10px disetiap sudutnya</div>
<div class='atas'> Menggunakan border untuk kedua sisi atas</div>
<div class='bawah'> Menggunakan border untuk kedua sisi bawah</div>
<div class='box'> border biasa</div>
</body>
</html>

Sekarang coba anda jalankan pada browser kesangan anda, maka anda akan mendapatkan tampilan seperti pada gambar berikut:


Penjelasan kode:

<div class='border'></div>
<div class='atas'></div>
<div class='bawah'> </div>
Pertama kita membuat 3 box dengan tag <div></div> masing-masing dengan kita beri class border,atas, dan bawah.
-moz-border-radius:5px;
Membuat radius 5px untuk keempat sudut box. Properti ini dijalankan jika browser Mozilla firefox.
-webkit-border-radius:5px;
Membuat radius 5px untuk keempat sudut box. Properti ini dijalankan jika browser selain Mozilla Firefox.
.border{
    background    :#00ccff;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    }
Memberi style pada class border
.atas{
    background    :#00ccff;
    border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    }
Memberi style pada class atas (box yang kedua)
.bawah{
    background    :#00ccff;
    border-radius:0px 0px 10px 10px;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-radius:0px 0px 10px 10px;
    }
Memberi style pada class bawah

Sekian penjelasan saya tentang menentukan radius untuk setiap sudut. Jika terdapat kesalahan dalam artikel ini saya mohon maaf.

salam

TCindent Naturalisi
Read more →

Penerapan CSS3 Properti border-radius

,
Ok gan, kita jumpa lagi dalam artikel ini. Pada kali ini saya akan membahas tentang properti border-radius yang terdapat pada CSS3, untuk itu coba anda buat kode berikut:


<style>
.box    {
    border:solid thin : #009900;
    background       : #00cc00;
    color                 : white;
    text-align           : center;
}
</style>
<div class=’box’>border biasa</div>

Jika anda menjalankan script tersebut pada browser, maka anda akan mendapatkan tampilan betnuk kotak seperti pada gambar berikut:


Nah dengan properti border radius pada CSS3, anda dapat membuat lengkungan (radius) pada setiap sudut kotak tersebut. Secara umum, penggunaan properti border-radius dapat anda tuliskan seperti berikut:

"border-radius    :nilai;"    (tanpa kutip)

Untuk mengisi nilai border-radius, anda dapat menggunakan satuan pixel atau em, misalnya seperti 5px atau 3em. Contohnya seperti script berikut:

<style>
.box    {
Border-radius      : 5px;     border:solid thin : #009900;
    background     : #00cc00;
    color               : white;
    text-align         : center;
}
</style>
<div class=’box’>border biasa</div>

Jika anda menjalankan kode tersebut pada browser, maka akan mendapatkan tampilan kotak dengan sudut tumpul seperti dibawah ini:


Sebagai tambahan, agar properti dapat berjalan disemua browser, anda bisa membuat menjadi seperti berikut:

<style>
.box    {
-webkit- border-radius      : 5px;  // untuk membuat radius untuk browser selain firefox
-moz- border-radius      : 5px;  // untuk membuat radius pada mozila firefox
border-radius      : 5px;
    border:solid thin : #009900;
    background      : #00cc00;
    color          : white;
    text-align      : center;
}
</style>
<div class=’box’>border biasa</div>

Nah, sekarang anda sudah sedikit mengerti penggunaan properti border-radius ini kan??
Untuk menentukan Radius pada tiap sudut tertentu silahkan klik link berikut :
Menentukan Radius untuk Sudut Tertentu.
Salam

TCindent Naturalisi
Read more →

Saturday, January 12, 2013

Tips dan Trik CSS3 Beserta contohnya

,

Pendahuluan

CSS (Cascading Style Sheet) merupakan salah satu bahasa pemrograman web yang berguna untuk mengendalikan beberapa elemen dalam sebuah web sehingga lebih terstruktur dan seragam. Pada umumnya, CSS digunakan untuk memformat tampilan halaman web yang dibuat dengan menggunakan HTML. Mungkin sebagian dari anda sudah mengetahui tentang CSS3 ini. Yups .. CSS3 merupakan update versi terbaru dari CSS versi sebelumnya yakni CSS2.

Keunggulan Penggunaan CSS3 :

Tampilan website lebih dinamis dan lebih ringan (lebih cepat aksesnya), dengan CSS3 anda dapat mengurangi penggunaan gambar dalam mendesain tampilan website anda.

Kelemahan Penggunaan CSS3 :

Sampai sekarang belum semua browser kompetibel dengan properti CSS3, khususnya browser versi lama. Hal ini tentunya menyulitkan kita, karena kita tidak dapat mengetahui browser yang dipakai pengunjung website kita.
Berikut tabel untuk mengetahui browser support terhadap terhadap properti CSS3 :

Properti
IE
Firefox
Chrome
Safari
Opera
Border-radius
No
-moz-
-webkit-
-webkit-
Yes
Box-shadow
No
-moz-
-webkit-
-webkit-
Yes
Border-image
No
-moz-
-webkit-
-webkit-
Yes
Bacground-size
No
-moz-
Yes
Yes
Yes
Bacground-origin
No
No
Yes
Yes
Yes
Text-shadow
Yes
Yes
Yes
Yes
Yes
Word-wrap
Yes
Yes
Yes
Yes
Yes
@font-face
Yes
Yes
Yes
Yes
Yes
2D transform: translate(), rotate(), scale(),skew(), matrix()
No
-moz-
-webkit-
-webkit-
-o-
3D transform: rotateX(), rotateY()
No
No
-webkit-
-webkit-
No
Transition
No
No
-webkit-
-webkit-
-o-
@keyframes
No
No
-webkit-
-webkit-
No
Animation
No
No
-webkit-
-webkit-
No
Coloumn-count
No
-moz-
-webkit-
-webkit-
No
Coloumn-gap
No
-moz-
-webkit-
-webkit-
No
Coloumn-rule
No
-moz-
-webkit-
-webkit-
No
Resize
No
No
Yes
Yes
No
Box-sizing
Yes
-moz-
-webkit-
-webkit-
Yes
Outline-offset
No
Yes
Yes
Yes
Yes
Untuk keterangan “yes” berarti browser support, jika keterangan “no” berarti browser tidak support, keterangan “–moz-“ pada awal properti. Misal anda menggunakan box-shadow:0px 0px 5px; agar properti disamping dapat diakses dalam browser Firefox, maka anda perlu menambahkannya menjadi –moz-box-shadow:0px 0px 5px; degitu pula dengan opera, safari dan chrome. Jadi, jika anda menginginkan menghasilkan tampilan terbaik pada semua browser, maka penulis menyarankan untuk mencantumkan pengulangan properti seperti contoh berikut:

box-shadow:0px 0px 5px; // properti dasar
–moz-box-shadow:0px 0px 5px; // agar support browser Firefox
–webkit-box-shadow:0px 0px 5px; // agar support Chrome dan Safari
–o-box-shadow:0px 0px 5px;  // agar support Opera

Contoh Penerapan CSS3 :
1.    Properti border-radius
2.    Properti gradient (panding)
3.    Properti box-shadow (panding)
4.    Properti text-shadow
Read more →