Membuat Chat Log

Terinspirasi dari chatbox (kotak obrolan) yang biasanya ada di sidebar blog.
Kebetulan dapet permintaan untuk membuatkan chatlog di program yang teman saya pesan, dan akhirnya jadilah seperti yang ada di gambar.

Chat log yang saya buat ini hanyalah contoh sederhana.
Saya belum menambahkan pada source code tersebut dengan kombinasi script ajax, dan mempercantiknya dengan gambar-gambar dan css agar kelihatan lebih menarik.
Silahkan untuk pengembangan lebih lanjut bisa anda kembangkan sendiri.

Untuk sourcecode, bisa di download di link bawah ini.
Untuk saran, pertanyaan dan komentar silahkan tinggalkan pada kotak komentar di bawah.

Terima kasih atas kunjungannya...

Catatan : jangan lupa databasenya di import dulu ke localhost anda

Download Source

Cara Mengetahui Rute Terpendek Menggunakan Google Maps

Karena sering kali aktifitas mondar-mandir ke tempat-tempat yang cukup jauh dari rumah, sempat terpikir untuk mencari alternatif rute terpendek yang mungkin bisa saya gunakan sebagai jalur yang lebih efektif menuju lokasi yang akan saya tuju.
Dengan begitu, waktu perjalanan bisa jadi lebih singkat, hemat waktu, energi dan hemat BBM tentunya hehehe....

Nah mungkin tutorial saya kali ini bisa digunakan dalam penentuan rute terpendek yang bisa anda gunakan sebagai acuan menuju lokasi yang akan anda tuju.
Disini saya menggunakan Google Maps yang dapat di akses menggunakan jaringan internet sebagai alat untuk menentukan rute terpendek. Karena Google Maps sendiri sudah menyediakan fitur tersebut. Silahkan ikuti tutorial berikut :

Masuk ke halaman https://maps.google.com/

Cari lokasi peta, misal cari melalui kotak pencarian kota Palembang.

Tentukan titik lokasi awal rute perjalanan, klik kanan di titik tersebut, pilih "Petunjuk arah dari sini".

Tentukan titik akhir rute perjalanan, klik kanan di titik tersebut, pilih "Petunjuk arah ke sini".

Tentukan jenis kendaraan yang digunakan, apakah kendaraan pribadi, kendaraan umum atau berjalan kaki.

Maka hasilnya anda akan disuguhkan dengan petunjuk arah rute terpendek menuju lokasi yang anda tuju dari lokasi awal.
Garis biru menunjukkan rute terpendek yang dapat anda ikuti, sedangkan tanda panah adalah penunjuk arah.
Tak hanya itu, disisi kiri terdapat juga keterangan mengenai nama-nama jalan yang akan anda lalui juga waktu tempuh serta penunjuk arahnya.

Perlu diketahui, Google Maps melakukan penentuan rute terpendek hanya berdasarkan jarak tempuh dan dengan apa anda menuju ke lokasi (berjalan kaki, berkendaraan pribadi atau angkutan umum).
Pada kenyataannya belum tentu jalur yang dianjurkan tersebut merupakan jalur tercepat yang bisa anda gunakan menuju lokasi. Tetap saja itu semua tergantung oleh kondisi jalan menuju lokasi tujuan anda.

Semoga bermanfaat...

Mobile Web HTML Template

Mobile web HTML Template

Iseng-iseng bikin lagi desain template versi mobile dan jadilah kenampakannya seperti gambar berikut :

Desain template sengaja dibuat sederhana menyesuaikan tampilan pada browser mobile (handphone & smartphone).

Pada desain template ini juga di lengkapi dengan berbagai desain fasilitas web mobile seperti, header, pesan pemberitahuan, pesan peringatan, desain tabel, menu, kotak pencarian, footer, dan sebagainya.

DOWNLOAD SOURCE CODE

PHP - Masalah Warning: session_start() [function.session-start]: Cannot send session cache limiter

