Youtube Editor

Video yang telah Anda upload bisa diedit dan diberi efek stabilize melalui Youtube Editor. Contohnya seperti video dibawah ini. Video diambil dengan kamera ponsel SE Elm.

Continue reading

Advertisements

Membuat Search Engine Dengan Google CSE

Google Custom Search Engine adalah salah satu fasilitas yang ditawarkan oleh Google untuk membuat search engine dengan mudah dan cepat. Jadi tidak perlu capek – capek ngoding lagi.

  1. Masuk ke  http://www.google.com/cse/ lalu klik Create a Custom Search Engine.
  2. Login ke gmail.
  3. Setelah selesai melakukan login maka akan muncul beberapa option yang harus kita isi. Basic information merupakan pengaturan untuk memberikan nama pada search engine yang akan kita buat, deskripsinya, lalu bahasa yang digunakan.
  4. Selain itu juga mengisi opsi untuk web mana saja google cse akan digunakan.
  5. Lalu pilih edisi dari google cse, apakah edisi standard (free) atau yang tidak free ($100 per tahun).
  6. Style dari form search dan result search juga bisa dikustomisasi sesuai keinginan.
  7. Setelah itu, kita tinggal copy paste source code yg ada di website kita.
  8. Selesai. Anda bisa menikmati hasil pencarian google sesuai website anda.

Getting Started with Android!

Dalam postingan kali ini saya akan memberikan tutorial instalasi Android SDK di Eclipse, cukup mudah ternyata :).

Instalasi

  1. Pastikan anda sudah menginstall Eclipse.
  2. Download Android SDK di sini.
  3. Gunakan Eclipse Update Manager untuk menginstall plugins yang tersedia untuk Android Development Tools (ADT) dari link https://dl-ssl.google.com/android/eclipse/
  4. Di Eclipse, buka Window – Preferences. Pilih Android dan path instalasi sesuai letak folder dari SDK yang tadi di download. Continue reading

Mengaktifkan mod_rewrite pada Ubuntu 9.10

Mod_rewrite dibutuhkan untuk melakukan penulisan ulang URL berdasarkan regular-expression parser secara on the fly. Manipulasi URL bisa dilakukan untuk server variable, environment variables. HTTP headers, time stamps dan lain-lain. mod_rewrite beroperasi pada URL lengkap (termasuk bagian path-info) baik dalam konteks per-server (httpd.conf) dan konteks per-directory (.htaccess).

Pengaktifan mod_rewrite ini sangat terasa jika kita ingin menginstall suatu cms di localhost. Jika mod_rewrite belum diaktifkan, biasanya akan ada masalah dalam instalasi.

Langkah-langkah mengaktifkan mod_rewrite di ubuntu :

1. Aktifkan mod_rewrite dengan perintah di terminal/console:

sudo a2enmod rewrite

dengan perintah diatas, maka kita bisa melihat file rewrite.load di /etc/apache2/mod-enabled dan untuk lebih meyakinkan lagi, anda bisa membuat file php yang isinya : <?php phpinfo(); ?>

2. Edit file /etc/apache2/site-enable/000-default Continue reading

5 Javascript Library untuk Mempermudah Webdesign

Beberapa javascript library di bawah ini bukan merupakan library javascript yg besar seperti jQuery, tetapi lebih kecil dan lebih spesifik.

1. Memperbaiki PNG di IE6 dengan DD_BelatedPNG

DD_belatedPNG diciptakan untuk tujuan tunggal memungkinkan PNGs alpha-transparan untuk digunakan dalam IE6 tanpa menggunakan filter AlphaImageLoader milik Microsoft.

Penggunaan :

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>  
<![endif]--> 

ditambah

<script type="text/javascript">  
  DD_belatedPNG.fix(".linkButton");  
</script>

Download

2. Gunakan font dengan Cufon

Script ini semacam script yg berguna untuk melakukan perubahan font di element yg dapat kita tentukan, seperti CSS. Namun, kelebihannya yaitu browser akan dapat langsung menampilkan jenis font Cufon :D.

Penggunaan :

