Download presentation
Presentation is loading. Please wait.
Published byMarjorie Underwood Modified over 9 years ago
1
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University http://mail.tku.edu.tw/myday Introduction to Android / iOS Apps Programming Tamkang University 2014-09-24 1031SMAP02 TLMXM1A (8687) (M2143) (Fall 2014) (MIS MBA) (2 Credits, Elective) [Full English Course] Thu 8,9 (15:10-17:00) V201
2
Course Schedule (1/3) Week Date Subject/Topics 1 2014/09/17 Course Orientation and Introduction to Social Media and Mobile Apps Programming 2 2014/09/24 Introduction to Android / iOS Apps Programming 3 2014/10/01 Developing Android Native Apps with Java (Eclipse) (MIT App Inventor) 4 2014/10/08 Developing iPhone / iPad Native Apps with Swift / Objective-C (XCode) 5 2014/10/15 Mobile Apps using HTML5/CSS3/JavaScript 6 2014/10/22 jQuery Mobile 2
3
Course Schedule (2/3) Week Date Subject/Topics 7 2014/10/29 Create Hybrid Apps with Phonegap 8 2014/11/05 jQuery Mobile/Phonegap 9 2014/11/12 jQuery Mobile/Phonegap 10 2014/11/19 Midterm Exam Week (Midterm Project Report) 11 2014/11/26 Case Study on Social Media Apps Programming and Marketing in Google Play and App Store 12 2014/12/03 Google Cloud Platform 3
4
Course Schedule (3/3) Week Date Subject/Topics 13 2014/12/10 Google App Engine 14 2014/12/17 Google Map API 15 2014/12/24 Facebook API (Facebook JavaScript SDK) (Integrate Facebook with iOS/Android Apps) 16 2014/01/31 Twitter API 17 2015/01/07 Final Project Presentation 18 2015/01/14 Final Exam Week (Final Project Report) 4
5
Android /iOS Apps Programming 5 Native Apps Mobile Web Apps Hybrid Apps
6
Enterprise Apps in 2015 6 Gartner recommend hybrid apps over native apps development for businesses Source: http://blog.commontime.com/hybrid-apps-the-right-response-to-byod-in-business/http://blog.commontime.com/hybrid-apps-the-right-response-to-byod-in-business/ Hybrid Apps
7
Android / iOS Apps Programming Native Apps Mobile Apps (Web Apps) Hybrid Apps 7
8
8 Building Android Apps with HTML, CSS, and JavaScript: Making Native Apps with Standards-Based Web Tools, Jonathan Stark & Brian Jepson, O’reilly, 2012 Source: http://www.amazon.com/Building-Android-Apps-HTML-JavaScript/dp/1449316417http://www.amazon.com/Building-Android-Apps-HTML-JavaScript/dp/1449316417
9
Building iPhone Apps with HTML, CSS, and JavaScript: Making App Store Apps Without Objective-C or Cocoa, Jonathan Stark, O’reilly, 2010 9 Source: http://www.amazon.com/Building-iPhone-Apps-HTML-JavaScript/dp/0596805780http://www.amazon.com/Building-iPhone-Apps-HTML-JavaScript/dp/0596805780
10
App Development Comparison 10 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development Web Apps Hybrid Apps Native Apps Full Fast Mandatory Expensive Partial Very Fast Available Reasonable Not Available None Reasonable Available Native Speed as Necessary Full Low Overhead Device Access Speed Development Cost App Store Approval Process
11
Examples of Purely-Native Mobile Apps 11 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
12
Characteristics of a Purely-Native Mobile App A binary “executable image”, that is explicitly downloaded and stored on the file system of the mobile device Distributed through the popular app store or marketplace of the device, or via an enterprise distribution mechanism Executed directly by the operating system – Launched from the home screen – Does not require another “container app” to run it Makes explicit use of operating-system APIs 12 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
13
Native App Development 13 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
14
iOS - Native App Development 14 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development Swift.ipa
15
Swift Language Swift is a new object-oriented programming language for iOS and OS X development. Swift is modern, powerful, expressive, and easy to use. 15 Source: https://developer.apple.com/swift/https://developer.apple.com/swift/
16
Swift Language Unified A complete replacement for both the C and Objective-C languages. – Swift provides full object-oriented features, and includes low-level language primitives such as types, flow control, and operators. Fast Complete platform Safe by design Modern Interactive 16 Source: https://developer.apple.com/swift/https://developer.apple.com/swift/
17
Android - Native App Development 17 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
18
18 Native App – Interaction with Mobile Device Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
19
Web App – Interaction with Mobile Device 19 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
20
Hybrid App – Interaction with Mobile Device 20 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
21
Hybrid App Development 21 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
22
Hybrid App Examples 22 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
23
Native App – High-level APIs and Built-in Apps 23 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
24
GUI Toolkit Provides App With “Native” Look 24 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
25
Mobile Web Apps and Mobile Browsing 25 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
26
Mobile Browsing and Mobile Web Apps 26 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
27
Mobile Browsing vs. Mobile Web Apps 27 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
28
Characteristics of Mobile Web Apps Entirely written using web technologies – HTML, CSS and JavaScript Code is executed by the browser, not by the OS Various launch mechanisms – Typing URL, clicking hyperlink, scanning QR Code or clicking home-screen shortcut Installation is optional Combine cross-platform HTML5 and device-specific features optimize apps – Touch-optimized look & feel – No address bar – Suggestion to pin to home screen – Offline availability 28 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
29
HTML5 and related technologies Main HTML5/CSS3 features on mobile – Bitmapped and vector graphics, including animations – Offline support and data URLs – Geolocation – Video and Audio – Continuous communications with the server – More… 29 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
30
Characteristics of Hybrid Apps A Hybrid App is a native app with embedded HTML It has all the benefits of native apps: full access to APIs, app-store presence, etc. Selected portions of the app are written using web technologies The web portions of the app can either be downloaded from the web or packaged within the app 30 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
31
Native Apps vs. Hybrid Apps 31 Source: http://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Developmenthttp://www.scribd.com/doc/50805466/Native-Web-or-Hybrid-Mobile-App-Development
32
32 Source: http://techcrunch.com/2013/02/26/survey-most-developers-now-prefer-html5-for-cross-platform-development/http://techcrunch.com/2013/02/26/survey-most-developers-now-prefer-html5-for-cross-platform-development/ HTML5 vs. Hybrid vs. Native Apps
33
Native Apps vs. Hybrid HTML5 Apps 33 Source: Porting your Apple iOS and Android Apps to HTML5, https://www.youtube.com/watch?v=-k43St4LCe0https://www.youtube.com/watch?v=-k43St4LCe0
34
HTML5, JavaScript, CSS3 34
35
jQuery Mobile: http://jquerymobile.com/http://jquerymobile.com/ 35
36
PhoneGap: http://phonegap.com/http://phonegap.com/ 36
37
37 Adobe PhoneGap Build: Package mobile apps in the cloud https://build.phonegap.com/ https://build.phonegap.com/
38
Demo CompileOnline: Try jQueryMobile Online 38 http://www.compileonline.com/try_jquerymobile_online.php
39
CompileOnline: Try jQueryMobile Online 39 http://www.compileonline.com/try_jquerymobile_online.php
40
40 http://www.compileonline.com/try_jquerymobile_online.php
41
41 http://www.compileonline.com/try_jquerymobile_online.php
42
42 http://www.compileonline.com/try_jquerymobile_online.php
43
43 Page Title Page Title1 Page content goes here. Hello World Myday Go to second page Page Footer1 Page Title2 Page content goes here. Page Footer2
44
44 Page Title
45
45 Page Title1 Page content goes here. Hello World Myday Go to second page Page Footer1
46
46 Page Title2 Page content goes here. Page Footer2
47
47 http://www.compileonline.com/try_jquerymobile_online.php
48
48 http://www.compileonline.com/try_jquerymobile_online.php
49
49 http://www.compileonline.com/try_jquerymobile_online.php
50
50 http://www.compileonline.com/try_jquerymobile_online.php
51
Online Editor: http://jsbin.com 51 http://jsbin.com/
52
appery.io 52 http://appery.io/
53
53 appery.io http://appery.io/
54
References Building Android Apps with HTML, CSS, and JavaScript: Making Native Apps with Standards-Based Web Tools, Jonathan Stark & Brian Jepson, O’reilly, 2012 Building iPhone Apps with HTML, CSS, and JavaScript: Making App Store Apps Without Objective-C or Cocoa, Jonathan Stark, O’reilly, 2010 Native, Web or Hybrid Mobile Apps?, https://www.youtube.com/watch?v=Ns-JS4amlTc https://www.youtube.com/watch?v=Ns-JS4amlTc Porting your Apple iOS and Android Apps to HTML5, https://www.youtube.com/watch?v=-k43St4LCe0 https://www.youtube.com/watch?v=-k43St4LCe0 jQuery Mobil: http://jquerymobile.com/http://jquerymobile.com/ PhoneGap: http://phonegap.com/http://phonegap.com/ Adobe PhoneGap Build: Package mobile apps in the cloud, https://build.phonegap.com/ https://build.phonegap.com/ Try jQueryMobile Online: http://www.compileonline.com/try_jquerymobile_online.php http://www.compileonline.com/try_jquerymobile_online.php Online Editor jsbin: http://jsbin.com/http://jsbin.com/ appery.io: http://appery.io/http://appery.io/ 54
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.