1. UNIT-e futures and UNIT-e Mobile Ben Potter Systems Architect

2. UNIT-e evolution Manager AppsProformasInternet BuilderInformation Interface Information Interface Web Client User definable UNIT-e solutions User definable applications User definable web pages WYSIWYG Windows apps WYSIWYG web apps WYSIWYG mobile apps Fixed applications

3. Cloud & Mobile & iOS & Android & Metro…..  Spending cuts  Reduce costs  Increased efficiency  Mergers & Shared Services  iPad & iPhone  Android  Windows Phone & Metro  Blackberry  Cloud

4. Cloud Computing  Hosted solutions  What do people think of when they think of cloud  Online storage - Apple iCloud, Microsoft SkyDrive  Email - Gmail, Hotmail  Cloud models  IaaS - infrastructure as a service  PaaS - platform as a service  SaaS - software as a service  Deployment models  Public cloud  Community cloud  Private cloud

5. Hosted solution  Hosted on-site/off-site  Multiple colleges/locations sharing software  College mergers could be easier to handle  One point of deployment and upgrade  Browser based access over the internet  Wireless/3G based access  Usable by multiple devices

6. UNIT-e Browser based deployment

7.  Native Apps Performance UI Offline  Expensive  Which platforms do you support?  Commission from store providers  Web Apps Limited UIs but improving quickly Easy deployment Wide support Use existing frameworks  Offline not practical at present  Still need custom behaviour for some devices

8. UNIT-e browser based deployment  Different form factors  Smaller screens  Rotation  Gesture navigation  Text input  Performance  Browser compatibility  Security  Many users  Staff  Students  Parents  Employers

9. UNIT-e Browser based deployment  Built on Information Interface (Web Client)  CSS/JavaScript/HTML Device Templates  Automatic device detection  Maximise screen real estate  Hide navigation where possible  Handle Rotation  Specific controls for mobile  Image Pick List  Navigation Bar  Twitter feed  Google maps  Code to support mobile events  Swipe Gestures  More to follow…

10. What is a Web Application? Web Sites Large numbers of users Often anonymous access Change UI to match other sites Security & performance drivers Off site Many devices Web Sites Large numbers of users Often anonymous access Change UI to match other sites Security & performance drivers Off site Many devices UNIT-e Forms Apps Known users Data entry and workflow driven tasks On site Windows UNIT-e Forms Apps Known users Data entry and workflow driven tasks On site Windows

11. UNIT-e Forms Apps Known users Data entry and workflow driven tasks On site Windows UNIT-e Forms Apps Known users Data entry and workflow driven tasks On site Windows What is a Web Application? Web Sites Large numbers of users Often anonymous access Change UI to match other sites Security & performance drivers Off site Many devices Web Sites Large numbers of users Often anonymous access Change UI to match other sites Security & performance drivers Off site Many devices Web Apps Remote workers New Devices New People

12. II Web Client applications  LaunchPad

13. II Web Client applications  DayView

14. II Web Client applications  Markbook Manager

15. II Web Client applications  Parent Portal

16. II Web Client applications  Parent Portal

17. II Web Client applications  Parent Portal

18. II Web Client applications  Parent Portal

19. II Web Client applications  DLHE – Student Questionnaire

20. II Web Client applications  DLHE – Student Questionnaire

21. Mobile application stack mPadStudent mPadStaff mPad LaunchPad Free Cost option

22. Information Interface tool stack II Web Edition with Professional Edition II Web Edition with Professional Edition II Web Edition with Advanced Edition II Web Edition with Advanced Edition Create new web apps Amend Capita web apps Use scripts to extend standard functionality

23. New browser controls – user layout

24. New browser controls – user layout demo

25. New browser controls – user layout

27. II Web Client applications – mobile configuration

28. Mobile configuration functionality  mPadStaff  Staff timetables  Student contact details  Student timetable  Attendance data  Student text and email messages  Course data  Current enrolments  mPadStudent  Timetable  Exams  Attendance data  Aims and personal review data

29. Mobile configuration 1

30. Mobile configuration 2

31. Mobile app design

33. II Web Client applications – the future  Gesture support  Transitions  HTML5  Local storage  Built-in form validation  Animations  Audio support  Video support

34. UNIT-e technology

35. UNIT-e evolution Using the tried and tested UNIT-e architecture to create a turnkey solution making information available anywhere, anytime