Design Web dengan Bootstrap

Bootstrap , adalah kerangka kerja (framework) CSS yang dibuat oleh Twitter. Bisa dibilang, Bootstrap ini merupakan CSS siap pakai yang akan memudahkan para pengembang web sehingga tidak perlu menulis CSS dari awal. CSS bukanlah hal yang sulit untuk dipelajari. Namun menulis CSS dengan lengkap dan detail juga membutuhkan waktu dan tenaga. Belum lagi soal kompatibilitas peramban (browser).

Saya mencoba mengimplementasikan Bootstrap di laman-laman yang saya buat. Pertama saya coba di laman tunggal aplikasi kalkulator zona detak jantung. Dan sekarang saya juga mencoba menggunakan Bootstrap untuk desain ulang blog ini.

Dengan Bootstrap, saya benar-benar tidak perlu menulis CSS. Tinggal pakai. Tapi saya tetap menuliskan CSS pendek sebagai tambahan untuk beberapa penyesuaian dan kebutuhan khusus. Sebenarnya bisa saja mengubah (customize) CSS Bootstrap, namun saya tidak memilih jalan itu untuk fleksibilitas, misalnya kalau mau memutakhirkan Bootstrap di kemudian hari. Atau, jika ingin menggunakan satu bundel Bootstrap untuk beragam desain laman.

Secara umum tata letak (lay out) blog ini tidak berubah. Hanya menambahkan batang navigasi (navigation bar) dan relokasi beberapa elemen. Saya mencoba untuk tetap membuat tampilannya minimalis dan bersih (clean). Aksen kayu saya tambahkan untuk latar belakang agar terasa lebih hangat dan alami. Pola (pattern) saya ambil dari Subtle Pattern . Bootstrap juga saya perkaya dengan bumbu Font Awesome .

Memang hanya membutuhkan waktu beberapa jam saja untuk membangun desain baru ini. Apalagi perubahannya tidak radikal. Sebenarnya, desain baru ini belum melalui uji komprehensif, tetapi saya sudah tidak sabar untuk menggunakannya. Apalagi desain sebelumnya sudah lebih dari 2 tahun saya gunakan (sejak September 2009). Jadi, mohon dimaklumi kalau menemukan galat (error). Walaupun sudah mengudara dengan desain baru, saat ini perbaikan-perbaikan minor masih dilaksanakan. Malah, tidak tertutup kemungkinan kalau nanti tata letaknya diubah lagi.

Read More

Website Ludei

Assalamu'alaikum wr. wb

kali ini saya akan memosting lagi sebuah layanan dari website berteknologi HTML5, ludei adalah sebuah platform untuk menguji, mempercepat, menyebarkan dan menguangkan aplikasi dan game HTML5 Anda pada semua perangkat mobile dengan banyak fitur menarik untuk membantu Anda memberikan produk web yang bagus lebih cepat.

aplikasi mobile smartphone dengan basis web atau HTML5, seperti Phonegap, KendoUI, maupun Sencha Touch. Maka konsekuensi dan pertimbangan pengembangan secara web based harus kita ketahui terlebih dahulu. Berikut akan saya paparkan dua pertimbangan bahwa aplikasi mobile dengan basis HTLM5 memiliki keunggulan tertentu :

1. Mudah
2. Untuk Semua Platform

Yang menjadi pertimbangan disini, kita bisa memilih mengembangkan aplikasi mobile dengan basis web karena kemudahan pengelolaan dan kita cukup membutuhkan SDM dengan spesifikasi web standar.

Sekian saja yang bisa saya sampaikan pada postingan kali ini, mohon maaf bila ada salah-salah kata yang kurang berkenan.

wassalamu'alaikum wr.wb

Read More

Website Codrops

Assalamu'alaikum wr. wb

bertemu lagi dengan saya..... selaku pengurus blog ini. :D

kali ini saya akan berbagi sedikit ilmu mengenai sebuah website yang menyediakan tutorial tentang CSS3, HTML5 dan jQuery.

Menjelajah di situs Codrops ini benar benar mengasyikan, berbagai tutorial tentang CSS3, HTML5 dan berbagai teknik jQuery sangat menarik. Pada bagian Playground kita disuguhi berbagai effect dan ide ide kreatif memanfaatkan teknik teknik dari teknologi web yang selalu berkembang. Jika Anda ingin mempelajari trik kode baru dan teknik, ini adalah tempat di mana Anda harus mulai. Bahkan juga sebagai tempat untuk mencari ide ide baru dalam hal penerapan efek efek untuk halaman web.

Sungguh Website Tutorial yang sangat berharga serta menarik bagi para web designer. 

Mungkin sekian penjelasan kecil dari saya, semoga bermanfaat bagi para pembaca sekalian dan ilmu itu harus saling berbagi.

