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.

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

2,347 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
  • Finally found a service provider which actually supplies an essay with an engaging introduction leading to the main body of the exposition Here is the site ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THE BOOK INTO AVAILABLE FORMAT (New Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THE can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THE is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBOOK .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookBOOK, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, EBOOK, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THE Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THE the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THE Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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);

×