Tugas3 WMC M0509051

LAPORAN TUGAS WIRELESS MOBILE COMPUTING 3
http://endlesslightz.netau.net
NIM Nama Kelas
: M0509051 : Nurcahya Pradana Taufik P. : B- 2009
Jurusan Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret 2011
Pembuatan Website Versi Mobile (Mobile Web) dengan Memanfaatkan RSS, Mobile Advertisement, dan Device Recognition
Deskripsi Perintah
Mahasiswa membuat mobile web secara mandiri (koding sendiri) dengan memiliki setidaktidaknya fitur sbb: Device Recognition, Mobile RSS, dan Mobile advertising. Konten mobile web yang dibuat masih mengenai profil dan aktivitasnya. Untuk development language nya terserah (boleh pake php, asp, jsp dll). Mobile web yang dibuat kemudian diuji dengan menggunakan setidaktidaknya 3 jenis mobile device yang berbeda atau boleh menggunakan emulator. Laporan tugas berisi analisa lengkap dari kode mobile web dan hasil pengujiannya beserta screen shot nya.
Deskripsi Website http://endlesslightz.netau.net

Pada website ini, saya membuatnya dengan menggunakan php dan berintegrasi dengan beberapa situs lain yang menyediakan layanan fitur tersebut di atas. Proses pembuatan website ini terbagi atas dua tahap, yakni pembuatan standard website dan mobile website. Kedua website tersbut memiliki perbedaan pada ukuran website dan gambar yang diload pada masing masing web. Halaman mobile akan secara otomatis dimasuki oleh user jika user menggunakan mobile device. Dan jika tidak, maka tampilan standard website akan muncul dengan tampilan yang lebih baik dan menarik. Hal ini dapat dilakukan dengan mudah, yakni membuat folder baru pada halaman hosting yang kemudian digunakan untuk menempatkan mobile website. Perbedaan keduanya juga terletak pada tipe dokumen. Pada standard website bertuliskan
<!DOCTYPE html PUBLIC "-//W3C//DTD "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0 Transitional//EN"
Sedangkan pada mobile website bertuliskan

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> XHTML Mobile 1.0//EN"
Untuk standard website memiliki halaman : Home, Profile, Activity, Gallery, About Sedangkan untuk mobile website memiliki halaman :Home, Profile, Activity, About
Gambar 1. Header Standard Website
Gambar 2. Header Mobile Website
Nurcahya P.T.P M0509051 Wireless Mobile Computing
Pembuatan Fitur Mobile Web

