Whiteboard on the Net

Minggu, 01 Juni 2014

Wingding, mencontreng di MS Word

Pernahkah kamu dapat formulir online yang isinya seperti gambar ini?

Perhatikan di baris "Pendidikan". Ada kotak-kotak yang harus di contreng. Kalau bikin sendiri pake apa ya? Trus gimana cara mencontrengnya?.

Kotak itu bukan gambar, itu adalah font spesial yang ada di MS Word. Font-nya bernama Wingdings. Font ini ada dua seri, yaitu Wingdings dan Wingdings 2.

Untuk membuat atau menulisnya cukup mudah. Ganti setting font ke Wingdings, kemudian tekan huruf "o" maka akan tampil kotak contreng yang masih kosong seperti terlihat di gambar di atas.

Lalu gimana kalau kita mau mencontreng kotak tersebut? Harus diprint dulu, baru di bisa di contreng? Tidak.

Cara mencontreng yaitu dengan font Wingdings juga, tetapi kali ini pake Wingdings 2. Jadi caranya adalah hapus kotak kosong tadi, terus ganti setting font ke Wingdings 2 dan tekan huruf "R" (r besar). Jadilah kotak yang telah dicontreng seperti gambar di bawah ini.

Mudah bukan?. Selamat mencoba.

Senin, 12 Mei 2014

CSS, styling on the web.

CSS adalah kependekan dari cascading style sheet. CSS merupakan script web yang digunakan untuk mengatur tampilan dari sebuah halaman web. CSS memudahkan pengembang web dalam membuat tampilan yang bagus secara estetika. Kemampuan CSS diantaranya mengatur warna, ukuran, border dari sebuah elemen HTML.

CSS tidak dapat dipisahkan dari HTML. CSS merupakan fitur tambahan dari HTML sehingga dokumen HTML harus ada terlebih dahulu sebelum CSS dibuat.

Dengan CSS maka pengaturan tampilan dapat lebih mudah karena file dari css terpisah dari file HTML sehingga perubahan dari CSS tidak akan mengubah file HTML secara keseluruhan.

Pada umumnya, file CSS dibuat dengan nama style.css dan diletakkan di dalam folder yang berbeda dari file HTML. Berikut adalah struktur file HTML dan CSS yang jamak digunakan.

-> CSS/

style.css

-> index.html

Berikut ini adalah contoh script css sederhana untuk mengubah warna dari header sebuah halaman web.

Buat satu file dengan nama index.html

Coba CSS

 <html>  
 <head><title>Coba CSS</title></head>  
 <body>  
 <h1>Hello CSS</h1>  
 </body>  
 </html>

Kemudian buat file lain dengan nama style.css

h1 {

color: red; /* mengatur warna teks */

}

Kemudian buka file index.html di browser. Maka text “Hello CSS” akan berwarna merah sesuai dengan pengaturan dari file style.css. Jika atribut color pada file style.css dirubah menjadi “blue” (misalkan) maka text “Hello CSS” secara otomatis akan berubah warnanya menjadi biru.

Membuat shortcut icon pada desktop Ubuntu

Ada yang berbeda ketika kita pertama kali menginstall ubuntu dibandingkan ketika kita pertama menginstall windows yaitu ketiadaan desktop shortcut icon pada ubuntu. Bagi beberapa orang mungkin hal itu tidaklah menjadi masalah. Tetapi bagi sebagian yang lainnya tentu bisa menjadi masalah, terutama yang sudah terbiasa menggunakan desktop yang memiliki banyak shortcut icon untuk mempercepat akses ke aplikasi.

Bagi yang ingin membuat shortcut icon pada desktop ubuntu begini caranya.

Pertama, buka Launcher, lalu klik tombol restore yang ada sebelah kiri atas dari Dash Launcher.

Kemudian pilih aplikasi yang akan dibuat shortcut icon-nya. klik, tahan dan tarik icon aplikasi tersebut ke desktop.

