Shaping a Technology Strategy for Mobile Development

•

25 gefällt mir•4,947 views

frog

Technologie Design

Alex Conconi
Associate Technology Director
alex.conconi@frogdesign.com
@aconconi

“The web is
dead.
Apps are the
present and
the future.”
Keith Teare, MBLT 2013

“We provide our customers
with native applications on
several platforms to access
our online services.
Managing all those native
apps is a real nightmare…”

“The biggest
mistake we made
as a company was
betting too much
on HTML5 as
opposed to native”
Mark Zuckerberg, 11 Sept. 2012

“...the very next day
my boss called and
asked me:
«Are you sure we
are not making the
same mistake with
this HTML5?»”

Mobile device system model
Technology background
Hardware
CPU, Memory, I/O devices (storage, network,
phone, screen, audio, GPS, accelerometer,…)
Operating System
Kernel, Device drivers, Services, Shell
App X App Y Browser
API
9© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Technology background
10© 2013 frog - All rights reserved – Conﬁdential and Proprietary

From web to native:
the shades in between

Three approaches to
mobile website creation
1. Responsive design
2. Dedicated m-site
3. RESS (Responsive Web Design +
Server Side Components)
13
Mobile website
© 2013 frog - All rights reserved – Conﬁdential and Proprietary

14
Responsive design
Responsive Design
A uniﬁed client-side solution that dynamically
adapts content and layout to device features

15
Dedicated mobile site
Mobile site dedicato
Typical m-site fully optimized for mobile devices in
terms of layout, content and features

16
RESS
RESS (Responsive Server Side)
REsponsive web design + Server Side components uses
server-side logic and user detection to assemble and serve a
version of the web page optimized for the client device

Mobile site features
Mobile website
Technology Mixes client-side (HTML, CSS, JavaScript) and server-side (PHP,
Ruby, .Net, Java etc.) technologies
Dependency Platform-independent (runs in any modern browser)
Connectivity Online only
Device features No access (or limited access if HTML5 browser API is available)
Distribution Web
17© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Web app features
Web app
Technology Open standard web technologies (HTML5, CSS3, JavaScript) with
application logic moved to client side
Dependency Platform-independent (runs in any modern browser)
Connectivity Mostly online (partial oﬄine support)
Device features Limited access (through HTML5 browser API)
Distribution Web
21© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Hybrid app
23© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Hybrid app
24© 2013 frog - All rights reserved – Conﬁdential and Proprietary

27
Hybrid app
http://vimeo.com/55486684
© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Hybrid app features
Hybrid app
Technology Open standard web technologies (HTML5, CSS3, JavaScript)
+ abstract OS integration API
Dependency Cross-platform (can be ported to most target platforms)
Connectivity Online and oﬄine
Device features Almost complete access (through integration layer)
Distribution App store
28© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Appcelerator Titanium
Cross-compiling SDK
30© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Cross-compiling SDK
31© 2013 frog - All rights reserved – Conﬁdential and Proprietary

MoSync
Cross-compiling SDK
32© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Cross-compiling SDK features
Cross-compiling SDK
Technology Custom API and language depending on selected SDK
(e.g. Appcelerator Titanium: JavaScript, MoSync: C/C++)
Dependency Cross-platform (can be ported to most target platforms)
Connectivity Online and oﬄine
Device features Almost complete access (through integration layer)
Fully native UI elements
Distribution App store
33© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Native app
35
…???
© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Native app features
Native app
Technology Speciﬁc for each platform (e.g. Android: Java, iOS: Objective-C)
Dependency Fully platform-dependent
Connectivity Online and oﬄine
Device features Complete access (through individual OS API)
Fully native UI elements
Distribution App store
38© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Functionality
Decision criteria
1
Business model2
Context3
40© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Decision criteria
41© 2013 frog - All rights reserved – Conﬁdential and Proprietary

There’s no “multi-platform
solution to rule them all” really

© 2013 frog - All rights reserved – Conﬁdential and Proprietary

Weitere ähnliche Inhalte

Andere mochten auch

Wearable technology, smart meters, and networked devices have generated an environment of abundant digital chatter. It’s now socially acceptable to compete with your FuelBand, send a text to your thermostat, and argue with Siri. Our eagerness to communicate with objects as we would a friend points to a new criterion for designing intelligent products. We want our technology to be smart, but also deeply personal. This presentation outlines the opportunities and risks associated with designing smart objects for emotional people. Through stories of emerging products and experimental research endeavors, it highlights the fine line designers must walk between enhancing the emotional intelligence of individuals, and replacing it.

