The merging of Web and Mobile APP

Slides:



Advertisements
Similar presentations
Mobile Application Development Keshav Bahadoor. Part 1 Cross Platform Web Applications.
Advertisements

Tahir Nawaz Introduction to.NET Framework. .NET – What Is It? Software platform Language neutral In other words:.NET is not a language (Runtime and a.
D4.3 Additional Applications iPad Application – Facebook Integration George Chrysochoidis i-sieve technologies ltd. PATHS Project Review, 12th March 2014,
Amanda Silver Director of Program Management Visual Studio Tools for Client Applications Cross-Platform Development using Visual Studio.
UNDERSTANDING JAVA APIS FOR MOBILE DEVICES v0.01.
It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.
Development of mobile applications using PhoneGap and HTML 5
By Ms.A.C.Sumathi AP(SG)/ Dept of CSE SNS College of Engineering, CBE.
Creation of hybrid portlet application for file download using IBM Worklight and IBM Rational Application Developer v9 Gaurav Bhattacharjee Lakshmi Priya.
What is HTML5? HTML5 is the new LEGO for both designers and programmers.
Presented by…. Group 2 1. Programming language 2Introduction.
Mobile Web Applications
A Comparative Evaluation of HTML5 as a Pervasive Media Platform By Tom Melamed HP Ben Clayton HP Labs.
Presented by: Lan Nguyen.  Started as cooperation with:  World Wide Web Consortium  Web Hypertext Application Technology Working Group  The future.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Title slide to be used at the start of a module. Developing Mobile Apps Roland Guijt
Introduction CIS 136 Building Mobile Apps 1. What is a mobile app? 2  Computer program  Designed for small devices  Smartphones  Tablets  Other handhelds.
By: Toms Linnes Mrunal Patel.  Universal  With qooxdoo you build rich, interactive applications, native-like apps for mobile devices light weight single.
Codeigniter is an open source web application. It occupies a very small amount of space in the memory and is most useful for developers who aim to develop.
Microsoft UI Stack Ronnie Saurenmann Technical Evangelist, Microsoft Switzerland
Apache Cordova Tools in Visual Studio
HTML5 based Notification System for Updating E-Training Contents Yu-Doo Kim 1 and Il-Young Moon 1 1 Department of Computer Science Engineering, KoreaTech,
By, Rutika R. Channawar. Content Introduction Open Handset Alliance Minimum Hardware Requirements Versions Feature Architecture Advantages Disadvantages.
 Can access all API’s made available by OS vendor.  SDK’s are platform-specific.  Each mobile OS comes with its own unique tools and GUI toolkit.
If you are thinking about developing mobile application for your customer, this is an important aspect to consider the platform.
NativeScript – Open source platform to build Native iOS/Android Apps.
What is J2EE?  Java J2ee developers on top of this provide the various kinds of services that are essential to develop large scale, allocated, component.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
Real time automatic decisions Graphical designer for the automation of decisions to be made during the process. Powerful tool intended to increase.
Best Web Technologies for
Introduction of Wget. Wget Wget is a package for retrieving files using HTTP and FTP, the most widely-used Internet protocols. Wget is non-interactive,
A Detailed Introduction To Visual Studio.NET CRB Tech ReviewsCRB Tech Reviews introduces you to the world of Visual.
Creating Mobile App in Lua with NOYA
Introduction to Operating Systems Concepts
Hammoudeh S. Alamri1, Balsam A
Build and Learn ASP.NET Workshop.
Introduction to Xamarin C# Everywhere
State of the Art in Mobile Development
Content Introduction Technology Used to Develop Mobile Application
React Native: The Future of Hybrid App Development
Browsers and Web Platforms
Process of Converting “PSD to HTML”
Web Applications Security What are web Applications?
Application with Cross-Platform GUI
Chapter 18 MobileApp Design
ASP.NET 3.5 Mike Ormond Developer & Platform Group Microsoft Ltd
HTML5 based Notification System for Updating
Multitier Architecture, MySQL & PHP
Migrating Oracle Forms Using Oracle Application Express
Best Angular 2 interview questions and Answer that have been designed for Angular 2 programmers who are preparing online interviews on Angular 2 interviews question. Visit Website:
Training Institute Pune AngularJS Course. What is AngularJS ? AngularJS is a structural framework that is used in Single Page HTML for declaring dynamic.
HOW MUCH PRICE OF DEVELOPING A CROSS-PLATFORM MOBILE APP?
Collaboration on-the-Go
Apps XD.
RIA for Business What‘s next? 19/11/18
API Application Services
GIFT / Fiscal Data Package Iteration 3
Modern web applications
12/5/2018 HCI SNS College of Engineering Department of Computer Science and Engineering Mobile Application Development Presented by S.Yamuna AP/CSE.
5 Leading web development Framework is good for developing a Secure Website.
How to analyze the Cost of Cross- platform Mobile App Development?
Modern web applications
Serpil TOK, Zeki BAYRAM. Eastern MediterraneanUniversity Famagusta
Android Platform, Android App Basic Components
Introduce to Angular 6 Present by: Võ Văn Hào
Calypso Service Architecture
The Future is Now with ASP.NET Core 3.0
#01# ASP.NET Core Overview Design by: TEDU Trainer: Bach Ngoc Toan
Running C# in the browser
from Lutz Dietrich and Hans Kluge
Presentation transcript:

The merging of Web and Mobile APP Introduction of Weex open source project Dapeng(Max) Liu Alibaba

Content Challenge in Mobile Web Proposed Direction What is Weex? 2

Challenge in Mobile Web W3C DOM and related standards are originally designed for PC browsers Mismatch between DOM and mobile development The latest features on mobile platform are usually hard to be exposed by current Web APIs 3

Challenge in Mobile Web Cross-Platform Development Efficiency Function & Performance Requirement: Flexible platform API High performance Fast Iteration Run in browser Hybrid Compared with Native Different HTML5 capability Limited access of platform API UI interaction needs improve Different HTML5 capability Low performance Performance ! ! 4

Content Challenge in Mobile Web Proposed Direction What is Weex? 5

Proposed Direction 6 DOM for Mobile Possible items Abstract the features of mobile platform Support the cross-platform of mobile development Possible items Use DOM for mobile to describe the similar concepts as in Native, like MVC (Model, View, Controller) Describe the application life circle management suitable for Mobile 6

Content Challenge in Mobile Web Proposed Direction What is Weex? 7

What is weex? A web development framework can run on cross-platform of mobile. 8

https://weex.apache.org/cn/ Weex ecosystem Developer community Development efficiency Performance & Experience Implementation 15K+ developers Open source components library and tools The development time can be reduced by 50% For loading time, the performance gap with Native is about 100-200ms 100+ applications https://weex.apache.org/cn/ 9

Framework & Architecture

Weex virtual-DOM API Weex can use JS control the view layer of native by weex virtural-DOM Weex virtural-DOM API is a more neutral norms between Web and native Native code corresponding to DOM code in weex virtural-DOM API 1 2 3 12

Weex life circle 13

High, too many different language Advantage WEEX Native H5 Hybrid APP Development efficiency High, JS/Html Low, Android/OC Performance experience Good Great Not well Ordinary Component ecology Iteration speed 1min 2~3 weeks finish 70% Learning threshold Low, easy to learn High, too many different language Multi terminal cost 1 version 3 version 14

Proposed CG https://www.w3.org/community/groups/proposed/

Thanks!