Dutch Mobile Conference schedule

Thursday 7th June 2012

  • Building an application with Sencha Touch 2 - Tutorial

    by Tommy Maintz

    In this session, Tommy Maintz will guide you through building an HTML5 mobile web application using the latest release of Sencha Touch 2. Sencha Touch 2 is a leap forward, bringing enhanced performance to Android, a super-charged app architecture, and an updated and easy to use API. This hands on session will dive in to code and show how to build an application that leverages best practices and that utilizes the professional-grade features of the framework. Attendees will walk out knowledgeable and ready to go building apps using Sencha Touch 2.

    At 9:30am to 12:45pm, Thursday 7th June

  • Easy Mobile Development: Appcelerator Titanium - Tutorial

    by pratik patel

    Titanium is an open-source development tool for producing cross-platform mobile applications by Appcelerator. Using Titanium, you develop your mobile application using Javascript coded against the Titanium API's. Titanium Developer, a management GUI for your mobile apps, invokes their compiler and builder to take your Javascript and build a native application for iOS and Android.This is a FULL DAY WORKSHOP. Bring your laptop - further instructions will be sent before the workshop date which you must follow to be ready to start!

    At 9:30am to 5:00pm, Thursday 7th June

  • Mobile Development with jQuery Mobile - Tutorial

    by Joris Graaumans

    Phonegap is a framework to create web-based native apps on multiple mobile platforms. Phonegap can be used together with common web developer tools like HTML, CSS and JavaScript frameworks like jQuery or jQuery mobile. In this tutorial, developers create their own mobile app with Phonegap and jQuery mobile. The tutorial has the following parts. First, the background of the Phonegap framework is discussed, in particular the advantages and disadvantages of app development with Phonegap. Second, a short introduction in jQuery mobile is given. What is the purpose of jQuery mobile and how to create a basic jQuery mobile app. Finally, participants will combine Phonegap en jQuery Mobile to create a complete mobile app, including a server-based component in PHP.Required skills for participants: JavaScript, HTML/CSS, JSONRecommended skills: jQuery, PHP.

    At 9:30am to 5:00pm, Thursday 7th June

  • The Future of the Mobile Web

    The mobile device revolution is unfurling faster than any other mass market technology in history. It's just getting started. We'll take a look at the origins of this incredible technology and see how it generates both enormous opportunities and tough challenges today. Finally, we'll cast an eye forward to what's coming in the near future and how it will change perceptions of what's possible on the mobile web.

    At 9:40am to 10:30am, Thursday 7th June

  • PhoneGap - Tutorial

    by Michael Jovel

    This hands-on tutorial takes you on creating native mobile applications using HTML, CSS and JavaScript. During this tutorial you will learn how to create a Phonegap based application from start to finish. Your app will make use of camera, geolocation, storage and other features via the phonegap api . We will also spend time debugging and optimizing our apps performance. It is strongly recommended that attendees have a solid understanding of html, css and javascript.

    It is strongly recommended that you install Xcode, Android SDK via Eclipse or other Java IDE prior to attending this tutorial.

    At 1:45pm to 5:00pm, Thursday 7th June

