OpenSuSE memberikan dukungan untuk Chrome

Chrome merupakan browser baru yang dikembangkan oleh Google, Inc. Panduannya dapat diakses pada alamat freetechie.

belajar ExtJS dari jQuery

Baik ExtJS maupun jQuery kesemuanya adalah library yang dikembangkan untuk mempercepat pemrograman javascript. Dalam konsep jQuery dikatakan bahwa semuanya adalah obyek dan ini ditunjukan dengan kemudahan akses terhadap semua obyek-obyek html yang ada dalam suatu dokumen menggunakan fungsi $(nama/id/selector/tag dari obyek). fungsi ini benar-benar luar biasa karena dengan hanya menyebut $() kita sudah dapat mengakses obyek apapun dalam halaman HTML.

Hal yang serupa juga diterapkan dalam ExtJS namun mereka membedakan antara akses Element (DOM) dengan akses Component. Yang menunjukkan kemiripan dengan konsep obyek dari jQuery adalah Ext.Component sedangkan Ext.Element lebih serupa dengan prosesor XML untuk membaca dokumen HTML sebagai kumpulan node-node yang saling terkait. Dalam jQuery keduanya ini digabungkan.

Jadi buat yang terbiasa dengan konsep jQuery dapat tetap menerapkannya di dalam ExtJS dengan definisi bahwa Component berbeda dengan Element. Waktu belajar ExtJS awalnya tergambar bahwa metode Ext.get() ato Ext.Element.get() ini ditujukan untuk mengakses obyek sama seperti pada jQuery, ternyata masih ada lagi metode serupa yakni Ext.getComp() ato Ext.ComponentMgr.get() untuk mendapatkan obyek html seperti pada jQuery.

Berikut ini contoh kode yang penulis gunakan untuk menerapkan ExtJS.

MyWindowUi = Ext.extend(Ext.Window, {
title: 'Percakapan',
width: 540,
height: 521,
layout: 'border',
id: 'winConversation',
initComponent: function() {
this.items = [
{
xtype: 'treepanel',
title: 'Users',
region: 'east',
width: 161,
border: true,
split: true,
collapsible: true,
rootVisible: false,
id: 'treeUser',
root: {
text: 'Online'
},
loader: {
url: '?app=loaddata',
clearOnLoad: false,
requestMethod: 'GET'
}
},
{
xtype: 'panel',
title: 'Aktifitas',
region: 'center',
split: true,
layout: 'border',
autoScroll: true,
id: 'panelConversation',
items: [
{
xtype: 'textarea',
fieldLabel: 'Label',
region: 'south',
width: 100,
split: true,
id: 'txtMessage'
},
{
xtype: 'tabpanel',
activeTab: 0,
region: 'center',
id: 'tabConversation',
items: [
{
xtype: 'panel',
title: 'Global',
id: 'conGlobal'
},
{
xtype: 'panel',
title: 'Tab 2'
}
]
}
]
}
];
MyWindowUi.superclass.initComponent.call(this);
}
});

Ext.onReady(function() {
var myWindow = new MyWindow({
renderTo: Ext.getBody()
});
myWindow.show();
Ext.getCmp('treeUser').on('click', function(node, event){
Ext.ComponentMgr.get('tabConversation').add({
xtype: 'panel',
title: node.id,
id: 'tab' + node.id
});
});
});

Selamat mencoba ExtJS.... ;-)

Referensi :
java2s.com
extjs documentation
example.extjs.eu

Aplikasi Facebook versi Boonex Dolphin 7

Mungkin ada yang udah pernah denger nama aplikasi ini, yang katanya memiliki segudang fitur yang mampu menyaingi dan bahkan melebihi fitur-fitur yang dimiliki oleh facebook selama ini.. Yang paling menonjol dari perbedaan yang ingin diciptakan oleh aplikasi ini terletak pada fitur Flash Apps nya yang mampu memberikan user keleluasan lebih untuk mengungkapkan ekspresinya tidak hanya melalui teks namun juga suara dan video pun bisa. Ini dimungkinkan karena teknologi flash yang ada saat ini telah dapat melakukan pengolahan (baca: perekaman) terhadap informasi user berupa teks, suara dan video.

Lebih jelas mengenai fitur-fitur lainnya dari aplikasi ini dapat dilihat di situsnya di www.boonex.com. Pada kesempatan kali ini penulis ingin berbagi bagaimana caranya melakukan instalasi aplikasi ini yang boleh dibilang memiliki beberapa konfigurasi yang memang perlu diperhatikan, sehingga berujung pada publikasi tulisan ini guna memberikan pengetahuan awal mengenai instalasi Dolphin 7 ini.

