RSS

Jumat, 09 Juli 2010

Membuat RIA dengan PHP + Mysql + Silverlight

Akhirnya saya menemukan cara baru untuk integrasi php dan silverlight...
kalo pada postingan sebelumnya saya belum bisa melakukan koneksi ke database
sekarang sudah bisa dengan mysql tanpa perlu membuat WSDL...

pertama :

buat database anda di mysql..
mudah kan?


kedua :

sekarang kita buat web servicenya di PHP
contoh :

mysql_vars.php
$dbUsername = "root";
$dbPassword = "";
$db = "product";
$sever = "localhost";

$mysql_namaproduct = "nama_product";
$mysql_contentproduct = "content_product";
$mysql_ idproduct = "id_product";

$connection = mysql_connect ($server, $dbUsername,$dbPassword);

function formatinput($rawURLData)
{
$returnString = urldecode($rawURLData);
$returnString = mysql_real_escape_string($returnString);
return $returnString;
}
?>

web service ini nantinya akan dipanggil melalui silverlight


ketiga :

buat fungsi getter setter di class product pada C#

public class TakeProduct
{
public String ProductName {get; set;}
public String IsiProduct {get; set;}
public int IdProduct {get; set;}

public TakeProduct() {}
}

lalu coba right-click pada listbox dan "Edit Additional Templates" ->Edit Generate Item (pada Blend)


keempat :

cabut ke MainPage.Xaml.cs lalu ketik script berikut:

WebClient wc = new WebClient();
ObservableCollection myProduct = new ObservableCollection();
string baseURI = “http://localhost/"phpfile anda";