Setelah icon berada di desktop tidak serta merta langsung bisa digunakan. Seperti biasa, ada prosedur keamanan yang harus di lewati di dalam ubuntu.

Ya, kita harus mengubah permission dari shortcut icon tersebut agar executable atau bisa di eksekusi.

Caranya adalah sebagai berikut.

Buka terminal dengan menekan tombol Ctrl+Alt+T

Kemudian ketikkan perintah berikut di terminal

$sudo chmod +x *.desktop

Setelah proses ini baru shortcut icon bisa digunakan.

Silakan mencoba.

Unity, mengubah tampilan desktop Ubuntu

Unity adalah tweak tool atau software untuk mengubah tampilan desktop khusus Ubuntu. Pada versi Ubuntu sebelum 13.xx dikenal software sejenis yang bernama compiz. Kedua aplikasi ini pada dasarnya memiliki fungsi yang sama.

Dengan unity, kita bisa mengubah perilaku desktop sesuai dengan keinginan. Beberapa fungsi yang ada di dalam unity antara lain sebagai berikut.

Theme, mengubah theme dari desktop.

Icons, mengubah gambar icon

Fonts, mengubah jenis dan ukuran font yang digunakan dalam setiap jendela aplikasi

Windows manager, mengubah perilaku dari jendela-jendela aplikasi yang dibuka

Security, bisa digunakan untuk menonaktifkan desktop atau printer agar tidak digunakan oleh orang lain.

Dan masih banyak lagi fungsi-fungsi tweaking yang lain.

Unity tidak disertakan dalam paket instalasi Ubuntu. Jadi, ketika kita baru menginstall Ubuntu tidak serta merta kita bisa menggunakan Unity. Untuk menginstall Unity maka caranya adalah sebagai berikut.

Buka terminal dengan menekan tombol Ctrl+Alt+T

Setelah terminal terbuka maka ketikkan perintah ini:

$sudo apt-get install unity-tweak-tool

Kemudian proses instalasi akan berjalan dan tunggu sampai selesai.

Setelah proses instalasi selesai kita bisa langsung membuka Unity via Launcher.

Selamat mencoba.

“Nyobain” Ubuntu 14.04 Trusty Tahr

Setelah menunggu setahun lamanya akhirnya Ubuntu mengeluarkan rilis distro LTS-nya. LTS adalah singkatan dari Long Term Support yang artinya Ubuntu menyediakan update perbaikan maupun tambahan fitur untuk jangka waktu yang lama. Istilah awamnya garansi panjang kurang lebih 3 tahun. Efeknya pengguna bisa lebih tenang dan nyaman menggunakan versi ini daripada yang bukan LTS yang kadang-kadang crash nggk jelas atau sering error “Report problem”. :-|.

Versi LTS terakhir dirilis adalah versi 12.04 pada tahun 2012. Kali ini akan kita lihat seperti apa rasanya mencoba menggunakan Ubuntu 14.04 ini.

Dari segi tampilan ada perubahan di halaman login-nya, terasa lebih indah dan futuristik dengan kombinasi garis tegas dan penempatan form login yang ada di sebelah kiri layar (berbeda dari versi-versi sebelumnya yang form login-nya ada di tengah layar).

Ketika masuk ke dalam desktopnya sepertinya tidak banyak yang berubah dari versi sebelumnya. Terutama jika kita pernah menggunakan ubuntu yang versi 13.04 atau 13.10 maka tidak ada bedanya.

Nautilus tetap dengan tampilan yang sama. Theme yang dipakai juga sama yaitu ambiance sehingga jendela atau windows masih dominan warna abu-abu gelap dan orange. Hanya saja di versi 14.04 ini launcher bisa diubah ukurannya menjadi lebih kecil dari versi sebelumnya. Mungkin ini akan bermanfaat bagi pengguna yang memiliki layar terbatas atau ingin layarnya tampak lebih lebar dimana hal ini tidak dapat dilakukan pada versi Ubuntu sebelumnya.

