agenda - emory universitycengiz/cs370-pract-softeng-sp15/slides/a… · responsive web design...
TRANSCRIPT
![Page 1: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/1.jpg)
Agenda
What to present on Thursday:
I Rev us up for your �nal iteration/product!I Follow marketing advice to improve your brandingI Must pick a good name!I Demo continuous integration or tell us how it works in your project
F Good names: Duel, Scribble, TripSplitter, Fortuna Beer, QuickSourceF Not so good: ClearViz, CampusTours, ClassChat, AllInOne
What's coming after?
I Your evaluation will a�ect your entrance to �nal eventI Testing others' projects will give you bonus pointsI Prioritize by balancing new features with making existing product more robust.I Checkpoint on running focus group/market researchI Must determine if the product is viable by end of semester!
![Page 2: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/2.jpg)
Agenda
What to present on Thursday:
I Rev us up for your �nal iteration/product!I Follow marketing advice to improve your brandingI Must pick a good name!I Demo continuous integration or tell us how it works in your project
F Good names: Duel, Scribble, TripSplitter, Fortuna Beer, QuickSourceF Not so good: ClearViz, CampusTours, ClassChat, AllInOne
What's coming after?
I Your evaluation will a�ect your entrance to �nal eventI Testing others' projects will give you bonus pointsI Prioritize by balancing new features with making existing product more robust.I Checkpoint on running focus group/market researchI Must determine if the product is viable by end of semester!
![Page 3: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/3.jpg)
Agenda
What to present on Thursday:
I Rev us up for your �nal iteration/product!I Follow marketing advice to improve your brandingI Must pick a good name!I Demo continuous integration or tell us how it works in your project
F Good names: Duel, Scribble, TripSplitter, Fortuna Beer, QuickSourceF Not so good: ClearViz, CampusTours, ClassChat, AllInOne
What's coming after?
I Your evaluation will a�ect your entrance to �nal eventI Testing others' projects will give you bonus pointsI Prioritize by balancing new features with making existing product more robust.I Checkpoint on running focus group/market researchI Must determine if the product is viable by end of semester!
![Page 4: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/4.jpg)
Agenda
Stand-up for your meeting now!
Today's menu:
1 Responsive web and mobile intro2 Guest speaker: Brian Clark from GradSchoolMatch.com
![Page 5: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/5.jpg)
Agenda
Stand-up for your meeting now!
Today's menu:
1 Responsive web and mobile intro2 Guest speaker: Brian Clark from GradSchoolMatch.com
![Page 6: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/6.jpg)
Responsive Webapps & Mobile Apps
Mobile-friendly CSS frameworks and introduction to mobile apps
CS370 Software & Startup Engineering Practicum, Cengiz Günay
(Some slides courtesy of Eugene Agichstein and the Internets. License: CC BY-SA 4.0.)
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 3 / 18
![Page 7: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/7.jpg)
Responsive web design
From Wikipedia:
�[RWD] is a Web design approach aimed at crafting sites to provide an optimalviewing experience�easy reading and navigation with a minimum of resizing,panning, and scrolling�across a wide range of devices (from mobile phones todesktop computer monitors).�
Uses principles:
Proportion-based grids: Page element sizing to be in relative units like percentages,rather than absolute units (e.g., pixels).
Flexible images: sized in relative units to containing element.
CSS3 media queries (extension of @media rule): CSS style rules based on characteristicsof the device (e.g., browser width).
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 4 / 18
![Page 8: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/8.jpg)
Responsive web design
From Wikipedia:
�[RWD] is a Web design approach aimed at crafting sites to provide an optimalviewing experience�easy reading and navigation with a minimum of resizing,panning, and scrolling�across a wide range of devices (from mobile phones todesktop computer monitors).�
Uses principles:
Proportion-based grids: Page element sizing to be in relative units like percentages,rather than absolute units (e.g., pixels).
Flexible images: sized in relative units to containing element.
CSS3 media queries (extension of @media rule): CSS style rules based on characteristicsof the device (e.g., browser width).
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 4 / 18
![Page 15: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/15.jpg)
Responsive CSS usage: Bootstrap example
In the HTML head, include CSS, e.g.:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="// netdna.bootstrapcdn.com/bootstrap /3.1.1/ css/
bootstrap.min.css">
Use their CSS templates, e.g., specify viewport:
<meta name="viewport" content="width=device -width , initial -scale =1">
Use components (e.g., icons, buttons, drop-down menus, etc.)
Also has Javascript (jQuery plugins � will talk about this later)
Your website will look clean (example)
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 7 / 18
![Page 16: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/16.jpg)
Why use responsive web and not mobile apps?
Responsive web:
One solution for all
Server+client solution can be faster than mobile app.
iOS and Android have peculiarities (licensing, language, versions, compatibility)
Mobile apps:
Usually faster to start
Resident on mobile device and can be activated based on time, or event (e.g., GPSlocation)
Mobile markets make it easy to advertise
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 8 / 18
![Page 17: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/17.jpg)
Why use responsive web and not mobile apps?
Responsive web:
One solution for all
Server+client solution can be faster than mobile app.
iOS and Android have peculiarities (licensing, language, versions, compatibility)
Mobile apps:
Usually faster to start
Resident on mobile device and can be activated based on time, or event (e.g., GPSlocation)
Mobile markets make it easy to advertise
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 8 / 18
![Page 19: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/19.jpg)
iOS Development
Andri Yadi @andri_yadi
Universitas Islam Negeri Syarif Hidayatullah Jakarta, May 4, 2011
Seminar War Of Smartphone Operating System
![Page 20: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/20.jpg)
![Page 21: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/21.jpg)
The History of Mobile Devices
1988 2007 2010 ?
Motorolla 4500x! iPhone! iPad!
Before iPhone! After iPhone!
![Page 22: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/22.jpg)
iOS devices
![Page 23: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/23.jpg)
http://developer.apple.com/ios
![Page 24: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/24.jpg)
200,000,000 iOS devices shipped
![Page 25: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/25.jpg)
372,141 Apps 414 Apps/Day 80,297 Publishers 10 bn downloads
Source: http://148apps.biz/app-store-metrics - May 3, 2011
![Page 26: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/26.jpg)
Required Stu!s
![Page 27: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/27.jpg)
![Page 28: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/28.jpg)
![Page 29: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/29.jpg)
iOS 4.3 SDK + Xcode 4
![Page 30: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/30.jpg)
![Page 31: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/31.jpg)
For debugging to device & deployment to AppStore
![Page 32: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/32.jpg)
Notice something?
iOS development = $$$Requires:
Purchase developer license
Own Mac computer (Xcode only runs on Mac)
Own mobile device (need to get license for development)
Let's keep going. . .
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 11 / 18
![Page 33: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/33.jpg)
Notice something?
iOS development = $$$Requires:
Purchase developer license
Own Mac computer (Xcode only runs on Mac)
Own mobile device (need to get license for development)
Let's keep going. . .
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 11 / 18
![Page 34: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/34.jpg)
Objective-C C + OOP " C++
![Page 35: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/35.jpg)
Model-View-Controller
![Page 36: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/36.jpg)
Memory Management
Reference counting
No garbage collector support (yet)
Autorelease Pool
![Page 37: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/37.jpg)
Goodies
![Page 38: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/38.jpg)
Cocoa Touch Foundation, UIKit, Multi-Touch Gestures
![Page 39: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/39.jpg)
Graphics Core Graphics, Core Animation, Core Image, Core Text, OpenGL ES
![Page 40: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/40.jpg)
Audio & Video Media player, Core Audio & OpenAL, iPod library, HTTP Live Streaming
![Page 41: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/41.jpg)
CoreData Database, Object-Relational Mapping, optimized for mobile - > 1 mln objects store
![Page 42: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/42.jpg)
Networking Bonjour, Peer to peer, WebKit framework, BSD socket
![Page 43: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/43.jpg)
Core Location & MapKit
![Page 44: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/44.jpg)
Multitasking New kind of multitasking. Available in iOS 4.
![Page 45: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/45.jpg)
External display support
![Page 46: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/46.jpg)
AirPrint Wireless printing to AirPrint-enabled printers. Hack available
![Page 47: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/47.jpg)
Push & Local Notification
![Page 48: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/48.jpg)
Game Center Social gaming platform
![Page 49: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/49.jpg)
iAd Integrated advertising platform
![Page 50: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/50.jpg)
In-App Purchase Payment inside applications
![Page 51: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/51.jpg)
iOS development summary
All good things aside, iOS development has a lot of red tape.
Approval for developer license
Market license
Deployment license
At Emory students can get free developer licenses, but they have to:
Use library computers/own a Mac
Register with IT
Obtain and install license (everytime you use library computer)
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 12 / 18
![Page 53: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/53.jpg)
Apple Battles �Resurgent� Rivals
iOS market share in decline as of Nov 2013 (TechCruch):
New platforms on the rise:
Android
Windows
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 14 / 18
![Page 54: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/54.jpg)
Apple Battles �Resurgent� Rivals
iOS market share in decline as of Nov 2013 (TechCruch):
New platforms on the rise:
Android
Windows
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 14 / 18
![Page 56: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/56.jpg)
History founded by open handset alliance (OHA) by a group in 2003 by ANDY ROBIN(danger) RICH MINER (co founder of wildfire communication) NICK SEARS (vpt-moblie) CHRIS WHITE(design and interface developed at web TV).
ANDROID logo designed by California based graphic designer IRINA BLOCK.
Google lacked financially and latter brought in android in 2005.
GOOGLE reveled in 2007 with first mobile android powered phone which was HTC DREAM was sold in October 22nd 2008.
ANDROID is a open source and Google releases the code under Apache license.
October 2012 approximately 700000 apps were available for downloads.
x
![Page 57: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/57.jpg)
Estimated applications downloaded at Google play were 25 billion.
Android took over Symbian OS in 2010.
Android has world wide Smartphone market share of 75% with 500 million devices activated.
1.3 millions activations per day.
Each major release is named in alphabetical order with international bakery items names e.g. cupcake, ice cream etc.
Google has its own mobile named NEXUS collaborated with HTC.
![Page 58: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/58.jpg)
![Page 59: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/59.jpg)
What is ANDROID• Google's Android is an open-source platform that's currently available on a wide variety of smart phones.
• Android is a software stack consist
Of a part of operating system in
{Linux kernel} libraries, framework,
and applications.
![Page 60: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/60.jpg)
Introduction Versions
versions Codename
API Distribution
1.5 Cupcake 3 0.05%
1.6 Donut 4 0.2%
2.1 Éclair 7 1.9%
2.2 Froyo 8 7.5%
2.32.3.22.3.32.3.7
Gingerbread
9
10
0.2%
43.9%
3.13.2
Honeycomb
1213
0.3%0.9%
4.0.34.0.4
Ice cream sandwich
15 28.6%
4.14.2
Jelly bean 1617
14.9%1.6%
Upcoming Key lime pie
Second qtr ???????
![Page 61: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/61.jpg)
![Page 62: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/62.jpg)
Getting started
• Installing all necessary tools to build apps.
• Jdk • Eclipse • Adt pulgins kit • New way of installing with ADT
bundle which includes eclipse + Adt+ platforms.
![Page 63: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/63.jpg)
Notice something?
Android development = free!No red tape! Requires:
No license
Uses open source software
Can run on any mobile device (no need to get deployment license)
Let's keep going. . .
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 16 / 18
![Page 64: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/64.jpg)
Notice something?
Android development = free!No red tape! Requires:
No license
Uses open source software
Can run on any mobile device (no need to get deployment license)
Let's keep going. . .
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 16 / 18
![Page 65: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/65.jpg)
ANDROID ARCHITECTURE
The software stack is split into Four Layers:
• The application layer
• The application framework
• The libraries and runtime
• The kernel
![Page 66: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/66.jpg)
![Page 67: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/67.jpg)
LIFE CYCLE
![Page 68: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/68.jpg)
Mobile development summary
Easiest is to develop responsive webapps
If needed can make native mobile app:
I iOS: objective-C, SwiftI Android: JavaI Windows: C#, VB.Net :-C~I Cross-platform: PhoneGap, AirplaySDK, WidgetPad, . . .
CS370, Günay (Emory) Responsive Webapps & Mobile Apps Spring 2015 17 / 18
![Page 69: Agenda - Emory Universitycengiz/CS370-pract-softeng-sp15/slides/a… · Responsive web design FromWikipedia: [RWD] is a Web design approach aimed at crafting sites to provide an optimal](https://reader034.vdocuments.mx/reader034/viewer/2022050106/5f44b21da5d222632b14de1c/html5/thumbnails/69.jpg)
Guest Speaker: Brian Clark
Check out: GradSchoolMatch.com
Emory Startup
Business background, but tightly integrated into Atlanta startup community
Welcome guests PicWhich, a Washington, DC startup