Aplikasi web php pada umumnya memiliki batasan hak akses pada suatu halaman-halaman fungsional tertentu. Untuk membuat batasan tersebut diperlukan suatu fungsi untuk verifikasi yang paling sering dipakai adalah fungsi login. Nah untuk membuat fungsi tersebut, php menyediakan suatu fungsi session.

Pada penggunaan session ini kadang kita menemui beberapa error atau warning. Contoh yang saya alami adalah error dengan peringatan seperti ini : Warning: session_start() [function.session-start]: Cannot send session cache limiter ........

Setelah googling ke beberapa forum dan blog, kebanyakan dari sana memberikan solusi seperti ini :

1. Pastikan letak fungsi session_start(); berada tepat di line 2 / baris kedua editor

2. Jangan ada huruf / angka / karakter apapun termasuk spasi di atas fungsi session_start(); selain pembuka

3. Tambahkan fungsi ob_start(); di atas (baris kedua) fungsi session_start(); 

Dan jika dari percobaan di atas masih menghasilkan error Warning: session_start() [function.session-start]: Cannot send session cache limiter ........

Maka kemungkinan besar masalahnya adalah pada encoding file php anda yang tersimpan sebagai UTF-8.

Tugas kita adalah untuk menghilangkan error tersebut adalah merubah tipe file php tersebut dari UTF-8 menjadi ANSI.

Caranya :

1. Cari dan buka file php tersebut menggunakan notepad (jangan gunakan editor lain)

2. Save As file
3. Pada pilihan Save as type, pilih All Files (*.*)

3. Pada pilihan save file, di bagian encoding, pilih ANSI

4. Save dan Replace file yang lama

Setelah selesai, coba jalankan file tersebut di browser anda (localhost/folder/file).

Semoga ini membantu memecahkan masalah error tersebut.

Buat yang bingung dengan istilah-istilah dan fungsi-fungsi tersebut, silakan bisa googling sendiri karena sudah banyak dipostkan oleh teman programmer yang tersebar di internet. Siapa tau ketemu ilmu baru. hehe..

Sekian dulu post saya kali ini, Terima kasih sudah berkunjung.

Semoga bermanfaat...

Referensi solusi :  http://www.paperstreet.com/blog/1723

Spinning Menu Buttons - CSS3 Transition

Berikut adalah source code untuk Spinning Menu Buttons atau menu yang dapat berputar saat di sorot menggunakan pointer. Tombol-tombol menu yang tersedia disana akan menimbulkan efek animasi berputar dan akan menampilkan keterangan menu ketika disorot menggunakan pointer.

Bahasa yang digunakan adalah html dan css3 tanpa jquery.

Silahkan download dan modifikasi sendiri sesuai kebutuhan.

Semoga bermanfaat...

Download Source

Mengenal Para Founder Sukses di Dunia Online Indonesia

Di antara agan-agan yang baca posting saya kali ini, saya yakin pasti agan sudah mengenal siapa mereka-mereka orang sukses di dunia online Indonesia di bawah ini. Paling tidak agan pasti mengenal minimal dua situs terkenal di Indonesia yang telah mereka ciptakan dan banyak dipergunakan oleh masyarakat khususnya orang-orang Indonesia sendiri. 

Oke, gak perlu berpanjang lebar. Mari kita simak siapa-siapa mereka dan bagaimana awal mula cerita situs terkenal yang sudah mereka buat tersebut sampai sukses seperti sekarang ini. Siapa tau, dari sini anda bisa terinspirasi untuk membuat situs baru yang mungkin akan sukses kedepannya. Cek~

1. Founder Kaskus

Nama : Andrew Darwis
Lahir :  Jakarta, 20 Juli 1979

Adalah  pendiri (founder) komunitas online terbesar di Indonesia, Kaskus lewat situs Kaskus.us (Sekarang menjadi Kaskus.co.id) yang sekarang ini mempunyai lebih dari 3 juta member . Andrew sekarang menjabat sebagai Chief Technology Officer (CTO) PT Darta Media Indonesia (Kaskus) sekaligus pemilik (owner) Kaskus Network lewat PT Darta Media Indonesia.

