Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Drupalcamp Leuven 2013

Drupalcamp Leuven 2013

Link to video recording on youtube.com: http://www.youtube.com/watch?v=cwsEXt9gb1w

Writing a HTML5 Client from scratch is a tedious job. Anything that can lighten the burden is more than welcome.

After seeing a presentation of Lightswitch, a Visual Studio plug-in, I was surprised how easy it was to create and customize a HTML5 Client. The next logical question that popped in my mind was: 'Can I use this for my drupal sites?'

This presentation describes how I got started using Lightswitch for creating a HTML5 Client for my personal blog. As it turns out, there are a few options to connect to your drupal data, each with their advantages and disadvantages.

Next I cover how to customize the User Interface. As the Client is HTML5 and includes jQuery Mobile, a wide range of mobile widgets is available.

During the presentation, there will be demos showing how helpful Lightswitch is when creating an HTML5 Client.

A basic understanding of Javascript and jQuery is convenient to follow along, but not required.

Pieter-Jan Drouillon

September 14, 2013
Tweet

More Decks by Pieter-Jan Drouillon

Other Decks in Technology

Transcript

  1. VS & LightSwitch VS: Microsoft IDE LightSwitch VS Extension Silverlight,

    HTML5 or Sharepoint App DataSource: SQL, Azure, OData jQuery
  2. What is this talk about? Is lightswitch suitable for building

    a HTML5 Client for Drupal website? Story of my quest
  3. Alternative 1: OData Vendor independent - cool! “OData is a

    standardized protocol for creating and consuming data APIs” “providing a uniform way to expose, structure, query and manipulate data” http://www.odata.org
  4. OData Server module Based on OData Producer Library for PHP

    Exposes entities, properties and fields Downside: sandbox project read-only
  5. What’s up with that body ? See the HTML code

    of body Defined as text VS suggests text controls
  6. Alternative: MySQL connector OData limited (for now) What if you

    need insert/edit? MySQL Connector Get access to MySQL database
  7. DEMO - Basic Screens Add MySQL Datasource Define relationship -

    if possible :( Add Overview Screen Add Detail Screen
  8. MySQL: Conclusion Pro Not completely from scratch Con Define relationships

    Inconsistent datatypes Wrong datatypes Indepth knowledge of tables required
  9. Resources OData website Visual Studio LightSwitch Building a HTML Client

    in 5 minutes LightSwitch “How do I” videos