SXSW: Designing Smart Objects for Emotional People

frog

Tech Trends 2014

frog

frog Wearables

frog

What is the expanding role of design in entrepreneurship? What is the interplay between them? David Sherwin, an Interaction Design Director at frog, shares his personal take on this subject from a designer's point of view, with principles you can use to drive sustainable growth and beneficial cultural change within your businesses, as well as approaches for creating valuable new products, services and business models with your customers and communities. This talk was delivered on March 5 at Think Big Partners in Kansas City as part of Kansas City Design Week 2014.

Envisioning the Balance: The Dyanmic Role of Design in Entrepreneurship

frog

WIAD: Design For Everyday Life

frog

Data is the fuel of the connected world, and aspects like value, trust, transparency and ultimately ownership have been a continuous source for debate. As our technical capabilities and our comfort with and within the connected world evolves, so does the conversation about our habits and practices around customer data. As a product strategy and design company that has been leading the industry for more than four decades, I believe that frog is in a good position to reflect forward.

frog POV: Now That Data is Everything

frog

The 50-plus population in the United States consists of close to 100 million consumers. Between now and 2030, this demographic will expand by over 34%. Additionally, by 2030 roughly 1 in 5 Americans will be 65 years of age and older, for a total of 72 million seniors. In general, we are living longer and with more health complications. Even so, most of us want nothing more than to remain in the company of our friends and loved ones, stay in places that are most familiar and comfortable to us, and maintain our mental and physical autonomy. This presentation explores the transformative impact that great design and emerging technologies will have on creating sustainable, supportive, and connected communities for the aging population and those who care for them.

Aging By Design: An Overview

frog

The rise of digital humanitarianism

frog

Re-Designing Citizenship

frog

Teaching Old Markets New Tricks

frog

Solving large-scale, Industrial Internet problems has the potential of creating huge cost savings, new products, and market opportunities. However, beyond the technical challenges, understanding human motivations and values underpinned by the Internet of Things is difficult. As data collection and connectivity grow exponentially, the interface to remote storage, analytics and connected systems become an inflection point through which potential value is delivered to end users and equipment operators thus, increasing the importance and value of how we interact with connected hardware. Examples are shown of how the Industrial Internet of Things can unlock value propositions such as increased productivity, better analysis, and business intelligence by better understanding human motivation.

Understanding human motivation_in_the_age_of_connected_machines

frog

“The modern city is becoming a pointer system, the new URL, for tomorrow’s hybrid digital–physical environment. Today's Facebook will be complemented by tomorrow's Placebook. Explosive innovation and adoption of computing, mobile devices, and rich sources of data are changing the cities in which we live, work, and play. It's about us, and how computing in the context of our cities is changing how we live. A digital landscape overlays our physical world and is expanding to offer ever-richer experiences that complement, and in emerging cases, replace the physical experience. In the meta–cities of the future, computing isn't just with us; it surrounds us, and it uses the context of our environment to empower us in more natural, yet powerful ways.”

Data in the city

frog

Wearable Technology and the Connected City

frog

The next big disruption in lifelong learning will be by design. We are innately trained and poised to have a global impact on how other people can survive and thrive, whether they are designers or not. In this talk from AIGA Seattle's Into the Woods 2012 conference, David Sherwin points out opportunities and shares tools he's gathered to encourage people to be better critical thinkers and problem solvers, using the activity areas of the Collective Action Toolkit as a frame (which at the time was still a work in progress).

Design Is Hacking How We Learn

frog

Off the Page Into the Wild: Designing For the Internet of Things

frog

Rooming

Sara Quagliani

Presentazione finale laurea

Paola Paleari

Tesi di Laurea. Progettazione di un libro visivo.

Alessio Vanin

GIGAS

emanuelesciolto

Semiotica e progetto (Lezione di design)

Salvatore Zingale

Andere mochten auch (20)

SXSW: Designing Smart Objects for Emotional People

Tech Trends 2014

frog Wearables

Envisioning the Balance: The Dyanmic Role of Design in Entrepreneurship

WIAD: Design For Everyday Life

frog POV: Now That Data is Everything

Aging By Design: An Overview

The rise of digital humanitarianism

Re-Designing Citizenship

Teaching Old Markets New Tricks

Understanding human motivation_in_the_age_of_connected_machines

Data in the city

Wearable Technology and the Connected City

Design Is Hacking How We Learn