Andrew mendirikan Kaskus pada 6 November 1999. Bermula dari pengalamannya saat menimba ilmu di salah satu universitas terkemuka di Negeri Paman Sam, Seattle University, Andrew terinspirasi membuat website forum komunitas yang bisa di bilang menjadi yang terbesar di Indonesia. "Saat itu saya ditugaskan oleh dosen untuk membuat program dari free software, dari situlah mulai muncul ide membuat website dengan nama Kaskus." Ujar Andrew.

Kaskus berasal dari kata Kasak-Kusuk atau bermakna bergosip. Dengan modal awal sebesar US$ 3 (Rp 30.000,-) untuk membeli server, Andrew dan dua rekannya, Ronald dan Budi, memilih untuk membuat portal yang berisi mengenai berita maupun informasi tentang Indonesia. Portal tersebut sengaja di buat menjadi suatu media untuk memuaskan kerinduan bagi masyarakat Indonesia yang berada di Luar negeri.

2. Founder IndoWebster

Nama : Juny Maimun atau akrab disapa Ko Acong

Indowebster atau yang biasa disingkat IDWS, adalah webserver multimedia unlimited lokal (asli Indonesia) sebagai sarana hosting dan sharing file, tempat menyimpan file sampai kecepatan 1024 MB per file, unlimited upload, unlimited download, unlimited bandwith, foto, video, dan galeri file.

Di dirikan pada 15 April 2007, dan dilakukan relaunching dan redesign situs pada 9 Juli 2011, indowebster sudah bisa menjadi situs popular di Indonesia dan dapat di sejajarkan dengan situs luar yang terkenal seperti rapidshare dan megaupload. Indowebster menjadi situs lokal tempat hosting dan sharing file terbesar dan tercepat di Indonesia.

3. Founder KDRI dan Hello Motion

Nama : Wahyu Aditya atau juga dipanggil Wadit

Lahir :  Malang, 4 Maret 1980

Adalah seorang animator asal Indonesia. Kiprahnya dalam dunia animasi diawali dengan meraih juara pada perlombaan-perlombaan menggambar di kota kelahirannya. Selepas SMA, Wahyu melanjutkan sekolah ke KvB Institute of Technology , Sydney Australia, dengan mengambil jurusan Interactive Multimedia. Wadit berhasil menjadi lulusan terbaik di angkatananya. Selepas kuliah, ia kembali ke Indonesia dan terjun ke dunia animasi.

Selepas pulang dari Australia Wadit masih berkecimpung dalam dunia animasi.Namun, setelah beberapa waktu menekuni dunia itu, Wadit memutuskan untuk mendirikan sebuah sekolah animasi bernama Hello;Motion Academy pada 2004. Maksud Wadit mendirikan sekolah ini adalah ingin meningkatkan kualitas dan kuantitas animator di Indonesia.

Wadit juga mengelola sebuah blog pribadi bertajuk Kementerian Desain Republik Indonesia (www.kdri.web.id) Situs ini menjadi tempatnya menumpahkan ide-ide mengenai desain baru miliknya. Wadit juga menjadikan situs pribadinya sebagai tempat untuk memberi motivasi kepada pemuda Indonesia untuk menanam jiwa nasionalismenya.

4. Founder Sribu.com

Nama : Ryan Gondokusumo 

Adalah founder Sribu.com. Ryan memiliki pengalaman lebih dari 7 tahun di bidang UI dan UX design, team building, pengembangan produk, strategic marketing, digital marketing dan retail. Ryan memulai Sribu.com pada akhir tahun 2011 dan saat ini Sribu.com telah membantu lebih dari 600 klien mendapatkan solusi desain terbaik mereka. Sribu.com juga memiliki komunitas desainer sebanyak 25.000 desainer dan itu semua tercapai dalam kurang dari 1.5 tahun. Ryan mengambil jurusan teknik elektro dan lulus dari Purdue University, Indiana pada tahun 2006.

