SPCA2013 - Developing HTML5 Solutions on Office 365

16

Transcript of SPCA2013 - Developing HTML5 Solutions on Office 365

Developing HTML 5 solutions on Office 365

Agenda

• HTML 5 primer

• Scenario’s benefiting from HTML 5

• HTML 5 publishing sites

• HTML 5 Collaboration

• Enhancing collaboration with offline content

• Optimizing page load

• Geolocation and the SharePoint GeoField

• HTML 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 5

Subsumes not only HTML 4, but also XHTML 1 and DOM Level 2 HTML.

• New elements• Canvas, Media, Form, Semantic, Structural

• New API’s• Drag / drop, Web storage, App cache, Web workers, Server events

• New input types • Color, date, datetime, email, number...

• Geo location

Scenario’s benefiting from HTML 5

• Team Collaboration• Location specific services

• Improved forms

• Offline capability

• Internet Publishing• Semantic sites

• Increased device support

HTML 5 Publishing Sites

• HTML 5 can surface in many areas• Masterpages

• Page layouts

• Rich content

• Web Parts

• Field controls

DemoDefining masterpages with HTML 5

DemoHTML 5 elements in rich text

DemoOptimizing publishing sites

HTML 5 Collaboration Sites

• HTML 5 used for specific scenario’s• Location specific services

• Offline capability

• Data entry

DemoWorking offline

DemoLocation based services

DemoEnhancing input forms

HTML 5 in Apps

• HTML 5 is implicitly used to support the app framework• Cross-frame messenging