Off the Page Into the Wild: Designing For the Internet of Things

Rooming

Presentazione finale laurea

Tesi di Laurea. Progettazione di un libro visivo.

GIGAS

Semiotica e progetto (Lezione di design)

Ähnlich wie Shaping a Technology Strategy for Mobile Development

Mobile app developers have been engaged in a philosophical debate about "HTML5 vs. Native" for a couple of years now. But more and more in-the-know mobile strategists are deciding the answer is "Neither." Rather than choose between rich and interactive native experiences or portable and cost-effective web development, more apps are being deployed using web technologies and "native containers" to deliver the best of both worlds. Highlights: - What is a "container?" - What are the different types of containers? - For which types of apps is each appropriate? - What are the advantages of a container deployment strategy? - Are there good examples of successfully deployed containerized mobile apps?

Demystifying the Mobile Container - PART I

Relayware

Mobile Web Apps

Athhar Ahamed

Harbinger Systems works closely with enterprises and ISVs and helps them develop enterprise and consumer-utility mobility applications. The goal is, to create a complete mobile experience- an intuitive design that is optimized across devices, a powerful feature-rich app that is reliable and secure for an enterprise-wide usage. Harbinger has an established mobility practice. We have built enterprise and consumer apps for customers across variety of industries including Retail, Enterprise, Social, Travel, Healthcare, Sports, Publishing, Gaming. We have partnered with customers in their mobile application development on iOS (iPhone and iPad), Android (Phones and tablets including Kindle), Windows Phone, Windows 8 (Surface), Blackberry and Symbian platforms.

Harbinger Systems Mobile App Development Practice Group

Sachin Katariya

Mobility today & what's next.Application ecosystems.

Petru Jucovschi

Cross platform development - Rhomobile

Konstantin Rybas

Crie Aplicações Mobile Híbridas Escritas em Java, para iOS e Android

Bruno Borges

Mobile Web Apps and the Intel® XDK

Intel® Software

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife

Caridy Patino

12 Frameworks for Mobile Hybrid Apps

Filipe Lima

Tech planet 2014 Samsung Gear S Web Application

Ryo Jin

Adf mobile overview

Oracle Corporation

The Magic of flutter Comex oman 2019

Ahmed Abu Eldahab

SAP Mobile Platform: Virtual Bootcamp – How to build your Enterprise Mobile A...

SAP PartnerEdge program for Application Development

Crosswalk and the Intel XDK

Intel® Software

Drupalcamp New York 2009

Tom Deryckere

Kendo UI workshop introduction - PUG Baltic Annual Conference 2017

Alen Leit

Synapse india reviews on asp.net mobile application

saritasingh19866

Olivier meetup-boston-2013-jan-21-v2

Olivier Eeckhoutte

Native - Hybrid - Web Mobile Architectures

Phong Le Duy

Intro to appcelerator

Dave Hudson

Ähnlich wie Shaping a Technology Strategy for Mobile Development (20)

Demystifying the Mobile Container - PART I

Mobile Web Apps

Harbinger Systems Mobile App Development Practice Group

Mobility today & what's next.Application ecosystems.

Cross platform development - Rhomobile

Crie Aplicações Mobile Híbridas Escritas em Java, para iOS e Android

Mobile Web Apps and the Intel® XDK

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife

12 Frameworks for Mobile Hybrid Apps

Tech planet 2014 Samsung Gear S Web Application

Adf mobile overview

The Magic of flutter Comex oman 2019

SAP Mobile Platform: Virtual Bootcamp – How to build your Enterprise Mobile A...

Crosswalk and the Intel XDK

Drupalcamp New York 2009

Kendo UI workshop introduction - PUG Baltic Annual Conference 2017

Synapse india reviews on asp.net mobile application

Olivier meetup-boston-2013-jan-21-v2

Native - Hybrid - Web Mobile Architectures

Intro to appcelerator

Mehr von frog

Investing in local communities by sharing the power of design

frog

VP of Creative Paul Pugh moderated the panel "Is This Progress? More Meaning in Our Digital Life" at SXSW Interactive 2013. IT advances have created a mass transformation comparable to the Renaissance and the Industrial Revolution. As we use digital tools to create new connections and experiences, what is the impact on our analog realities? Consider: 1. The collective memory of our online activities far exceeds our human capacity to remember; we struggle with information overload and privacy concerns instead of treasuring our digital legacy. 2. News is omnipresent yet more compartmentalized than ever, as we invent siloes to absorb the deluge of information. We traded newspapers for online news feeds, but are we better informed, or more myopic? 3. Both human relationships and physical artifacts are decamping for the cloud. Is a Facebook friend truly nurturing? Is digital music as interesting as a hard-earned vinyl collection?

