Mobile Web vs. Native Apps

Download Mobile Web vs. Native Apps

Post on 16-Apr-2017




1 download

Embed Size (px)


<p>Slide 1</p> <p>Mobile Web vs. Native Apps Apps. What is Right for You?</p> <p>Todd MarksPresident &amp;</p> <p>1</p> <p>Native vs. Mobile Web</p> <p>#</p> <p>2</p> <p>Native vs. Mobile Web (Facebook)</p> <p>Facebooks move to a native appFaster performanceUse of native controlsOffline storage </p> <p>#</p> <p>3</p> <p>About Native Apps</p> <p>4</p> <p>Why Native?Uses native libraries such as: Speech Recognition, Open GL For Graphing, Location Services, Camera and MicrophoneApp needs to work in offline modeUses a lot of data that needs to be stores locallyMuch more polished and can access GPU directlyGreat for games and highly interactive Apps</p> <p>#</p> <p>What Does It Take?Serious skills are required. Need iOS, Java or .NET developers.Need to publish to the various stores and develop separate versions per platform.Must download and access app after fully installed.Bigger budgets needed.</p> <p>#</p> <p>Mobile Case Studies That Beg For Native</p> <p>7</p> <p>Case Study :: DELL Customer Support</p> <p>#</p> <p>8</p> <p>Data Visualization :: Total Baby</p> <p>#</p> <p>Location Services :: JHU</p> <p>#</p> <p>News Media</p> <p>#</p> <p>11</p> <p>Mobile Gaming :: Scuba Adventures</p> <p>#</p> <p>12</p> <p>Mobile Gaming :: B&amp;O Railroad</p> <p>#</p> <p>13</p> <p>iPad Applications :: GEICO Glovebox </p> <p>#</p> <p>14</p> <p>About Mobile Web Apps</p> <p>15</p> <p>Why Mobile Web App?App is largely brochure in natureWant to get the most bang for the buck. i.e. right it once in HTML5/CSS/JS and reach the most number of platforms possibleYou have Web Developers but not iOS, Java, or .NET developersYou dont need the app to work in offline modeYou dont need to store and synchronize a lot of data on the device</p> <p>#</p> <p>What Does It Take?HTML5 / CSS / JS DevelopersNeed website hostingApp is accessed by going to URL, no need to submit to App storesSmaller budgets needed then Native Apps</p> <p>#</p> <p>Some Cons of Web AppsHTML5 is not a uniform standard. Development of Web Apps has a long tail to cater to all the different types of devices.Doesnt work in offline mode.Yahoos say they can build Web Apps but have delivered some sub-par products.Lacks Digital Rights Management (DRM)Does not support background processing.Does not provide native look and feel.</p> <p>#</p> <p>Mobile Case Studies That Work Well as Mobile Web</p> <p>19</p> <p>Army - GoANG</p> <p>#</p> <p>20</p> <p>IdyllwildARTS</p> <p>#</p> <p>21</p> <p>Cross CompilersBest of Both Worlds?</p> <p>22</p> <p>GEICO Federal Leave</p> <p>#</p> <p>23</p> <p>Phone Gap</p> <p>#</p> <p>24</p> <p>Titanium</p> <p>#</p> <p>25</p> <p>Flash</p> <p>#</p> <p>26</p> <p>Captivate Android or iOS via Flash</p> <p>27</p> <p>Workshop: Android Apps1. Open Captivate and create or open your Captivate presentation.2. Create an SWF from your captivate presentationa. Click File-&gt;Publishb. Name "Project Title" something significant.c. Choose the "Folder" location so you remember, and click "Publish To Folder", this will put the SWF in a folder with the same name as the Project Title.</p> <p>#</p> <p>Workshop: Android Appsd. Change the save to the folder created in step 1e. Check "Enable SWF for conversion to iPhone app" if you're planning on that.f. Click "Publish" in the lower right side of the publish windowg. Choose "yes", and "OK" on the next warning, to preview the SWF. (or choose no to skip)3. Close Captivate (to conserve resources)</p> <p>#</p> <p>Workshop: Android Apps4. Open Flash Professional5. Click File-&gt;New...-&gt;AIR for Android (Or select the same from the splash screen that pops up)6. Click File-&gt;Save, navigate to the captivate project folder, and name and save the .FLA file here. Save with a name that is different than the name of your published swf file.</p> <p>#</p> <p>Workshop: Android Apps7. On the bottom half of the screen, click the "Actions - Frame" tab, and in the blank box, paste the following:var myLoader:Loader = new Loader();var url:URLRequest = new URLRequest("presentation.swf");myLoader.load(url);addChild(myLoader);stop();</p> <p>#</p> <p>Workshop: Android Apps8. Change presentation.swf to match name of your captivate swf file that was published.9. Click File-&gt;Publish Settings...10. Make sure Player drop down is set to AIR for Android11. Make sure Script drop down is ActionScript 3.012. Under "Included Files", click the +, and find the captivate swf and add it.13. Click the wrench next to Player drop down</p> <p>#</p> <p>Workshop: Android Apps14. Select a directory for the output file and choose the same folder everything else is in (Sometimes it will output to a my documents location, so make sure you set this even if it looks like it's already set)15. Click the deployment tab16. On Certificate, Click "create..."17. Enter information, it doesn't matter, but you must remember your password.</p> <p>#</p> <p>Workshop: Android Apps18. Under save as... save it to the same folder as everything else.19. When generated, enter your password again in the "password" box below certificate location.20. Click "remember password for this session".21. Under "after publishing" click both checkboxes to allow the android app to run after publishing.</p> <p>#</p> <p>Workshop: Android Apps22. Make sure your android is plugged into the computer.23. Click "Publish" in the lower right of the window. A warning will be generated aboutpermissions. this is OK.24. After publishing, the android app will be installed and run on the android device.25. The app can be found in the captivate folder, it is the file with the .apk extension.</p> <p>#</p> <p>Questions?</p> <p>Todd MarksPresident &amp;</p> <p>36</p>