NotePad No More: - A Personal Survey of HTML5 Developer Toolsets Stewart Christie - Tizen and HTML5 Community Manager @intel_stewart HTML5 Developer Conference Oct 2013
Editor Wars. Mat 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 Gene says: January 23, 2012 at 1:03 am Wow, now that s old school! What are you running that on, an Intel 486? Reply 2 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Six systems tested. Appery.io: Cloud based graphical drag and drop builder Adobe Brackets/Edge and PhoneGap Build: Desktop with cloud build. AppCeption: Cloud based, optional desktop editor integration AppLaud: Eclipse ADT plugin Mosync Reload: Node based server, local editor Intel XDK New: Hybrid system. Local install/edit. Cloud Build Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Some of these Apps are not like the others Focus of today Real App Camera or Gallery Standalone Works offline Portal Apps Facebook or Twitter Front End to a service or database likes Consumption Apps Ereaders Comics Often supplied by content provider. 4 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Appery.io Cloud-based Mobile App Builder Free version One app at a time, but few examples. 30 minutes from install to running on device. Very pointy clicky, no coding needed? Exporting this app ->153 files, and 2566Kb. APK file is 1.3Mb http://docs.appery.io/tutorials/using -the-camera-component/ Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Appery.io Cloud-based Mobile App Builder Free version One app at a time, but few examples. 30 minutes from install to running on device. Very pointy clicky, no coding needed? Exporting this app ->153 files, and 2566Kb. APK file is 1.3Mb No Import Just Export Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
AppLaud : Eclipse Plugin for Phonegap Eclipse say no more. Android SDK s used for packaging. Flexible, many options. Great tutorials and videos http://www.mobiledevelopersolutions.com/ 7 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
AppLaud: Easy for Eclipse Users to get started 8 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Eclipse Wizard for AppLaud Options for Phonegap Versions. Options for User Interface Options for demo, simple, or imported projects. 9 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Fun with Eclipse. 10 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Mosync Reload Private usage For private use, the MoSync SDK and MoSync Reload are completely free. Take them, use them, have fun! Commercial usage If you want to sell the products you make with the MoSync SDK and MoSync Reload, or if you want to distribute those products to other people outside or your organization, you have one of two options: Be open source! Licence your source code under GPL version 2, publish your source code openly (or supply it to others on demand), and keep our copyright notices and the licenses in your source files. www.mosync.com/reload Notes: Installation failed on my win7 system. JS API s are Phonegap compatible. Uses Weinre for remote debug Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Appception Import AND Export of files, or projects. Use of Desktop Editor or Cloud ACE/CodeMirror Free Beta now. Free and Paid models coming Abug App for Android Fastest from signup to photo: ~ 20 minutes. http://www.appception.com Notes: Very new. 1 st message on forum Oct 2 nd 2013 Uses Weinre for remote debug Cloud emulators use novnc Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Appception: Gui and Simulator 13 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
AppCeption : Remote Debug Agent Abug available for Android. 14 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Adobe Edge, Brackets and Phonegap Build 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. 15 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Intels XDK New: Hybrid Approach Brackets, Ripple, Webkit and Cloud Build http://software.intel.com/html5 16 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Intels XDK New: Hybrid Approach Large selection of build targets. Unique offerings 17 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
The 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 18 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Missing Features Git Integration : Project maintenance: eg moving a directory Team features: Export and Import standards Tech Docs and Plugin/Extension API s Project files explanation 19 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Summary. Multiple IDE s: a great way to mess up your PC. Code sharing/team Development: Export only? App Design Workflow: Graphical<->code<->graphical: Holy Grail No Silver Bullets yet.. Most system took 2-3 tries to work 20 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
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$ 21 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
Thank You Questions, and maybe answers. Twitter - @intel_stewart Email Stewart.christie@intel.com Today and Wed:- Intel Booth in Expo. Thurs and Fri: Intel Hackathon at SFSU
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 23 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
http://paulbonmobile.wordpress.com/ AppLaud s Developer, Several other cloud IDEs have recently emerged: akshell web app creation erbix JS App Editor ringo.js, an alternative server-side JavaScript framework to node.js shiftedit JavaScript/HTML/css with php including a WYSIWYG/Design mode Orion Eclipse-driven Web IDE that brings the Eclipse plug-in philosophy to the web Neutron IDE - open source personal IDE jsfiddle JavaScript snippet execution ideone multiple (>40) language snippet execution 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 with REST service API builder AppMobi Desktop emulator, PhoneGap integration, app live update, payments, authentication, push notification EachScape Drag and Drop development, push notification, In-App purchase Application Craft - GUI builder, data connectors, PhoneGap Build integration for deployment Appception weinre debugging, Android emulator AppLaud Cloud (my product) PhoneGap, jquery Mobile, Ripple Emulator, weinre debugger, instantaneous device deployment 24 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13
One More Resource Slide http://dailytekk.com/2012/04/02/100-tools-to-develop-akiller-ios-or-android-app/ 25 Notepad No More: HTML5 Toolsets. @intel_stewart 10/22/13