<script type="text/javascript" src="cufon.js"></script>  
<script type="text/javascript" src="Breip_500.font.js"></script>  

cara memanggilnya :

<script type="text/javascript">  
  Cufon.replace('h1.replacedFont');  
</script> 

dengan Cufon kita juga bisa menggunakan multiple font :mrgreen:.

Download

Continue reading

10 best #HTML5 Tutorial You Should Visit!

HTML5 (dan CSS3) is the updated version of the long term HTML, used by front-end web developers all over the world.

Versi baru dari markup language ini dibuat untuk memenuhi kebutuhan teknologi RIA (Rich Internet Application), dimana selama ini banyak dilakukan oleh Flash, Silverlight dan Java. Dengan HTML5 kita sudah sangat bisa membuat user interface web yang sangat menarik dengan resource yang cukup ringan.

Terdapat beberapa semantik baru <footer>, <nav>, <article>, <aside>,dll. Dan yang pasti akan menimbulkan masalah pada bagian browser compatibility.

Langsung saja, these are 10 great sites where you can slowly get used to HTML5 :

Install & Setting Lamp di Ubuntu 9.10

Lamp (Linux, Apache, MySql, PHP), digunakan untuk menciptakan lingkungan pengembangan web dengan cepat. Namun, bagi yang terbiasa di lingkungan Windows (menggunakan xampp), sebagian besar pasti akan mengalami sedikit masalah dalam instalasi dan konfigurasi. Dalam posting kali ini saya akan memberikan contoh instalasi Lamp dari repository Ubuntu Karmic Koala. Dan diasumsikan konfigurasi repository, baik menggunakan repo lokal maupun yang lainnya sudah baik dan bisa digunakan.

Instalasi LAMP

Buka terminal, ketikkan perintah :

sudo apt-get install lamp-server^

Tekan Enter ketika ada konfirmasi. Akan memakan waktu beberapa lama hingga semua packet selesai di download.

Setelah itu akan muncul kotak dialog untuk mengubah password root untuk mysql. Masukkan password sesuai keinginan. Maka instalasi LAMP akan selesai.

Tes Apache

Buka web browser, lalu ketikkan localhost. Jika muncul halaman It works, berarti instalasi telah berhasil.

Tes PHP

Ketikkan di terminal perintah :

gksudo gedit /var/www/testing.php

ketik <?php phpinfo(); ?> di dalam file testing.php lalu save.

Restart apache dengan menggunakan perintah :

sudo /etc/init.d/apache2 restart

Ketikkan di web browser localhost/testing.php, maka akan muncul halaman informasi dari PHP yg sudah diinstall.

Konfigurasi MySql

Ketikkan perintah-perintah di bawah ini :

cat /etc/hosts | grep localhost

cat /etc/mysql/my.cnf | grep bind-address

Maka akan muncul tulisan :

bind-address = 127.0.0.1

Install phpMyAdmin

Ketikkan perintah :

sudo apt-get install libapache2-mod-auth-mysql phpmyadmin

Tes phpMyAdmin

Buka browser lalu ketikkan localhost/phpmyadmin. Kemudian masukkan username root dan password yang tadi diisikan.

Maka konfigurasi LAMP telah selesai, letakkan website anda di folder var/www.

Namun, setelah konfigurasi ini saya mengalami beberapa masalah :

  1. Jika muncul pesan error tentang permission, maka yg harus dilakukan yaitu ketikkan perintah sudo chmod -R 777 var/www.
  2. Jika muncul pesan error tentang 404, maka yg harus dilakukan yaitu
  • Ketikkan perintah gksudo gedit /etc/apache2/apache2.conf
  • Tambahkan tulisan Include /etc/phpmyadmin/apache.conf, lalu save.
  • Restart apache dengan perintah sudo /etc/init.d/apache2 restart

Adobe Flex Builder 3