Dolphin 7 dapat didownload di alamat Dolphin 7 Download. Setelah download selanjutnya aplikasi ini dapat kita ekstrak di lokasi tempat web kita.
Untuk contoh ini perangkat yang kita gunakan adalah :
- Server Ubuntu 9.10
- PHP 5.2.10
- Apache 2.2.12
- MySQL 5.1.37

module apache yang terinstall adalah : (diambil dari phpinfo())
core mod_log_config mod_logio prefork http_core mod_so mod_alias mod_auth_basic mod_authn_file mod_authz_default mod_authz_groupfile mod_authz_host mod_authz_user mod_autoindex mod_cgi mod_deflate mod_dir mod_env mod_headers mod_mime mod_negotiation mod_php5 mod_rewrite mod_setenvif mod_status

aplikasi dolphin 7 ini terinstall pada lokasi /var/www/facebookdolphin7

langkah-langkah instalasinya sebagai berikut :
1. jalankan terlebih dahulu layanan mysql dan apache
2. buka browser dan akses alamat berikut http://localhost/facebookdolphin7/install/index.php
3. ikuti langkah instalsinya seperti yang biasa dilakukan pada aplikasi wordpress / phpmyadmin.
4. selesai instalasi, rename folder install pada lokasi /var/www/facebookdolphin7/install menjadi install-done

5. edit konfigurasi file php pada baris-baris berikut ini :
--- safe_mode = Off
--- upload_max_filesize = 20M
--- max_execution_time = 3000
--- session.gc_maxlifetime = 14400
--- post_max_size = 80M
6. restart layanan apache
7. setelah itu coba upload beberapa file


Instalasi RayMediaServer di /var/rms

[11:10 PM Wednesday, April 07, 2010]
Author: kadek surya pranata (kx.k_de@yahoo.com)

Perubahan pada file run_daemon.sh
RAY_SERVER_PATH=/var/rms;

Perubahan pada file red5.sh
JAVA_HOME=/usr/lib/jvm/java-6-openjdk;

Perubahan pada file access.dat
192.168.1.254

Perubahan pada file /var/rms/webapps/video/WEB-INF/red5-web.properties
webapp.contextPath=/video webapp.virtualHosts=*, 192.168.1.254:1935, 192.168.1.254:5080

perubahan yang serupa juga terjadi pada folder im, global, chat, dan board

perubahan pada mode akses beberapa file berikut ini menggunakan perintah berikut ini yang dijalankan pada folder /var/www/cikapesbuk :
cd /var/www/facebookdolphin7
chmod -v 666 ./flash/modules/global/data/integration.dat ./flash/modules/board/xml/config.xml ./flash/modules/board/xml/langs.xml ./flash/modules/board/xml/main.xml ./flash/modules/board/xml/skins.xml ./flash/modules/chat/xml/config.xml ./flash/modules/chat/xml/langs.xml ./flash/modules/chat/xml/main.xml ./flash/modules/chat/xml/skins.xml ./flash/modules/desktop/xml/config.xml ./flash/modules/desktop/xml/langs.xml ./flash/modules/desktop/xml/main.xml ./flash/modules/desktop/xml/skins.xml ./flash/modules/global/xml/config.xml ./flash/modules/global/xml/main.xml ./flash/modules/im/xml/config.xml ./flash/modules/im/xml/langs.xml ./flash/modules/im/xml/main.xml ./flash/modules/im/xml/skins.xml ./flash/modules/mp3/xml/config.xml ./flash/modules/mp3/xml/langs.xml ./flash/modules/mp3/xml/main.xml ./flash/modules/mp3/xml/skins.xml ./flash/modules/photo/xml/config.xml ./flash/modules/photo/xml/langs.xml ./flash/modules/photo/xml/main.xml ./flash/modules/photo/xml/skins.xml ./flash/modules/video/xml/config.xml ./flash/modules/video/xml/langs.xml ./flash/modules/video/xml/main.xml ./flash/modules/video/xml/skins.xml ./flash/modules/video_comments/xml/config.xml ./flash/modules/video_comments/xml/langs.xml ./flash/modules/video_comments/xml/main.xml ./flash/modules/video_comments/xml/skins.xml menjalanakan server RMS dengan menggunakan perintah :
# ./red5.sh

Untuk menjalankan rms sebagai daemon dapat dengan menggunakan perintah berikut ini ;
# cd /var/rms # ./run_daemon.sh
perubahan seting pada alamat
http://192.168.1.254/cikapesbuk/administration/flash.php



Referensi
ClearFoundation.com
Boonex Dolphin 7 documentation
LinuxQuestion.org
Boonex Blog
Boonex RMS Wiki

Blog tambahan

Buat temen-temen yang perlu informasi tambahan mengenai blog ini bisa mengunjungi juga link blog wordpress berikut ini :
http://blog.itb.ac.id/blog/kdsurya/