Perbedaan baru terasa setelah beberapa lama mengoperasikan 14.04. Baru sadar ternyata versi ini lebih stabil dari versi sebelumnya, tidak ada jendela report problem atau meminta keyring seperti dalam versi 13.04. Kalaupun ada mungkin tidak sesering di versi sebelumnya.

Mengenal OOP dalam PHP

OOP adalah singkatan dari object oriented programming atau pemrograman berorientasi object. Kalau di-’bahasa indonesia’-kan singkatannya menjadi PBO. Di dunia per-PBO-an biasanya hanya dikenal bahasa-bahasa pemrograman seperti Java, C, C++ yang memang dari lahir sudah ditakdirkan untuk menjadi bahasa PBO. Namun seiring meluasnya penggunaan metode PBO dan semakin banyaknya developer yang mengenal PBO maka metode ini ditambahkan ke dalam bahasa-bahasa pemrograman lain termasuk PHP.

Paradigma PBO sendiri baru diadopsi ke dalam bahasa pemrograman PHP mulai versi 3 keatas. Sebelumnya PHP merupakan bahasa pemrograman prosedural.

Berbicara tentang PBO maka intinya adalah bicara tentang object beserta properties dan method-nya. Bagi yang sudah familiar dengan PBO mungkin sudah tidak asing lagi dengan istilah-istilah tersebut. Kita review sebentar. Object adalah suatu hal, bisa berupa fisik atau abstrak, yang merupakan representasi dari suatu elemen suatu masalah. Object memiliki properties dan method. Properties adalah atribut dari object, misal object mobil maka properties-nya adalah mesin, warna, dimensi, dsb. Segala sesuatu yang melekat ke dalam sebuah object disebut properties. Sedangkan method adalah perilaku dari object atau mudahnya adalah apa saja yang bisa dilakukan oleh sebuah object. Misal objectnya mobil maka perilaku-nya adalah berjalan-maju, berjalan-mundur, ganti-kopling, dsb.

Untuk mengakomodasi kemampuan OOP, maka PHP telah menyediakan beberapa fitur yang khusus disediakan untuk OOP. Misalnya keyword class yang digunakan untuk mendeklarasikan sebuah class, keyword extends yang digunakan dalam inheritance atau menurunkan class ke dalam class lain yang menjadi turunannya. Ada juga variable $this yang digunakan untuk memanggil properties atau method dari dalam sebuah object/class. Dengan fitur-fitur tersebut seorang developer diharapkan bisa mengimplementasikan metode PBO ke dalam aplikasi yang dibuatnya dengan lebih cepat dan efisien.

Rabu, 05 Juni 2013

Tipe Data PHP

Dalam bahasa pemrograman apapun pasti Anda akan menemukan tipe data. Tipe data ini ada yang secara spesifik berlaku untuk bahasa pemrograman yang bersangkutan, ada juga yang berlaku umum. Artikel ini akan membahas tipe-tipe data yang ada di bahasa pemrograman PHP.

Ketika seseorang membuat program maka salah satu hal dasar yang harus dikuasainya adalah tipe-tipe data dari bahasa pemrograman yang ia gunakan. Pertanyaannya adalah, mengapa tipe data tersebut harus dikuasai?. Jawabannya adalah karena tipe data tersebut akan menentukan performa dari aplikasi yang dibuat. Tipe data berhubungan langsung dengan pemakaian resource (memori, hdd) dari komputer yang menjalankan aplikasi. Jika salah menentukan tipe data maka performa dari aplikasi tidak akan maksimal, misalkan jalannya lambat, sering hang, dsb.

PHP memiliki 4 tipe data utama, yaitu:

Integer, digunakan untuk menyimpan bilangan bulat seperti -2,-1,0, 1,2,.....
Float, digunakan untuk menyimpan bilangan pecahan desimal
String, digunakan untuk menyimpan teks
Boolean, digunakan untuk menyimpan data yang hanya memiliki kemungkinan dua nilai , seperti 0 dan 1, true and false

Bagaimana memilih atau menentukan tipe data? Tunggu postingan selanjutnya.