Flash desktop application development with Screenweaver 3.1

17

Click here to load reader

Transcript of Flash desktop application development with Screenweaver 3.1

Page 1: Flash desktop application development with Screenweaver 3.1

Sarah Schöniwww.dctrl.com, [email protected]

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH

DESKTOP APPLICATION DEVELOPMENT

Screenweaver3.1

Swiss Flash User Group, 11. OpenMeeting11. April 2007 - Zürich

Page 2: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

Übersicht01. SWF Wrappers02. +/-03. Screenweaver304. SW Eclipse Plugin05. Screenweaver HX06. Mögliche Anwendungen07. Installation08. Project Editor/Beispiele

2

Page 3: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

01. SWF WrappersÜbersicht• Zinc (http://www.multidmedia.com/)• SWFstudio (http://www.northcode.com/)• Screenweaver (http://screenweaver.org/)• Jugglor (http://www.flashjester.com/)• SWFKit (http://www.swfkit.com/index.html)

3

Page 4: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

02. +/-Plus• Open Source• Desktop App Dev ohne Java, VB oder C++• Totale Kontrolle über GUI (da Flash)• Kurze Lernphase• Protected App's oder Demos (kein Decompiling!)

4

Page 5: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

02. +/-Minus• Zum Teil grosse Systemresourcen benötigt• Bugs & Crashes• Nicht für grosse Applications gedacht• Version 3 wird nicht mehr weiter entwickelt• Version 3 nur auf PC

5

Page 6: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

03. Screenweaver3Übersicht• Anfänglich komerzielles Produkt von Rubberduck (NL)• Danach einzige OpenSource-Lösung• Version 3.1.0.0 / 4• SW Eclipse Plugin• Überarbeitete HaXe Version• Flash Components• Project Editor, Wizards• Transparent Background, Drag & Drop

6

Page 7: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

04. SW Eclipse PluginÜbersicht• Download in Eclipse über

(http://www.screenweaver.org/update)• Preferences (Screenweaver) anpassen• Bestehendes Project um .swx ergänzen

(File > New > Other > Screenweaver > Screenweaver Project file)

• .swx doppelklicken öffnet Project Editor

7

Page 8: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

05. Screenweaver HX

8

Übersicht• Seit September 2006, Version 1.0• OpenSource Weiterentwicklung von Screenweaver3/4• Basierend auf Programmiersprache HaXe (ECMAScript)

(http://haxe.org/swhx)• SystemLayer (Neko API) & FlashGUI getrennt• HaXe/Flash/Flex (AS2/AS3 support)• Kommunikation über ExternalInterface• Cross-Plattform Windows & Mac OS X (auch Intel)• Nachteil vers. SWF, Neko & DLL-Files (> Installer)• Autom. Flashplayer-Download (Copyrights!)• Zugriff auf Databases, FileSystem, Sockets etc.

Page 9: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

06. Mögliche AnwendungenÜbersicht• Screensavers• Trial Versionen mit Serial-Activation• Text Editor, XML Editor etc.• FTP Client• Mp3 Player inkl. Saving und Loading von Playlists• Applications für Pocket PC's• Videoplayer

9

Page 10: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

07. Installation

10

http://www.screenweaver.org/index.phpVersion 3.1.0.0zusätzlicher Patch für Flash 8

Um die Screenwaver Hilfe in der Flash Hilfe zu integrierenDoppel Klick auf: Installations Ordner/help/swdocs.mxp

User Guidehttp://www.screenweaver.org/documentation/3/help/swhelp.html

Page 11: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

08. Editor/Beispiele

11

Page 12: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

Thanks!!Bei Fragen, Problemen oder Feedback:

• dCTRL - INTERACTIVE MEDIA & MOTION GRAPHICS GMBHSarah Schöni, Konradstrasse 17, 8005 Zürich, [email protected], www.dctrl.com (Website), www.dctrl.com/flashot (Blog)

12

Page 13: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

07. Code-VergleichMDM Zinc v2.5

myButton.onRelease = function(){ var myFile = mdm.Dialogs.BrowseFile.show(); filePath.text = myFile;}

13

Page 14: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

07. Code-VergleichScreenweaver 3

swInterface.init();

myButton.onRelease = function(){ swSystem.Dialogs.BrowseForFile_Open("",["All Files", "*.*"],"","Open File",onOpenFile);}

function onOpenFile(success,file){ filePath.text = file;}

14

Page 15: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

07. Code-VergleichJugglor 2.2

function EncodeForJugglor(x) { Result = ""; for (i=0; i<x.length; i++) { c = x.substr(i, 1); if ((c == '.') or (c>='a') and (c<='z') or (c>='A') and (c<='Z')){ Result += c; } else { s=ord(c).toString(16);if (ord(c)<16) s='0'+s; Result += '_'+s; } }return Result;}

myButton.onRelease = function(){ fscommand("exec",'j:sy:SelectFile:Open,"",FileName') myOnLoad = setInterval(function(){if(FileName!=""){filePath.text = FileName;}},55)}

15

Page 16: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

07. Code-VergleichSWFKit 3.0

import SWFKit.*;

myButton.onRelease = function(){ var myFile = Dialogs.fileOpen("All files(*.*)|*.*|"); filePath.text = myFile;}

16

Page 17: Flash desktop application development with Screenweaver 3.1

INTERACTIVE MEDIA & MOTION GRAPHICS GMBH DESKTOP APPLICATION DEVELOPMENT

Sarah Schöni - Version 1.0 - April 2007 / 15

07. Code-VergleichSWFstudio 3.0

myButton.onRelease = function(){ var myFile = ssCore.FileSys.fileOpen({path:"",caption:"Choose a file",filter:"All Files|*.*||"},{callback:"onOpenFile"});}

function onOpenFile(myFile){ filePath.text = myFile.result;}

17