Is This Progress? More Meaning in Our Digital Life

frog

Yes, it’s already that transitional time when our current year ends and another begins, and today and tomorrow are quickly changing hands. Rather than look back at significant trends of the past 366 days (2012 was a leap year, remember?), we asked a wide variety of technologists, designers, and strategists across frog’s studios around the world to take a look to the future. The near future, that is. “Near” in that 2013 is not only upon us, but also “near” in that these technologies are highly feasible, commercially viable, and are bubbling up to the surface of the global zeitgeist. We believe you’ll be hearing a lot more about these trends within the next 12 months, and possibly be experiencing them in some form, too. Here's our second annual list of Tech Trend predictions for the coming year. There are 20 individual forecasts and, new for 2013, we've also related each prediction to larger waves in business, culture, and innovation.

2013 Tech Trends

frog

Design Research Super Teams

frog

Know Thy User: The Role of Research in Great Interactive Design

frog

Shanzhai Innovation

frog

Work States

frog

Sinnfabriken – Marken als Produzenten von Moral und Bedeutung

frog

New Cities Summit Paris: “Navigating the Meta-City”

frog

Given the varied levels of technology available to the masses across the world, there are immense opportunities to bridge, or even leapfrog the gaps. As a community of designers and thinkers, we are privileged to live in a time that allows us to create new products and services that can have a truly positive social and economic impact in the local societies. Our experiences have taught us that it takes an honest, immersive and intimate understanding of human behavior to identity insights that eventually lead to innovative solutions. When conducting research in emerging markets, we aim to break down barriers to have a richer dialogue with potential users. We often choose non-traditional methodologies to help us identify outlier trends in each sub-culture, helping us gain newer perspectives and tell better stories. Our research plans are guidelines, not scripts. During fieldwork, we continually adapt and seek insights from unexpected places, and plan our research with this improvisation in mind.

Naked Insights

frog

Technology is changing the human experience, creating new connections between people, products and markets around the world. The computer is stepping out, off the desk, even out of our pockets, to become embedded in our world, around us, on us, and even in us. With this trend, user interaction will go above the glass, beyond the screen, and beyond pixels. In his talk, Brandon Edwards addressed the implications of these changes on consumer behavior, and the 5 futures of interaction design.

five futures

frog

China is considered home to the world's factories, manufacturing everything from zippers to photovoltaic cells and with its population of over 1.3 billion and booming economy, consumerism is on the rise, too. But lets peak into the hidden layer of China's unique blend of creativity and tech innovation. There's the Shanzhai phenomenon - unique to China but even more interesting is looking at how Chinese consumers use technology differently, creating and combining platforms to suit the demands of a generation bred on instant gratification and constant connectivity.

China: Creators and Consumers of the Future

frog

Designing for Smart Spaces and Objects

frog

Prototype verse Sim: Validating Software and UX Design

frog

The Metacity

frog

Mehr von frog (15)

Investing in local communities by sharing the power of design

Is This Progress? More Meaning in Our Digital Life

2013 Tech Trends

Design Research Super Teams

Know Thy User: The Role of Research in Great Interactive Design

Shanzhai Innovation

Work States

Sinnfabriken – Marken als Produzenten von Moral und Bedeutung

New Cities Summit Paris: “Navigating the Meta-City”

Naked Insights

five futures

China: Creators and Consumers of the Future

Designing for Smart Spaces and Objects

Prototype verse Sim: Validating Software and UX Design

The Metacity

Kürzlich hochgeladen

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

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

wesley chun

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

This presentation explores the impact of HTML injection attacks on web applications, detailing how attackers exploit vulnerabilities to inject malicious code into web pages. Learn about the potential consequences of such attacks and discover effective mitigation strategies to protect your web applications from HTML injection vulnerabilities. for more information visit https://bostoninstituteofanalytics.org/category/cyber-security-ethical-hacking/

HTML Injection Attacks: Impact and Mitigation Strategies

Boston Institute of Analytics

[2024]Digital Global Overview Report 2024 Meltwater.pdf

hans926745

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

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

Rafal Los

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

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

sammart93

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Developing An App To Navigate The Roads of Brazil

V3cube

Kürzlich hochgeladen (20)

