"How to choose development model for your next mobile project" at dev:mobile 2013

•

0 gostou•1,689 visualizações

Helps developers and clients on how to choose the right development model and technology for mobile projects. There are no silver bullets, every project is different! Also presenting a new interactive tool to help you pick a technology given some requirements and context of your project. This is pretty close to the presentation I held at ScanDev 2013, but added som nuances and slides.

Tecnologia

How to pick the right development model
for your next mobile project
Conny Svensson | Managing Architect and Strategist Mobility
c.svensson@cgi.com | @connysvensson
dev:mobile 2013

Every project is different!Web vs Native is irrelevant!

• Target audience
• Time and budget
• Usage patterns
• Features
• Monetization
• Volume
• Maintenance
• Prioritization
Requirements and context

Technology is only one piece
5
Business User
Technology

20.0
40.0
60.0
80.0
20072008200910Q110Q210Q310Q411Q111Q211Q311Q412Q112Q212Q312Q413Q1
Android iOS Symbian Blackberry Bada Windows

Audience and industry
IOS ANDROID WINDOWS MOBILE

Diﬀerent usage patterns
14
PC
Tablet
Smartphone
Overlap

Mobile website
Hybrid
Responsive
Web app
Custom runtime
Native
Mobile platform
Cross compiling
Mixed hybrid

Mobile Web
Mobile Browser
HTML4/5
CSS2/3
JavaScript
Mobile Web Site
Mobile Browser
HTML5
CSS3
JavaScript
App Framework
Mobile Web App
Wrapper
HTML5
CSS3
JavaScript
App Framework
Bridge API
Hybrid App
Device API
Plugins

Responsive design
<style type="text/css">
#content {
   width:960px;
}
@media (min-width: 481px) and (max-width: 768px) {
   #content { width:740px; }
}
@media (min-width: 321px) and (max-width: 480px) {
   #content { width:450px; }
}
@media (max-width: 320px) {
   #content { width:290px; }
}
</style>

Responsive design
Frameworks
– 1140 CSS Grid
– 320 and Up
– Amazium
– Base
– Foundation
– Gumby
– Kube
– Skeleton
– Twitter Bootstrap

Mobile web site
Tools and services
– Mippin
– Mobify
– MobiSite Galore
– Mobstac
– Mofuse
– BMobilized
– Onbile
– Winksite
– Zinadoo

Mobile web app
Frameworks
– DHTMLX Touch
– Dojo Mobile
– Jo
– jQuery Mobile
– Kendo UI
– Sencha Touch
– Sproutcore
– The M-Project
– Wijmo

wser
5
3
pt
b Site
Mobile Browser
HTML5
CSS3
JavaScript
App Framework
Mobile Web App
Wrapper
HTML5
CSS3
JavaScript
App Framework
Bridge API
Hybrid App
Device API
Plugins
Ob
C
Plat
Na
De
App
JavaScript
ActionScript
Java
C#
Framework API
Custom runtime
Device API
Runtime
Hybrid

PhoneGap / Cordova
It’s your own custom branded web browser!

Custom Runtime
App
JavaScript
ActionScript
Java
C/C++/C#
Framework API
Device API
Runtime

