Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
SCENARI DI DESIGN CROSS-MEDIALE:SMARTPHONE & TABLET APPLICATIONSSalvatore Iaconesisalvatore.iaconesi@artisopensource.net
CHI SONO?
Art is Open Source                        FakePressSalvatore Iaconesi      La Sapienza                           LPM      ...
COSA FAREMO   OGGI
casi di studioscenario                    tecnologie            esempio
I RISULTATI
visione di mercatoconoscenza delle tecnologie di riferimentoruolo del designeresempio completo
COMINCIAMO!
In Taiwan, there are more cellphones than people.About 7% of all mobile data goes to movieinformation. And Google owns nea...
PIU di5 MILIARDI
SMARTPHONES     &  TABLETS  TECNOLOGIE DI  RIFERIMENTO
SMARTPHONES
TABLETS
SMARTPHONES
TABLETSand ebook readers
PUNTI CHIAVE:Smartphone e tablets are the near futureMobile phones crush specialists (video cameras, mp3players...)
Extensibility and Opennes
Consumption vs Creation
Utility & Entertainment
AND TABLETS?
Tablets vs Readers
IL MERCATO    DELLEAPPLICAZIONICOSA CE SUL MERCATO, COSA          FUNZIONA,  COSA CI SARA TRA BREVE
App Store Stats SummaryCount of Active Applications in the App StoreTotal Active Apps (currently available for download): ...
Application Approval DelayFebruary, 2011: Maximum delay 39 days, average delay 6.19 days.Application Price DistributionCur...
AN INTERESTING SLIDESHOW    By PinchMediahttp://www.slideshare.net/pinchmedia/iphone-appstore-secrets-pinch-media?type=pre...
SOME SALE STATS EXPOSEDBy TechCrunch          http://techcrunch.com/2010/05/16/iphone-app-sales-exposed/
A CASE STUDY IN SALESBy MarkJ           http://www.markj.net/iphone-hit-tennis-sales-stats-marketing/
STATISTICSIn App Store, paid applications in the Top Overall, Games, Business and Entertainmentcategories stay in these ca...
STATISTICSThe biggest driver of paid app sales on the iPhone & Android is try-before-you-buy – 54%of Android users, 52% of...
STATISTICS62% find apps by searching for a specific type of app, 60% browse through the App Storecharts, 40% receive word ...
EXAMPLE OF STATS REPOSThttp://www.doxtop.com/browse/e5ab3c6b/apple-ipad-trends-and-statistics.aspx
INFO ON HOW TO GET APP FEATUREDhttp://adwhirl.files.wordpress.com/2009/06/adwhirl_discovery.pdf
Doodle Jump3 million sales
Angry Bird4 million salesIn 5 months
Camera Plus$ 275.000 in the first month
Rolando700.000 download (at $ 9.99)
Pages300.000 download (at $ 9.99)
GoodReader250.000 download (at $ 2.99)
Numbers200.000 download (at $ 9.99)
Angry Birds HD180.000 download (at $ 4.99)
Keynote150.000 download (at $ 9.99)
Glee130.000 download (at $ 0.99)
WolframAlpha120.000 download (at $ 1.99)
Pinball HD120.000 download (at $ 0.99)
Friendly110.000 download (at $ 0.99)
iMockups for iPad$ 6.000.000 ($ 9.99 at a time)
INNOVAZIONE I PRINCIPALI SCENARI INNOVATIVI E        LE SUGGESTIONI PIU           INTERESSANTI
Physical interfacesdo better what you did without the pad
Publishingnew life for publishing
Augmented RealityInfo over the things of your daily life
BusinessNew views and interactions on business processes
HealthYour doctor, your body, your medicines...
LuxuryA $ 20.000 iPad? yes!
NEW FORMS OF CITIZENSHIPMORE AWARENESSNEW FORMS OF EXPRESSIONNEW FORMS OF COMMUNICATION
IL DESIGNER COME E FATTO E COME CAMBIAIL LAVORO DEL DESIGNER CON LE             APP
EXPERIENCESMULTI-DISCIPLINARIETYSOCIALWORLD ISSUESINNOVATEBUSINESS MODELSREMIX! RECONTEXTUALIZE! REINVENT!
TECNOLOGIEPER DESIGNERCOME LAVORARE SU SMARTPHONE E  TABLET, DAL PUNTO DI VISTA DEL            DESIGNER
Titanium makes cross-platform native application development easy.A free and open source application development platform,...
http://www.phonegap.com/
http://westcoastlogic.com/lawnchair/JSON document store
http://www.sencha.com/products/touch/Sencha Touch allows you to develop mobile web apps that look and feel native on iPhon...
http://jqtouch.com/
http://jquerymobile.com/
NS Basic/App Studiois a complete, powerfuldevelopment environment.Create your app on yourdesktop, then download to yourdev...
http://ripple.tinyhippos.com/
appML is an HTML extensionspecifically designed for web-based apps.                                 http://www.appml.org/
Native-like applications for smartphones, tablets and desktopsUnify was built to improve the development efficiency of app...
ED ORA:REALIZZIAMOUN PROTOTIPOUSIAMO PHONEGAP, UNA DELLE TECNOLOGIEANALIZZATE, PER REALIZZARE UNPROTOTIPO
DA XCODE:NEW PROJECT--> PHONE-GAP BASED APPLICATION
<div id="map_canvas"style="width:100%; height:100%"></div>
<style type="text/css">   html { height: 100% }   body { height: 100%; margin: 0px; padding: 0px }   #map_canvas { height:...
<script type="text/javascript"   src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">  var map;  function initialize() {       var latlng = new google.maps.LatLng(0, 0);       ...
function run() {  initialize();  var win = function(position) {       var coords = position.coords;       var latlng2 = ne...
function onDeviceReady(){       run();}
var marker = new google.maps.Marker({    position: latlng2,    map: map,    title:"I am here!"});
var contenuto = "<h1>Sono Qui!</h1>";var infowindow = new google.maps.InfoWindow({    content: contenuto});google.maps.eve...
<script   type="text/javascript" charset="utf-8"   src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"><...
var markers = {};function addMarker(tweet, position) {     position = tweet.geo ? tweet.geo.coordinates: null;     if (!po...
function getTweets(coords){   $.getJSON(         http://search.twitter.com/search.json,         {     geocode: coords.lati...
getTweets(coords);
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence
Upcoming SlideShare
Loading in …5
×

Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence

2,306 views

Published on

On March 21st 2011, Art is Open Source held a lesson on the theme:

"Cross Media design scenarios: smartphones and tablets"

The workshop engaged the problems, approaches, methodologies and processes that designers can use in imagining, designing and implementing cross media design products.
Some energies were used to describe really interesting scenarios that allow using cross media design to implement solutions that are useful not only for business, but also for society, the environment and the cultural ecosystem, promoting a more tolerant, multicultural, sustainable take on the world.
These are the slides that have been used in the workshop, complete with a full end-to-end example of the creation of a location based application for iPhone/iPad.

You can find all the info here at Art is Open Source:
http://wp.me/pnaKK-kI

There is also a ZIP archive of the full XCODE project used in class:
http://www.artisopensource.net/isia.zip

Platforms used:
XCODE with iPhone SDK 4.3 http://developer.apple.com
Phonegap http://www.phonegap.com/
jQuery http://www.jquery.com
Google Maps API v3 http://code.google.com/apis/maps/documentation/javascript/

Published in: Education, Business, Technology
  • Be the first to comment

Cross Media design scenarios: smartphones and tablets, a workshop at ISIA Design Florence

  1. 1. SCENARI DI DESIGN CROSS-MEDIALE:SMARTPHONE & TABLET APPLICATIONSSalvatore Iaconesisalvatore.iaconesi@artisopensource.net
  2. 2. CHI SONO?
  3. 3. Art is Open Source FakePressSalvatore Iaconesi La Sapienza LPM Altro
  4. 4. COSA FAREMO OGGI
  5. 5. casi di studioscenario tecnologie esempio
  6. 6. I RISULTATI
  7. 7. visione di mercatoconoscenza delle tecnologie di riferimentoruolo del designeresempio completo
  8. 8. COMINCIAMO!
  9. 9. In Taiwan, there are more cellphones than people.About 7% of all mobile data goes to movieinformation. And Google owns nearly 100% of themobile search market
  10. 10. PIU di5 MILIARDI
  11. 11. SMARTPHONES & TABLETS TECNOLOGIE DI RIFERIMENTO
  12. 12. SMARTPHONES
  13. 13. TABLETS
  14. 14. SMARTPHONES
  15. 15. TABLETSand ebook readers
  16. 16. PUNTI CHIAVE:Smartphone e tablets are the near futureMobile phones crush specialists (video cameras, mp3players...)
  17. 17. Extensibility and Opennes
  18. 18. Consumption vs Creation
  19. 19. Utility & Entertainment
  20. 20. AND TABLETS?
  21. 21. Tablets vs Readers
  22. 22. IL MERCATO DELLEAPPLICAZIONICOSA CE SUL MERCATO, COSA FUNZIONA, COSA CI SARA TRA BREVE
  23. 23. App Store Stats SummaryCount of Active Applications in the App StoreTotal Active Apps (currently available for download): 365,421Total Inactive Apps (no longer available for download): 78,195Total Apps Seen in US App Store: 443,616Number of Active Publishers in the US App Store: 76,331Count of Application SubmissionsThis Month (Games): 2,108 ( 117 / day )This Month (Non-Games): 10,395 ( 578 / day )This Month (Total): 12,503 ( 695 / day )
  24. 24. Application Approval DelayFebruary, 2011: Maximum delay 39 days, average delay 6.19 days.Application Price DistributionCurrent Average App Price: $4.16Current Average Game Price: $1.67Current Average Overall Price: $2.46Application Category DistributionMost Popular Categories1 - Books (57264 active)2 - Games (53249 active)3 - Entertainment (39990 active)4 - Education (30270 active)5 - Lifestyle (26522 active)
  25. 25. AN INTERESTING SLIDESHOW By PinchMediahttp://www.slideshare.net/pinchmedia/iphone-appstore-secrets-pinch-media?type=presentation
  26. 26. SOME SALE STATS EXPOSEDBy TechCrunch http://techcrunch.com/2010/05/16/iphone-app-sales-exposed/
  27. 27. A CASE STUDY IN SALESBy MarkJ http://www.markj.net/iphone-hit-tennis-sales-stats-marketing/
  28. 28. STATISTICSIn App Store, paid applications in the Top Overall, Games, Business and Entertainmentcategories stay in these categories for 27, 39, 59 and 38 days on average, respectively.Free apps stay in the Top 100 for a significantly shorter time in the Top Overall, Gamesand Business categories, with 19, 21 and 39 days on average, respectively.The majority of paid apps that have been in the Top 100 between November 2009 andApril 2010 fall into the Games and Entertainment categories.The paid apps that have been in the top five for the longest period of time areDoodle Jump (140 days), RedLaser (73 days) and Skee-Ball (68 days).
  29. 29. STATISTICSThe biggest driver of paid app sales on the iPhone & Android is try-before-you-buy – 54%of Android users, 52% of iPhone users and 70% of iPod Touch users all cited liking thefree version and upgrading to the paid version‖ as a reason for buying paid apps.AdMob estimates the size of the monthly iPhone paid app market as $125m, with theiPod Touch market adding another $73m. The Android market in comparison is just $5mper month.
  30. 30. STATISTICS62% find apps by searching for a specific type of app, 60% browse through the App Storecharts, 40% receive word of mouth recommendations, 20% see ads in other apps, while19% read about apps in the press or on blogs.93% of iPhone users download iPhone Applications directly on their phone. Only 7% ofusers download via iTunes and upload to the phone.
  31. 31. EXAMPLE OF STATS REPOSThttp://www.doxtop.com/browse/e5ab3c6b/apple-ipad-trends-and-statistics.aspx
  32. 32. INFO ON HOW TO GET APP FEATUREDhttp://adwhirl.files.wordpress.com/2009/06/adwhirl_discovery.pdf
  33. 33. Doodle Jump3 million sales
  34. 34. Angry Bird4 million salesIn 5 months
  35. 35. Camera Plus$ 275.000 in the first month
  36. 36. Rolando700.000 download (at $ 9.99)
  37. 37. Pages300.000 download (at $ 9.99)
  38. 38. GoodReader250.000 download (at $ 2.99)
  39. 39. Numbers200.000 download (at $ 9.99)
  40. 40. Angry Birds HD180.000 download (at $ 4.99)
  41. 41. Keynote150.000 download (at $ 9.99)
  42. 42. Glee130.000 download (at $ 0.99)
  43. 43. WolframAlpha120.000 download (at $ 1.99)
  44. 44. Pinball HD120.000 download (at $ 0.99)
  45. 45. Friendly110.000 download (at $ 0.99)
  46. 46. iMockups for iPad$ 6.000.000 ($ 9.99 at a time)
  47. 47. INNOVAZIONE I PRINCIPALI SCENARI INNOVATIVI E LE SUGGESTIONI PIU INTERESSANTI
  48. 48. Physical interfacesdo better what you did without the pad
  49. 49. Publishingnew life for publishing
  50. 50. Augmented RealityInfo over the things of your daily life
  51. 51. BusinessNew views and interactions on business processes
  52. 52. HealthYour doctor, your body, your medicines...
  53. 53. LuxuryA $ 20.000 iPad? yes!
  54. 54. NEW FORMS OF CITIZENSHIPMORE AWARENESSNEW FORMS OF EXPRESSIONNEW FORMS OF COMMUNICATION
  55. 55. IL DESIGNER COME E FATTO E COME CAMBIAIL LAVORO DEL DESIGNER CON LE APP
  56. 56. EXPERIENCESMULTI-DISCIPLINARIETYSOCIALWORLD ISSUESINNOVATEBUSINESS MODELSREMIX! RECONTEXTUALIZE! REINVENT!
  57. 57. TECNOLOGIEPER DESIGNERCOME LAVORARE SU SMARTPHONE E TABLET, DAL PUNTO DI VISTA DEL DESIGNER
  58. 58. Titanium makes cross-platform native application development easy.A free and open source application development platform, Titanium lets you create native mobile, tablet and desktop application experiences using existing web skills likeJavascript, HTML, CSS, Python, Ruby, and PHP. Learn More. http://www.appcelerator.com
  59. 59. http://www.phonegap.com/
  60. 60. http://westcoastlogic.com/lawnchair/JSON document store
  61. 61. http://www.sencha.com/products/touch/Sencha Touch allows you to develop mobile web apps that look and feel native on iPhone and Android touch devices.
  62. 62. http://jqtouch.com/
  63. 63. http://jquerymobile.com/
  64. 64. NS Basic/App Studiois a complete, powerfuldevelopment environment.Create your app on yourdesktop, then download to yourdevice and run.http://www.nsbasic.com/app/
  65. 65. http://ripple.tinyhippos.com/
  66. 66. appML is an HTML extensionspecifically designed for web-based apps. http://www.appml.org/
  67. 67. Native-like applications for smartphones, tablets and desktopsUnify was built to improve the development efficiency of apps for smartphones. Currently it supports smartphones based on the platforms iOS, Androidand WebOS. There is support for desktop operating systems like Windows or Mac OS as well. Support for tablet devices is planned for the next year.http://unify.github.com/unify/
  68. 68. ED ORA:REALIZZIAMOUN PROTOTIPOUSIAMO PHONEGAP, UNA DELLE TECNOLOGIEANALIZZATE, PER REALIZZARE UNPROTOTIPO
  69. 69. DA XCODE:NEW PROJECT--> PHONE-GAP BASED APPLICATION
  70. 70. <div id="map_canvas"style="width:100%; height:100%"></div>
  71. 71. <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 100% }</style>
  72. 72. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  73. 73. <script type="text/javascript"> var map; function initialize() { var latlng = new google.maps.LatLng(0, 0); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map( document.getElementById("map_canvas"), myOptions ); }</script>
  74. 74. function run() { initialize(); var win = function(position) { var coords = position.coords; var latlng2 = new google.maps.LatLng( coords.latitude, coords.longitude ); map.panTo( latlng2 ); }; var fail = function(e) { alert(Cant retrieve position.nError: + e); }; navigator.geolocation.getCurrentPosition(win, fail);}
  75. 75. function onDeviceReady(){ run();}
  76. 76. var marker = new google.maps.Marker({ position: latlng2, map: map, title:"I am here!"});
  77. 77. var contenuto = "<h1>Sono Qui!</h1>";var infowindow = new google.maps.InfoWindow({ content: contenuto});google.maps.event.addListener( marker, click, function() { infowindow.open(map,marker); });
  78. 78. <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  79. 79. var markers = {};function addMarker(tweet, position) { position = tweet.geo ? tweet.geo.coordinates: null; if (!position && tweet.location) { var L = String(tweet.location).split(:)[1] || tweet.location; position = L.split(,); } if (position) { markers[tweet.from_user_id] = new google.maps.Marker({ map: map, title: tweet.from_user, position: new google.maps.LatLng(position[0], position[1]) }); }};
  80. 80. function getTweets(coords){ $.getJSON( http://search.twitter.com/search.json, { geocode: coords.latitude + , + coords.longitude + , + 5mi, rpp: 30 }, function(data) { if (data && data.results && !!data.results.length) { data = data.results; for (var i = 0, ln = data.length; i < ln; i++) { var tweet = data[i]; if (tweet.geo && tweet.geo.coordinates) { var position = new google.maps.LatLng( tweet.geo.coordinates[0], tweet.geo.coordinates[1] ); addMarker(tweet, position); } } } else { alert(No Results Available); } } );}
  81. 81. getTweets(coords);

×