Crash Course from the Learning Media Stage

1,137 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,137
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Crash Course from the Learning Media Stage

  1. 1. Crash Course Nick@sealworks.com Crash Course What we learned at the Learning Media Studio Nick@sealworks.com Twitter.com/NickFloro Starts at 9:45twitter.com/nickfloro 1 of 114 03/25/11
  2. 2. Crash Course Nick@sealworks.com Bonustwitter.com/nickfloro 2 of 114 03/25/11
  3. 3. Crash Course Nick@sealworks.com Quick Prototyping Techniques Tools: • Fujitsu SCANSNAP – Scan direct to pdf – includes full Acrobat Protwitter.com/nickfloro 3 of 114 03/25/11
  4. 4. Crash Course Nick@sealworks.comtwitter.com/nickfloro 4 of 114 03/25/11
  5. 5. Crash Course Nick@sealworks.com Using Acrobat for Prototypingtwitter.com/nickfloro 5 of 114 03/25/11
  6. 6. Crash Course Nick@sealworks.com Using XML & Flashtwitter.com/nickfloro 6 of 114 03/25/11
  7. 7. Crash Course Nick@sealworks.com Keeping your mind creativetwitter.com/nickfloro 7 of 114 03/25/11
  8. 8. Crash Course Nick@sealworks.com Capture & Analyzetwitter.com/nickfloro 8 of 114 03/25/11
  9. 9. Crash Course Nick@sealworks.com Using CoverFlow view and Preview of Graphicstwitter.com/nickfloro 9 of 114 03/25/11
  10. 10. Crash Course Nick@sealworks.com Design Scrapbook: iPhoto | LittleSnappertwitter.com/nickfloro 10 of 114 03/25/11
  11. 11. Crash Course Nick@sealworks.comtwitter.com/nickfloro 11 of 114 03/25/11
  12. 12. Crash Course Nick@sealworks.comtwitter.com/nickfloro 12 of 114 03/25/11
  13. 13. Crash Course Nick@sealworks.com Brainstormingtwitter.com/nickfloro 13 of 114 03/25/11
  14. 14. Crash Course Nick@sealworks.com Brainstorming Problem Solutions Actiontwitter.com/nickfloro 14 of 114 03/25/11
  15. 15. Crash Course Nick@sealworks.comtwitter.com/nickfloro 15 of 114 03/25/11
  16. 16. Crash Course Nick@sealworks.comtwitter.com/nickfloro 16 of 114 03/25/11
  17. 17. Crash Course Nick@sealworks.comtwitter.com/nickfloro 17 of 114 03/25/11
  18. 18. Crash Course Nick@sealworks.comtwitter.com/nickfloro 18 of 114 03/25/11
  19. 19. Crash Course Nick@sealworks.comtwitter.com/nickfloro 19 of 114 03/25/11
  20. 20. Crash Course Nick@sealworks.comtwitter.com/nickfloro 20 of 114 03/25/11
  21. 21. Crash Course Nick@sealworks.com Brainstorming iPod • 9 months from concept to market • White ear budstwitter.com/nickfloro 21 of 114 03/25/11
  22. 22. Crash Course Nick@sealworks.com Brainstorming • Quantity not quality • Toys • Everyone is equal • 1 hour • Getting everyone to focus • Break & Flowtwitter.com/nickfloro 22 of 114 03/25/11
  23. 23. Crash Course Nick@sealworks.com Brainstorming Play off ideas Michael Jordan scored 69 out of 70 points, reporters after the game swamped him, one reporter decided to focus on the teammate who scored 1 point...twitter.com/nickfloro 23 of 114 03/25/11
  24. 24. Crash Course Nick@sealworks.com “Glad Michael and I could work together to score 70 points.”twitter.com/nickfloro 24 of 114 03/25/11
  25. 25. Crash Course Nick@sealworks.com Trading Cardstwitter.com/nickfloro 25 of 114 03/25/11
  26. 26. Crash Course Nick@sealworks.com www.basecamphq.comtwitter.com/nickfloro 26 of 114 03/25/11
  27. 27. Crash Course Nick@sealworks.com www.basecamphq.comtwitter.com/nickfloro 27 of 114 03/25/11
  28. 28. Crash Course Nick@sealworks.com Explore Pictures Blog Video Audio Micro-blogging 3D Models ePortfolios Course Management System Multiplayer Environmenttwitter.com/nickfloro 28 of 114 03/25/11
  29. 29. Crash Course Nick@sealworks.com Videotwitter.com/nickfloro 29 of 114 03/25/11
  30. 30. Crash Course Nick@sealworks.com The Production Process Capture to delivery and beyond Video Assets Compression Authoring Delivery Reviews Fast Prototype Qualitytwitter.com/nickfloro 30 of 114 03/25/11
  31. 31. Crash Course Nick@sealworks.com Video Compression HTML 5 Options H264 WebMtwitter.com/nickfloro 31 of 114 03/25/11
  32. 32. Crash Course Nick@sealworks.com Delivery Phones to Broadcasttwitter.com/nickfloro 32 of 114 03/25/11
  33. 33. Crash Course Nick@sealworks.com Interactive Video Using MPEG4 Interactive Layertwitter.com/nickfloro 33 of 114 03/25/11
  34. 34. Crash Course Nick@sealworks.com Interactive Video Using MPEG4 Interactive Layertwitter.com/nickfloro 34 of 114 03/25/11
  35. 35. Crash Course Nick@sealworks.com Understanding Layers Every Element is a Tracktwitter.com/nickfloro 35 of 114 03/25/11
  36. 36. Crash Course Nick@sealworks.com MPEG 4 Specs based on QuickTime Framework QuickTime takes you from capture to delivery and beyond Delivery Edit and Compose Playback Capture Archivetwitter.com/nickfloro 36 of 114 03/25/11
  37. 37. Crash Course Nick@sealworks.com Standards Are Everywhere NTSC/ RedBook FM MPEG-2 PAL AC-3 DV JPEG MPEG-1/ MPEG-4 audiotwitter.com/nickfloro 37 of 114 03/25/11
  38. 38. Crash Course Nick@sealworks.com MPEG-4: The MPEG for the Internet The standard for the digital media revolution • Original DV 60 sec 266mb • MPEG-4 = 450k to 7.8mb • Flash 8+ = 450k to 7.8mbtwitter.com/nickfloro 38 of 114 03/25/11
  39. 39. Crash Course Nick@sealworks.com Guidelines for Compression Pixels HD 1080i 1920 x 1080 720P 1280 x 720 DV 720 x 486twitter.com/nickfloro 39 of 114 03/25/11
  40. 40. Crash Course Nick@sealworks.com Guidelines for Compression Selecting a Size 640 x 480 512 x 384 320 x 240twitter.com/nickfloro 40 of 114 03/25/11
  41. 41. Crash Course Nick@sealworks.com 640 x 320twitter.com/nickfloro 41 of 114 03/25/11
  42. 42. Crash Course Nick@sealworks.comtwitter.com/nickfloro 42 of 114 03/25/11
  43. 43. Crash Course Nick@sealworks.com Guidelines for Compression Frame Rate 29.97 fps 10-15 fps Video Compressiontwitter.com/nickfloro 43 of 114 03/25/11
  44. 44. Crash Course Nick@sealworks.com Guidelines for Compression Tips & Hints Key Frames: 4 x fpstwitter.com/nickfloro 44 of 114 03/25/11
  45. 45. Crash Course Nick@sealworks.com Guidelines for Compression 2 Pass Variable Bit Ratetwitter.com/nickfloro 45 of 114 03/25/11
  46. 46. Crash Course Nick@sealworks.com Guidelines for Compression Tips & Hints • Frame Rate: 15 fps – Key Frames: 4 x fps • Data Rate Target 800-1200 kbs • 2 Pass Variable Bit Rate • QuickTime: Sorenson 3 / H264 WebM • Flash: Spark / On2 Pro / H264twitter.com/nickfloro 46 of 114 03/25/11
  47. 47. Crash Course Nick@sealworks.com Easy Access to Video Flip $100 to $200twitter.com/nickfloro 47 of 114 03/25/11
  48. 48. Crash Course Nick@sealworks.com The Production Process 4 Steps Plan Produce Publish Promotetwitter.com/nickfloro 48 of 114 03/25/11
  49. 49. Crash Course Nick@sealworks.com Setting up a Studio Costs Computer $1,199 Software $994 Camera / Studio $1,470 Sanyo HD $400 16gb Video SD $55 MacBook Pro $1,199 Premiere CS4 $699 or Final Cut $995 Flood Lighting $395 Green Screen $200 Boris Chroma FX $295 Tripod $125 Lavalier Microphone $295 Apple iMac $1,199twitter.com/nickfloro 49 of 114 03/25/11
  50. 50. Crash Course Nick@sealworks.com Telestream Episode One Tool for Everything • MPEG-4 • Flash SWF • Flash FLV • QuickTime • Real media • MPEG 1/2 • MP3 Audiotwitter.com/nickfloro 50 of 114 03/25/11
  51. 51. Crash Course Nick@sealworks.comtwitter.com/nickfloro 51 of 114 03/25/11
  52. 52. Crash Course Nick@sealworks.com Web Delivery LMS/Remote Storage of Files LMS Development Cloud or Dedicated Server Clientstwitter.com/nickfloro 52 of 114 03/25/11
  53. 53. Crash Course Nick@sealworks.comtwitter.com/nickfloro 53 of 114 03/25/11
  54. 54. Crash Course Nick@sealworks.com www.brightcove.comtwitter.com/nickfloro 54 of 114 03/25/11
  55. 55. Crash Course Nick@sealworks.comtwitter.com/nickfloro 55 of 114 03/25/11
  56. 56. Crash Course Nick@sealworks.com www.posterous.comtwitter.com/nickfloro 56 of 114 03/25/11
  57. 57. Crash Course Nick@sealworks.com Audiotwitter.com/nickfloro 57 of 114 03/25/11
  58. 58. Crash Course Nick@sealworks.com Compressing Audio 60 Seconds • 11mb 16bit 44khz Stereo • 2.8 mb 16bit 22khz Mono • 500k MP3 64k 44khz Monotwitter.com/nickfloro 58 of 114 03/25/11
  59. 59. Crash Course Nick@sealworks.com Guidelines for Audio Compression Tips & Hints • MP3 • Sample Rate 22050 Hz • Bit Rate 64 Kbits/stwitter.com/nickfloro 59 of 114 03/25/11
  60. 60. Crash Course Nick@sealworks.com http://audacity.sourceforge.net/twitter.com/nickfloro 60 of 114 03/25/11
  61. 61. Crash Course Nick@sealworks.com Skype Record Directlytwitter.com/nickfloro 61 of 114 03/25/11
  62. 62. Crash Course Nick@sealworks.com Skype Record Directly Audacity http://audacity.sourceforge.net/ EasyVoipRecorder Recorder (Windows) http://www.easyvoiprecorder.org/ Hot Recorder (Windows) http://www.hotrecorder.com/ Call Recorder (Mac OS X) http://www.ecamm.com/mac/callrecorder/twitter.com/nickfloro 62 of 114 03/25/11
  63. 63. Crash Course Nick@sealworks.comtwitter.com/nickfloro 63 of 114 03/25/11
  64. 64. Crash Course Nick@sealworks.com Podcasts on the Go AudioBoo & iPhonetwitter.com/nickfloro 64 of 114 03/25/11
  65. 65. Crash Course Nick@sealworks.com http://www.naturalreaders.com/twitter.com/nickfloro 65 of 114 03/25/11
  66. 66. Crash Course Nick@sealworks.com Mobiletwitter.com/nickfloro 66 of 114 03/25/11
  67. 67. Crash Course Nick@sealworks.com The Web Platform is Acceleratingtwitter.com/nickfloro 67 of 114 03/25/11
  68. 68. Crash Course Nick@sealworks.com Solving Developer Challenges Graphics Location Storage Speedtwitter.com/nickfloro 68 of 114 03/25/11
  69. 69. Crash Course Nick@sealworks.com Next Generation Mobile Using Webkit Android iOS Blackberrytwitter.com/nickfloro 69 of 114 03/25/11
  70. 70. Crash Course Nick@sealworks.comtwitter.com/nickfloro 70 of 114 03/25/11
  71. 71. Crash Course Nick@sealworks.comtwitter.com/nickfloro 71 of 114 03/25/11
  72. 72. Crash Course Nick@sealworks.comtwitter.com/nickfloro 72 of 114 03/25/11
  73. 73. Crash Course Nick@sealworks.com HTML 5 in the works...twitter.com/nickfloro 73 of 114 03/25/11
  74. 74. Crash Course Nick@sealworks.com Which browserʼs support HTML 5? Chrome Safari Firefox Opera BETA Internet Explorer 9twitter.com/nickfloro 74 of 114 03/25/11
  75. 75. Crash Course Nick@sealworks.com Canvas & SVGtwitter.com/nickfloro 75 of 114 03/25/11
  76. 76. Crash Course Nick@sealworks.com Videotwitter.com/nickfloro 76 of 114 03/25/11
  77. 77. Crash Course Nick@sealworks.com // HTML 5 makes <video> as easy as <img> // HTML 5 makes <video> as easy as <img>twitter.com/nickfloro 77 of 114 03/25/11
  78. 78. Crash Course Nick@sealworks.com www.longtailvideo.comtwitter.com/nickfloro 78 of 114 03/25/11
  79. 79. Crash Course Nick@sealworks.com geolocationtwitter.com/nickfloro 79 of 114 03/25/11
  80. 80. Crash Course Nick@sealworks.com app cache & databasetwitter.com/nickfloro 80 of 114 03/25/11
  81. 81. Crash Course Nick@sealworks.comtwitter.com/nickfloro 81 of 114 03/25/11
  82. 82. Crash Course Nick@sealworks.comtwitter.com/nickfloro web workers 82 of 114 03/25/11
  83. 83. Crash Course Nick@sealworks.com HTML 5 Support canvas / svg     video     geolocation    iPhone  app cache     mobile database     mobile workers    twitter.com/nickfloro 83 of 114 03/25/11
  84. 84. Crash Course Nick@sealworks.comtwitter.com/nickfloro 84 of 114 03/25/11
  85. 85. Crash Course Nick@sealworks.com Forms CSS 3 Effects/Transitionstwitter.com/nickfloro 85 of 114 03/25/11
  86. 86. Crash Course Nick@sealworks.com DiveintoHTML5.orgtwitter.com/nickfloro 86 of 114 03/25/11
  87. 87. Crash Course Nick@sealworks.com What is WordPress?twitter.com/nickfloro 87 of 114 03/25/11
  88. 88. Crash Course Nick@sealworks.com What is WordPress?twitter.com/nickfloro 88 of 114 03/25/11
  89. 89. Crash Course Nick@sealworks.comtwitter.com/nickfloro 89 of 114 03/25/11
  90. 90. Crash Course Nick@sealworks.comtwitter.com/nickfloro 90 of 114 03/25/11
  91. 91. Crash Course Nick@sealworks.com Resourcestwitter.com/nickfloro 91 of 114 03/25/11
  92. 92. Crash Course Nick@sealworks.com Podcaststwitter.com/nickfloro 92 of 114 03/25/11
  93. 93. Crash Course Nick@sealworks.com www.vistacast.comtwitter.com/nickfloro 93 of 114 03/25/11
  94. 94. Crash Course Nick@sealworks.com www.skill-pill.comtwitter.com/nickfloro 94 of 114 03/25/11
  95. 95. Crash Course Nick@sealworks.com www.real.comtwitter.com/nickfloro 95 of 114 03/25/11
  96. 96. Crash Course Nick@sealworks.com www.manager-tools.comtwitter.com/nickfloro 96 of 114 03/25/11
  97. 97. Crash Course Nick@sealworks.com http://www.apple.com/itunes/podcasts/specs.htmltwitter.com/nickfloro 97 of 114 03/25/11
  98. 98. Crash Course Nick@sealworks.com www.balsamiq.comtwitter.com/nickfloro 98 of 114 03/25/11
  99. 99. Crash Course Nick@sealworks.com Resources • Designing for the social web • Joshua Portertwitter.com/nickfloro 99 of 114 03/25/11
  100. 100. Crash Course Nick@sealworks.com Resources Podcasting For Dummies Tee Moris, Chuck Tomasi, Evo Terratwitter.com/nickfloro 100 of 114 03/25/11
  101. 101. Crash Course Nick@sealworks.com www.longtailvideo.comtwitter.com/nickfloro 101 of 114 03/25/11
  102. 102. Crash Course Nick@sealworks.com Resources http://www.apple.com/quicktime/technologies/mpeg4/twitter.com/nickfloro 102 of 114 03/25/11
  103. 103. Crash Course Nick@sealworks.com www.TED.comtwitter.com/nickfloro 103 of 114 03/25/11
  104. 104. Crash Course Nick@sealworks.com www.istockphoto.comtwitter.com/nickfloro 104 of 114 03/25/11
  105. 105. Crash Course Nick@sealworks.com www.thinkvitamin.comtwitter.com/nickfloro 105 of 114 03/25/11
  106. 106. Crash Course Nick@sealworks.com www.gamesalad.comtwitter.com/nickfloro 106 of 114 03/25/11
  107. 107. Crash Course Nick@sealworks.com www.smashingmagazine.comtwitter.com/nickfloro 107 of 114 03/25/11
  108. 108. Crash Course Nick@sealworks.com Search Flickr.com for iPad UItwitter.com/nickfloro 108 of 114 03/25/11
  109. 109. Crash Course Nick@sealworks.com www.presentationzen.comtwitter.com/nickfloro 109 of 114 03/25/11
  110. 110. Crash Course Nick@sealworks.com www.posterous.comtwitter.com/nickfloro 110 of 114 03/25/11
  111. 111. Crash Course Nick@sealworks.com www.twitter.comtwitter.com/nickfloro 111 of 114 03/25/11
  112. 112. Crash Course Nick@sealworks.com www.lrnchat.comtwitter.com/nickfloro 112 of 114 03/25/11
  113. 113. Crash Course Nick@sealworks.com Explore Pictures Blog Video Audio Micro-blogging 3D Models ePortfolios Course Management System Multiplayer Environmenttwitter.com/nickfloro 113 of 114 03/25/11
  114. 114. Crash Course Nick@sealworks.com Thank You Nick Floro sealworks interactive studios nick@sealworks.com www.sealworks.com twitter.com/NickFloro Download the Presentation at: http://www.slideshare.net/nickflorotwitter.com/nickfloro 114 of 114 03/25/11

×