Stewart Christie Slides

7/23/2019 Stewart Christie Slides

1/25

NotePad No More: -A Personal Survey of HTML5Developer ToolsetsStewart Christie - Tizen and HTML5 Community Manager

@intel_stewart

HTML5 Developer Conference Oct 2013


2/25

Editor Wars.Editor Wars.Editor Wars.Editor Wars.

MatMatMatMat says:

January 22, 2012 at 12:17 pm

Way too complex, lots of useless tools.

A new developper only needs a linux, a vim and a FTP client.

Reply GeneGeneGeneGenesays:

January 23, 2012 at 1:03 am

Wow, now thats old school! What are you running that on, an Intel 486?

Reply

2 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13


3/25

Six systems tested.Six systems tested.Six systems tested.Six systems tested.

Appery.io:Appery.io:Appery.io:Appery.io: Cloud based graphical drag and drop builder

Adobe Brackets/Edge andAdobe Brackets/Edge andAdobe Brackets/Edge andAdobe Brackets/Edge and PhoneGapPhoneGapPhoneGapPhoneGap Build:Build:Build:Build: Desktop with cloud build.

AppCeptionAppCeptionAppCeptionAppCeption: Cloud based, optional desktop editor integration

AppLaudAppLaudAppLaudAppLaud:::: Eclipse ADT plugin

MosyncMosyncMosyncMosync Reload:Reload:Reload:Reload: Node based server, local editor

Intel XDK New:Intel XDK New:Intel XDK New:Intel XDK New: Hybrid system. Local install/edit. Cloud Build

Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13


4/25

Real App

Camera or Gallery

Standalone

Works offline

Consumption Apps

Ereaders

Comics

Often supplied bycontent provider.

Portal Apps

Facebook orTwitter

Front End to a serviceor database

Some of these Apps are not like the othersSome of these Apps are not like the othersSome of these Apps are not like the othersSome of these Apps are not like the others

4

likes

Focus of today



5/25

Appery.ioAppery.ioAppery.ioAppery.io CloudCloudCloudCloud----based Mobile App Builderbased Mobile App Builderbased Mobile App Builderbased Mobile App Builder

http://docs.appery.io/tutorials/using

-the-camera-component/

Free version One app at atime, but few examples.

30 minutes from install torunning on device.

Very pointy clicky, no codingneeded?

Exporting this app ->153 files,and 2566Kb.

APK file is 1.3Mb



6/25

Appery.ioAppery.ioAppery.ioAppery.io CloudCloudCloudCloud----based Mobile App Builderbased Mobile App Builderbased Mobile App Builderbased Mobile App Builder

No Import Just Export

Free version One app at atime, but few examples.

30 minutes from install torunning on device.

Very pointy clicky, no

coding needed?

Exporting this app ->153files, and 2566Kb.

APK file is 1.3Mb



7/25

Eclipse say no

more.

Android SDKsused forpackaging.

Flexible, manyoptions.

Great tutorialsand videos

AppLaudAppLaudAppLaudAppLaud : Eclipse Plugin for: Eclipse Plugin for: Eclipse Plugin for: Eclipse Plugin for PhonegapPhonegapPhonegapPhonegap

7

http://www.mobiledevelopersolutions.com/



8/25

AppLaudAppLaudAppLaudAppLaud::::Easy for Eclipse Users to get startedEasy for Eclipse Users to get startedEasy for Eclipse Users to get startedEasy for Eclipse Users to get started



9/25

Eclipse Wizard forEclipse Wizard forEclipse Wizard forEclipse Wizard for AppLaudAppLaudAppLaudAppLaud

Options for PhonegapVersions.

Options for User Interface

Options for demo, simple,or imported projects.



10/25

Fun with Eclipse.Fun with Eclipse.Fun with Eclipse.Fun with Eclipse.



11/25

MosyncMosyncMosyncMosync ReloadReloadReloadReload

www.mosync.com/reload

Private usage

For private use, the MoSync SDK andMoSync Reload are completely free. Takethem, use them, have fun!Commercial usageIf you want to sell the products youmake with the MoSync SDK and MoSyncReload, or if you want to distribute thoseproducts to other people outside or your

organization, you have one of twooptions:Be open source! Licence your sourcecode under GPL version 2, publish yoursource code openly (or supply it toothers on demand), and keep ourcopyright notices and the licenses in yoursource files. Notes:

Installation failed on my win7 system.JS APIs are Phonegap compatible.Uses Weinre for remote debug



12/25

AppAppAppAppceptionceptionceptionception

http://www.appception.com

Import AND Export of files, orprojects.

Use of Desktop Editor or CloudACE/CodeMirror

Free Beta now. Free and Paid modelscoming

Abug App for Android

Fastest from signup to photo: ~ 20minutes.

Notes:

Very new. 1st

message on forum Oct 2nd

2013Uses Weinre for remote debugCloud emulators use noVNC



13/25

AppceptionAppceptionAppceptionAppception:::: GuiGuiGuiGui and Simulatorand Simulatorand Simulatorand Simulator



14/25

AppCeptionAppCeptionAppCeptionAppCeption : Remote Debug Agent: Remote Debug Agent: Remote Debug Agent: Remote Debug Agent

Abug available forAndroid.



15/25