5. Founder Koprol

Team :

• Desain dan Komunitas : Satya Witoelar
• Production Director :  Fajar Budiprasetyo 
• Engineering manager : Daniel Armanto 

Pada bulan Juli 2008, berawal dari web 2.0 biasa, Koprol kemudian dikembangkan oleh tim Koprol menjadi sesuatu yang lain. Awalnya proyek jejaring sosial ini hanyalah proyek iseng yang digarap oleh ketiga orang tersebut. Tanpa disangka, sambutan yang diberikan oleh masyarakat sangat hebat. Ini dapat dilihat dari jumlah pengguna Koprol yang mencapai kurang lebih 80.000 orang setelah satu setengah tahun lahirnya Koprol. Ini juga mengagetkan SkyEight yang merupakan perusahaan pengembang perangkat lunak, di mana Satya Witoelar, Fajar Budiprasetyo, dan Daniel Armanto turut bergabung. Akhirnya pada Februari 2009 Koprol pun diluncurkan oleh PT SkyEight Indonesia. Ide untuk Koprol ini sendiri merupakan konsep gabungan dari berbagai situs jejaring sosial yang sedang marak seperti lifestream model seperti Twitter, sistem komentar seperti Plurk, dan sistem lokasi layaknya Brightkite.

Kata Koprol memiliki arti orang gelinding yang kemudian diartikan oleh mereka sebagai perpindahan dari tempat yang satu ke tempat yang lain. Namun sangat di sayangkan, sejak 28th August 2012 tidak di lanjutkan oleh pihak korpol sendiri hingga waktu yang belum ditetapkan.

Referensi : http://id.wikipedia.org | http://blog.sribu.com/

Menampilkan Angka dari Suatu Range Angka dengan AJAX dan PHP

Source code yang saya share kali ini adalah source code untuk menampilkan formulir yang akan meminta inputan berupa range angka lalu menampilkan sederetan angka sesuai range yang di pilih.

Ditambah dengan keterangan dari setiap range angka tersebut yang akan muncul secara otomatis saat pointer di sorot ke formulir range tersebut untuk memperjelas maksud dari setiap range. 

Berguna untuk kasus membuat penilaian, agar mengurangi kesalahan input data.

Bahasa yang digunakan : html, css, ajax, php, dan jquery.

Sisanya silahkan di kembangkan dan di kreasikan sesuai selera dan kebutuhan masing-masing.
Semoga bermanfaat~

Download Source Code

Animate Transition Menu

Semakin canggihnya teknologi desain web, berdampak dengan semakin menariknya tampilan website dengan desain-desain yang lebih hidup sehingga membuat para pengunjung lebih terkesan untuk mengunjungi website tersebut.
Nah salah satu cara agar membuat website lebih memiliki tampilan menarik dan lebih hidup adalah dengan cara memberikan animasi pada bagian yang interaktif yaitu dalam hal ini pada elemen menu.

Berikut adalah tampilan menu animasi transisi sederhana, silahkan di download dan di kembangkan sendiri sesuka hati :

Download source

Pengertian Metode Pengumpulan Data dan Daftar Pustaka

Berawal dari pengalaman pribadi untuk Skripsi sendiri dimana dalam sebuah penulisan karya ilmiah terdapat yang namanya 'Metode Pengumpulan Data' sebagai prosedur acuan untuk mengumpulkan data di dalam penulisan karya ilmiah (skripsi). Sempat kesulitan dalam hal pencarian materi tersebut untuk dari sumber yang jelas dan bisa dipercaya (disebutkan sumber pustakanya).

Mungkin buat teman-teman mahasiswa seperjuangan yang juga mengalami kesulitan dalam pencarian sumber materi tersebut, saya share melalui postingan saya ini. 

Disini ada 4 macam metode pengumpulan data yang digunakan yaitu : wawancara, observasi, dokumentasi, dan studi pustaka. Semoga bermanfaat...

 Metode pengumpulan data yang digunakan dalam penelitian adalah sebagai berikut :