wassalamu'alaikum wr. wb

Read More

Pengertian PHP

DEFINISI PHP 

PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik.

Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.

Hubungan PHP dengan HTML 

Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda . Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php3 atau .php.

PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai
bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server Pages) dan JSP (Java Server Pages).

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML.

Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.. Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan
yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server.

Kelebihan PHP

Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar, padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :

1. Oracle
2. MySQL
3. Sybase
4. PostgreSQL
5. dan lainnya

PHP dapat berjalan di berbagai system operasi seperti windows 98/NT, UNIX/LINUX, solaris maupun macintosh.

Sumber : http://koplarpudak.blogspot.com/

Read More

Pengertial JQUERY dan JQUERY UI

JQUERY

jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. Sesuai slogan nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak.

jQuery ukuran nya cukup kecil, sehingga tidak memperlambat proses loading halaman web yang kita buat. jQuery juga kompatibel dengan CSS3 dan yang tak kalah penting adalah jQuery bisa berjalan di semua browser – cross browser.

jQuery diluncurkan pada Januari 2006 oleh John Resig. jQuery adalah library Javascript yang paling populer saat ini. Karena kecanggihan nya, jQuery dipakai oleh perusahaan besar seperti Google. Dell, CBS, digg, Netflix, Bank of America, Mozilla, Drupal, dsb.

jQuery adalah library Javascript yang gratis dan open source. Oleh karena nya kita bisa menggunakan jQuery dengan bebas untuk keperluan pengembangan website kita. Tanpa library seperti jQuery, menerapkan Javascript mungkin akan lebih sulit, terutama untuk pemula yang baru belajar Javascript. Plugin tambahan seperti JQuery UI (user interface) semakin memudahkan kita mengembangkan website yang cantik dan interaktif. Selain itu tersedia plugin-plugin lain yang makin memperkaya kemampuan jQuery.

Kemampuan memahami jQuery cukup penting untuk anda yang berprofesi di bidang pengembangan website atau anda yang sedang berencana membuat website yang cantik dan interaktif.

JQUERY UI

JQuery UI merupakan plugin komponen user interface (hal-hal yang berhubungan dengan antarmuka pengguna) berupa interaksi, widget berfitur lengkap dan efek animasi yang berada di bawah framework JQuery. Setiap komponen dibangun sesuai dengan arsitektur kerja JQuery (menemukan sesuatu, kemudian memanipulasinya) dan memiliki kemampuan untuk menerima tema yang bermacam-macam sesuai dengan keperluan desain — JQuery UI


Sejauh yang Saya pelajari selama ini, dibandingkan dengan kemampuannya sebagai pendukung efek-efek animasi baru yang tidak ada di dalam JQuery, peran JQuery UI lebih mendominasi ke dalam hal-hal yang berhubungan dengan penciptaan aplikasi online dengan standar yang sangat baik.

Sumber : www.dte.web.id

Read More

Aegisub

Assalamu'alaikum Wr. Wr


Kali ini saya akan memberikan sebuah aplikasi untuk membuat subtitle video. Software tersebut bernama Aegisub. Aegisub merupakan salah satu cara membuat subtitle dengan mudah. Sebenarnya banyak software yang bisa digunakan untuk ini, namun Aegisub saya rasa cukup mudah untuk digunakan. dan ini frame kerja pada aegisub seperti gambar dibawah ini :

Hardsub = Subtitle Video yang sudah yang sudah dimasukkan kedalam video itu sendiri, jadi subtitlenya tidak bisa diubah/diedit, karena sudah menajdi bagian dari video itu sendiri.
Softsub = Subtitle video yang belum dimasukkan kedalam video. subtitlenya masih sebuah file yang berktensi seperti di atas. Kita sendiri bisa memasukkan subtitlenya ketika videonya diputar.

Beberapa fitur yang ada di software ini adalah :

1. Translation Assistant -> Ini memudahkan kita dalam proses translate subtitle, yang namanya translate subtitle pasti baris per baris, jadi untuk membantu kita, ketika sudah selesai mentranslate subtitle pertama, tekan saja tombol “PageDown” untuk mentranslate baris selanjutnya.

2. Shift Times -> Ini memudahkan kita untuk memajukan atau memundurkan waktu penampilan subtitle. Yang dirubah bisa semua baris, beberapa baris, atau hanya satu baris saja.

3. Style Manager -> Kita bisa merubah warna, font, format, posisi penempatan subtitle, dan ukuran font dengan fitur ini.

4. Dummy Video -> Dengan menggunakan dummy video kita bisa mengatur letak subtitle dalam video, bisa membuat subtitle yang berjalan, memutar subtitle di sumbu X,Y dan Z dll.

