Top Banner
Permainan Berkedok Web
30

Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

Nov 10, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

Permainan Berkedok Web

Page 2: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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’

Page 3: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

Dynamic download

Sandboxed Asynchronous

communications

Highly dynamic and flexible user

interfaces

Client-side functionality

Created using bespoke scripting

languages

Page 4: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

Web Tradisional

RIA

- Transaksi e2e sedikit- Workload server rendah

Fungsionalitas tinggi

Fungsionalitas rendah (data-centric)

- Banyak transaksi e2e- Workload server tinggi

Fungsionalitas TinggiFungsionalitas rendah

Page 5: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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

Page 6: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

Open Laszlo:

www.openlaszlo.org

Microsoft Silverlight

silverlight.net

Adobe AIR

www.adobe.com/products/air/

Page 7: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 8: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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

Page 9: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

.NET based

Browser plug-in pada WPF – Windows Presentation Foundation

Tersedia di Mac dan Windows

IDE: Visual Studio 2008

Page 10: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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

Page 11: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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

Page 12: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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

Page 13: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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

Page 14: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

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

Page 15: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

RIA tanpa butuh browser plugin

Page 16: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 17: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 18: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 19: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 20: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 21: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 22: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 23: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 24: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 25: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 26: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 27: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 28: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed

Jumpa lagi di Film-film berikutnyaBest Regards to all citizen of “Permainan Berkedok Web”

Page 29: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed
Page 30: Permainan Berkedok Web - subakti.com · Aplikasi berbasis web yang memiliki fungsionalitas seperti ... mengaburkan perbedaan antara ‘web’ dan ‘desktop’ Dynamic download Sandboxed