1)  Wawancara

Menurut Sugiono (2009:317) :

“Wawancara adalah pertemuan dua orang untuk bertukar informasi dan ide melalui tanya jawab sehingga dapat dikonstruksikan makna dalam suatu topik tertentu dan dengan wawancara, peneliti akan mengetahui hal-hal yang lebih mendalam tentang partisipan dalam menginterprestasikan situasi dan fenomena yang terjadi yang tidak mungkin bisa ditemukan melalui observasi”.

Daftar pusataka :

Sugiono. (2009). Metode Penelitian Pendekatan Kuantitatif, Kualitatif dan R & D. Bandung: Alfa Beta.



2)  Observasi

Menurut Supardi (2006:88), “Metode observasi merupakan metode pengumpul data yang dilakukan dengan cara mengamati dan mencatat secara sistematik gejala-gejala yang diselidiki”

Daftar Pustaka :

Supardi, M.d, (2006). Metodologi Penelitian. Mataram : Yayasan Cerdas Press.


3) Dokumentasi

Menurut Arikunto (2006:158), “Dokumentasi adalah mencari dan mengumpulkan data mengenai hal-hal yang berupa catatan, transkrip, buku, surat kabar, majalah, notulen, rapot, agenda dan sebagainya.”

Daftar Pustaka :

Arikunto, S. (2006). Metodelogi penelitian. Yogyakarta: Bina Aksara.


4)  Studi Pustaka

 Menurut Nazir (1998 : 112) :

“Studi kepustakaan merupakan langkah yang penting dimana setelah seorang peneliti menetapkan topik penelitian, langkah selanjutnya adalah melakukan kajian yang berkaitan dengan teori yang berkaitan dengan topik penelitian. Dalam pencarian teori, peneliti akan mengumpulkan informasi sebanyak-banyaknya dari kepustakaan yang berhubungan. Sumber-sumber kepustakaan dapat diperoleh dari : buku, jurnal, majalah, hasil-hasil penelitian (tesis dan disertasi), dan sumber-sumber lainnya yang sesuai (internet, koran dll)”.

Daftar Pustaka :

Nazir. (1998). Metode Penelitian. Jakarta : Rineka Cipta

Kartu Identitas Computer Geek

Sebenarnya posting kali ini cuma iseng-iseng doang sih haha,

Inspirasi saya yaitu dari Fan Page di Facebook yang di beri nama : I am Programmer, I have no life dimana pada Fan Page ini sering kali menyajikan gambar-gambar unik menarik, kocak, informatif dan menghibur seputar kehidupan sesosok manusia yang berprofesi sebagai Programmer. Dan karena keunikkannya tersebut, banyak pula para penggila dunia programming atau IT yang menyukai (like) Fan Page tersebut (termasuk saya sih haha)

Sempat suatu waktu Fan Page ini share suatu gambar berupa kartu identitas yang berwujud salah satu editor yang biasa digunakan oleh web programmer (lupa screenshot -_- )

Yah dari situlah, tersirat ide buat meniru kartu identitas tersebut (ID Card) dalam beberapa versi Computer Geek. Semacam prinsip ATM (Amati, Tiru, Modifikasi) hehe

Oke, berikut hasil-hasilnya :

1. Versi Notepad

2. Versi Notepad++

 

3. Versi Mysql - Command Prompt




4. Versi C++
 


Oke mungkin sekian contoh kartu identitas nya. Namanya juga iseng-iseng haha
klo rekan-rekan yang berkunjung ke post ini mau menambahkan, silahkan sesuaikan dengan kreasi masing-masing.

Terima kasih atas kunjungannya :D

Menghitung Selisih Hari dari Tanggal - PHP

Berhubung kemarin sempet bikin program menggunakan bahasa php dimana ada suatu atribut di database yang menyimpan data berupa tanggal juga selisihnya dengan tanggal yang akan datang, jadi pada posting kali ini saya share source code nya dalam bentuk yang lebih sederhana dan bisa di cobakan.