Custom Runtime
Runtimes / Bridges
– Flash / Air (ActionScript)
– MoSync (C/C++)
– Titanium (JavaScript)
– Xamarin (C#)
– Corona (Lua)
– RhoMobile (Ruby)
– Tabris (Java)
Cross compiling
– Codename One (Java)
– Java2ObjC (Java)
– XMLVM (Java)

Native
App
Java
Objective-C
C#
C/C++
Platform SDK
Device API

Rule of three
App 1 App 2 App 3 App n
System 1 System 2 System 3 System n

Mobile platforms
39
Gartner Magic Quadrant April 2012

Full capability
Partial capability
Single platform Multiple platforms
Native
Java/Obj-C/C#
Advanced UI
Fastest performance
Full access to platform
App store distribution Hybrid
HTML5/CSS3/JavaScript
Emulated native UI
Partial access to device
App store distribution
Web
HTML/CSS/JavaScript
No special tools or hardware
Desktop reusability
Limited access to device
Unrestricted distribution
Custom Runtime
Java/C#/JavaScript
Native UI / Custom UI
Partial access to device
App store distribution

Responsive
User experience and features
Resources
Mobile website
Web app
Native
Hybrid
Custom runtime
Mobile platform

AppDevMoPr (App Development Model Picker)
A tool helping you to choose the right
development model based on your needs
http://admp.cgilabs.se
B
ETA

Thank you!
Conny Svensson
c.svensson@cgi.com
@connysvensson

Mais conteúdo relacionado

Último

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

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

Rafal Los

Manulife - Insurer Innovation Award 2024

The Digital Insurer

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

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

Drew Madelung

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg 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 - The value of a flexible API Management solution for O...

apidays

MINDCTI Revenue Release Quarter One 2024

MIND CTI

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Real Time Object Detection Using Open CV

Khem

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext 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 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Destaque

https://www.hubspot.com/state-of-marketing · Scaling relationships and proving ROI · Social media is the place for search, sales, and service · Authentic influencer partnerships fuel brand growth · The strongest connections happen via call, click, chat, and camera. · Time saved with AI leads to more creative work · Seeking: A single source of truth · TLDR; Get on social, try AI, and align your systems. · More human marketing, powered by robots

2024 State of Marketing Report – by Hubspot

Marius Sescu

ChatGPT is a revolutionary addition to the world since its introduction in 2022. A big shift in the sector of information gathering and processing happened because of this chatbot. What is the story of ChatGPT? How is the bot responding to prompts and generating contents? Swipe through these slides prepared by Expeed Software, a web development company regarding the development and technical intricacies of ChatGPT!

Everything You Need To Know About ChatGPT

Expeed Software

Product Design Trends in 2024 | Teenage Engineerings

Pixeldarts

Mental health has been in the news quite a bit lately. Dozens of U.S. states are currently suing Meta for contributing to the youth mental health crisis by inserting addictive features into their products, while the U.S. Surgeon General is touring the nation to bring awareness to the growing epidemic of loneliness and isolation. The country has endured periods of low national morale, such as in the 1970s when high inflation and the energy crisis worsened public sentiment following the Vietnam War. The current mood, however, feels different. Gallup recently reported that national mental health is at an all-time low, with few bright spots to lift spirits. To better understand how Americans are feeling and their attitudes towards mental health in general, ThinkNow conducted a nationally representative quantitative survey of 1,500 respondents and found some interesting differences among ethnic, age and gender groups. Technology For example, 52% agree that technology and social media have a negative impact on mental health, but when broken out by race, 61% of Whites felt technology had a negative effect, and only 48% of Hispanics thought it did. While technology has helped us keep in touch with friends and family in faraway places, it appears to have degraded our ability to connect in person. Staying connected online is a double-edged sword since the same news feed that brings us pictures of the grandkids and fluffy kittens also feeds us news about the wars in Israel and Ukraine, the dysfunction in Washington, the latest mass shooting and the climate crisis. Hispanics may have a built-in defense against the isolation technology breeds, owing to their large, multigenerational households, strong social support systems, and tendency to use social media to stay connected with relatives abroad. Age and Gender When asked how individuals rate their mental health, men rate it higher than women by 11 percentage points, and Baby Boomers rank it highest at 83%, saying it’s good or excellent vs. 57% of Gen Z saying the same. Gen Z spends the most amount of time on social media, so the notion that social media negatively affects mental health appears to be correlated. Unfortunately, Gen Z is also the generation that’s least comfortable discussing mental health concerns with healthcare professionals. Only 40% of them state they’re comfortable discussing their issues with a professional compared to 60% of Millennials and 65% of Boomers. Race Affects Attitudes As seen in previous research conducted by ThinkNow, Asian Americans lag other groups when it comes to awareness of mental health issues. Twenty-four percent of Asian Americans believe that having a mental health issue is a sign of weakness compared to the 16% average for all groups. Asians are also considerably less likely to be aware of mental health services in their communities (42% vs. 55%) and most likely to seek out information on social media (51% vs. 35%).

How Race, Age and Gender Shape Attitudes Towards Mental Health

ThinkNow

AI Trends in Creative Operations 2024 by Artwork Flow.pdf

marketingartwork

Skeleton Culture Code

Skeleton Technologies

PEPSICO Presentation to CAGNY Conference Feb 2024

Neil Kimberley

Content Methodology: A Best Practices Report (Webinar)

contently

How to Prepare For a Successful Job Search for 2024

Albert Qian

A report by thenetworkone and Kurio. The contributing experts and agencies are (in an alphabetical order): Sylwia Rytel, Social Media Supervisor, 180heartbeats + JUNG v MATT (PL), Sharlene Jenner, Vice President - Director of Engagement Strategy, Abelson Taylor (USA), Alex Casanovas, Digital Director, Atrevia (ES), Dora Beilin, Senior Social Strategist, Barrett Hoffher (USA), Min Seo, Campaign Director, Brand New Agency (KR), Deshé M. Gully, Associate Strategist, Day One Agency (USA), Francesca Trevisan, Strategist, Different (IT), Trevor Crossman, CX and Digital Transformation Director; Olivia Hussey, Strategic Planner; Simi Srinarula, Social Media Manager, The Hallway (AUS), James Hebbert, Managing Director, Hylink (CN / UK), Mundy Álvarez, Planning Director; Pedro Rojas, Social Media Manager; Pancho González, CCO, Inbrax (CH), Oana Oprea, Head of Digital Planning, Jam Session Agency (RO), Amy Bottrill, Social Account Director, Launch (UK), Gaby Arriaga, Founder, Leonardo1452 (MX), Shantesh S Row, Creative Director, Liwa (UAE), Rajesh Mehta, Chief Strategy Officer; Dhruv Gaur, Digital Planning Lead; Leonie Mergulhao, Account Supervisor - Social Media & PR, Medulla (IN), Aurelija Plioplytė, Head of Digital & Social, Not Perfect (LI), Daiana Khaidargaliyeva, Account Manager, Osaka Labs (UK / USA), Stefanie Söhnchen, Vice President Digital, PIABO Communications (DE), Elisabeth Winiartati, Managing Consultant, Head of Global Integrated Communications; Lydia Aprina, Account Manager, Integrated Marketing and Communications; Nita Prabowo, Account Manager, Integrated Marketing and Communications; Okhi, Web Developer, PNTR Group (ID), Kei Obusan, Insights Director; Daffi Ranandi, Insights Manager, Radarr (SG), Gautam Reghunath, Co-founder & CEO, Talented (IN), Donagh Humphreys, Head of Social and Digital Innovation, THINKHOUSE (IRE), Sarah Yim, Strategy Director, Zulu Alpha Kilo (CA).

Social Media Marketing Trends 2024 // The Global Indie Insights

Kurio // The Social Media Age(ncy)

The search marketing landscape is evolving rapidly with new technologies, and professionals, like you, rely on innovative paid search strategies to meet changing demands. It’s important that you’re ready to implement new strategies in 2024. Check this out and learn the top trends in paid search advertising that are expected to gain traction, so you can drive higher ROI more efficiently in 2024. You’ll learn: - The latest trends in AI and automation, and what this means for an evolving paid search ecosystem. - New developments in privacy and data regulation. - Emerging ad formats that are expected to make an impact next year. Watch Sreekant Lanka from iQuanti and Irina Klein from OneMain Financial as they dive into the future of paid search and explore the trends, strategies, and technologies that will shape the search marketing landscape. If you’re looking to assess your paid search strategy and design an industry-aligned plan for 2024, then this webinar is for you.

Trends In Paid Search: Navigating The Digital Landscape In 2024

Search Engine Journal

From their humble beginnings in 1984, TED has grown into the world’s most powerful amplifier for speakers and thought-leaders to share their ideas. They have over 2,400 filmed talks (not including the 30,000+ TEDx videos) freely available online, and have hosted over 17,500 events around the world. With over one billion views in a year, it’s no wonder that so many speakers are looking to TED for ideas on how to share their message more effectively. The article “5 Public-Speaking Tips TED Gives Its Speakers”, by Carmine Gallo for Forbes, gives speakers five practical ways to connect with their audience, and effectively share their ideas on stage. Whether you are gearing up to get on a TED stage yourself, or just want to master the skills that so many of their speakers possess, these tips and quotes from Chris Anderson, the TED Talks Curator, will encourage you to make the most impactful impression on your audience. See the full article and more summaries like this on SpeakerHub here: https://speakerhub.com/blog/5-presentation-tips-ted-gives-its-speakers See the original article on Forbes here: http://www.forbes.com/forbes/welcome/?toURL=http://www.forbes.com/sites/carminegallo/2016/05/06/5-public-speaking-tips-ted-gives-its-speakers/&refURL=&referrer=#5c07a8221d9b

5 Public speaking tips from TED - Visualized summary

SpeakerHub

Everyone is in agreement that ChatGPT (and other generative AI tools) will shape the future of work. Yet there is little consensus on exactly how, when, and to what extent this technology will change our world. Businesses that extract maximum value from ChatGPT will use it as a collaborative tool for everything from brainstorming to technical maintenance. For individuals, now is the time to pinpoint the skills the future professional will need to thrive in the AI age. Check out this presentation to understand what ChatGPT is, how it will shape the future of work, and how you can prepare to take advantage.

ChatGPT and the Future of Work - Clark Boyd

Clark Boyd

Getting into the tech field. what next

Tessa Mero

Google's Just Not That Into You: Understanding Core Updates & Search Intent

Lily Ray

How to have difficult conversations

Rajiv Jayarajah, MAppComm, ACC

Introduction to Data Science

Christy Abraham Joy

Time Management & Productivity - Best Practices

Vit Horky

The six step guide to practical project management If you think managing projects is too difficult, think again. We’ve stripped back project management processes to the basics – to make it quicker and easier, without sacrificing the vital ingredients for success. “If you’re looking for some real-world guidance, then The Six Step Guide to Practical Project Management will help.” Dr Andrew Makar, Tactical Project Management

The six step guide to practical project management

MindGenius

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

RachelPearson36

Destaque (20)

2024 State of Marketing Report – by Hubspot

Everything You Need To Know About ChatGPT

Product Design Trends in 2024 | Teenage Engineerings

How Race, Age and Gender Shape Attitudes Towards Mental Health

AI Trends in Creative Operations 2024 by Artwork Flow.pdf

Skeleton Culture Code

PEPSICO Presentation to CAGNY Conference Feb 2024

Content Methodology: A Best Practices Report (Webinar)

How to Prepare For a Successful Job Search for 2024

Social Media Marketing Trends 2024 // The Global Indie Insights

Trends In Paid Search: Navigating The Digital Landscape In 2024

5 Public speaking tips from TED - Visualized summary

ChatGPT and the Future of Work - Clark Boyd

Getting into the tech field. what next

Google's Just Not That Into You: Understanding Core Updates & Search Intent

How to have difficult conversations

Introduction to Data Science

Time Management & Productivity - Best Practices

The six step guide to practical project management

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

"How to choose development model for your next mobile project" at dev:mobile 2013

1. How to pick the right development model for your next mobile project Conny Svensson | Managing Architect and Strategist Mobility c.svensson@cgi.com | @connysvensson dev:mobile 2013

3. Every project is different!Web vs Native is irrelevant!

4. • Target audience • Time and budget • Usage patterns • Features • Monetization • Volume • Maintenance • Prioritization Requirements and context

5. Technology is only one piece 5 Business User Technology

6. We live in a multi-platform world!

8. 20.0 40.0 60.0 80.0 20072008200910Q110Q210Q310Q411Q111Q211Q311Q412Q112Q212Q312Q413Q1 Android iOS Symbian Blackberry Bada Windows

10. Audience and industry IOS ANDROID WINDOWS MOBILE

11. We live in a multi-device world!

12. 12

13. 13 Responsive vs Adaptive ][ + Multiple

14. Diﬀerent usage patterns 14 PC Tablet Smartphone Overlap

15. Lets get technical!

16. Mobile website Hybrid Responsive Web app Custom runtime Native Mobile platform Cross compiling Mixed hybrid

17. Lets go through them one by one...

18.

19. Mobile Web Mobile Browser HTML4/5 CSS2/3 JavaScript Mobile Web Site Mobile Browser HTML5 CSS3 JavaScript App Framework Mobile Web App Wrapper HTML5 CSS3 JavaScript App Framework Bridge API Hybrid App Device API Plugins

20. Responsive design

21. Responsive design <style type="text/css"> #content { width:960px; } @media (min-width: 481px) and (max-width: 768px) { #content { width:740px; } } @media (min-width: 321px) and (max-width: 480px) { #content { width:450px; } } @media (max-width: 320px) { #content { width:290px; } } </style>

22. Responsive design Frameworks – 1140 CSS Grid – 320 and Up – Amazium – Base – Foundation – Gumby – Kube – Skeleton – Twitter Bootstrap

23. Mobile web site / Adaptive design

24. Mobile web site Tools and services – Mippin – Mobify – MobiSite Galore – Mobstac – Mofuse – BMobilized – Onbile – Winksite – Zinadoo

25. Mobile web app

26. Mobile web app Frameworks – DHTMLX Touch – Dojo Mobile – Jo – jQuery Mobile – Kendo UI – Sencha Touch – Sproutcore – The M-Project – Wijmo

27.

28. wser 5 3 pt b Site Mobile Browser HTML5 CSS3 JavaScript App Framework Mobile Web App Wrapper HTML5 CSS3 JavaScript App Framework Bridge API Hybrid App Device API Plugins Ob C Plat Na De App JavaScript ActionScript Java C# Framework API Custom runtime Device API Runtime Hybrid

29. Hybrid

30. PhoneGap / Cordova It’s your own custom branded web browser!

31.

32. Custom Runtime App JavaScript ActionScript Java C/C++/C# Framework API Device API Runtime

33. Custom Runtime Runtimes / Bridges – Flash / Air (ActionScript) – MoSync (C/C++) – Titanium (JavaScript) – Xamarin (C#) – Corona (Lua) – RhoMobile (Ruby) – Tabris (Java) Cross compiling – Codename One (Java) – Java2ObjC (Java) – XMLVM (Java)

34.

35. Native App Java Objective-C C# C/C++ Platform SDK Device API

36. Native

37.

38. Rule of three App 1 App 2 App 3 App n System 1 System 2 System 3 System n

39. Mobile platforms 39 Gartner Magic Quadrant April 2012

40. How do I choose?

41. Full capability Partial capability Single platform Multiple platforms Native Java/Obj-C/C# Advanced UI Fastest performance Full access to platform App store distribution Hybrid HTML5/CSS3/JavaScript Emulated native UI Partial access to device App store distribution Web HTML/CSS/JavaScript No special tools or hardware Desktop reusability Limited access to device Unrestricted distribution Custom Runtime Java/C#/JavaScript Native UI / Custom UI Partial access to device App store distribution

42. Responsive User experience and features Resources Mobile website Web app Native Hybrid Custom runtime Mobile platform

43. There are no silver bullets!

44. AppDevMoPr (App Development Model Picker) A tool helping you to choose the right development model based on your needs http://admp.cgilabs.se B ETA

45.

46. Thank you! Conny Svensson c.svensson@cgi.com @connysvensson

"How to choose development model for your next mobile project" at dev:mobile 2013

Recomendados

Recomendados

Mais conteúdo relacionado

Último

Último (20)

Destaque

Destaque (20)

"How to choose development model for your next mobile project" at dev:mobile 2013