OTS The Best of Native Apps and the Mobile Web Duncan Cragg.

Slides:



Advertisements
Similar presentations
Mobile App Development Using: Presented by Tyler Richey Images from
Advertisements

W alkie Doggie is a web application that allows dog owners to help each other with their dog walks. It’s main feature is the walkies, which are the user’s.
1 Proprietary & Confidential Stephen Bourdeau Mobile Tech Lead TripAdvisor, LLC Hybrid App Development MoMo Mobile Camp, February 19 th, 2011.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Facedroid Facebook for Android. Facebook Application - API key - Secret key - PHP page Facebook Application - API key - Secret key - PHP page Facebook.
Java System Architectures David Davenport Bilkent University Ankara – Turkey
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
SharePoint Mobile Improving efficiency of the mobile workforce Anthony Pham Product Support Manager KWizCom
Development of mobile applications using PhoneGap and HTML 5
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
Native vs hybrid vs web mobile Application
MOBILE APP DEVELOPMENT Presented by Md. Zakaria Chowdhury CEO, Webcraft Bangladesh Director, Sylhet IT Academy.
Python for S60 SmartPhones PostPC Workshop Fall 2006 Amnon Dekel.
Intelligent Tutoring System Mobile Communication Team Drew Boatwright Nakul Dureja Richard Liou.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
DEVELOPING FOR MOBILE Jackie Calapristi. AGENDA  Why you should go mobile  Mobile Design Options  Responsive Design  Tips & Tools to Help You Build.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
Lightning Talk Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012.
Title slide to be used at the start of a module. Developing Mobile Apps Roland Guijt
Java Mobile Apps with GWT & PhoneGap Josh Marinacci, webOS Developer Advocate.
Postacademic Interuniversity Course in Information Technology – Module C1p1 Contents Data Communications Applications –File & print serving –Mail –Domain.
Development of the iPad Application “Sound Reading” Ryan DuToit, Bennett Hansen, Dr. Timothy Urness *Department of Mathematics and Computer Science, College.
Moving from Web-based Collaboration to the Mobile Arena Nimrod Geva Product Group Manager, KWizCom
“A Project Managers Perspective” Presented by: Brian Fischer Houston Engineering, Inc. WLIA Conference, 02/14/2013 A JOURNEY THRU MOBILE APP DEVELOPMENT.
HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.
DUE Introduction to the Android Platform Working Connections 2011.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
C# AND ASP.NET What will I do in this course?. MAJOR TOPICS Learn to program in the C# language with the Visual Studio IDE (Interactive Development Environment)
Mobile web Sebastian Lopienski IT Technical Forum 29 June 2012.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
CROSS PLATFORM MOBILE APPLICATION DEVELOPMENT Nick Randolph (Built to Roam) SESSION CODE: DEV-WPH314 (c) 2011 Microsoft. All rights reserved.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
Trunica Inc. 500 East Kennedy Blvd #300 Tampa, FL Cross Platform Mobile Apps With Cordova and Visual Studio 2015 © Copyright 2015.
Building Native Apps with ArcGIS API for JavaScript Using PhoneGap and jQuery Andy Gup, Lloyd Heberlie.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
JavaScript Overview Developer Essentials How to Code Language Constructs The DOM concept- API, (use W3C model) Objects –properties Methods Events Applications;
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
UNDERSTANDING YOUR OPTIONS FOR CLIENT-SIDE DEVELOPMENT IN OFFICE 365 Mark Rackley
Today’s Applications Web API Browser Native app Web API Web API
If you are thinking about developing mobile application for your customer, this is an important aspect to consider the platform.
Mobile Applications With JQuery Mobile and VDF 17.1.
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
COMPARING CROSS-PLATFORM DEVELOPMENT APPROACHES FOR MOBILE APPLICATIONS Henning Heitkötter, Sebastian Hanschke and Tim A. Majchrzak Department of Information.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
APP DESIGN AND DEVELOPMENT WITH THE IONIC FRAMEWORK Chuck Leone
#SummitNow Alfresco Mobile SDKs in Action 06 November, 2013 Mike Hatfield Lead Engineer Mobile Apps, Alfresco.
Build Cross-Platform Mobile Apps Using Visual Studio A Telerik webinar by Jeffrey T. Fritz March 27, 2014 AND.
PhoneGap Cross-Platform Development Company India
Development of Internet Applications HTML5 Ing. Jan Janoušek 7.
Software services delivering SharePoint, Mobile, and Business Intelligence solutions Creating mobile applications that integrate with SharePoint 2013 on-
Mobile App Development Using:
A little more App Inventor and Mind the GAP!
Applications Active Web Documents Active Web Documents.
ET-570 Smart Phone Apps.
CHALLENGES IN FRONT OF MOBILE APPLICATIONS DEVELOPMENT
Get the most from the Microsoft Dynamics 365 Mobile App
Automatic Mobile App Generation
Hybrid Mobile Applications
User Interface / User Experience Demo
Web App vs Mobile App.
JavaScript an introduction.
Apps XD.
Office 365 Development.
Report from the trenches of an HTML5 game provider
Presentation transcript:

OTS The Best of Native Apps and the Mobile Web Duncan Cragg

AppStore Mobile Device Pure Native Apps e.g.: iOS / Android; Objective-C / Java App Server app protocols full device access App download mobile- oriented runnable code and layouts

Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Work Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program Cross-Platform Pure Native Apps e.g.: iOS / Android; Objective-C / Java

Server Mobile Device Pure Web Documents e.g.: HTML5 / CSS3 alone, no JS APIs Doc download or submit HTTP very limited device access Browser Doc Server Doc links large text- & page- oriented docs

Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Work Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program Cross-Platform Pure Web Documents e.g.: HTML5 / CSS3 alone, no JS APIs

Server Mobile Device JS Web Apps e.g.: HTML5 JS APIs; JQuery Mobile Doc download or submit HTTP partial device access Browser Doc Server Doc links JS large text- & page- oriented docs + runnable

 Fast, Slick, Tactile Interfaces  Close to your Mobile Stuff  Close to the Device  Work Well Offline  Mashable, Linkable, Sharable  Distributable: Just a Link  Easy to Program  Cross-Platform JS Web Apps e.g.: HTML5 JS APIs; JQuery Mobile

AppStore Mobile Device Hybrid Web Apps e.g.: WAC, PhoneGap, Titanium App Server App download partial device access HTTP Doc JS large text- & page- oriented docs + runnable

 Fast, Slick, Tactile Interfaces  Close to your Mobile Stuff  Close to the Device  Work Well Offline  Mashable, Linkable, Sharable  Distributable: Just a Link  Easy to Program  Cross-Platform Hybrid Web Apps e.g.: WAC, PhoneGap, Titanium

Server Mobile Device Start Native, Add Pure Web Doc full device access Server links HTTP

Server Mobile Device OTS Dynamic Mobile Objects e.g.: NetMash Doc two-way dynamic full device access Masher Obj Server Obj links HTTP small nested mobile- oriented dynamic objects

Fast, Slick, Tactile Interfaces Close to your Mobile Stuff Close to the Device Work Well Offline Mashable, Linkable, Sharable Distributable: Just a Link Easy to Program Cross-Platform OTS Dynamic Mobile Objects e.g.: NetMash

OTS User Object { is: user location: { lat: lng: } vcard: }

OTS User Object User vCard

OTS User Object List { is: userlist list: [ : ] }

Users OTS User Object List User A User B User C

Mobile OTS User Object Pushed User A Mobile User A Server User A

Plot User List on Map

Plot the Weather Report, too

See Everyone's Messages It's just gone cloudy!

And Photos

OTS GUI Object { is: gui view: { direction:vertical "Option" "#opt":"?[/string;1|2/]?" }

OTS GUI Object

OTS Form Object { is: form user: gui: form: { opt: "2" }

OTS Calendar Event Object { is: event title: "DroidConf" content: "Big Droidfest!" start:.. end:.. tz:.. location: {.. } attendees: [ ]}

OTS Calendar Event Object MonTuesWedThursFriSatSun Droid Conf

OTS Calendar Event Object DroidConf: Big Droid fest! Attending: DroidConf: Big Droid fest! Attending: Ann Droid Rob Ott No, Sorry Maybe Me Too!

OTS Calendar Event Object { is: rsvp user: event: attending: "yes" }

Make Your Own App! { title: "My DroidConf" list: [ ] }

My DroidConf Make Your Own App! Twitter #droidconf Cafe Droid Ann Droid DroidConf

No application boundaries - OTS is a seamless 'cyberspace' containing you, your friends and your and their mobile stuff - all linkable and mashable No manual upload, download, save, submit, send, share, refresh, upgrade - OTS objects are updating and interactive OTS = Native + Web + More

NetMash Demo NetMash is an Android and Java client- and server-side implementation of OTS

Help Build the OTS Net! What's next? If you know Java or Android, then help build NetMash! or just use NetMash, when it's ready!