Pada contoh source code tersebut saya buatkan suatu formulir dimana Anda harus menginput data tanggal awal dan tanggal akhir, lalu dari hasil data yang di input, di proses untuk mencari selisihnya terhitung dalam bentuk jumlah hari.

Buat lebih jelasnya bisa di lihat dari gambar dan silahkan download source code nya untuk dicobakan sendiri di localhost nya masing-masing.

Semoga bermanfaat

Download Source Code

CSS Creatures : Membuat Mahluk Aneh dengan Twit dan CSS

Mungkin buat temen-temen web designer  tidak asing dengan syntax CSS yang mampu membuat suatu halaman website html jadi nampak lebih indah buat di pandang.

Pada posting kali ini saya akan menjelaskan cara membuat mahluk aneh, tapi lumayan lucu buat dibikin hanya dengan bikin twit mention ke @csscreatures dan sedikit css sebagai pembuat ciri khas mahluk yang akan kita buat tersebut.


Oke langsung aja ke penjelasan : 

- Login dulu ke akun twitter kamu
- Buka tab baru lalu masuk ke site : http://bennettfeely.com/csscreatures/
  Setelah halaman terbuka, terdapat beberapa contoh mahluk ciptaan terbaru oleh beberapa akun twitter yg masuk ke mention @csscreatures

- Coba klik tulisan Make Your Own pada kanan atas halaman
  Akan tampil contoh twit yang bisa diterapkan untuk membuat mahluk aneh yg baru
  Bentuk format twitnya seperti ini : @csscreatures [warna] [kepribadian] [dan lain lain]

Untuk warna bisa ditentukan sendiri dengan kemauan, kode warnanya bisa di lihat dari photoshop ataupun dengan mengetik warnanya langsung.

Sedangkan untuk kepribadiannya ada beberapa contoh disana, yaitu : tooth, teeth, hyper, nervous, moustache, hungry, cyclops, dll.


- Jika sudah tau bentuk format twitnya, coba langsung aja buka akun twitter kamu lalu buat twit sesuai format dan sesuai selera experimen yang kamu mau.

- Setelah membuat twit, coba kembali lagi ke tab halaman http://bennettfeely.com/csscreatures/ dan lihat hasilnya disana

Disini saya coba mencontohkan dengan twit berformat seperti ini : @csscreatures #d2d2d2 tooth hungry 
Maka hasilnya :

Tutorial sederhana tapi lumayan buat sedikit refreshing sembari melanjutkan program yang sedang di kerjakan :D

Membuat Secure Login dengan Captcha dan Session Expire

Keamanan sangat penting nilainya guna mengamankan data pada aplikasi web (web application) agar tidak terjadi kecolongan akses dan data penting.
Pada contoh source code yang saya upload kali ini, saya sertakan script captcha sebagai verifikasi dan Session Expire sebagai pembatas akses jika aplikasi tidak digunakan dalam jangka waktu 5 menit (timer dapat disesuaikan dengan keinginan masing-masing).
Disini saya hanya mencontohkan dalam bentuk sederhana, masih banyak kekurangan dalam contoh source code ini yang mungkin dapat anda kembangkan sendiri nanti. Contoh pengembangan yang dapat anda lakukan adalah pembatasan masa login jika terjadi beberapa kali kesalahan saat input data login.

Cara menggunakan source  :
- extract file Secure-login.zip nya lalu copy ke direktori localhost anda
- export database.sql nya melalui phpmyadmin
- buka browser lalu masuk ke direktori secure login di localhost. Misal : http://localhost/login
- login dengan username : admin ; password : admin ; dan isi captcha sesuai karakter yang ada di gambar
Selamat Mencoba

Download Sourcecode

Bermain dengan Si Pemecah Explode PHP

Si Pemecah,
Kali ini saya akan membahas mengenai salah satu fungsi (function) di dalam bahasa pemrograman PHP yaitu fungsi explode()

