• Share
  • Email
  • Embed
  • Like
  • Private Content
Mobile Review: 2012
 

Mobile Review: 2012

on

  • 1,175 views

A quick review of the buzz words and technologies for mobile development in 2012. Briefly covers the concept of Mobile First, Responsive Design/ RESS, Native vs. Web, Hybrid Applications, and lists ...

A quick review of the buzz words and technologies for mobile development in 2012. Briefly covers the concept of Mobile First, Responsive Design/ RESS, Native vs. Web, Hybrid Applications, and lists popular JavaScript frameworks.

Statistics

Views

Total Views
1,175
Views on SlideShare
1,153
Embed Views
22

Actions

Likes
0
Downloads
16
Comments
0

3 Embeds 22

http://www.mikestowe.com 16
http://www.linkedin.com 5
https://www.mikestowe.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mobile Review: 2012 Mobile Review: 2012 Presentation Transcript

    • Mobile Review 2012michael stowe Twin Cities Software Engineers JULY 25, 2012
    • MIKESTOWE .com• 10+ years Web Development experience• Published Author, Speaker, and Consultant• Developed applications used by the medical field and law enforcement• Software Engineer at CaringBridge.org (half a million visitors every day)• Zend Certified PHP 5.3 Software Engineer@mikegstowe
    • “The most important current trend in the software development world is, without a hint of a doubt, the mobile frontier, and in particular, the rise of the smartphone and the touch tablet.”- Adrian Kosmaczewski, Mobile JavaScript Application Development
    • TRENDING TOPICSSome of the major topics regarding mobile development asof late include: • Mobile First • Responsive Design • RESS • Native vs. Web Debate • Hybrid Applications • JavaScript Frameworks
    • MOBILE FIRST
    • MOBILE FIRSTMobile First is the concept that you should develop yourwebsite/ application for use on a mobile device first, andthen for desktop users.The main argument against Mobile First is the realty ofdesktop screens vs. mobile screens, however proponentsargue that by using the mobile first approach the mostimportant aspects of your application/ website are displayedprominently regardless.
    • “Designing for mobile first not onlyprepares you for the explosive growth andnew opportunities on the mobile internet, itforces you to focus and enables to innovate in ways you previously couldn’t.” - Luke Wroblewski, Mobile First
    • RESPONSIVE DESIGN
    • RESPONSIVE DESIGNResponsive Design is currently all the buzz in the mobileworld. After all, why code your site more than once ifyou don’t have to?However, there are some misconceptions regardingResponsive Design. First of all, you can still utilize RDwithin your multiple platforms (mobile site, desktopversion, etc).
    • RESPONSIVE DESIGN Responsive Design essentially consists of three core ingredients: • A flexible, grid-based layout • Flexible images and media • Media queries (CSS3)Ingredients taken from Responsive Web Design, Page 9
    • MEDIA QUERIES css <html> <head> <!-- Using Link HREF --> <link rel="stylesheet" media="screen and (max-width: 1024px)" rel="stylesheet" href="example.css"> <!-- Using CSS --> <style type="text/css"> /* Using Import */ @import url(example.css) screen and (max-width: 1024px) /** Not as Ideal **/ @media screen and (max-width: 320px) { /** ... **/ } </style> </head> </html>
    • Image © StudioPress.com | Article
    • MODERNIZR Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr makes it possible for you to write conditional JavaScript and CSS to handle whether a browser supports a feature or not, allowing you to accommodate older browsers and avoid running into unsupported tags.Learn more at http://modernizr.com/
    • “Because more than anything, web design is about asking the right questions.And really, that’s what responsive web design is,a possible solution, a way to more fully design for the web’s inherent flexibility.” - Ethan Marcotte, Responsive Web Design
    • RESPONSIVE DESIGN + SERVER SIDEResponsive Design + Server Side, or RESS is anotheremerging concept in the mobile industry, combiningserver side scripts with client side CSS and JavaScript toprovide the cheapest (data wise) and best solution totheir users.RESS helps to eliminate some of the arguments againstusing Responsive Design.
    • NATIVE VS. WEB
    • NATIVE VS WEBThe native vs. web debate still continues, although moreand more the train of thought is to develop for the webfirst, allowing you to meet the needs of the majority ofyour users, and to develop your mobile base.However, developing for the web is not always a feasiblesolution (ie Instagram).
    • NATIVE VS WEBWill a mobile website work? YES – then build it…No – what about building a Hybrid App? YES – thenbuild it…No – ok, you’re kind of stuck, let’s build a native app…And if you still can’t do it, what the heck are you tryingto do???
    • HYBRID APPS
    • HYBRID APPSHybrid Applications are pseudo-applications, orapplications coded in a singular programming languageand interpreted through a native wrapper to enable toapplication to run “natively” on the host device.Hybrid Applications are designed for coding efficiency andflexibility, allowing developers to code in their nativelanguage for multiple platforms.
    • POPULAR HYBRID SOLUTIONSPopular platforms for developing Hybrid Applicationsinclude: • PhoneGap (HTML5/CSS/JavaScript) • Titanium (JavaScript) • AppMobi (HTML5/CSS/JavaScript) • IBM Worklight (HTML5/CSS/JavaScript) • QuickConnect (HTML5/CSS/JavaScript)
    • JAVASCRIPTFRAMEWORKS
    • JAVASCRIPT FRAMEWORKSTo allow web applications and hybrid applications to actand feel as though they are a native application,developers have created multiple JavaScript frameworks.These frameworks provide the “effects” of the applicationand allow for API/ DataCall integration to third-party webservices.These frameworks DO NOT provide access tonative features of the device.
    • JAVASCRIPT FRAMEWORKSPopular JavaScript platforms for developing mobilewebsites/ applications include: • jQuery Mobile • jQTouch • Sencha Touch
    • A FINALTHOUGHT
    • “[The mobile web is a] field filled with futuristicgeolocatable, gyroscope-enabled gadgets that get cooler every day- a field where the bestideas and most innovative applications are stillin the future… it’s just up to us to invent them!”- Taken from Build Mobile Websites and Apps for Smart Devices
    • THANK YOU. @mikegstowe