spca2013 - developing html5 solutions on office 365

Click here to load reader

Post on 13-Jul-2015




2 download

Embed Size (px)


SPCA2013 - Developing HTML5 Solutions on Office 365

Developing HTML 5 solutions on Office 365AgendaHTML 5 primerScenarios benefiting from HTML 5HTML 5 publishing sitesHTML 5 CollaborationEnhancing collaboration with offline contentOptimizing page loadGeolocation and the SharePoint GeoFieldHTML 5 in Apps

HTML5 is designed to deliver almost everything you want to do online without requiring additional plugins. It does everything from animation to apps, music to movies, and can also be used to build complicated applications that run in your browser.HTML 5Subsumes not only HTML 4, but also XHTML 1 and DOM Level 2 HTML.New elementsCanvas, Media, Form, Semantic, StructuralNew APIsDrag / drop, Web storage, App cache, Web workers, Server eventsNew input types Color, date, datetime, email, number...Geo location

Scenarios benefiting from HTML 5Team CollaborationLocation specific servicesImproved formsOffline capabilityInternet PublishingSemantic sitesIncreased device support

HTML 5 Publishing SitesHTML 5 can surface in many areasMasterpagesPage layoutsRich contentWeb PartsField controlsDemoDefining masterpages with HTML 5DemoHTML 5 elements in rich textDemoOptimizing publishing sitesHTML 5 Collaboration SitesHTML 5 used for specific scenariosLocation specific servicesOffline capabilityData entry

DemoWorking offlineDemoLocation based servicesDemoEnhancing input formsHTML 5 in AppsHTML 5 is implicitly used to support the app frameworkCross-frame messenging