permainan berkedok web - subakti.com · aplikasi berbasis web yang memiliki fungsionalitas seperti...
TRANSCRIPT
Permainan Berkedok Web
Aplikasi berbasis web yang memiliki fungsionalitas seperti aplikasi desktop tradisional
Dikirimkan melalui teknologi internet
(biasanya) diletakkan dalam sebuah web browser
Looks cool and Acts cool
mengaburkan perbedaan antara ‘web’ dan ‘desktop’
Dynamic download
Sandboxed Asynchronous
communications
Highly dynamic and flexible user
interfaces
Client-side functionality
Created using bespoke scripting
languages
Web Tradisional
RIA
- Transaksi e2e sedikit- Workload server rendah
Fungsionalitas tinggi
Fungsionalitas rendah (data-centric)
- Banyak transaksi e2e- Workload server tinggi
Fungsionalitas TinggiFungsionalitas rendah
AIR (Adobe)
• Based on Flex, tetapi juga mendukung HTML & AJAX.
Silverlight (Microsoft)
• Hampir sama dengan Flex; pukulan besar dari Microsoft.
OpenLaszlo (Laszlo)
• Dapat di-deploy ke dalam plugin Flash atau sebagai DHTML
• Attractive UI components; didukung oleh IBM.
JavaFX
Open Laszlo:
www.openlaszlo.org
Microsoft Silverlight
silverlight.net
Adobe AIR
www.adobe.com/products/air/
Flash → closed source; Flex → open source
Client runtime ada di Mac, Windows, Linux
Flex menggunakan “ActionScript”, MXML, Flex Class Library
Untuk mengembangkan antarmuka menggunakan Flash IDE
Flex: plugin untuk Eclipse
.NET based
Browser plug-in pada WPF – Windows Presentation Foundation
Tersedia di Mac dan Windows
IDE: Visual Studio 2008
Versi 1.0, menggunakan JRE – Java Runtime Environment
Runtime outside (!) browser, Swing, Java2D
Tersedia pada Windows, Linux, Mac
Open Source, GPL
IDE: NetBeans 6.0 plugin
Halaman Silverlight membutuhkan 3 hal:
HTML file
Silverlight.js yang disediakan di dalam SDK
XML file di dalam Silverlight XAML untuk menentukan canvas
Hello World di Silverlight:
Hello World
12
<html><head> <title>Hello world</title>
<script src="js/Silverlight.js" type="text/javascript"></script>
</head><body>
<div id="Ag1Host" style="background:#FFFFFF">
<script type="text/javascript">
var pe1 = document.getElementById("Ag1Host");
</script> </div>
<script>
Silverlight.createObjectEx({source: 'xaml/MyFirstSilverlightPage.xml', parentElement:pe1, id:'Ag1', properties:{width:'300', height:'100', background:'#00FFFFFF', isWindowless:'true', framerate:'24', version:'0.90.0'}, events:{onError:null, onLoad:null}, context:null});
</script></body></html>
JavaScript include
XAML file:
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml>
<TextBlock FontSize="36" Canvas.Left="17" Canvas.Top="10" Foreground="Blue">Hello World</TextBlock>
</Canvas>
Name Spaces
import javafx.ui.*;
Frame {
title: "Hello World JavaFX"
width: 200
height: 50
content: Label {
text: "Hello World"
}
visible: true
}
For command line development seehttp://jfx.wikia.com/wiki/A_command_line_development_of_HelloWorld.fx
Jika dijalankan dalam IDE
Satu keuntungan: instansiasi objek yang dideklarasi, membuang jauh ketidakpraktisan yang tidak disukai orang tentang swing
RIA tanpa butuh browser plugin
Jumpa lagi di Film-film berikutnyaBest Regards to all citizen of “Permainan Berkedok Web”