Kali ini saya akan mempersembahkan tutorial yg mungkin ibu hamil aja bisa melakukannya, yaitu instalasi Adobe Flex Builder 3. Adobe Flex merupakan framework dari Adobe yang digunakan untuk membuat RIA (Rich Internet Applications) yang berbasis flash player. Flex menggunakan bahasa baru, yakni MXML (Markup language based on eXtensible Markup Language). Flex berbeda dengan Flash, karena Flex tidak menggunakan timeline. Flex hanya terfokus pada satu sisi yakni RIA Component. Karena pada Adobe Flex kita hanya disuguhkan component berupa Form, Accordion, TabBar, MenuBar, dll.

Adobe Flex tetap memiliki kesamaan dengan Adobe Flash yakni source code dari Adobe Flex yang berupa file mxml di kompilasi menjadi file swf. Dengan Flex, kita tidak perlu lagi menuliskan script stop() pada timeline, karena hal tersebut sudah diatur oleh Flex SDK(Software Developer Kit).

Bagi yang sudah mengenal Java2Enterprise dengan JSTL atau Struts Frameworknya atau ASP dotNet, pasti mudah menguasai syntax bahasa Flex ini. Adobe Flex datang ke dunia RIA didukung dengan teknologi Action Script 3.0 yang sudah mengusung OOP(Object Oriented Programming).

Untuk membuat sebuah aplikasi flex, cukup menggunakan editor sederhana seperti Notepad atau editor-editor text lainnya. Namun, membangun aplikasi Flex menggunakan text editor biasa tidaklah cukup, karena untuk mengatur tampilan dari aplikasi kita secara langsung, kita membutuhkan sebuah IDE(Integrated Development Environment) yakni Flex Builder yang trial 😦. Sampai saat ini saya sendiri belum menemukan Flex IDE yang gratis dan memiliki kemampuan yang sama dengan Flex Builder. Namun saat ini sudah adalah Flex IDE yaitu Flash Develop. Namun seperti yang saya katakan diatas, kemampuan IDE open source ini masih kalah dibanding Flex Builder.

Selain itu, masih ada AIR (Adobe Integration Runtime). AIR berfungsi sebagai solusi untuk flash dan beberapa web content untuk bisa menjadi sebuah aplikasi berbentuk desktop.

Kenapa memakai Flex?

Flex adalah untuk aplikasi

Flex dibuat untuk mempercepat dan mempermudah pengembangan aplikasi internet yang serba bisa dengan berbasis flash player. Termasuk beberapa keefektifitasan dan keunggulannya, component component yang bisa dimodifikasi untuk mengkonfigurasi aplikasi secara cepat dan sederhana. Aplikasi yang dihasilkan bisa berjalan di browser ataupun didesktop (Air), jadi dengan sekali membuat aplikasi kita bisa menyajikan untuk orang yang terbisa menggunakan aplikasi web base dan untuk orang yang terbisa dengan menggunakan aplikasi desktop.

Untuk mempermudah interaktifitas

Flex mempermudah dalam pembuatan aplikasi yang membutuhkan interaktifitas yang tinggi. Ini karena Flex mendukung untuk pemrosesan data, Event arsitektur yang baik, mempunyai beberapa component yang bisa banyak memberikan feedback kepada user. Dan layaknya flash, Flex juga mempermudah dalam pembuatan transisi dan beberapa efek yang memukau.

Untuk kecepatan

Baik dalam saat pengembangan maupun nanti aplikasinya, si Flex ini bisa mempercepat waktu pengembangan dan nantinya aplikasi yang dibuat si Flex ini tidak akan terlalu besar dan menghabiskan banyak memori. Karena Flex menggunakan Action Script 3.0 bahasa pemrograman flash terbaru. Dengan AS3 ini aplikasi akan lebih responsive tidak memberatkan dan tidak terlalu banyak memakan resouce.

Flex Free

Meski Adobe Flex Builder 3 (visual editor for Flex) berbayar, tapi Flex framework gratis.Flex dapat dikembangkan hanya dengan menggunakan text editor bisa seperti Notepad dan mengkompilenya dengan commandline.

Flex open source

Layaknya teknologi-teknologi opensource yang lain, karena banyaknya pengembang dan beberapa komunitas yang mengembangkan maka Flex akan menjadi teknologi yang terus berkembang (meliputi framework dan compiler).

Untuk pemrosesan data