Adobe Edge, Brackets andAdobe Edge, Brackets andAdobe Edge, Brackets andAdobe Edge, Brackets and PhonegapPhonegapPhonegapPhonegap BuildBuildBuildBuild

PhoneGap plugin for Edge/Brackets is currently broken Plugin installs.

Login works.

Existing PhoneGap Build projects visible.

Click rebuild and wait and wait

Rebuild is kicked off but Edge/Brackets hang.



16/25

IntelsIntelsIntelsIntels XDK New: Hybrid ApproachXDK New: Hybrid ApproachXDK New: Hybrid ApproachXDK New: Hybrid ApproachBrackets, Ripple,Brackets, Ripple,Brackets, Ripple,Brackets, Ripple, WebkitWebkitWebkitWebkit and Cloud Buildand Cloud Buildand Cloud Buildand Cloud Build


http://software.intel.com/html5


17/25

IntelsIntelsIntelsIntels XDK New: Hybrid ApproachXDK New: Hybrid ApproachXDK New: Hybrid ApproachXDK New: Hybrid ApproachLarge selection of build targets.Large selection of build targets.Large selection of build targets.Large selection of build targets.

17

Unique offerings



18/25

The Proof Installed AppsThe Proof Installed AppsThe Proof Installed AppsThe Proof Installed Apps

Atom based Android Apps. Four Installed and working.

Photo taken with TizenGram

An HTML5 Git Hosted project. Next steps

Try AppLaud in Tizen Eclipse IDE

Port TizenGram to Android



19/25

Missing FeaturesMissing FeaturesMissing FeaturesMissing Features

Git Integration : Project maintenance: eg moving a directory

Team features:

Export and Import standards

Tech Docs and Plugin/Extension APIs

Project files explanation



20/25

Summary.Summary.Summary.Summary.

Multiple IDEs: a great way to mess up your PC. Code sharing/Team Development:

Export only?

App Design Workflow: Graphicalcodegraphical: Holy Grail

No Silver Bullets yet.. Most system took 2-3 tries to work



21/25

Want to try, or help?Want to try, or help?Want to try, or help?Want to try, or help?

HTML5 Hackathon Thu Fri at SFSU. Sign up at HTML5 Dev Conf site.

Bring an Android phone or tablet and try these tools.

Or try porting one of these apps to Tizen.

$prizes$



22/25

Thank You Questions, and maybe answers.

Twitter - @intel_stewart

Email [email protected]

Today and Wed:- Intel Booth in Expo.

Thurs and Fri: Intel Hackathon at SFSU


23/25

Resources, links, and sites I like.Resources, links, and sites I like.Resources, links, and sites I like.Resources, links, and sites I like.

http://blog.elemdage.com/technology/one-mans-html5-developer-workflow https://twitter.com/gloparco

http://www.tricedesigns.com/2013/01/18/my-workflow-for-developing-phonegap-applications/ http://www.twitter.com/andytrice

http://www.applicationcraft.com/product/phonegap-mobile-build/ $14 per month 45 day free trial

http://www.feedhenry.com/how-to-get-started-building-apps/

http://paulbonmobile.wordpress.com/

https://groups.google.com/forum/#!forum/eclipse-plugin-for-phonegap

Intro: AppLaud Eclipse Plugin for PhoneGap / Android by Mobile Developer Solutions http://www.youtube.com/watch?v=mT02ytSSMII

PhoneGap_Full.avi (a Visual Studio demo of install and setup of PhoneGap 1.5.0 for Windows Phone)

http://www.youtube.com/watch?v=iQ4A5gxYG7M



24/25

http://paulbonmobile.wordpress.comhttp://paulbonmobile.wordpress.comhttp://paulbonmobile.wordpress.comhttp://paulbonmobile.wordpress.com////AppLaudsAppLaudsAppLaudsAppLauds Developer,Developer,Developer,Developer, Several other cloud IDEs have recently emerged:

akshell web app creation

erbix JS App Editor ringo.js, an alternative server-side JavaScriptframework to node.js

shiftEdit JavaScript/HTML/css with php includinga WYSIWYG/Design mode

Orion Eclipse-driven Web IDE that brings the Eclipse plug-inphilosophy to the web

Neutron IDE - open source personal IDE

jsfiddle JavaScript snippet execution

ideone multiple (>40) language snippet execution

24

Some of the emerging solutions focused on mobile apps include:

FeedHenry Focusing on enterprise mobile apps with desktop emulation,PhoneGap APIs, analytics

Tiggr Graphical builder to create jQuery Mobile/PhoneGap apps withREST service API builder

AppMobi Desktop emulator, PhoneGap integration, app live update,payments, authentication, push notification

EachScape Drag and Drop development, push notification, In-Apppurchase

Application Craft - GUI builder, data connectors, PhoneGap Buildintegration for deployment

Appception weinre debugging, Android emulator

AppLaud Cloud (my product) PhoneGap,jQuery Mobile, RippleEmulator, weinre debugger, instantaneous device deployment



25/25

One More Resource SlideOne More Resource SlideOne More Resource SlideOne More Resource Slide

http://dailytekk.com/2012/04/02/100-tools-to-develop-a-killer-ios-or-android-app/


Stewart Christie Slides

Documents

Transcript of Stewart Christie Slides