1 / 33

Things to download:

Things to download:. This PowerPoint techandbehavior.com /flashcard / FlashcardWorkshop.pptx The app source code techandbehavior.com /flashcard / App.zip The app (optional) For iOS https ://itunes.apple.com/app/id570008010?mt= 8 F or Android :

inigo
Download Presentation

Things to download:

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Things to download: • This PowerPoint • techandbehavior.com/flashcard/FlashcardWorkshop.pptx • The app source code • techandbehavior.com/flashcard/App.zip • The app (optional) • For iOS • https://itunes.apple.com/app/id570008010?mt=8 • ForAndroid: • https://play.google.com/store/apps/details?id=com.techandbehavior.flashcards • As a webpage: • techandbehavior.com/flashcard/

  2. Agenda • Why? • Tools of the Trade • Example App • Flashcard App • Hosting/App Stores

  3. A very important question: • Why?

  4. Good Reasons: • Interactivity • Reminders • Proximity • Navigation of Information • Communication

  5. Bad Reasons: • To replace us • To duplicate other materials

  6. Tools of the Trade

  7. Smartphone Market Share

  8. The Mathew Effect in Market Share • Android and iOS Dominate • Less incentive for developers to make apps for other markets • Fewer Apps in other markets • Less reason to buy other phones • Android and iOSDominate

  9. Operating Systems are like Languages IOS Android

  10. IOS • Objective C (Free) • X-Code (Free) • *need a mac with OS 10 or higher • iOSDeveloper Program ($99/Year) • Must use Developer Certificate in Testing • Submission to App Store • Apple gets a cut of all sales and subscriptions

  11. Android • Java (Free) • Eclipse (Free) • Can test apps without account • Submit to Google Play (One time $25 fee, instantaneous publishing) • Google Play gets a cut of all sales and subscriptions

  12. Websites are Like Interpreters

  13. HTML5 • Free (but requires hosting) • No software needed, but it helps • Able to update within seconds • No curated market (both good and bad) • Able to work offline (if bookmarked) • No fees attached • Able to access many features on newer devices • Sandboxed • No Fees attached • Public doesn’t understand it

  14. How to learn • www.codecademy.com • Wonderful (and free) tutorials • Lynda • University Subscription • W3schools.com • Brief but good tutorials (also free) • Playing around!

  15. jQuery Mobile • jQuery • A (free) javascript library that makes things easier • jQuery Mobile • A (free) jquery library that makes pretty mobile webpages with very little effort

  16. Native Wrappers • Phonegap • Titanium • appMobi • Create native apps using HTML5 • Provide API’s (Hooks to get out of the sandbox) • Work across platforms (mostly) • Can be submitted to app stores

  17. Limitations of Native Wrappers • Integration with SDK’s (like Google Analytics) • Efficiency • Memory Leaks/Garbage Collection Problems • Difficult to orchestrate large projects • Poor Documentation

  18. Example App

  19. Kitten Therapy

  20. Get jQuery Mobile • Go to http://jquerymobile.com • Download .zip of Latest Version

  21. Get jQuery Mobile

  22. Customize Code

  23. Flashcard App • Go to www.techandbehavior.com/flashcard/App.zip • Open Index.htmlwith a html editor or text program (not Word)

  24. Clear out the vocab • Find varwordbank = new Array (""); ----keep it • Delete everything that starts with wordbank[X] = new Array()

  25. Make your own vocabulary • Open wordbank.xlsx • Locate the Wordbank Tab • Replace the Vocabulary • Section is the group of cards (for the menu) • Word • Response • Page

  26. Create the Code • Remember what row you stopped on • Navigate to the Interum tab • Copy last existing cell if your word list is longer • Delete extra cells if it is shorter • Navigate to Code Tab • Copy last existing cell if your word list is longer • Delete extra cells if it is shorter

  27. Insert the code • Copy the code from the code tab of the excel spread-sheet • Paste it after varwordbank = new Array ("");

  28. Customize the App • Custom Themes (free) • http://jquerymobile.com/themeroller/ • Find and replace text • Create new pages or features

  29. Hosting/App Store

  30. Phonegap Build • Go to build.phonegap.com • Login or register • Zip your folder • Upload it to their site • Customize the app: • Edit the config.xml file • https://build.phonegap.com/docs/config-xml • Replace the Images • https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes

  31. App store submission • Get the certificates • Android • https://build.phonegap.com/docs/android-signing • iOS • https://build.phonegap.com/docs/ios-builds • Submit to the stores • Android • play.google.com/apps/publish/ • iOS

  32. Carmen • Zip folder • In Carmen, click content  manage files  • Upload zipped file • Unzip the file • On a page in content, click “insert quicklink”  • Select “course file” • Navigate to index.html • Select “whole window”

  33. Contact • Ryan Hansen • 316-409-0804 • Hansen.282@osu.edu

More Related