Evaluation and prototyping of an HTML5 Client for iOS devices

•

1 recomendación•519 vistas

Mario Gonzalez

Thesis Presentation 2012

Tecnología

Thesis Presentation:
Evaluation and prototyping
of an HTML5 Client for iOS
devices

Amit Purkait

Native
Java
Objective C
C#

.NET Java ME

Lua
Visual Editor
Ruby

Java EE C/C++

Native

What if?
Other platforms
Defragmentation

web

http://www.publicdomainpictures.net/pictures/10000/velka/spider-web-pattern-1128739369633HK.jpg

Web
why web?
Runs on browser

Universal

HTML5 + CSS3 + JavaScript
Rapid development

Rapid deployment

Web
3D acceleration
Animations

Translation
Word wrap
Rounded borders
Web fonts

Multiple Backgrounds
CSS3
Transformation

Gradient Background Transperancy
Overflow-y

Border Image Overflow-x

Frameworks

Jquery UI The-M-Project

Jquery Mobile

jQ Touch
iUI
Sencha Touch

iWebKit zepto.js
Jo-Mobile

Frameworks Comparison Chart

Comparision tables 1

http://www.markus-falk.com/mobile-frameworks-comparison-chart/

Frameworks

Filters:
●
Platform : iOS, Android, Windows Phone, Blackberry OS, Symbian

●
Languages : HTML CSS Javascript

●
Target : Mobile website, web app

●
UI Widgets : yes

Analysis

GWT
(Java)

Web
(HTML5, CSS3,
JavaScript +
Frameworks)

Analysis
GWT
Callbacks

JSNI Calls

Javascript
interacts

UI
Web Techonologies

THESIS
OBJECTIVES
- Define a better User Interface

- iOS look and feel

- Implement the required functions

Themeing mQuest

jQuery Mobile
Package

CSS JS

iOS Styling with CSS3

.ui-header {
...
}

li.ui-buttons {
...
}

Change with jquery theme ui-text {
...
}

ui-footer{
...
}

iOS Styling with CSS3

Change with jquery theme

Deploy

PhoneGap's features

Source: http://phonegap.com/about/feature

Más contenido relacionado

La actualidad más candente

Blending Performance with Front-End ArchitectureChris Griego

Sap ep admin online trainingVenkat reddy

Pundit at 3rd DBpedia Community Meeting 2015Net7

Introducing Kendo UIJohn Bristowe

Kendo UI presentation at JsConf.euAlexander Gyoshev

SOFEA: Service Oriented Front End Architecture, Next Gen Web Architecture for...Kunal Ashar