explode() dalam website w3schools.com sendiri berfungsi sebagai berikut The explode() function breaks a string into an array.
Maksudnya disini fungsi explode adalah sebagai pemecah terhadap suatu string atau biasanya pada kasus adalah suatu barisan nilai atau kata menjadi suatu nilai dalam array.

Sebarisan nilai tersebut ditandai oleh suatu karakter sebagai pemecah, misalnya spasi atau koma.

Format penggunaan fungsi explode () : explode("[tanda pemecah]",[string])

Contoh penggunaannya semisal disini ada sekumpulan string data yang mengatur hak akses terhadap halaman administrator dalam sebuah website. Di contoh kasus ini, data tersebut di pisah menggunakan tanda koma (,) sebagai batas pemecah antar string. Berikut :

pelajaran, kelas, program, semester, kategori, gambar, template, posisi, profil, admin, dtlaporan, dtspp, dtabsensi, dtbpbk, dtmateri, dtnilai, banner, jajak, pesandepan, prestasi, silabus, kumpulsoal, materiajar, infosekolah, infoalumni, link, galeri, forum, bukutamu, berita, agenda, artikel, dtguru, importguru, dtmengajar, dtsiswa, dtortu, importsiswa, membersiswa, naikkelas, dtalumni, member, koordinator, opini, pelatihan,

Mungkin agar lebih jelas, bisa di cobakan sendiri file sourcecode berikut di localhost kalian

Download Source

Referensi : 

w3schools.com

PHP Manual

Lorem ipsum ternyata maksudnya adalah...

Buat teman-teman desainer web html yang suka / sering menggunakan template website hasil download di internet mungkin sudah sangat akrab dengan sekumpulan text / tulisan paragraf berikut :

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Yah, mungkin saking seringnya liat text / tulisan di atas, sampai-sampai anda jadi hapal tulisan tersebut.
Mungkin ada yang cuek-cuek aja, dan juga ada yang mungkin penasaran dengan tulisan tersebut yang kerap kali nempel di template web html yang kita download
Nah yang jadi pertanyaan disini adalah apasih arti dan maksud sang desainer template web tersebut memasukkan sekumpulan text Lorem ipsum tersebut ?

Telusur punya telusur dari sobat pinter di internet (wikipedia) ternyata sekumpulan tulisan yang sulit dibaca tersebut berasal dari bahasa latin . Lorem ipsum, atau ringkasnya lipsum, adalah teks standar yang ditempatkan untuk mendemostrasikan elemen grafis atau presentasi visual seperti font, tipografi, dan tata letak. Maksud penggunaan lipsum adalah agar pengamat tidak terlalu berkonsentrasi kepada arti harfiah per kalimat, melainkan lebih kepada elemen desain dari teks yang dipresentasi.

Terjemahan H. Rackham (1914) berbunyi seperti ini: "Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"

Dalam bahasa Indonesia, kalimat di atas diterjemahkan: "Demikian pula, tidak adakah orang yang mencintai atau mengejar atau ingin mengalami penderitaan, bukan semata-mata karena penderitaan itu sendiri, tetapi karena sesekali terjadi keadaan di mana susah-payah dan penderitaan dapat memberikan kepadanya kesenangan yang besar. Sebagai contoh sederhana, siapakah di antara kita yang pernah melakukan pekerjaan fisik yang berat, selain untuk memperoleh manfaat daripadanya? Tetapi siapakah yang berhak untuk mencari kesalahan pada diri orang yang memilih untuk menikmati kesenangan yang tidak menimbulkan akibat-akibat yang mengganggu, atau orang yang menghindari penderitaan yang tidak menghasilkan kesenangan?"

okeh, abaikan arti dari tulisan tersebut dan kita kembali ke maksud dan tujuan dari Lorem Ipsum
yaitu agar pengamat tidak terlalu berkonsentrasi kepada arti harfiah per kalimat, melainkan lebih kepada elemen desain dari teks yang dipresentasi.



Referensi : http://id.wikipedia.org/wiki/Lorem_ipsum