Device Recognition Fitur device recognition adalah sebuah fitur yang mampu menangkap device apa yang sedang digunakan untuk membuka situs. Fitur ini sering digunakan dengan melibatkan script php yang dapat membedakan device apa yang sedang digunakan pada saat tersebut. Device recognition melibatkan juga user agent dalam mendeteksi perangkat. Pada fitur yang saya buat ini, saya mengembangkan kemampuannya juga untuk me-redirectkan user yang sedang membuka website ini tapi dengan menggunakan mobile device. Jika user membuka dengan menggunakan komputer, maka yang akan terbuka adalah halaman website aslinya, namun jika user membuka dengan menggunakan mobile, maka akan terbuka halaman mobile websitenya. Script dari device recognition adalah sebagai berikut : <?php function detect_mobile() { $_SERVER['ALL_HTTP'] = isset($_SERVER['ALL_HTTP']) ? $_SERVER['ALL_HTTP'] : ''; $mobile_browser = '0'; $agent = strtolower($_SERVER['HTTP_USER_AGENT']); if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone |iphone|ipad|ipod|android|xoom)/i', $agent)) $mobile_browser++; if((isset($_SERVER['HTTP_ACCEPT'])) (strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml') !== false)) $mobile_browser++; if(isset($_SERVER['HTTP_X_WAP_PROFILE'])) $mobile_browser++; if(isset($_SERVER['HTTP_PROFILE'])) $mobile_browser++; $mobile_ua = substr($agent,0,4); $mobile_agents = array( 'w3c ','alav','alca','amoi','audi','avan','benq','bird','blac', 'blaz','brew','cell','cldc','cmd','dang','doco','eric','hipt','inno', 'ipaq','java','jigs','kddi','keji','leno','lg-c','lgd','lg-g','lge-', 'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-', ','acsand
'newt','noki','oper','palm','pana','pant','phil','play','port','prox', 'qwap','sage','sams','sany','sch-','sec','send','seri','sgh-','shar', 'sie-','siem','smal','smar','sony','sph','symb','t-mo','teli','tim-', 'tosh','tsm-','upg1','upsi','vk-v','voda','wap','wapa','wapi','wapp', 'wapr','webc','winw','xda','xda-' ); if(in_array($mobile_ua, $mobile_agents)) $mobile_browser++; if(strpos(strtolower($_SERVER['ALL_HTTP']), 'operamini') !== false) $mobile_browser++; if(strpos($agent, 'windows') !== false) $mobile_browser=0; if(strpos($agent, 'windows phone') !== false) $mobile_browser++; if($mobile_browser>0) return true; else return false; } $mobile = detect_mobile(); if($mobile == false) echo "<p>Anda Menggunakan browser windows</p>"; else {header('Location: http://www.endlesslightz.netau.net/mobi/'); echo "<p>Anda Menggunakan browser Mobile</p>"; } $listMerk = array('Nokia', 'iPhone', 'iPod', 'BlackBerry', 'HTC', 'LG', 'Nokia', 'Samsung', 'SonyEricsson'); $agent = $_SERVER['HTTP_USER_AGENT']; foreach ($listMerk as $merk) { $count = substr_count($agent, $merk); if ($count > 0) $merkDigunakan = $merk; } echo "<p>".$agent."</p>"; ?> //--selesai--//
Ada dua fungsi yang dilakukan pada script detect di atas, yakni fungsi redirecting dan fungsi membaca tipe browser. Pada script tersebut nampak bahwa pada perintah : if($mobile == false) echo "<p>Anda Menggunakan browser windows</p>"; else {header('Location: http://www.endlesslightz.netau.net/mobi/'); echo "<p>Anda Menggunakan browser Mobile</p>"; } Akan melakukan proses redirecting dari website windows ke mobile website dengan perandaian Jika user membuka dengan menggunakan komputer, maka yang akan terbuka adalah halaman website aslinya, namun jika user membuka dengan menggunakan mobile, maka akan terbuka halaman mobile websitenya. Sedangkan pada script $listMerk = array('Nokia', 'iPhone', 'iPod', 'BlackBerry', 'HTC', 'LG', 'Nokia', 'Samsung', 'SonyEricsson'); $agent = $_SERVER['HTTP_USER_AGENT']; foreach ($listMerk as $merk) { $count = substr_count($agent, $merk); if ($count > 0) $merkDigunakan = $merk; } echo "<p>".$agent."</p>"; ?>
Akan mendeteksi secara detail mengenai perangkat serta browser apa yang sedang digunakan oleh user pada saat dia membuka situs tersebut kemudian akan ditampilkan pada halaman web. Yang ditampilkan adalah jenis handphone atau device dan kemungkinan browser dengan menggunakan user agent. Detect.php ini diincludekan pada halaman index.php agar pada saat user masukke halaman utama website, langsung ada pengecekan device yang digunakan.
Gambar 3. Recognition pada Windows
Gambar 4. Recognition pada mobile
Mobile RSS RSS adalah singkatan dari Really Simple Sindication, yakni satu sistem sindikasi yang memungkinkan user untuk mendapatkan update/artikel terbaru dari situs-situs favorit secara otomatis. Untuk pembuatan RSS, pertama kali yang dilakukan adalah membuat file berkestensi XML. File tersebut berisi tentang artikel yang ditulis mengenai website. File XML tersebut memiliki script seperti berikut : <?xml version="1.0" encoding="UTF-8" ?> <rss version="2.0"> <channel> <title>Nurcahya's World</title> <link>http://endlesslightz.netau.net</link> <description> Website ini berisi tentang aktivitas dan profil dari Nurcahya Pradana Taufik Prakisya</description> <image> <title>Nurcahya's World</title> <width>120</width> <height>50</height> <link>http://endlesslightz.netau.net</link> <url>http://endlesslightz.netau.net/images/head.gif</url> </image> <language>en-us</language> <pubDate>Mon, 24 Oct 2011 16:31:11 +0700</pubDate> <copyright>All rights reserved. endless lightz 2011</copyright> <item> <title>Nurcahya's Profile</title> <description>Halaman ini berisi tentang informasi profil diri dan kemampuan dari Nurcahya Pradana Taufik Prakisya</description> <link>http://www.endlesslightz.netau.net/profil.php</link> <guid isPermaLink="true">http://www.endlesslightz.netau.net/profil.php</guid> <category>topNews</category> <pubDate>Mon, 24 Oct 2011 16:04:21 +0700</pubDate> </item> <item> <title>Nurcahya's Activity</title> <description>Halaman ini berisi tentang informasi aktivitas keseharian dari Nurcahya Pradana Taufik Prakisya</description> <link>http://www.endlesslightz.netau.net/aktivitas.php</link> <guid isPermaLink="true">http://www.endlesslightz.netau.net/aktivitas.php</guid> <category>topNews</category> <pubDate>Mon, 24 Oct 2011 16:04:21 +0700</pubDate> </item>
<item> <title>Nurcahya's Gallery</title> <description>Halaman ini berisi tentang galeri foto dari Nurcahya Pradana Taufik Prakisya</description> <link>http://www.endlesslightz.netau.net/galeri.php</link> <guid isPermaLink="true">http://www.endlesslightz.netau.net/galeri.php</guid> <category>topNews</category> <pubDate>Mon, 24 Oct 2011 16:04:21 +0700</pubDate> </item> <item> <title>About</title> <description>Halaman ini berisi tentang about mengenai website endlesslightz serta sedikit terdapat penjelasan singkat mengenai proses pembuatannya</description> <link>http://www.endlesslightz.netau.net/about.php</link> <guid isPermaLink="true">http://www.endlesslightz.netau.net/about.php</guid> <category>topNews</category> <pubDate>Mon, 24 Oct 2011 16:04:21 +0700</pubDate> </item> </channel> </rss>
File .XML ini masih berupa file mentah yang belum dapat digunakan dalam RSS. Maka diperlukan sebuah file yang digunakan untuk membaca file .XML tersebut. File sederhana tersebut dapat ditulis seperti berikut : <?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?> <!DOCTYPE html PUBLIC \"-//WAPFORUM//DTD XHTML Mobile 1.0//EN\" \"http://www.wapforum.org/DTD/xhtml-mobile10.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\"> <head> <title>Nurcahya's World</title> <style type=\"text/css\"> a:link {font-size: 14px; font-family: Arial; text-decoration:underline} a:hover {font-size: 14px; font-family: Arial; text-decoration:underline} a:visited {font-size: 14px; font-family: Arial; text-decoration:underline} p {font-size: 11px; font-family: Arial; margin: 0 0 0 0}</style> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"></meta> </head> <body><div>"; $mobilizer = 1; $feed = "http://endlesslightz.netau.net/RSS/rss.xml"; $fp = @fopen($feed,"r"); while(!feof($fp)) $raw .= @fgets($fp, 4096); fclose($fp); if( eregi("<channel>(.*)</channel>", $raw, $rawmain ) ) {
$main = explode("<title>", $rawmain[0]); eregi("(.*)</title>",$main[1], $titlemain ); echo '<p>'.$titlemain[1].'</p><br/>'; if( eregi("<item>(.*)</item>", $raw, $rawitems ) ) { $items = explode("<item>", $rawitems[0]); $p = 10; if ($npage == "")$npage = "1"; $countfile= count($items); $countfile=$countfile-2; $first=($npage*$p)-$p; $npages = ceil($countfile / $p); // $items = array_reverse($items); $next_arrays=($first+($p-1)); if ($npage <= $npages and $npage>1) href="'.$_SERVER["PHP_SELF"].'?npage='.($npage-1).'">Prev</a> '; if ($npages > 1 and href="'.$_SERVER["PHP_SELF"].'?npage='.
$gline_rew
'<a
$npage<$npages)
$gline_next
'
<a
($npage+1).'">Next</a>'; echo "<p>Page {$npage} of {$npages}<br/>".$gline_rew.$gline_next."</p>"; for ($a = 0; $a + 1 <= $npages; $a++){ echo '<a href="'.$_SERVER["PHP_SELF"].'?npage='.($a+1).'" accesskey="'.($a+1).'">'.($a+1).'</a> '; } echo '<br/><br/>'; if($next_arrays>$countfile)$next_arrays=$countfile; for ($i=($first); $i <= $next_arrays; $i++) { eregi("<title>(.*)</title>",$items[$i+1], $title ); eregi("<pubDate>(.*)</pubDate>",$items[$i+1], $date ); eregi("<link>(.*)</link>",$items[$i+1], $url ); eregi("<enclosure url=\"(.*)\" length=",$items[$i+1], $imgurl ); eregi("<description>(.*)</description>",$items[$i+1], $description); #$title[1] = str_replace("'", "", $title[1]); $title[1] = str_replace("& ", "&", $title[1]); if ($imgurl !=0) { echo '<img alt="1" src="http://mowser.com/web/'.$imgurl[1].'" /></img><br/>'; } if ($mobilizer == 1) { echo href="http://wapnews.mobi/m/m.php?i=1&m=1&u='.$url[1].'">'.$title[1].'</a><br/>'; } else { echo '<a href="'.$url[1].'">'.$title[1].'</a><br/>'; } echo '<p>'.$date[1].'</p>'; echo '<p>'.$description[1].'</p><hr />';
'<a
} }} $year = date('Y'); echo "<p>Page {$npage} of {$npages}<br/>".$gline_rew.$gline_next."</p>"; for ($a = 0; $a + 1 <= $npages; $a++){ echo '<a href="'.$_SERVER["PHP_SELF"].'?npage='.($a+1).'">'.($a+1).'</a> '; } echo '<br/><br/>'; echo '<p>© '.$year.' <a href="http://endlesslightz.netau.net/">Endless Lightz</a><br/> Powered by <a href="http://wapnews.mobi/mobile_rss_reader/">Mobile RSS Reader</a>. </p></div> </body> </html>'; ?> Namun untuk RSS reader yang saya gunakan bukan file tersebut di atas. Saya berintegrasi dengan http://www.feedburner.com untuk membuat alamat RSS dari file XML. Sedangkan untuk dapat menggunakannya, user diharuskan untuk mendaftar sebagai member dengan akun google. Sebelumnya untuk mengecek apakah file XML itu valid, masukkan alamat XML yang telah dihosting pada http://www.feedvalidator.org/ . setelah dinyatakan valid, maka file XML tersebut dapat digunakan pada feedburner. Untuk alamat RSS saya adalah http://feed.feedburner.com/NurcahyasWorld. Berikut adalah tampilan RSS saya
Gambar 5. RSS melalui www.feedburner.com
Mobile Advertising Mobile advertising adalah layanan iklan yang menggunakan media mobile phone (handphone). Di abad 21 ini handphone merupakan alat yang tidak terpisahkan bagi kehidupan manusia, bahkan sudah menjadi sebuah barang kebutuhan yang harus di bawa-bawa pemiliknya kapanpun dan dimanapun. Penggunaannya yang dapat dibawa kemana-mana membuat interaksi manusia dengan handphone lebih banyak dibandingkan dengan televisi, radio, komputer, dan laptop. Pengguna handphone di seluruh dunia mencapai 4,6 miliar. Bandingkan dengan pengguna internet yang jumlahnya baru mencapai 1,9 miliar, pengguna handphone masih jauh lebih besar jumlahnya. Pembuatan mobile advertising pada website ini berintegrasi dengan http://www.adsensecamp.com. Situs ini menyediakan layanan untuk penampilan iklan pada website dari member dan kemudian mengelola iklan tersebut. Dalam kasus ini user hanya menggunakan jasa adsensecamp dalam mentrigger script iklan yang akan dimuat. Situs ini juga mengelola pembayaran apabila ada pengunjung website yang menggunakan iklan tersebut. Script iklan dari website ini adalah sebagai berikut : <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script>
Script ini didapat dari adsensecamp.com dengan mendaftarkan diri sebagai member kemudian memilih layanan pasang iklan pada website. Dengan merujuk pada adsensecamp.com, maka model, bentuk font, ukuran, akan ditentukan dari halaman tersebut. Script yang terbentuk berupa javascript. Kemudian dari beberapa petunjuk yang ada serta pilihan yang tersedia, maka akan memunculkan script tersebut.
Gambar 6. Mobile advertising dengan www.adsensecamp.com
Tampilan Standard Website pada Windows (http://endlesslightz.netau.net)
Gambar 7. Halaman Home pada Standard Website
Gambar 8. Halaman Profile dan Activity pada Standard Website
10
Gambar 9. Halaman Gallery dan About pada Standard Website
11
Tampilan Mobile Website pada mobile device(http://endlesslightz.netau.net/mobi)

Emulator Sony Ericsson Xperia X10
Gambar 10. Halaman Home dan Profile pada Mobile Website Xperia X10
Gambar 11. Halaman Activity dan About pada Mobile Website Xperia X10
Gambar 12. Device Recognition pada Mobile Website Xperia X10
12
Emulator LG Optimus One
Gambar 13. Halaman Home dan Profile pada Mobile Website LG Optimus One
Gambar 14. Halaman Activity dan About pada Mobile Website LG Optimus One
Gambar 15. Device Recognition pada Mobile Website LG Optimus One
13
Emulator Nokia E63
Gambar 16. Halaman Home dan Profile pada Mobile Website Nokia E63
Gambar 17. Halaman Activity dan About pada Mobile Website Nokia E63
Gambar 18. Device Recognition pada Mobile Website Nokia E63
14
15
LAMPIRAN Script Standard Website

Index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's World</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="container"> <div id="menu"> <ul> <li id="m01"><a href="index.php">Home</a></li> <li id="m02"><a href="profil.php">profile</a></li> <li id="m03"><a href="aktivitas.php">activity</a></li> <li id="m04"><a href="galeri.php">gallery</a></li> <li id="m05"><a href="about.php">about</a></li> </ul> </div> <div id="header"> <div id="logo"><a href="index.php"><img src="images/head.gif" alt="logo" border="0" /></a></div> <div id="dj"></div> <div id="welcome"> <h3>"<span id="result_box2" lang="it" xml:lang="it">Ho iniziato la mia vita qui, qui comunque, vorrei porre fine alla vita..</span>"</h3> <br><br> <a href="http://yahoomail.com"><img src="images/yahoo.png" border="0" /></a> <a href="http://facebook.com/nurcahya.prakisya"><img src="images/facebook.png" border="0" /></a> <a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a> </div> <div class="clear"></div> </div> <div id="middle"></div> <div id="middle2"></div> <div id="content"> <div id="left">
16
<h2><span Greetings</span></h2>
id="result_box"
lang="en"
xml:lang="en">Introductory
<p>Selamat datang di website saya. Perkenalkan, saya Nurcahya Pradana Taufik Prakisya, yang lebih akrab disapa dengan panggilan Totto. Saya adalah mahasiswa jurusan S1 informatika Universitas Sebelas Maret Surakarta. </p> <p>Tidak ada sesuatu yang istimewa dari saya, hanya mungkin ada beberapa keunikan tersendiri yang bisa Anda temukan dari saya. Melalui website ini saya mengharapkan Anda akan mengenal saya lebih dekat.</p> <p>Regards,</p> <p>&nbsp</p> <p>Nurcahya Pradana T.P.</p> </div> <div id="right"> <h2><span xml:lang="en">Information</span></h2> id="result_box" lang="en"
<script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script> <?php include 'detect.php'; ?> </div> <div class="clear"></div> </div> <div id="footer"> <p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011<p> </div> </div> </body> </html> Profil.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's Profile</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head>
17
<body> <div id="container"> <div id="menu"> <ul> <li id="m01"><a href="index.php">Home</a></li> <li id="m02"><a href="profil.php">profile</a></li> <li id="m03"><a href="aktivitas.php">activity</a></li> <li id="m04"><a href="galeri.php">gallery</a></li> <li id="m05"><a href="about.php">about</a></li> </ul> </div> <div id="header"> <div id="judul"> <h2>Profile</h2> </div> <div id="isi"> <h3>Personal Information</h3> <table border="1"> <tr> <td bgcolor="#011F34" width="250px"><strong>Nama Lengkap</strong></td> <td>Nurcahya Pradana Taufik Prakisya</td> </tr> <tr> <td bgcolor="#011F34"><strong>Nama Panggilan</strong></td> <td>Nurcahya, Toto</td> </tr> <tr> <td bgcolor="#011F34"><strong>Tempat Tanggal Lahir</strong></td> <td>Surakarta, 24 September 1991</td> </tr> <tr> <td bgcolor="#011F34"><strong>Alamat</strong></td> <td>Jl. Sriwijaya Tengah III No 4, Nusukan, Surakarta</td> </tr> <tr> <td bgcolor="#011F34"><strong>No Telepon</strong></td> <td>+6285647430077</td> </tr> <tr> <td bgcolor="#011F34"><strong>E-Mail</strong></td> <td>endlesslightz@yahoo.com endlesslightz@gmail.com</td> </tr> <tr> <td bgcolor="#011F34"><strong>Jenis Kelamin</strong></td> <td>Laki - laki</td> </tr> <tr> <td bgcolor="#011F34"><strong>Status</strong></td>
18
<td>Bertunangan</td> </tr> <tr> <td bgcolor="#011F34"><strong>Agama</strong></td> <td>Islam</td> </tr> <tr> <td bgcolor="#011F34"><strong>Kewarganegaraan</strong></td> <td>Indonesia</td> </tr> </table> <br> <h3>Skill</h3> <table border="1"> <tr> <td bgcolor="#011F34" width="248"><strong>Bahasa Pemrograman (C, Java)</strong></td> <td width="466">Cukup Baik</td> </tr> <tr> <td bgcolor="#011F34"><strong>Pemrograman Web (HTML, PHP)</strong></td> <td>Cukup Baik</td> </tr> <tr> <td bgcolor="#011F34"><strong>Office</strong></td> <td>Baik</td> </tr> <tr> <td bgcolor="#011F34"><strong>Multimedia Flash</strong></td> <td>Cukup Baik</td> </tr> <tr> <td bgcolor="#011F34"><strong>Manipulasi dan Desain Grafik (Photoshop dan Corel Draw)</strong></td> <td>Baik</td> </tr> </table>
</div> <div class="clear"></div> </div> <div id="middle"></div> <div id="middle2"></div> <div id="content"> <div id="left">
19
<h2><span Description</span></h2>
id="result_box"
lang="en"
xml:lang="en">Profile
<p>Saya merupakan anak tunggal di keluarga saya Dan saya adalah orang yang humoris. Di kalangan teman - teman sejawat, saya cenderung bertindak sebagai pencerah suasana.Meskipun demikian, saya adalah pekerja keras dan saya bercita - cita untuk dapat bekerja di Ubisoft. Berikut ini adalah data diri saya pribadi. Karena saya adalah mahasiswa jurusan Informatika, maka saya lampirkan pula kemampuan saya dalam penguasaan bidang informatika. Profil saya secara lengkap dapat Anda lihat di atas.</p> </div> <div id="right"> <h2><span Me</span></h2> <p><img 30077</p> <p><img src="images/yahoo.png" border="0" /><br>endlesslightz@yahoo.com</p> <p><img src="images/facebook.png" border="0" />facebook.com/nurcahya.prakisya/</p> <p><a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a><br><a href="http://feeds.feedburner.com/NurcahyasWorld">RSS feed</a></p>  <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script>  </div> <div class="clear"></div> </div> <div id="footer"> <p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011<p> </div> </div> </body> </html> src="images/phone.png" border="0" /><br>+62856-474id="result_box" lang="en" xml:lang="en">Contact
20
Aktivitas.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's Activity</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="container"> <div id="menu"> <ul> <li id="m01"><a href="index.php">Home</a></li> <li id="m02"><a href="profil.php">profile</a></li> <li id="m03"><a href="aktivitas.php">activity</a></li> <li id="m04"><a href="galeri.php">gallery</a></li> <li id="m05"><a href="about.php">about</a></li> </ul> </div> <div id="header"> <div id="judul"> <h2>Activity</h2> </div> <div id="isi"> <ul> <li>Guru les privat SD, SMP, SMA</li> <li>Asisten Dosen mata kuliah Database dan PSD</li> <li>Asisten fotografi di Rinda Studio</li> </ul> <div> <p> </p> <strong><em>Organisasi</em></strong> </div> <ul> <li>Sanninkai SMA 1 Surakarta (2007 - 2008) - Ketua Umum<br /> </li> <li>Himaster Informatika UNS (2009 - 2010) - Staff PSDM<br /> </li> <li>Himaster Informatika UNS (2010 - 2011) - Ketua Bidang PSDM<br /> </li>
21
</ul> <div> <p> </p> <strong><em>Portofolio</em></strong> </div> </p> <ul> <li>Duta kebersihan kota Solo - 2005</li> <li>Finalis Olimpiade Sains dan Matematika IV - 2005</li> <li>Finalis Olimpiade IMFAS - 2006<br /> </li> <li>Database Student Tutor - 2010</li> </ul> </div> <div class="clear"></div> </div> <div id="middle"></div> <div id="middle2"></div> <div id="content"> <div id="left"> <h2><span id="result_box" Description</span></h2>
lang="en"
xml:lang="en">Activity
<p>Selain keseharian saya sebagai mahasiswa tingkat akhir di Universitas Sebelas Maret Surakarta, saya juga memiliki berbagai kegiatan lain. Kegiatan pada hari libur seringkali saya manfaatkan untuk mencoba membuat hal baru dengan notebook saya. Kegiatan keseharian saya di antaranya dapat Anda lihat secara mendetail di atas. </p> </div> <div id="right"> <h2><span Me</span></h2> <p><img 30077</p> <p><img src="images/yahoo.png" border="0" /><br>endlesslightz@yahoo.com</p> <p><img src="images/facebook.png" border="0" />facebook.com/nurcahya.prakisya/</p> <p><a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a><br><a href="http://feeds.feedburner.com/NurcahyasWorld">RSS feed</a></p>  <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script>  </div> src="images/phone.png" border="0" /><br>+62856-474id="result_box" lang="en" xml:lang="en">Contact
22
<div class="clear"></div> </div> <div id="footer"> <p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011<p> </div> </div> </body> </html> Galeri.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's Gallery</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="container"> <div id="menu"> <ul> <li id="m01"><a href="index.php">Home</a></li> <li id="m02"><a href="profil.php">profile</a></li> <li id="m03"><a href="aktivitas.php">activity</a></li> <li id="m04"><a href="galeri.php">gallery</a></li> <li id="m05"><a href="about.php">about</a></li> </ul> </div> <div id="header"> <div id="judul"> <h2>Gallery</h2> <a href="images/1.jpg"><img src="images/1.jpg" alt="photo 1" /></a> <a href="images/2.jpg"><img src="images/2.jpg" alt="photo 2" /></a> <a href="images/3.jpg"><img src="images/3.jpg" alt="photo 3" /></a> <a href="images/4.jpg"><img src="images/4.jpg" alt="photo 4" /></a> <a href="images/5.jpg"><img src="images/5.jpg" alt="photo 5"
23
/></a> <br /><br /> </div> <div class="clear"></div> </div> <div id="middle"></div> <div id="middle2"></div> <div id="content"> <div id="left"> <h2><span id="result_box" Description</span></h2>
lang="en"
xml:lang="en">Gallery
<p>Di halaman galeri ini Anda dapat melihat beberapa foto saya. Beberapa di antaranya sudah mengalami proses pengeditan gambar agar nampak lebih menarik.</p> </div> <div id="right"> <h2><span Me</span></h2> <p><img 30077</p> <p><img src="images/yahoo.png" border="0" /><br>endlesslightz@yahoo.com</p> <p><img src="images/facebook.png" border="0" />facebook.com/nurcahya.prakisya/</p> <p><a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a><br><a href="http://feeds.feedburner.com/NurcahyasWorld">RSS feed</a></p>  <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script>  </div> <div class="clear"></div> </div> <div id="footer"> <p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011<p> </div> </div> </body> </html> src="images/phone.png" border="0" /><br>+62856-474id="result_box" lang="en" xml:lang="en">Contact
24
About.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>About</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="container"> <div id="menu"> <ul> <li id="m01"><a href="index.php">Home</a></li> <li id="m02"><a href="profil.php">profile</a></li> <li id="m03"><a href="aktivitas.php">activity</a></li> <li id="m04"><a href="galeri.php">gallery</a></li> <li id="m05"><a href="about.php">about</a></li> </ul> </div> <div id="header"> <div id="judul"> <h2>About</h2> </div> <div id="isi"> <p> Alhamdulillah, pembuat panjatkan puji syukur atas rahmat Alloh sehingga setelah 1 minggu proses pengerjaan, mobile website ini selesai dikerjakan. Website ini dibuat untuk menyelesaikan tugas mata kuliah Wireless Mobile Computing Universitas Sebelas Maret Surakarta</p> <p>Hampir semua fungsi di dalam website ini dapat berfungsi dengan baik, namun apabila dicari kesalahan secara lebih detail, pasti akan ditemukan beberapa bug. Oleh karena itu, pembuat mohon maaf.</p> <p>Website ini dibuat dengan menggunakan Adobe Dreamweaver CS4 untuk coding, lalu menggunakan Photoshop CS, ACDsee, Imagicon, Colorpic dan berbagai aplikasi manipulasi gambar untuk pembuatan latar dan visualisasi. Pembuat menyadari betapa kurangnya isi website ini. Oleh karena itu dengan tidak mengurangi rasa hormat, pembuat meminta maaf atas kekurangan dalam website ini.</p> </div> <div class="clear"></div> </div> <div id="middle"></div> <div id="middle2"></div> <div id="content">
25
<div id="left"> <h2>Website Description</h2> <p>Dalam proses pembuatan website ini, saya menggunakan website <strong>www.adsensecamp.com</strong> untuk membuat tampilan iklan. Kemudian pada pembuatan RSS, saya membuat file beresktensi XML yang kemudian saya masukkan alamat XML tersebut ke dalam <strong>www.feedburner.com</strong> untuk RSS feed reader.</p> <p>Pembuatan device recognition hanya menggunakan script html sederhana. Keseluruhan fungsi website ini dijadikan satu dan kemudian saya melakukan hosting pada <strong>www.000webhost.com</strong> dengan nama domain <strong>www.endlesslightz.netau.net</strong></p> </div> <div id="right"> <h2><span Me</span></h2> <p><img 30077</p> <p><img src="images/yahoo.png" border="0" /><br>endlesslightz@yahoo.com</p> <p><img src="images/facebook.png" border="0" />facebook.com/nurcahya.prakisya/</p> <p><a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a><br><a href="http://feeds.feedburner.com/NurcahyasWorld">RSS feed</a></p>  <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script>  </div> <div class="clear"></div> </div> <div id="footer"> <p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011<p> </div> </div> </body> </html> Style.css *{ margin: 0px; padding: 0px; } src="images/phone.png" border="0" /><br>+62856-474id="result_box" lang="en" xml:lang="en">Contact
26
body { padding-top: 0px; background-color: #01111d; color: #FFF; font-family: verdana, arial, sans-serif; text-align: left; letter-spacing: 1px; } a {color: #FFF;font-size: 14px;} a:hover {color: #01a9c0;} .more{float: left;} .clear{clear:both;} p{ margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;} #container { margin: 0px auto; width:873px; } #menu { background-image:url(images/menu.gif); width:862px; height:90px; position:relative; } #menu li{ position:absolute; top:55px; list-style-type: none; } #m01 {left:160px;} #m02 {left:305px;} #m03 {left:450px;} #m04 { left:591px; } #m05 {left:730px;} #menu a{ font-family: verdana, arial, sans-serif; font-size: 12px; font-weight:bolder; color:#FFFFFF; text-decoration:none; text-transform: uppercase; } #menu a:hover {color: #01a9c0;} #header { background-image:url(images/header.gif); background-repeat:repeat-y; width:873px; } #logo { width:240px;
27
height:46px; margin: 25px 0px 0px 70px; float:left; display:inline; } #dj { background-image:url(images/dj.jpg); width:498px; height:374px; float:right; margin-right:40px; display:inline; } #judul { margin: 0px 0px 0px 80px; float:left; } #judul h2{ margin: 0px 0px 0px 0px; } #isi { width : 730px; margin: 20px 10px 0px 80px; float:left; display:inline; }
#welcome { width:210px; margin: 50px 0px 0px 80px; float:left; display:inline; } #welcome h2{ margin: 0px 0px 20px 0px; } #welcome p{ width:200px; } #welcome img{ border: solid 3px #FFFFFF; } #middle { background-image:url(images/middle.gif); width:873px; height:21px; } #middle2 { background-image:url(images/middle2.gif);
28
width:873px; height:22px; } #content { background-image:url(images/content.gif); width:873px; } #left { float:left; width:435px; margin: 0px 0px 0px 85px; display:inline; } #right { float:right; width:258px; height:auto; margin: 0px 62px 20px 0px; display:inline; } #right p{ font-size:13px; } #right a img{ margin: 8px 8px 8px 0px; border: none 0px #FFFFFF; }
#footer { background-image:url(images/footer.gif); background-repeat:no-repeat; width:873px; } #footer p{ height:58px; width:873px; text-align:center; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; font-size:11px; } #footer a{ font-size:11px; }
29
Script Mobile Website

Index.php <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's World</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body bgcolor="#01111d">
1.0//EN"
<div id="header"><center><a href="index.php"><img src="images/headmobi.gif" alt="logo" border="0" /></a></center> </div> <hr> <table width="100%" border="1" background="images/body_2.jpg" > <tr> <td><center><a href="index.php">Home</a></center></td> <td><center><a href="profil.php">Profile</a></center></td> <td><center><a href="aktivitas.php">Activity</a></center></td> <td><center><a href="about.php">About</a></center></td> </tr> </table> <center> <img src="images/pic.jpg" alt="logo" border="0" /> </center>
<center><div id="informasi"><h2><span id="result_box" lang="en" xml:lang="en">Introductory Greetings</span></h2></div> <p>Selamat datang di website saya. Perkenalkan, saya Nurcahya Pradana Taufik Prakisya, yang lebih akrab disapa dengan panggilan Totto. Saya adalah mahasiswa jurusan S1 informatika Universitas Sebelas Maret Surakarta. </p> <p>Tidak ada sesuatu yang istimewa dari saya, hanya mungkin ada beberapa keunikan tersendiri yang bisa Anda temukan dari saya. Melalui website ini saya mengharapkan Anda akan mengenal saya lebih dekat.</p> <p>Regards,</p> </center> <br><br> <center> <div id="informasi">
30
<h2><span id="result_box" lang="en" xml:lang="en">Information</span></h2></div> <a href="http://yahoomail.com"><img src="images/yahoo.png" border="0" /></a> <a href="http://facebook.com/nurcahya.prakisya"><img src="images/facebook.png" border="0" /></a> <a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a> <?php include 'detect.php'; ?> <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script> </center> <hr> <center><div id="footer"><p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011</p></div></center> </body> </html> Profil.php <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's World</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body bgcolor="#01111d">
1.0//EN"
<div id="header"><center><a href="index.php"><img src="images/headmobi.gif" alt="logo" border="0" /></a></center> </div> <hr> <table width="100%" border="1" background="images/body_2.jpg" > <tr> <td><center><a href="index.php">Home</a></center></td> <td><center><a href="profil.php">Profile</a></center></td>
31
<td><center><a href="aktivitas.php">Activity</a></center></td> <td><center><a href="about.php">About</a></center></td> </tr> </table> <center> <h1> </h1> <h1><strong>PROFILE</strong></h1> </center>
<center><div id="informasi"> <h2><span id="result_box" Description</span></h2></div>
lang="en"
xml:lang="en">Profile
<p>Saya merupakan anak tunggal di keluarga saya Dan saya adalah orang yang humoris. Di kalangan teman - teman sejawat, saya cenderung bertindak sebagai pencerah suasana.Meskipun demikian, saya adalah pekerja keras dan saya bercita - cita untuk dapat bekerja di Ubisoft. Berikut ini adalah data diri saya pribadi. Profil saya secara lengkap dapat Anda lihat dibawah.</p> <table border="1"> <tr> <td bgcolor="#011F34" width="250px"><strong>Nama Lengkap</strong></td> <td>Nurcahya Pradana Taufik Prakisya</td> </tr> <tr> <td bgcolor="#011F34"><strong>Nama Panggilan</strong></td> <td>Nurcahya, Toto</td> </tr> <tr> <td bgcolor="#011F34"><strong>Tempat Tanggal Lahir</strong></td> <td>Surakarta, 24 September 1991</td> </tr> <tr> <td bgcolor="#011F34"><strong>Alamat</strong></td> <td>Jl. Sriwijaya Tengah III No 4, Nusukan, Surakarta</td> </tr> <tr> <td bgcolor="#011F34"><strong>No Telepon</strong></td> <td>+6285647430077</td> </tr> <tr> <td bgcolor="#011F34"><strong>E-Mail</strong></td> <td>endlesslightz@yahoo.com endlesslightz@gmail.com</td> </tr> <tr> <td bgcolor="#011F34"><strong>Jenis Kelamin</strong></td> <td>Laki - laki</td> </tr>
32
<tr> <td bgcolor="#011F34"><strong>Status</strong></td> <td>Bertunangan</td> </tr> <tr> <td bgcolor="#011F34"><strong>Agama</strong></td> <td>Islam</td> </tr> <tr> <td bgcolor="#011F34"><strong>Kewarganegaraan</strong></td> <td>Indonesia</td> </tr> </table> </center> <br><br> <center> <div id="informasi"> <h2><span id="result_box" lang="en" xml:lang="en">Information</span></h2></div> <a href="http://yahoomail.com"><img src="images/yahoo.png" border="0" /></a> <a href="http://facebook.com/nurcahya.prakisya"><img src="images/facebook.png" border="0" /></a> <a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a> <?php include 'detect.php'; ?> <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script> </center> <hr> <center><div id="footer"><p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011</p></div></center> </body> </html>
33
Aktivitas.php <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's World</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body bgcolor="#01111d">
1.0//EN"
<div id="header"><center><a href="index.php"><img src="images/headmobi.gif" alt="logo" border="0" /></a></center> </div> <hr> <table width="100%" border="1" background="images/body_2.jpg" > <tr> <td><center><a href="index.php">Home</a></center></td> <td><center><a href="profil.php">Profile</a></center></td> <td><center><a href="aktivitas.php">Activity</a></center></td> <td><center><a href="about.php">About</a></center></td> </tr> </table> <center> <h1> </h1> <h1><strong>ACTIVITY</strong></h1> </center> <center><div id="informasi"> <h2><span id="result_box" Description</span></h2></div>
lang="en"
xml:lang="en">Activity
<p>Selain keseharian saya sebagai mahasiswa tingkat akhir di Universitas Sebelas Maret Surakarta, saya juga memiliki berbagai kegiatan lain. Kegiatan pada hari libur seringkali saya manfaatkan untuk mencoba membuat hal baru dengan notebook saya. Kegiatan keseharian saya di antaranya dapat Anda lihat secara mendetail di bawah. </p> <strong><em>Daily Activity</em></strong> <ul> <li>Guru les privat SD, SMP, SMA</li> <li>Asisten Dosen mata kuliah Database dan PSD</li> <li>Asisten fotografi di Rinda Studio</li> </ul> <div> <p> </p> <strong><em>Organization</em></strong></div>
34
<ul> <li>Sanninkai SMA 1 Surakarta (2007 - 2008) - Ketua Umum<br /> </li> <li>Himaster Informatika UNS (2009 - 2010) - Staff PSDM<br /> </li> <li>Himaster Informatika UNS (2010 - 2011) - Ketua Bidang PSDM<br /> </li> </ul> <div> <p> </p> <strong><em>Portofolio</em></strong> </p> </div> <ul> <li>Duta kebersihan kota Solo - 2005</li> <li>Finalis Olimpiade Sains dan Matematika IV - 2005</li> <li>Finalis Olimpiade IMFAS - 2006<br /> </li> <li>Database Student Tutor - 2010</li> </ul> </center> <br><br> <center> <div id="informasi"> <h2><span id="result_box" lang="en" xml:lang="en">Information</span></h2></div> <a href="http://yahoomail.com"><img src="images/yahoo.png" border="0" /></a> <a href="http://facebook.com/nurcahya.prakisya"><img src="images/facebook.png" border="0" /></a> <a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a> <?php include 'detect.php'; ?> <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script> </center> <hr> <center><div id="footer"><p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011</p></div></center> </body> </html>
35
About.php <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="icon" href="images/Razor.bmp"> <meta name="description" content="website profil Nurcahya" /> <meta name="keywords" content="Nurcahya, Informatika, UNS"> <meta name="author" content="Nurcahya P.T.P"> <title>Nurcahya's World</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body bgcolor="#01111d">
1.0//EN"
<div id="header"><center><a href="index.php"><img src="images/headmobi.gif" alt="logo" border="0" /></a></center> </div> <hr> <table width="100%" border="1" background="images/body_2.jpg" > <tr> <td><center><a href="index.php">Home</a></center></td> <td><center><a href="profil.php">Profile</a></center></td> <td><center><a href="aktivitas.php">Activity</a></center></td> <td><center><a href="about.php">About</a></center></td> </tr> </table> <center> <h1> </h1> <h1><strong>ABOUT</strong></h1> </center>
<center><div id="informasi"><h2><span id="result_box" lang="en" xml:lang="en">About Description</span></h2></div>
<p> Alhamdulillah, pembuat panjatkan puji syukur atas rahmat Alloh sehingga setelah 1 minggu proses pengerjaan, mobile website ini selesai dikerjakan. Website ini dibuat untuk menyelesaikan tugas mata kuliah Wireless Mobile Computing Universitas Sebelas Maret Surakarta </p> <p>Website ini dibuat dengan menggunakan Adobe Dreamweaver CS4 untuk coding, lalu menggunakan Photoshop CS, ACDsee, Imagicon, Colorpic dan berbagai aplikasi manipulasi gambar untuk pembuatan latar dan visualisasi. Pembuat menyadari betapa kurangnya isi website ini. Oleh karena itu dengan tidak mengurangi rasa hormat, pembuat meminta maaf atas kekurangan dalam website ini.</p>
36
<div id="informasi"><h2><span xml:lang="en">Website Description</span></h2></div>
id="result_box"
lang="en"
<p>Dalam proses pembuatan website ini, saya menggunakan website <strong>www.adsensecamp.com</strong> untuk membuat tampilan iklan. Kemudian pada pembuatan RSS, saya membuat file beresktensi XML yang kemudian saya masukkan alamat XML tersebut ke dalam <strong>www.feedburner.com</strong> untuk RSS feed reader.</p> <p>Pembuatan device recognition hanya menggunakan script html sederhana. Keseluruhan fungsi website ini dijadikan satu dan kemudian saya melakukan hosting pada <strong>www.000webhost.com</strong> dengan nama domain <strong>www.endlesslightz.netau.net</strong></p>
</center> <br><br> <center> <div id="informasi"> <h2><span id="result_box" lang="en" xml:lang="en">Information</span></h2></div> <a href="http://yahoomail.com"><img src="images/yahoo.png" border="0" /></a> <a href="http://facebook.com/nurcahya.prakisya"><img src="images/facebook.png" border="0" /></a> <a href="http://feeds.feedburner.com/NurcahyasWorld"><img src="images/rss.png" border="0" /></a> <?php include 'detect.php'; ?> <script src="http://adsensecamp.com/show/?id=Dvl%2FDkXZaaA%3D&cid=W1dXs%2FxsLio%3D&chan=EFX p4%2Bf9J%2F8%3D&type=13&title=3D81EE&text=000000&background=C3D9FF&border=000000&u rl=2BA94F" type="text/javascript"> </script> </center> <hr> <center><div id="footer"><p>Copyright Nurcahya Pradana Taufik Prakisya all rights reserved. 2011</p></div></center> </body> </html> Style.css *{ margin: 0px; padding: 0px; } body {
37
padding-top: 0px; background-color: #01111d; color: #FFF; font-family: verdana, arial, sans-serif; text-align: left; letter-spacing: 1px; } a {color: #FFF;font-size: 14px;} a:hover {color: #01a9c0;} .more{float: left;} .clear{clear:both;} p{ margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;}
#header{ background-color: black;} #footer{ background-color: black;} #footer p{ height:58px; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; font-size:11px; } #footer a{ font-size:11px; } #informasi{ background : url(images/body.jpg); }
38

Tugas3 WMC M0509051

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas3 WMC M0509051

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN TUGAS WIRELESS MOBILE COMPUTING 3

NIM Nama Kelas

: M0509051 : Nurcahya Pradana Taufik P. : B- 2009

Deskripsi Website http://endlesslightz.netau.net

Sedangkan pada mobile website bertuliskan

Gambar 1. Header Standard Website

Gambar 2. Header Mobile Website

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Pembuatan Fitur Mobile Web

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Gambar 3. Recognition pada Windows

Gambar 4. Recognition pada mobile

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Gambar 5. RSS melalui www.feedburner.com

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Gambar 6. Mobile advertising dengan www.adsensecamp.com

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Tampilan Standard Website pada Windows (http://endlesslightz.netau.net)

Gambar 7. Halaman Home pada Standard Website

Gambar 8. Halaman Profile dan Activity pada Standard Website

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Gambar 9. Halaman Gallery dan About pada Standard Website

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Tampilan Mobile Website pada mobile device(http://endlesslightz.netau.net/mobi)

Gambar 12. Device Recognition pada Mobile Website Xperia X10

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Emulator LG Optimus One

Gambar 15. Device Recognition pada Mobile Website LG Optimus One

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Emulator Nokia E63

Gambar 18. Device Recognition pada Mobile Website Nokia E63

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

LAMPIRAN Script Standard Website

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Script Mobile Website

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

<center><div id="informasi"> <h2><span id="result_box" Description</span></h2></div>

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

Nurcahya P.T.P M0509051 Wireless Mobile Computing

<center><div id="informasi"><h2><span id="result_box" lang="en" xml:lang="en">About Description</span></h2></div>

Nurcahya P.T.P M0509051 Wireless Mobile Computing

<div id="informasi"><h2><span xml:lang="en">Website Description</span></h2></div>