Friday 8th June 2012

  • OpenDDR

    by Werner Keil

    There is nothing worse than content not tailored or optimized. Just think how frustrating is surfing a complex website on the small screen of your cellular phone. You waste your time zooming and scrolling the pages, and it becomes clear: if you want a comfortable user experience you need dinamically adaptable contents according to hardware and browser specifications of your device. That’s the reason why Device Description Repositories (DDR) exist. Unlike most commercial or closed source products, OpenDDR is currently the most comprehensive open and free repository of device description available. One of the reasons, it also became the first choice for initial contribution to the upcoming Apache DeviceMap project, the next generation of free, Open Source Device Repository created by the global Apache Community.

    At 9:30am to 10:30am, Friday 8th June

  • Programming Style and Your Brain - Keynote

    by Douglas Crockford

    Computer programs are the most complicated things that humans make. They must be perfect, which is hard for us because we are not perfect. Programming is thought to be a "head" activity, but there is a lot of "gut" involved. Indeed, it may be the gut that gives us the insight necessary for solving hard problems. But gut messes us up when it come to matters of style.

    The systems in our brains that make us vulnerable to advertising and propaganda also influence our programming styles. This talk looks systematically at the development of a programming style that specifically improves the reliability of programs. The examples are given in JavaScript, a language with an uncommonly large number of bad parts, but the principles are applicable to all languages.

    At 9:40am to 10:30am, Friday 8th June

  • Easy Mobile Development: Appcelerator Titanium

    by pratik patel

    Titanium is an open-source development tool for producing cross-platform mobile applications by Appcelerator. Using Titanium, you develop your mobile application using Javascript coded against the Titanium API's. Titanium Developer, a management GUI for your mobile apps, invokes their compiler and builder to take your Javascript and build a native application for iOS and Android.This is a FULL DAY WORKSHOP. Bring your laptop - further instructions will be sent before the workshop date which you must follow to be ready to start!

    At 10:45am to 12:30pm, Friday 8th June

  • Phonegap

    by Michael Jovel

    Start creating native applications using HTML, CSS, Javascript. This session will give you a quick walk-though of how to create a PhoneGap based mobile application and how to access phone features including accelerometer, geolocation, camera, etc. Additionally, the session will give you advice on how to improve performance on PhoneGap based apps.

    At 10:45am to 11:30am, Friday 8th June

  • CocoonJS

    by Ibon Tolosana

    CocoonJS is a native wrapper for HTML5 canvas based applications/games.Without any code changes and thanks to its OpenGL canvas bindings CocoonJS is able to execute you applications with almost a 1000% performance boost.CocoonJS offers native iOS and Android deployment environment. It is highly focused on monetization since applications deployed in CocoonJS have out-of-the-box Ad networks and tracking systems integration. Other features like asynchronous websockets, localStorage, facebook integration, etc. are available too. All this magic is achieved directly, without cross-compilation processes or being limited to custom APIs.

    At 11:45am to 12:30pm, Friday 8th June

  • Mobile Performance Considerations

    by Estelle Weyl

    Mobile browser performance is challenged by bandwidth, battery, and memory constraints. Slow loading and reacting sites create bad user experiences. Sites that drain batteries or crash the browser are infuriating. Porting a web application designed and developed for desktop devices—devices with virtually unlimited memory, and literally unlimited power (they’re plugged in, not running on battery) in many cases just doesn’t work. By understanding mobile limitations and keeping mobile in mind throughout the development process you can create more responsive, faster downloading, less battery consuming applications.In this session we assume you understand general web performance optimization, and instead focus on best practices required to improve performance on mobile devices. Instead of just covering how best to get a site onto a device, you will learn how to make sure it works optimally once it is there. Topics include HTML5, CSS3, images, JavaScript and the DOM.We’ll cover mobile device limitations that often lead to poor user experiences as well as tips and techniques to prevent these trouble spots from arising.

    At 1:30pm to 2:15pm, Friday 8th June

  • Understanding Hardware Acceleration on Mobile Browsers

    by Ariya Hidayat

    GPU acceleration on mobile browsers, if it is leveraged correctly, can lead to a smooth and fluid applications, thus improving the user experience. There has been a lot of mentions and best practices of hardware acceleration these days, although so far it has been pretty general and hasn’t provided much technical direction apart from simple magical advice such as “use translate3d”. This talk sheds some more light on browser interactions with the GPU and explain what happens behind the scenes, covering the topic of acceleration of primitive drawing, the use of tiled backing store, and composited layer. Knowing the actual machinery behind hardware acceleration, you will be in the position to plan your strategy to improve the performance of your web application.

    At 1:30pm to 2:15pm, Friday 8th June

  • Progressive enhancement for Android web apps

    by Chiu-Ki Chan

    Progressive enhancement lets you build an HTML-only website and layer on extra functionalities for browsers that supports javascript. You can use the same technique to add native Android functionalities to your website.
    In this talk you will learn how to:
    * Load your website in an embedded WebView
    * Build a javascript bridge to access native Android functionalities
    * Fall back gracefully when the same website is viewed in a browser with progressive enhancement, you can enjoy the rapid development cycles of web apps, but also have access to the phone book, camera, accelerometer and all the other Android goodness.

    At 2:30pm to 3:15pm, Friday 8th June

  • Ten considerations for taking a web business to the mobile market

    by Sam de Freyssinet

    Business owners have woken up to the reality that the web is increasingly consumed on the move. Product owners are demanding new mobile sites that must be released yesterday! You manage an established online business, now you need to move into the mobile market. How do you take your existing business into a mobile domain? Does the entirety of your current business model need to exist in the mobile environment? Or is there a killer mobile app hidden within your existing product? This talk will walk through ten considerations that you must make when moving your online business to a mobile audience. Using a case study from a web startup transitioning to the mobile market, we take a guided tour through the challenges encountered and how you can avoid them in your business.Throughout this session, we will examine the finer points of the mobile development process we wished we had considered in advance. Learn how the user experience evolved beyond the initial business requirements through prototypes and testing. Discover how the legacy architecture was not suitable for mobile operations and the big infrastructure decisions that resulted. Witness our decision making process that led to the final solutions.Laid bare in this talk is the entire mobile development process as we experienced it, distilled down to ten useful pointers for you to take away.

    At 2:30pm to 3:15pm, Friday 8th June

  • RESTful APIs and Self-Building Applications

    by Vance Lucas

    Updated: What if your application had all of the information it needed from your REST API to build itself? This session will use an example RESTful API running locally together with a live running custom-built mobile application to demonstrate how to automate building parts of a mobile application UI from a RESTful API response alone. We will then explore techniques to customize and fine-tune the UI while still automating most of the work from the API.

    At 3:45pm to 4:30pm, Friday 8th June

  • Sencha touch 2

    by Tommy Maintz

    In this session, Tommy Maintz will guide you through building an HTML5 mobile web application using the latest release of Sencha Touch 2.

    At 3:45pm to 4:30pm, Friday 8th June

  • Future Friendly is being Device Agnostic

    by Joe McCann

    The mobile landscape is changing dramatically and at a breakneck pace. At first, we thought we needed to simply target smartphones. Then came along tablets. Now, the line between smartphones and tablets are blurring and this is not taking into consideration, televisions, in-store kiosks and even internet-connected appliances!In my presentation I will demonstrate why being future friendly is not simply a UI design principle (think responsive design), but it truly means being device agnostic. As more and more devices enter the mobile/casual computing landscape, one must create their products/services to be flexible enough to be consumed or used on any screen on any type of device - this is truly future-friendly.

    What you will take away from this is:
    --Why a Service Oriented Architecture (SOA) is key to success.--Why decoupling your data layer from your presentation layer is critical to be future-friendly.
    --Why only targeting mobile browsers is not enough for a cohesive mobile strategy.
    --What technologies will enable you to be device-agnostic.

    Joe McCann is the Mobile Architect at Bazaarvoice, a SaaS company enabling lasting conversations between brands and consumers through various channels. Joe is currently leading the device-agnostic effort at a company that operates at web scale - more than 5 billion unique requests served monthly.

    At 4:45pm to 5:30pm, Friday 8th June

  • HTML5: All about Web Forms

    by Estelle Weyl

    HTML forms have been the bane of web developers for years. Not anymore! Newer form features provide for native date pickers, place holder text, pattern matching, required fields, auto focus, error handling, and providing for the RIGHT keyboard on smartphones, all without JavaScript.We’ll learn all about creating dynamic web forms with form validation without the use of javascript.
    Topics covered include:
    ◈ The new HTML5 input types
    ◈ Controlling what keyboard types gets displayed on touch keyboards, including the iPad and iPhone
    ◈ Placeholder Attribute: Adding native placeholder text and clearing on focus
    ◈ Native form validation: Error messages with no javascript
    ◈ Date & time input types: The jQuery datepicker, without jQuery.
    ◈ Providing focus to a form element, including focus on invalid input without javascript.
    ◈ CSS & Forms: Stylizing form elements based on current states of required and invalid
    ◈ Pattern attribute – Pattern matching for form input: with regular expressions and no javascriptelement and list attribute- providing autosuggest on inputs, again no javascript.Mobile browsers support for HTML5 web forms is improving. In this session we’ll learn how to implement them.

    At 4:45pm to 5:30pm, Friday 8th June