Use Your WebDev Skills to Create Mobile Apps in Telerik Appbuilder (Jonathan ...ITCamp

Large-Scale Web Development with JavaScriptNavid Ahmadi

Kendo ui webLohith Goudagere Nagaraj

Ideas for addictive series 40 web appsMicrosoft Mobile Developer

SD Forum Java SIG - Service Oriented UI ArchitectureJeff Haynie

JavaScript Architecture: The Front and the Back of ItKyle Simpson

TestSiva Prakash

Telerik Kendo UI OverviewEd Musters

JAX 2012: Moderne Architektur mit Spring und JavaScriptmartinlippert

Effectively using Nokia Web Tools 2.0 templates for Series 40 web appsMicrosoft Mobile Developer

La actualidad más candente (16)

Blending Performance with Front-End Architecture

Sap ep admin online training

Pundit at 3rd DBpedia Community Meeting 2015

Introducing Kendo UI

Kendo UI presentation at JsConf.eu

SOFEA: Service Oriented Front End Architecture, Next Gen Web Architecture for...

Use Your WebDev Skills to Create Mobile Apps in Telerik Appbuilder (Jonathan ...

Large-Scale Web Development with JavaScript

Kendo ui web

Ideas for addictive series 40 web apps

SD Forum Java SIG - Service Oriented UI Architecture

JavaScript Architecture: The Front and the Back of It

Test

Telerik Kendo UI Overview

JAX 2012: Moderne Architektur mit Spring und JavaScript

Effectively using Nokia Web Tools 2.0 templates for Series 40 web apps

Destacado

David clean nationteamcleannation

Aula virtualcari1n

το τρενο φευγει στις οχτωLeverkun

Media Pembelajaran Biologi Kelas Xpreute

Models of spatial process by sushantsushantsawant13

BEHIND 3D &4Dchetan sawant

NavigationLand & Marine Navigation using GNSSsushantsawant13

PhD Thesis Defense - Enhancing Software Quality and Quality of Experience thr...Pedro Luis Mateo Navarro

Ch 4 - Airport Mobile Internet as an Innovation Indicator Luis Martin-Domingo

Thesis in IT Online Grade Encoding and Inquiry System via SMS TechnologyBelLa Bhe

Destacado (10)

David clean nation

Aula virtual

το τρενο φευγει στις οχτω

Media Pembelajaran Biologi Kelas X

Models of spatial process by sushant

BEHIND 3D &4D

NavigationLand & Marine Navigation using GNSS

PhD Thesis Defense - Enhancing Software Quality and Quality of Experience thr...

Ch 4 - Airport Mobile Internet as an Innovation Indicator

Thesis in IT Online Grade Encoding and Inquiry System via SMS Technology

Similar a Evaluation and prototyping of an HTML5 Client for iOS devices

HTML5 and the dawn of rich mobile web applicationsJames Pearce

HTML5 and the dawn of rich mobile web applications pt 1James Pearce

Building Cross Platform Mobile Web AppsJames Pearce

Tasvir_UI DeveloperRahmat Tasvir

Asp.net mvc - Better User Experience with Kendo UILohith Goudagere Nagaraj

Why You Need a Front End DeveloperMike Wilcox

Krishnakumar Rajendran (1)Krishna Rajendran

Cross platform mobile web appsJames Pearce

Fragmentation in mobile design: fact or fictionBelen Barros Pena

Building Cloud-Based Cross-Platform Mobile Web AppsJames Pearce

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez

Javascript library toolboxSkysoul Pty.Ltd.

Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.DALEZ

Building cross platform mobile web appsJames Pearce

Easy HTML5 Data Visualization with Kendo UI DataVizLohith Goudagere Nagaraj

Evolving Mobile Architecturessgleadow

Developing the Next Generation Embedded HMIs mentoresd

Building single page applicationsSC5.io

Wintellect - Devscovery - Enterprise JavaScript Development 2 of 2Jeremy Likness

A Snapshot of the Mobile HTML5 RevolutionJames Pearce

Similar a Evaluation and prototyping of an HTML5 Client for iOS devices (20)

HTML5 and the dawn of rich mobile web applications

HTML5 and the dawn of rich mobile web applications pt 1

Building Cross Platform Mobile Web Apps

Tasvir_UI Developer

Asp.net mvc - Better User Experience with Kendo UI

Why You Need a Front End Developer

Krishnakumar Rajendran (1)

Cross platform mobile web apps

Fragmentation in mobile design: fact or fiction

Building Cloud-Based Cross-Platform Mobile Web Apps

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile

Javascript library toolbox

Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.

Building cross platform mobile web apps

Easy HTML5 Data Visualization with Kendo UI DataViz

Evolving Mobile Architectures

Developing the Next Generation Embedded HMIs

Building single page applications

Wintellect - Devscovery - Enterprise JavaScript Development 2 of 2

A Snapshot of the Mobile HTML5 Revolution

Último

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

How to convert PDF to text with Nanonetsnaman860154

Artificial Intelligence: Facts and MythsJoaquim Jorge

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

Histor y of HAM Radio presentation slidevu2urc

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

GenAI Risks & Security Meetup 01052024.pdflior mazor

Evaluating the top large language models.pdfChristopherTHyatt

GenCyber Cyber Security Day PresentationMichael W. Hawkins

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

Evaluation and prototyping of an HTML5 Client for iOS devices

1. Thesis Presentation: Evaluation and prototyping of an HTML5 Client for iOS devices Amit Purkait

2. NATIVE WEB mobile

3. ! native is easy

4. Native mobile Platforms

5. Native Java Objective C C# .NET Java ME Lua Visual Editor Ruby Java EE C/C++

6. Native

7. Native !

8. Native What if? Other platforms Defragmentation

9. web http://www.publicdomainpictures.net/pictures/10000/velka/spider-web-pattern-1128739369633HK.jpg

10. Web why web? Runs on browser Universal HTML5 + CSS3 + JavaScript Rapid development Rapid deployment

11. Web Programming Languages

12. Web HTML5 CSS3 JavaScript

13. 1989 HTML 1997 HTML4 2011 HTML5

14.

15. Web 3D acceleration Animations Translation Word wrap Rounded borders Web fonts Multiple Backgrounds CSS3 Transformation Gradient Background Transperancy Overflow-y Border Image Overflow-x

16. JavaScript Mobile Frameworks

17. Frameworks Jquery UI The-M-Project Jquery Mobile jQ Touch iUI Sencha Touch iWebKit zepto.js Jo-Mobile

18. Frameworks Help is there

19. Frameworks Comparison Chart Comparision tables 1 http://www.markus-falk.com/mobile-frameworks-comparison-chart/

20. Frameworks Filters: ● Platform : iOS, Android, Windows Phone, Blackberry OS, Symbian ● Languages : HTML CSS Javascript ● Target : Mobile website, web app ● UI Widgets : yes

21. Frameworks

22. mQuest HTML5 Client for iOS devices

23. Analysis GWT (Java) Web (HTML5, CSS3, JavaScript + Frameworks)

24. Analysis GWT Callbacks JSNI Calls Javascript interacts UI Web Techonologies

25. Analysis Previous Client

26. Analysis

27. THESIS OBJECTIVES - Define a better User Interface - iOS look and feel - Implement the required functions

28. UI Change Need jquery theme

29. Themeing mQuest jQuery Mobile Package CSS JS

30. iOS Styling with CSS3 .ui-header { ... } li.ui-buttons { ... } Change with jquery theme ui-text { ... } ui-footer{ ... }

31. iOS Styling with CSS3 Change with jquery theme

32. Results Need old image