itcamp 2013 - melania danciu - html5 apps with lightswitch
DESCRIPTION
TRANSCRIPT
![Page 1: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/1.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
HTML5 apps with LightSwitch
Melania Danciu, Solution Architect,
http://mela.ro
LightSwitch
![Page 2: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/2.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileHuge thanks to our sponsors!
![Page 3: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/3.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileMela
Engineer - Polytechnic University of Timisora
Software developer
Solution Architect at Haufe-Lexware
Speaker
@melaniadanciu
http://mela.ro
![Page 4: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/4.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobilehttp://mela.ro
![Page 5: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/5.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobile
“The easiest way to create modern line of business applications for the enterprise.”
Jay Schmelzer
LightSwitch
![Page 6: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/6.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAgenda Today
1. Business
Application
• Desktop, Web
and Mobile
2. Tools we
need
• LightSwitch
3. Build
• Server
• Desktop/Web
• Mobile
4. Deployment
• Azure/IIS
![Page 7: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/7.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
No code at all and have access from every were
commons.wikimedia.org
![Page 8: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/8.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
MOBILE APPS FACTS
Global and Europe
![Page 9: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/9.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileICT Facts and Figures
http://www.itu.int/en/ITU-D/Statistics/Documents/facts/ICTFactsFigures2013.pdf
![Page 10: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/10.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobilecomScore - EU SmartPhones
http://www.comscoredatamine.com/2013/03/smartphones-reach-majority-in-all-eu5-countries/
![Page 11: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/11.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileBusiness App on Mobile
Data base
• Tables, Queries
Server
• Define contracts
• Has custom logic
Administration
• User Interface
• Validations
• Data binding
• Export to other
platforms
Mobile App
• User interface
• Validation
• Data binding
• Roles and rights
Deployments -
Azure
• Data Base
• Server
• Administration
• Mobile App
![Page 12: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/12.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
LIGHTSWITCH
Tools we need…
![Page 13: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/13.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileLightSwitch
Has
important
tools
Does the
common
tasks for us
Makes us use
modern
technologies
Uses the
most used
architecture
patterns
Creates
Business
Applications
![Page 14: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/14.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
WITH NO CODE…
And all of this
![Page 15: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/15.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileA little bit of wizardry…
![Page 16: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/16.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileLets Install it…
Visual Studio 2012 update 2
![Page 17: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/17.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileLight Switch
Desktop app
Office integration
Not so touch friendly
Get the data in
Mobile App
Made to be use on the go
Touch friendly
Consuming the date
![Page 18: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/18.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileWith LightSwitch HTML Client
http://msdn.microsoft.com/en-us/vstudio/htmlclient.aspx
![Page 19: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/19.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
DECIDE WHAT YOU WANT TO BUILD
After you have the tools…
![Page 20: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/20.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileConference App
Data Base
• Speakers
• Presentations
• Attendees
• User Management
Server
• Protect the app by having roles and rights and custom filters based on them
Desktop App
• Administer easy, make reports, have an overview
HTML Client
• Access every ware, give access to speakers and attendees
Publish it to Azure
• Make it available
![Page 21: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/21.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
A LITTLE BIT MORE ABOUT IT
![Page 22: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/22.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileLightSwitch
“LightSwitch applications use the modern .NET stack of technologies, and
wrap them in an abstraction layer optimized for data management and
maintenance. LightSwitch makes it possible to build data-centric applications
quickly, through visual means.”
“With LightSwitch, you won’t be writing the same code repeatedly to provide data
access functionality or the user interface needed around it. You can write no code,
a little code, or a significant amount – and you can rest assured that it will
be high-value code, rather than mere ‘plumbing’. “
![Page 23: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/23.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileLanguages and tools
Languages
• C#
• VB
What we can use…
• Linq
• RIA Services
• Entity Framework
• Web API
• XAML
• HTML & Java Script
![Page 24: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/24.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
What about HTML Client
A companion to Silverlight application
![Page 25: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/25.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileHTML Client - msdn
![Page 26: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/26.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileContoso Moving in C#
![Page 27: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/27.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobile
• Touch oriented
• Complementary to Silverlight App
• Consistent design experience
• Standards Based
• Predefined screens
• Custom UI with Js and CSS
• Debug with DOM Explorer
• Share Point Integration
• Have it in Office 365
• Running on Smart Phones and Tablets
• Have a Light and a Dark theme
HTML Client - Summary
![Page 28: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/28.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobile
• Simple self-service applications
– Paper on a clipboard
• Field operations
– Contoso apps – Moving Apps
• Interactive Content Catalog & Sales
– Exploratory UI
3 different types
![Page 29: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/29.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
ARCHITECTURE
![Page 30: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/30.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileOver All Architecture - msdn
http://msdn.microsoft.com/en-us/vstudio/gg491708
![Page 31: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/31.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileOdata - http://www.odata.org/
OData is a a REST protocol based on existing internet standards including HTTP,
AtomPub, JSON, and hyper-media design patterns.
A main feature of REST APIs is the use of existing HTTP verbs against addressable
resources identified in the URI.
Conceptually, OData is a way of performing database-style CRUD using HTTP verbs
Create : POST
Read: GET
Update: PUT
Delete: DELETE
http://<your application url>/<Service name>.svc/<resource>
![Page 32: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/32.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileLightSwitch as a Data Source
http://msdn.microsoft.com/en-us/library/vstudio/hh973174.aspx
![Page 33: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/33.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileOdata - msdn
![Page 34: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/34.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileDeployment - msdn
http://msdn.microsoft.com/en-us/vstudio/gg491708
![Page 35: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/35.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
LETS BUILD THE APP
We know what we want and we know with what tools
http://www.careerattraction.com
![Page 36: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/36.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileCreate a new Project
Having 2 choices
![Page 37: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/37.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileUpgrade your Project – If needed
![Page 38: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/38.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileA new structure
![Page 39: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/39.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileCreate Data Base
![Page 40: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/40.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileCreate Custom DB
![Page 41: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/41.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileCreate Custom DB
![Page 42: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/42.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
In the old style way
CREATE ADMINISTRATION SCREENS
http://www.careerattraction.com
![Page 43: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/43.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAdministration
![Page 44: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/44.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
CREATE HTML CLIENT
![Page 45: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/45.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAdd a new client
![Page 46: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/46.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileSet Client As Default
0 – 1 Silverlight Client&
0 – 1 Mobile Client
![Page 47: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/47.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAdd Screens
http://msdn.microsoft.com/library/jj674623.aspx
![Page 48: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/48.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAccess it every were
![Page 49: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/49.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAccess it from every device
about-google-android.blogspot.com
![Page 50: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/50.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAccess it every were
www.forbes.com
![Page 51: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/51.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileCustomize screens
Data which will be bound Screen Designer
DB
Screens
![Page 52: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/52.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileBuild navigation
Different modes to display a list
Already created a detail view of the presentation
Handle the tap event on a item
![Page 53: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/53.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
LETS SEE HOW IT WORKS
The Admin and the Client
![Page 54: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/54.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobile
• The Client App/Admin App with the list and
the details
• Set starting page
• Computed properties
• Custom Controls
• Local Property to HTML Client
• The possibility to view, edit and delete data
out of the box
• Give roles and rights
What we’ve seen
![Page 55: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/55.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileRender new UI
myapp.BrowsePresentations.RowTemplate_render = function (element, contentItem) {// Write code here.var itemTemplate = $('<div></div>');var title = $('<h3>' + contentItem.value.Title + '<h3>');var day = $('<h3>' + contentItem.value.Day.toFormat('W') + '</h3>');
var Time = $('<span>' + contentItem.value.StartTime.toFormat('H') + ':'+ contentItem.value.StartTime.toFormat('I') + "-" ++ contentItem.value.EndTime.toFormat('H') + ':'+ contentItem.value.EndTime.toFormat('I') + '</span>');
title.appendTo($(itemTemplate));day.appendTo($(itemTemplate));Time.appendTo($(itemTemplate));itemTemplate.appendTo($(element));
};
http://livingmachines.net/2009/04/even-more-javascript-extensions-dates/
![Page 56: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/56.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileGive access
![Page 57: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/57.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAccess Control Methods
![Page 58: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/58.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
CUSTOMIZE UI
Theme Roller
![Page 59: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/59.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileThemeRoller – jQuery Mobile
![Page 60: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/60.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobile
• Add Global.asax
Web API
protected void Application_Start(object sender, EventArgs e){
RouteTable.Routes.MapHttpRoute(name: "DefaultApi",routeTemplate:
"api/presentations/{controller}/{id}",defaults: new{
id = System.Web.Http.RouteParameter.Optional}
);}
![Page 61: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/61.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileWEB API
// GET api/<controller>public IEnumerable<Presentation> Get(){
using (ServerApplicationContext context = ServerApplicationContext.CreateContext())
{var reportResult =
context.DataWorkspace.ApplicationData.Presentations.GetQuery();
return reportResult.Execute();}
}
• Add an WEB API Controller
![Page 62: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/62.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
AZURE DEPLOYMENT
DEMO - Windows Azure Portal
![Page 63: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/63.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileCreate new website
![Page 64: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/64.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileConfigure Data Base
![Page 65: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/65.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileManage DB
![Page 66: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/66.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAdd IP
![Page 67: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/67.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobilePublish
![Page 68: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/68.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileComplete Application
![Page 69: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/69.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileChoose your subscription
![Page 70: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/70.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileService type
![Page 71: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/71.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileApplication URL
![Page 72: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/72.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileAuth
![Page 73: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/73.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileHTTPS
![Page 74: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/74.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileData connections
![Page 75: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/75.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobilePublish
![Page 76: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/76.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileSilverlight
![Page 77: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/77.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileHTML
![Page 78: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/78.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobile
• Business Apps with all components with LightSwitch
• Service endpoints/OData/WEB API
• HTML Client in LightSwitch/Native Client
• Azure deployment
• A custom App made with other technology which gets the
data from LightSwitch
• Many faces for your app
Options and possibilities
![Page 79: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/79.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
MAKE THE PERFECT CHOICE FOR YOUR APPLICATION
![Page 80: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/80.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
Mobile
“The easiest way to create modern line of business applications for the enterprise.”
Jay Schmelzer
LightSwitch
![Page 81: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/81.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Q & A
What’s your opinion about it?
![Page 82: ITCamp 2013 - Melania Danciu - HTML5 apps with LightSwitch](https://reader033.vdocument.in/reader033/viewer/2022051322/540092c58d7f7289408b48a1/html5/thumbnails/82.jpg)
itcampro@ itcamp13# Premium conference on Microsoft technologies
Development &
MobileResources
http://channel9.msdn.com/Events/TechEd/NorthAmerica/2012/DEV347 Jay Schmelzer
http://blogs.msdn.com/b/lightswitch/archive/2012/06/12/early-look-at-the-visual-studio-lightswitch-html-client-joe-binder-beth-massi.aspx
Beth Massi & Joe Binder
http://msdn.microsoft.com/en-US/library/jj733571.aspx Local Property
http://msdn.microsoft.com/en-US/library/jj733569.aspx Custom Control
http://msdn.microsoft.com/en-US/library/jj733570.aspx Control navigation
http://blogs.msdn.com/b/lightswitch/archive/2012/06/21/the-lightswitch-html-client-an-architectural-overview.aspx
HTML Client Architecture
http://msdn.microsoft.com/en-us/library/vstudio/hh973174.aspx Data Source
http://blogs.msdn.com/b/lightswitch/archive/2012/03/22/lightswitch-architecture-odata.aspx
OData