Saturday 9th June 2012

  • Apponomics

    by pratik patel

    You've got a great idea for a mobile app. You have a team together. You're building the killer app. Do you know enough about the various app stores to know what to do next? How about pricing strategies for iOS and Android? Have you thought about the Nook Color and Amazon Fire? In this session, I'll bring my experience as CTO of TripLingo, an Atlanta company developing foreign language learning apps. TripLingo has been featured on the iOS store a dozen times, as well as the Android market and Nook store.

    At 10:45am to 11:35am, Saturday 9th June

  • Mobile Development with jQuery Mobile

    by Joris Graaumans

    Phonegap is a framework to create web-based native apps on multiple mobile platforms. Phonegap can be used together with common web developer tools like HTML, CSS and JavaScript frameworks like jQuery or jQuery mobile. In this tutorial, developers create their own mobile app with Phonegap and jQuery mobile. The tutorial has the following parts. First, the background of the Phonegap framework is discussed, in particular the advantages and disadvantages of app development with Phonegap. Second, a short introduction in jQuery mobile is given. What is the purpose of jQuery mobile and how to create a basic jQuery mobile app. Finally, participants will combine Phonegap en jQuery Mobile to create a complete mobile app, including a server-based component in PHP.Required skills for participants: JavaScript, HTML/CSS, JSONRecommended skills: jQuery, PHP.

    At 10:45am to 11:35am, Saturday 9th June

  • PhantomJS, Headless WebKit for Page Automation

    by Ariya Hidayat

    Developing complex web applications without systematic strategies for its quality assurance will lead to maintenance nightmares. In this talk, the use of PhantomJS, an implementation of headless WebKit, for a wide range of web page automation will be highlighted. Because PhantomJS uses the ubiquitous WebKit engine, the fidelity of its web technologies implementation is close to a true web browser and at the same time the scriptable feature makes it extremely flexible. PhantomJS is suitable for fast smoke testing as part of the precommit process, as well as the basis for more comprehensive preflight checks in the continuous integration system. Combined with other tools such as static code analyzer, JavaScript execution logger, profiler, code coverage/instrumentation utility, PhantomJS complements the quality assurance process with a wide spectrum of testing possibilities.

    At 11:45am to 12:35pm, Saturday 9th June

  • User-Centered Design for Mobile – Guerrilla Style!

    by Wouter Sluis-Thiescheffer and Brian Pagán

    A user-centric focus is important for developing any product or service, but especially for mobile websites or applications. This is because the varying screen real estate and inefficient user input allow only a limited set of features. People tend to use these mobile devices virtually everywhere (e.g. sitting in a bar, walking on the street, at home with Wi-Fi connection). In the face of this fragmentation in devices and the contexts in which they are used it makes sense to be user-centric.

    Unfortunately, well-established user-centered methods often go forgotten when developing for mobile due to tight budgets and fast development cycles.

    Luckily, many light-weight UCD techniques exist that are both easy to adapt to your development process and quick to deliver insights into your users' needs. Our presentation will introduce a number of these techniques. For example:

    Quick & dirty prototyping: prototyping allows you to get early feedback from the users and other stakeholders. Paper prototyping for example works great as a start!
    Informal user testing: “Test early and often” to get the most out of the gathered insights. Testing with friends, family, or colleagues is allowed!

    Arm yourself with some light-weight UCD techniques and achieve a great user experience for your mobile product, without breaking the bank or deadline. Join ¡La Revolución!

    At 11:45am to 12:35pm, Saturday 9th June

  • Building mobile SharePoint Web Apps with Sencha Touch

    by Luc Stakenborg

    SharePoint is ever more pervasive in the enterprise. However, mobile support built into SharePoint is rather limited. This talk will show you how to bypass these limitations and create custom mobile web apps running of a SharePoint server using Sencha Touch .
    More info can be found on my blog: http://allthatjs.com/2012/01/12/...

    At 1:30pm to 2:20pm, Saturday 9th June

  • Turbocharge Your App with HTML5

    by Jim Hoskins

    HTML5 defines several new technologies to both communicate with thehost device as well as allow for web applications to run when there isno Internet connection.These technologies include Local Storage, Web SQL, Application Cache,Session history and navigation, geolocation and canvas. They allow us to build web applications that aren't dependent ona server after being loaded initially. This not only makes offline appspossible, but can make online apps faster.Mobile devices often rely on an Internet connection that can be lowbandwidth, high latency, and unreliable. The typical enhancements ofincreasing performance by using gzip, minimizing requests, and minifyingdocuments can only go so far. By using client side technologies toimprove the responsiveness of our web sites by hiding the effect of slownetwork requests or a network connection that is temporarilyunavailable.This talk explores these new technologies and the strategies that can beused in conjunction with them to create more responsive applications. Wewill be looking at local caching, local data storage and syncing, andoptimistic asynchronous UI updates. We will see what the benefits andpitfalls are with several of these strategies. We will look at some realworld applications that have successfully leveraged HTML5.

    At 1:30pm to 2:20pm, Saturday 9th June

  • Future Friendly is being Device Agnostic

    by Joe McCann

    The mobile landscape is changing dramatically and at a breakneck pace. At first, we thought we needed to simply target smartphones. Then came along tablets. Now, the line between smartphones and tablets are blurring and this is not taking into consideration, televisions, in-store kiosks and even internet-connected appliances!In my presentation I will demonstrate why being future friendly is not simply a UI design principle (think responsive design), but it truly means being device agnostic. As more and more devices enter the mobile/casual computing landscape, one must create their products/services to be flexible enough to be consumed or used on any screen on any type of device - this is truly future-friendly.

    What you will take away from this is:
    --Why a Service Oriented Architecture (SOA) is key to success.--Why decoupling your data layer from your presentation layer is critical to be future-friendly.
    --Why only targeting mobile browsers is not enough for a cohesive mobile strategy.
    --What technologies will enable you to be device-agnostic.

    Joe McCann is the Mobile Architect at Bazaarvoice, a SaaS company enabling lasting conversations between brands and consumers through various channels. Joe is currently leading the device-agnostic effort at a company that operates at web scale - more than 5 billion unique requests served monthly.

    At 2:30pm to 3:20pm, Saturday 9th June

  • RESS - Responsive Design + Serverside Components

    by Anders M. Andersen

    An approach to combine responsive web design with server side components to make advanced responsive web solutions that work for all kinds of devices. This talk focuses on the most difficult aspect of responsive web design: mobile.

    At 2:30pm to 3:20pm, Saturday 9th June