oh iya jangan lupa tambahkan (using System.Net dan using System.Collections.ObjectModel;


lalu ketik script dibawah InitializeComponent() "wc.DownloadStringComplete +=" tekan TAB dua kali..event akan tergenerate dengan sendirinya
lalu ketik lagi script tepat dibawah wc.DownloadStringComplete, "wc.DownloadStringAsync(new Uri(baseURI + “file php anda”));

tekan F5 insya allah jalan....
Alhamdulillah dengan cara ini pekerjaan saya akan semakin mudah untuk membangun web yang expresif,cepat,dan aman...

Membuat RIA (Rich Internet Application) dengan integrasi Silverlight dan PHP

Sebenarnya kajian PKL saya simple..hanya membangun sebuah web.Tetapi masalahnya adalah
dari pihak perusahaan meminta web yang expresif, komunikasi data cepat dan data aman pastinya (Maklum CEOnya perfectsionis)..
pertama saya berpikir untuk memakai adobe flex builder...tetapi software tersebut tidak menjamin komunikasi data
dan keamanan data karena adobe flex builder tidak bisa dengan instan connect ke database...

Lalu saya berpikir lagi dengan menggunakan PHP,saya menemukan beberapa kemudahan dalam komunikasi data dan
keamanan yang handal dalam PHP, tetapi saya kesulitan dalam membuat Interface dari webnya (pke dreamweaver belum begitu
ngerti...hehehehe.katro)

Terlintas dipikiran saya sebuah ide yang cemerlang (gaya beut)...Tahu expression blend dan silverlight?
yap, software tersebut sangat handal membuat interface dengan kemudahan yang disediakan oleh expression blend
dan silverlight library untuk mempercanggih interface tersebut..lalu saya mengambil kehandalan PHP dalam komunikasi
data dan keamanan data..saya berhasil memadukan .NET dengan PHP...

Langkah pertama saya bagi komponen web menjadi dua bagian (Server-side dan Client-side)
pada server-side saya menggunakan PHP untuk mengontrol data pada database..
pada client-side saya menggunakan .NET untuk membangun interface yang keren...

langkah kedua saya merubah sedikit codingan pada index.php (C:\wamp\www\index.php) untuk menginclude
silverlight XAP package..
lalu buat file WSDL baru..apa itu WSDL (Web Service Description Language)
yaitu untuk mendeskripsikan network service sebagai kumpulan endpoint
WSDL ini berbasis XML..

lalu saya membuat server pada PHP dengan WSDL tersebut...

ini_set("soap.wsdl_cache_enabled", "0");
$server = new SoapServer("issiweb.wsdl");
$server->addFunction("loginsystem");
$server->handle();

simpan file yang sama dengan file wsdlnya... issiweb.php
lalu test dengan membuka browser ketikkan http://localhost/php/issiweb.wsdl
jika ada tampilan service dari wsdl berarti koneksi php telah berhasil.

lalu buka visual studio dan expression blend,..mulai buat interfacenya


setelah semuanya beres..copy aplikasi silverlight yang dibuat tadi ke directory PHP..
(catatan : project akan run pada port yang berbeda, kan biasanya port 80)...

lalu klik kanan pada project (di visual studio), properties, pilih web tab,
pilih use local IIS web server option, dan masukan path servernya..
tekan F5 insya Allah jalan...

untuk sementara selama dua minggu PKL baru ketemu itu...hehehe

Jumat, 25 Juni 2010

ANALISIS WEB USABILITY PADA MAXIKOM (2)

3.Tidak ada keterangan halaman

Pada home di web ini akan diberikan beberapa sample buku, tetapi tidak ada keterangan beberapa sample buku itu adalah apa? apakah best seller? apakah top rated? apakah most viewed?. Pada web ini hanya diberikan rating 1-5 tetapi sample buku tersebut itu apa? jika mengacu kepada amazon.com yang menampilkan status pada sample buku (best book of the year, best book of the month,dan rekomendasi), maxikom masih jauh dari usable dalam hal ini.



www.maxikom.co.id


bandingkan dengan



www.amazon.com









4. Desain header berantakan

Pada umumnya web memiliki menu home,content,contact us, about us yang terletak dibawah judul.Tetapi dimana letak home,about us pada maxikom? yap, teletak di kiri atas dan tidak diberi border.Hal ini sangat tidak biasa bagi user.sedangakan untuk mencapai web yang usable, sebuah web harus memiliki sistem yang biasa dilihat user (familiarity) dan mudah diingat (.posisi header pada kiri atas adalah posisi yang tidak biasa dilihat user, dan user harus mengingat kembali sistem anda (Don't make them think).



(Desain header yang tidak biasa)

ANALISIS WEB USABILITY PADA MAXIKOM (1)

Ada beberapa komentar dari saya tentang website dari www.maxikom.co.id



Walaupun sekilas web ini terlihat "Sempurna" tetapi setelah saya teliti dan melihat contoh web lain yang lebih usable,ternyata ada beberapa bagian yang "cacat" dari segi Usability.

Beberapa point yang saya catat :

1.Scroll terlalu panjang

Mungkin karena content terlalu banyak, maxikom.co.id menggunakan scrolling.Tetapi scrolling justru membuat web ini "tidak nyaman" karena scrolling terlalu panjang, biasanya user malas untuk menggunakan scroll apalagi scroll yang terlalu panjang.


(Scrolling panjang)












2.Tidak ada navigasi

Ini salah satu "Kecacatan" dari web ini, tidak ada navigasi.Hal ini sering kali membuat user tersesat didalam web. Apalagi menu terlalu banyak, user sering lupa dengan posisi dia sekarang sedangkan dalam web ini tidak ada penunjuk posisi user (Navigasi).




(Dimanakah saya? yap, tidak ada navigasi)

Rabu, 16 Juni 2010

Data Link Simulator


Bagi yang mau belajar Jarkomdat khususnya tentang Flow control, nih saya baru selesai bikin aplikasi Data Link Simulator yang saya buat dengan C# (Referensi dari code project)dengan menggunakan tools dari OpenGL untuk menampilkan blok-blok yang menggambarkan Frame dan ACK.gambar disamping adalah potongan gambar dari programnya.
Bagi yang mau download masuk aja ke http://jump.fm/CWGNH

Senin, 22 Februari 2010

KRITERIA PENILAIAN KAMEN RIDER W






Liat gambar disamping? yap itulah yang ada di artikel saya yang lalu yaitu tentang KAMEN RIDER W (Double) dalam bahasa jepang (Daburu)...tetapi sekarang bukan sekedar berita yang saya tampilkan, tetapi kira-kira apa yang menarik dari KAMEN RIDER W ini ya? Emmm.... klo menurut saya......


PERTAMA adalah DESIGN rider yang mencolok.. lihat form dasar rider nya warnanya Hijau-Hitam...jarang-jarang ada kamen rider belang-belang gini kan?hehehehe
ini adalah strategi BANDAI untuk menarik para peminat KAMEN RIDER, dibuat DESIGN yang berbeda dari KAMEN RIDER sebelumnya...

KEDUA adalah cara berubahnya (HENSHIN!!) lihat pada gambar.... dua orang yang bakal berubah jadi satu...berarti nanti suaranya bakal ada dua nih...hehehe..sepanjang sejarah KAMEN RIDER dibuat, baru kali ini KAMEN RIDER yang memakai dua karakter tetapi satu rider...hmmmm konsep yang menarik...

KETIGA adalah Device yang dipakai pada saat berubah.. anda lihat memakai apa? yap FlashDisk...ternyata ni KAMEN RIDER juga menganut sistem teknologi biar gak ktinggalan jaman...BANDAI sengaja memakai device yang tidak biasa dipakai oleh rider lainnya...

KEEMPAT adalah perubahan bentuk (form) nya... ternyata bukan hanya bentuk dasar yang belang-belang, tetapi perubahan bentuk berikutnya juga belang-belang...kayaknya BANDAI sengaja memakai teknik ini agar bisa membedakan mana rider masa depan, mana rider masa lalu..heheheh

KELIMA adalah lalu jumlah kombinasi bentuknya ada 9 tipe.. BANDAI sengaja membuat banyak bentuk agar penonton tidak bosan...ada tiga FlashDisk dibagian kiri ada 3 FlashDisk, dibagian kanan ada 3 FlashDisk..jadi kalo menurut hitungan statistika ada 9 kemungkinan perubahan (sok tau banget..hehehehe)....

TRIGGER(Biru), JOKER (Hitam), METAL (Perak) ini buat bagian sebelah kiri, HEAT (Merah), CYCLONE(Hijau), LUNA (Kuning) ini buat bagian yang sebelah kanan.... coba kombinasikan?,,,,,

Kamis, 18 Februari 2010

KAMEN RIDER PUN SEMAKIN CANGGIH


Kamen rider pun ternyata mengikuti perkembangan jaman,,..dari jaman berubahnya pake jimat komat kamit sekarang sudah pake FlashDisk....liat pada gambar...Menurut saya ini adalah konsep menarik yang diterapkan oleh BANDAI (penerbit seri kamen rider). Ternyata bukan hanya anak ilkom yang pake FlashDisk tapi kamen rider juga.Disini bisa dilihat bahwa BANDAI pun tidak mau ketinggalan jaman,dari mulai pake kartu,sensor,bahkan ada yang pake K-touch (sungguh kamen rider yang modern)..

kira-kira abis pake FlashDisk, mungkin gak yah kamen rider berikutnya berubah pke CPU atau Processor? (kyknya gak mungkin yah?)...



untuk lebih jelasnya,..nih tutorial cara berubahnya..yang mau niru silahkan,hehehe