Design, Create & Explore Learning with Your Mobile Devices

Download Design, Create & Explore Learning with Your Mobile Devices

Post on 16-Apr-2017

862 views

Category:

Design

9 download

TRANSCRIPT

  • Nick Floro Nick@sealworks.com @NickFloro

  • thinkinspire & have funshare & explore

    experiment

  • Built-in Recorder

  • mediadocuments

    appebook web

    Developing Mobile Assets

    web app

    p18

  • Post-It App

  • Post-It App

  • What the Font

  • office lens

  • office lens

  • pixomatic

  • Bubb.li

  • SketchBook

  • appear.in

  • Development: Capturing & Working with Media

  • Batch Editing Effects Filters Tools

    Adobe Premiere CC

  • Adobe Premiere Clip

  • iMovie for iOS

  • Touchcast Studio

  • ExplainEverything.com

    http://explaineverything.com

  • ExplainEverything.com

    http://explaineverything.com

  • ExplainEverything.com

    http://explaineverything.com

  • Adobe Capture CC

    Adobe Capture CC

  • Adobe Capture CC

    Adobe Capture CC

  • Using Your Camera

  • Get familiar with your device

    092116092116

  • Focus: faces

  • Focus: scene

  • Exposure and Color Balance

  • Shoot Horizontally (based on use)

  • Angles + Planning

  • Zoom - Setting Scene

  • Zoom - Setting Scene

  • Lighting

  • Camera Angle

  • Prep

  • Homework Take some pictures:

    presentations

    city artwork

  • padcaster.com$399

    Padcaster Case Lens Bracket with 72-58mm step-down ring

    .45 wide-angle lens Padcaster unidirectional microphone Dual mic

    and headphone cable 4 lens bracket mounting screws

    1 custom camera cage screw 1 cold shoe adapter

  • TriPod Stand $12.95

    Tablet Tripod MonoPod Charger-City Exclusive 7" to 11" $25

  • Rode smartLav+ Lavalier Microphone for Smartphones $79

  • Rode VideoMic Pro Compact Directional On-Camera Microphone $199

  • AudioNote

  • BossJock Studio $9

  • Capture Audio $3

  • media

  • ebook

  • app

  • First Aid

  • First Aid

  • Apple Weather

  • Document PDF XLS DOC PPT Pages Numbers Keynote

    Graphics JPEG PNG

    Video mp4 webm

    Audio mp3

    eBook Sigil InDesign iBooks Author

    Apps iOS Android Windows

    HTML Adobe Creative

    Cloud PhoneGap WordPress

    Content Formats

  • desktoptabletphone

    Device Types

    phablet

  • What is Design?

  • How it works.

  • Its about communication and problem solving.

  • What did you ?see

    hear

    feel

    learn

  • Homework: Watch www.apple.com/designed-by-apple/

    http://www.apple.com/designed-by-apple/

  • What did you ?see

    hear

    feel

    learn

  • Homework

    poll 1

  • get inspired

    poll 1

  • Discover Look & Play

  • MPEG-1/MPEG-4

    audio

    MPEG-2RedBook JPEGAC-3FM DVNTSC/

    PAL

    Phone Tablet

    Standards Are Everywhere

  • Capture to delivery and beyondThe Production Process

    Video / Audio Assets Compression Authoring Delivery

  • Video

  • less then 8mb

    MPEG-4: The MPEG for the Internet 1 minute of video at HD 1920 x1080

    600mb

  • less then 500mb35gb

    MPEG-4: The MPEG for the Internet 60 minutes of video at HD 1920 x1080

  • HD 1080i 1920 x 1080

    PixelsGuidelines for Compression

  • HD 1080i 1920 x 1080

    How Compression WorksGuidelines for Compression

    pixel size (width | height)

    frame rate data rate

  • HD 1080i 1920 x 1080

    SD 480P 720 x 480

    PixelsGuidelines for Compression

  • HD 1080i 1920 x 1080

    Selecting a SizeGuidelines for Compression

    240 x 135

    480 x 270

    960 x 540

  • 240 x 135

    Content PlacementGuidelines for Compression

  • Frame RateGuidelines for Compression

    29.97 fps

  • 29.97 fps 15 fps

    Frame RateGuidelines for Compression

  • Stereo or MonoGuidelines for Compression

  • Selecting a KilohertzGuidelines for Compression

    44khz 22khz

    A kilohertz (kHz) is a unit of frequency equal to 1,000 hertz (1,000 cycles per second)

    http://www.knowledgerush.com/kr/encyclopedia/Unit/http://www.knowledgerush.com/kr/encyclopedia/Frequency/http://www.knowledgerush.com/kr/encyclopedia/Hertz/

  • 11mb 16bit 44khz Stereo

    2.8mb 16bit 22khz Mono

    500k MP3 64k 44khz Mono

    Compressing Audio 60 Seconds

  • Compressing Audio 60 Minutes

    30mb660mb60 minutes Compressed MP3 Audio

    60 minutes of Uncompressed Audio

  • Tips & Hints 16 bit Mono 22 khz

    MP3 64kbit/s Mono 22khz

    Guidelines for Compression

  • Setting up a StudioCosts

    Computer $899 Software $595 Camera / Studio $1,470

    Adobe Premiere or Final Cut $300

    Boris Chroma FX $295

    HD Video $400 32gb Video SD $25

    Green Screen $200

    Lavalier Microphone $295Tripod $125

    Flood Lighting $395

    Apple iMac $1,099

    MacBook $899

  • Mobile: Apps & Add-ons

  • Stylus FiftyThree.com $50

    http://fiftythree.com

  • Adapters

    hdmi | vga | wireless

  • Reflector Air Parrot

  • Fifty Three Paperhttps://itunes.apple.com/us/app/id506003812?mt=8

    Skitchhttps://itunes.apple.com/us/app/skitch-snap.-mark-up.-send./id490505997?mt=8

    iMoviehttps://itunes.apple.com/us/app/imovie/id377298193?mt=8

    OneNotehttps://itunes.apple.com/us/app/microsoft-onenote-lists-photos/id410395246?mt=8

    OneDrivehttps://itunes.apple.com/us/app/onedrive-cloud-storage-for/id477537958?mt=8

    PostIt Plus $2 to unlock all features.https://itunes.apple.com/us/app/post-it-plus/id920127738?mt=8

    VideoShop $2https://itunes.apple.com/us/app/videoshop-video-editor/id615563599?mt=8

    Explain Everything $4https://itunes.apple.com/us/app/explain-everything-interactive/id431493086?mt=8

    WordSwag $4https://itunes.apple.com/us/app/word-swag-cool-fonts-typography/id645746786?mt=8

    creating content

    https://itunes.apple.com/us/app/id506003812?mt=8https://itunes.apple.com/us/app/skitch-snap.-mark-up.-send./id490505997?mt=8https://itunes.apple.com/us/app/imovie/id377298193?mt=8https://itunes.apple.com/us/app/microsoft-onenote-lists-photos/id410395246?mt=8https://itunes.apple.com/us/app/onedrive-cloud-storage-for/id477537958?mt=8https://itunes.apple.com/us/app/post-it-plus/id920127738?mt=8https://itunes.apple.com/us/app/videoshop-video-editor/id615563599?mt=8https://itunes.apple.com/us/app/explain-everything-interactive/id431493086?mt=8https://itunes.apple.com/us/app/word-swag-cool-fonts-typography/id645746786?mt=8

  • Resources To help you grow.

  • 20 Powerful Image Editing Apps

    VIEW

    Best Apps for Recording & Editing Audio

    VIEW

    Best camera, photo & video editing apps

    VIEW

    iOS

    Android5 Video Editing Apps

    VIEW

    25 Free Audio Editing Apps

    VIEW

    Best camera, photo editing apps

    VIEW

    http://www.techradar.com/how-to/software/applications/20-best-image-editing-apps-for-mac-and-ios-top-image-apps-revealed-1297354http://www.techradar.com/how-to/software/applications/20-best-image-editing-apps-for-mac-and-ios-top-image-apps-revealed-1297354http://appadvice.com/appguides/show/studio-recording-appshttp://appadvice.com/appguides/show/studio-recording-appshttp://www.phonearena.com/news/Best-iPhone-camera-photo-and-video-editing-apps-2014-edition_id58542http://www.phonearena.com/news/Best-iPhone-camera-photo-and-video-editing-apps-2014-edition_id58542http://www.computerworld.com/article/2488294/android/review-5-video-editing-apps-for-android.htmlhttp://www.computerworld.com/article/2488294/android/review-5-video-editing-apps-for-android.htmlhttp://www.topapps.net/android/top-audio-editing-apps-for-android.html/http://www.topapps.net/android/top-audio-editing-apps-for-android.html/http://www.androidauthority.com/photo-editor-apps-for-android-337494/http://www.androidauthority.com/photo-editor-apps-for-android-337494/

  • Google Hangouts

  • mural.ly

  • mural.ly

  • mural.ly

  • Flipboard

  • Experiment

    experiment

  • MobileAppsforLearning.com

  • Thank You

    Nick Florosealworks interactive studios

    nick@sealworks.comwww.sealworks.com

    twitter.com/NickFloro

    Download the Presentation at:http://www.slideshare.net/nickfloro

    http://www.slideshare.net/nickfloro