Karena Flex menggunakan flash player, maka tranmisi data tidak akan banyak hilang atau terhambat dijalan dan hasil informasi yang akan didapat oleh user akan lebih cepat. Flex juga secara terintegrasi telah bisa berkomunikasi dengan XML dan java object.Flex juga bisa langsung berkomunikasi dengan ColdFusion.AMFPHP merupakan jembatan antara php dan Flex yang bisa dijadikan alternatife untuk komunikasi data.

Sekarang kita akan langsung menginstal Adobe Flex Builder yang trial :mrgreen:.

Download installernya terlebih dahulu di sini.

Double klik untuk menginstall, lalu next seperti biasa sampai Done :mrgreen:.

Email Generator

Menuliskan email secara langsung di web bukanlah hal yang cukup aman, karena hal itu bisa digunakan oleh spammer untuk memberikan spam/membanjiri email kita dengan email2 aneh.

Salah satu cara menanggulanginya yaitu dengan menggunakan gambar sebagai informasi alamat email kita.

Sebagai contoh :

Untuk membuatnya sangat mudah, kita bisa menggunakan layanan email generator. Di dalam email generator sudah tersedia beragam gambar layanan email yang sudah biasa digunakan. Tinggal memasukkan alamat email kita dan memilih layanannya saja, bahkan kita bisa mengkustomisasi warna, jenis huruf dan garis kotaknya. Setelah selesai klik Generate, maka akan muncul gambar alamat email kita. Gambar bisa dipasang dengan menggunakan kode yang ada atau didownload. Setelah didownload, tinggal diupload di web menggantikan tulisan email secara langsung (hanya dengan teks).

Penyedia email Generator:

http://freetechjournal.com/email/

http://www.services.nexodyne.com/email/index.php

Thx 4 reading :mrgreen:

Screenshotemailgen

eyeOS | Cloud Computing Operating System

eyeOS
eyeOS

Setelah ikutan brainsparking jd pengen share aja ni tentang eyeOS, suatu aplikasi web based yang bersifat seperti operating system yang dibangun dengan menggunakan php dan tentunya bersifat open source  :D.

Apa yang dibutuhkan untuk mencobanya?

Simple, jika sebagai client hanya membutuhkan suatu web browser favorit anda, tetapi jika ingin menjadi servernya tinggal install xampp/lampp trus taruh di htdocs atau jika pengen lebih instan kunjungi eyeos.info yang merupakan public server, jadi bisa diakses dari mana saja.

EyeOS hanya membutuhkan webserver dan php, tidak membutuhkan database, tetapi nantinya setelah diinstall filenya akan mengembang di htdocsnya.

Kebetulan saya mencobanya di ubuntu 9.04 :

  • Kalau belum ada web server dan phpnya, berarti harus diinstall dahulu. Biar cepet sebaiknya install lampp saja (xampp for linux). Installernya bisa diambil di sini.
  • Setelah itu masuk sebagai root lalu gunakan perintah tar xvfz xampp-linux-1.7.1 tar.gz -C /opt
  • Ketik /opt/lampp/lampp start untuk mengaktifkan lamppnya.
  • Setelah itu download package eyeOSnya di sini.

  • Setelah selesai download tinggal ekstrak ke folder webserver (/opt/lampp/htdocs) dengan perintah tar -xvfz eyeOS_1.8.5.3.tar.gz  -C /opt/lampp/htdocs. Jangan lupa ubah permissionnya dengan chmod 777 eyeOS .

  • Buka web browser lalu ketikkan http://localhost/eyeOS
  • Akan muncul form instalasi eyeOS. Isi kolom root pasword dengan pasword yang di inginkan dan kolom hostname dengan alamat web server misalnya, localhost. Centang pilihan Allow users to create accounts jika ingin user lain membuat akan pada eyeOS. Setelah itu klik tombol install eyeOS.

    root passwd
    root passwd
  • Tunggu sebentar, saat eyeOS sedang meng-install. Setelah selesai akan muncul form login, isi dengan root sebagai username dan password yang telah dibuat tadi. Jika tidak ingin menggunakan username root maka dapat membuat user terlebih dahulu. eyeOS siap digunakan. Continue reading