5. Spesialis dalam subtitle berformat *.ass (advanced substation alpha subtitle)
6. Bisa export ke dalam format *.srt
7. Bisa membaca format *.srt , *.ass , *.ssa , *txt, *sub, *.ttxt
8. Bisa mengambil subtitle dari video mastroka ( *.mkv)
dan lain-lain masih buanyaaaaak sekali.

Read More

Tutorial Membuat Photo Slider Kiky Si Kancil

Assalamu'alaikum Wr. Wb

                     Kali ini saya akan memberikan sedikit tutorial Web 2.0 Technologi Kiky Si kancil. Biasanya Photoslider pada sebuah web itu menggunakan Javascript (Jquery). menurut pengalaman saya ketika saya membuat tugas besar Web pada semester 3. saya ingin memasukkan PhotoSlider pada Web yang akan saya buat, dan saya mencari Template Jquery PhotoSlider dan saya masukkan kedalam Web yang saya buat. cara itu mungkin agak sedikit susah dan cukup memakan waktu agak lama juga.

                    Namun, dengan adanya Software generator Kiky si kancil membuat photoslider tidak seribet seperti cara sebelumnya. saya disini akan menjelaskan dan memberikan tutorial kepada kalian semua  trips dan triknya kepada kalian. oke, langsung saja kita ke TKP.

1. Buka Arclab Thumb Studio 3.12

2. Setelah dibuka , pilih tema Slider yang akan kalian Gunakan, dan pada Arclab Thumb Studio ini sudah disediakan beberapa Tema Slider yang menarik loh jadi kalian benar-benar dimanjakan oleh Kiky si kancil

3. Setelah Memilih tema yang kalian inginkan, lalu pilih tombol Next dan akan digiring ke halaman selanjutnya

4. Klik tombol next lagi dan lewat bagian ini ,

5. Pada halaman ini, kalian pilih gambar yang ingin kalian jadikan Slider pada Web kalian

6. Setelah memilih Gambar kalian akan dibawa ke halaman ini

7. Lalu Create dan hasilnya  seperti gambar dibawah ini.

Nah, Sekian saja Tutorial PhotoSlider dari saya, gimana menurut kalian nih??? simple kan??? mudah kan???
berterimakasihlah pada Kiky si kancil :D
oke langsung saja tanpa basa-basi mohon maaf bila ada salah dalam pengucapan, atau secara teknis. sampai ketemu pada tulisan saya selanjutnya yaaa

Wassalamu'alaikum Wr. Wb

Read More

Framework Kiky Si kancil

Assalamu'alaikum Wr. Wb

pada pertemuan kedua di mata kuliah Web 2.0 Technology, saya akan sedikit memberikan pengetahuan mengenai Framework. dan sebelumnya apa itu Framework??? dan apa tujuan adanya Framework???

Framework dalam dunia Programming itu sama halnya dengan sebuah katrol dalam kehidupan kita sehari-hari, yaitu untuk mempermudah pekerjaan kita. jadi dapat disimpulkan bahwa Framework itu adalah sebuah tools yang dirancang untuk mempermudah pekerjaan Programmer untuk membuat sebuah program.

Framework dalam dunia Programming adalah ntuk mempermudah, mempercepat, mengefesienkan waktu untuk membuat suatu program. jadi, bekerja denga Framework itu sangat membantu pekerjaan yang relatif banyak. dan pada pembahasan kali ini lebih menjurus ke Framework PHP maka hanya itu yang akan saya bahas pada pembahasan ini.

karena PHP adalah Script untuk membuat sebuah Website, maka Framework PHP dalam pembahasan ini bisa diartikan sebagai alat yang berfungsi untuk mempermudah proses pembuatan web.

Beberapa jenis framework PHP yang terkenal antara lain:

Yii (Yes it is! Framework)
Menurut beberapa sumber, Yes it is! Framework merupakan framework paling banyak dipakai saat ini. Dan juga katanya ini adalah framework paling powerful.

CodeIgniter
Framework paling banyak komunitasnya di Indonesia. Dan paling mudah dipelajari, karena ddukungan User Guide yang lengkap dan rapi.

ZendFramework
Pengembangnya merupakan orang-orang yang membangun PHP itu sendiri. Jadi soal performa,jangan tanya saya ya

Cake PHP
sebuah framework atau kerangka kerja untuk membuat aplikasi CRUD (Create, Read, Update, Delete) berbasis bahasa pemrograman PHP

Panada Framework
Framework buatan anak Indonesia.

Nah kebetulan disini saya diajarkan oleh dosen yang super sekali, saya di beri sebuah Framerork buatan beliau, yaitu Kiky Si Kancil, Framework yang sangat mudah dan praktis saat digunakan. dan bisa mengefesienkan waktu seorang Programmer web untuk mengerjakan projek websitenya.