AWS Community Day CPH - Three problems of Terraform

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

How to Troubleshoot Apps for the Modern Connected Worker

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

GenCyber Cyber Security Day Presentation

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

HTML Injection Attacks: Impact and Mitigation Strategies

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

How to Troubleshoot Apps for the Modern Connected Worker

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

Data Cloud, More than a CDP by Matt Robison

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Tata AIG General Insurance Company - Insurer Innovation Award 2024

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

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

Axa Assurance Maroc - Insurer Innovation Award 2024

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Developing An App To Navigate The Roads of Brazil

Shaping a Technology Strategy for Mobile Development

2. Alex Conconi Associate Technology Director alex.conconi@frogdesign.com @aconconi

3. Background

4. “The web is dead. Apps are the present and the future.” Keith Teare, MBLT 2013

5. “We provide our customers with native applications on several platforms to access our online services. Managing all those native apps is a real nightmare…”

7. “The biggest mistake we made as a company was betting too much on HTML5 as opposed to native” Mark Zuckerberg, 11 Sept. 2012

8. “...the very next day my boss called and asked me: «Are you sure we are not making the same mistake with this HTML5?»”

9. Mobile device system model Technology background Hardware CPU, Memory, I/O devices (storage, network, phone, screen, audio, GPS, accelerometer,…) Operating System Kernel, Device drivers, Services, Shell App X App Y Browser API 9© 2013 frog - All rights reserved – Conﬁdential and Proprietary

11. From web to native: the shades in between

12. Mobile website

13. Three approaches to mobile website creation 1. Responsive design 2. Dedicated m-site 3. RESS (Responsive Web Design + Server Side Components) 13 Mobile website © 2013 frog - All rights reserved – Conﬁdential and Proprietary

14. 14 Responsive design Responsive Design A uniﬁed client-side solution that dynamically adapts content and layout to device features

15. 15 Dedicated mobile site Mobile site dedicato Typical m-site fully optimized for mobile devices in terms of layout, content and features

16. 16 RESS RESS (Responsive Server Side) REsponsive web design + Server Side components uses server-side logic and user detection to assemble and serve a version of the web page optimized for the client device

17. Mobile site features Mobile website Technology Mixes client-side (HTML, CSS, JavaScript) and server-side (PHP, Ruby, .Net, Java etc.) technologies Dependency Platform-independent (runs in any modern browser) Connectivity Online only Device features No access (or limited access if HTML5 browser API is available) Distribution Web 17© 2013 frog - All rights reserved – Conﬁdential and Proprietary

18. Web app

19.

20.

21. Web app features Web app Technology Open standard web technologies (HTML5, CSS3, JavaScript) with application logic moved to client side Dependency Platform-independent (runs in any modern browser) Connectivity Mostly online (partial oﬄine support) Device features Limited access (through HTML5 browser API) Distribution Web 21© 2013 frog - All rights reserved – Conﬁdential and Proprietary

22. Hybrid apps

25. Hybrid app

26. Hybrid app

28. Hybrid app features Hybrid app Technology Open standard web technologies (HTML5, CSS3, JavaScript) + abstract OS integration API Dependency Cross-platform (can be ported to most target platforms) Connectivity Online and oﬄine Device features Almost complete access (through integration layer) Distribution App store 28© 2013 frog - All rights reserved – Conﬁdential and Proprietary

29. Cross-compiling SDK

33. Cross-compiling SDK features Cross-compiling SDK Technology Custom API and language depending on selected SDK (e.g. Appcelerator Titanium: JavaScript, MoSync: C/C++) Dependency Cross-platform (can be ported to most target platforms) Connectivity Online and oﬄine Device features Almost complete access (through integration layer) Fully native UI elements Distribution App store 33© 2013 frog - All rights reserved – Conﬁdential and Proprietary

34. Native app

36.

37.

38. Native app features Native app Technology Specific for each platform (e.g. Android: Java, iOS: Objective-C) Dependency Fully platform-dependent Connectivity Online and offline Device features Complete access (through individual OS API) Fully native UI elements Distribution App store 38© 2013 frog - All rights reserved – Confidential and Proprietary

39. Decision criteria

42. There’s no “multi-platform solution to rule them all” really

Shaping a Technology Strategy for Mobile Development

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Shaping a Technology Strategy for Mobile Development

Ähnlich wie Shaping a Technology Strategy for Mobile Development (20)

Mehr von frog

Mehr von frog (15)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Shaping a Technology Strategy for Mobile Development