mungkin hanya sekian penjelasan saya mengenai Framework, saya pribadi mohon maaf apabila ada kata-kata yang kurang berkenan bagi para pembaca. Sampai bertemu lagi di pembahasan yang lainnya.

Wassalamu'alaikum Wr. Wb

Read More

Web 2.0

Web 2.0, adalah sebuah istilah yang dicetuskan pertama kali oleh O'Reilly Media pada tahun 2003, dan dipopulerkan pada konferensi web 2.0 pertama pada tahun 2004,[1] merujuk pada generasi yang dirasakan sebagai generasi kedua layanan berbasis web—seperti situs jaringan sosial, wiki, perangkat komunikasi, dan folksonomi—yang menekankan pada kolaborasi online dan berbagi antar pengguna. O'Reilly Media, dengan kolaborasinya bersama MediaLive International, menggunakan istilah ini sebagai judul untuk sejumlah seri konferensi, dan sejak 2004 beberapa pengembang dan pemasar telah mengadopsi ungkapan ini.

Walaupun kelihatannya istilah ini menunjukkan versi baru daripada web, istilah ini tidak mengacu kepada pembaruan kepada spesifikasi teknis World Wide Web, tetapi lebih kepada bagaimana cara si-pengembang sistem di dalam menggunakan platform web. Mengacu pada Tim Oreilly, istilah Web 2.0 didefinisikan sebagai berikut:

"Web 2.0 adalah sebuah revolusi bisnis di dalam industri komputer yang terjadi akibat pergerakan ke internet sebagai platform, dan suatu usaha untuk mengerti aturan-aturan agar sukses di platform tersebut. ”

Kelebihan dan kekurangan web 2.0

Dengan adanya Web 2.0 yang memungkinkan semua pengguna saling memberi masukan maka terjadi pengumpulan informasi yang sangat banyak (contoh Wikipedia). Karena tidak ada (jarang) yang melarang untuk menulis apapun maka terjadi demokratisasi dalam dunia digital. Karena sumber informasinya banyak maka orang dengan mudah dapat mencari informasi yang lebih lengkap dan berimbang, tidak hanya dari satu arah saja. Dengan demikian orang dengan dapat lebih tepat mengambil keputusan. Contoh yang mudah adalah sekarang di Internet kita dapat membaca surat kabar, sebagai sumber berita, dari banyak negara dengan mudah. Informasi yang beragam dapat saling melengkapi.
Kekurangan dari Web 2.0 adalah karena sifat terbukanya. Mungkin kita sudah menerapkan pengamanan. Namun karena kebanyakan kita menaruh data di server gratisan maka kita tidak bisa menuntut kalau data hilang atau sistem down. Web 2.0 juga menjadikan pengguna sangat tergantung pada Internet sehingga jika akses Internet putus pengguna tidak mempunyai alternatif lain. Pada aplikasi yang berat membutuhkan bandwidth yang besar, mungkin pada awalnya saja, sehingga untuk Indonesia terasa kurang cocok menggunakan aplikasi Web 2.0 yang berat-berat.

Dampak  yang diberikan web 2.0 pada dunia Internet saat ini

Dampak baiknya adalah banyak informasi terkumpul dengan begitu cepat karena ditulisa oleh sekian banyak pengguna Internet seperti yang terjadi pada Wikipedia atau Weblog. Selain itu jika aplikasi Web 2.0, office misalnya, dapat berjalan dengan lancar maka kita tidak perlu memasang aplikasi tersebut di lokal. Akibat lainnya adalah pada penggunaan bandwidth, makin banyak aplikasi yang berat, makin penuh jalur lalu lintas data di Internet. Pada akhirnya diperlukan peningkatan bandwidth. Dampak Internet secara umum yang berhubungan dengan pertukaran data adalah dengan mudahnya orang saling bertukar berkas audio ataupun video ataupun berkas-berkas yang seharusnya rahasia perusahan atau tempat kerja. Kemudahan itu mengakibatkan mudahnya pula orang melanggar hak cipta ataupun pembajakan produk. Oleh karena itu kita perlu menyikapi perkembangan atau kemajuan teknologi dengan bijaksana. Kita harus hati-hati untuk memunculkan informasi ataupun berkas ke Internet, dengan sebelumnya meneliti merenungkan apakah yang kita perbuat itu dapat menguntungkan orang lain. Janganlah kita lakukan jika hal ini dapat menimbulkan kerugian orang banyak.

Sumber : http://id.wikipedia.org/wiki/Web_2.0
http://kielanto.blogspot.com/2011/12/kelebihan-dan-kekurangan-web-20.html

Read More