SlideShare a Scribd company logo
IOS DEVELOPMENT
 INTRODUCTION
    Gonzalo Parra
     #mume11




    October 14, 2011
A smartphone is a mobile phone that
offers more advanced computing
     ability and connectivity than a
      contemporary feature phone.




                                       Source: LP33.TV
WHAT IS THE IPHONE?
• accelerometer

• Three-axis    gyro
• Assisted   GPS
• Digital   compass
• multi-touch    display
• sensors    (proximity, ambient light)
• camera    (photos, video)
• UMTS/HSDPA, GSM/EDGE, WI-FI, Bluetooth
Sources: http://www.trendbird.co.kr/, iOS Developer Library, http://www.capsulecomputers.com.au
IOS?
• iPod Touch

• iPhone

• iPad
WHAT IS THE IOS?




             Based on a work at cs193p.stanford.edu
iOS
                Core OS
Cocoa Touch
                OSX Kernel Power Management
   Media        Mach 3.0   Keychain Access
                BSD        Certificates
Core Services
                Sockets    File System
  Core OS       Security   Bonjour




                           Based on a work at cs193p.stanford.edu
iOS
                Core Services
Cocoa Touch
                Collections         Core Location
   Media        Address Book Net Services
                Networking          Threading
Core Services
                File Access         Preferences
  Core OS       SQLite              URL Utilities




                              Based on a work at cs193p.stanford.edu
iOS
                Media
Cocoa Touch
                Core Audio           JPEG, PNG, TIFF
   Media        OpenAL               PDF
                Audio Mixing         Quartz (2D)
Core Services
                Audio Recording Core Animation
  Core OS       Video Playback       OpenGL ES




                               Based on a work at cs193p.stanford.edu
iOS
                Cocoa Touch
Cocoa Touch
                Multi-Touch            Alerts
   Media        Core Motion            Web View
                View Hierarchy         Map Kit
Core Services
                Localization           Image Picker
  Core OS       Controls               Camera




                               Based on a work at cs193p.stanford.edu
TYPES OF DEVELOPMENT


• Native Apps

• Mobile Web Apps

• External   frameworks
NATIVE APPLICATIONS

• iOS   SDK (requires an Intel Mac)

• Language: Objective-C

• Tools: XCode, iOS   Simulator

• Apple   Developer Program

 • AppStore
EXAMPLES
MOBILE WEB APPLICATIONS

• Language: HTML*, Javascript, CSS

     • Frameworks: Sencha Touch, jQueryMobile, ...

• Tools: HTML*          editor (DashCode), iOS Simulator, Safari

• Can     be displayed in “every” smartphone


 * PHP, JSP, ASP, ...
EXAMPLES
iUi: iPhone User Interface Framework
EXTERNAL PLATFORMS


• PhoneGap, Titanium,...

  • requires   iPhone SDK

• Language: HTML, Javascript, CSS
NATIVE APPS DEVELOPMENT:
         BASICS
COMPONENTS
• iOS   SDK (requires an Intel Mac)

 • Frameworks: Foundation, UIKit,...

 • MVC

• Language: Objective-C

• Tools: XCode, iOS   Simulator, Instruments

• Apple   Developer Program
MVC
                     MVC

                    Controller




    Model                                   View


It’s all about managing communication between camps                         St
                                                                             C
                                     Based on a work at cs193p.stanford.edu Fa
MVC: CONTROLLER
                    MVC

                   Controller
                                outlet




 Model                                          View


Controllers can also talk directly to their View.                               St
                                                                                 C
                                         Based on a work at cs193p.stanford.edu Fal
MVC: VIEW
                  MVC
                       should            target
                   will         did

                 Controller
                data
                            count
                                        outlet
                 at

                                da




                                          de
                                  ta




                                             le
                                                g
                                       so




                                                    at
                                          u                          action




                                                      e
                                              rc
                                                e

Model                                                        View


No. The Model is (should be) UI independent.                                                 St
                                                                                              C
                                                      Based on a work at cs193p.stanford.edu Fal
MVC: MODEL
                        MVC
                             should            target
                         will         did

                      Controller
                      data
                                  count
                                              outlet
                       at

                                      da




                                                de
     Notification
                                        ta




                                                   le
       & KVO




                                                      g
                                             so




                                                          at
                                                u                          action




                                                            e
                                                    rc
                                                      e

      Model                                                        View


Now combine MVC groups to make complicated programs ...                                            St
                                                                                                    C
                                                            Based on a work at cs193p.stanford.edu Fal
MVC
MVCs working together




                                            Stanford
                                             CS193p
                                            Fall 2010




                   Based on a work at cs193p.stanford.edu
OBJECTIVE-C


   .h                 .m

Interface      Implementation
CLASSES




          From: “The Objective-C Programming Language”
METHODS




[myArray insertObject:anObject atIndex:0];
                            From: “The Objective-C Programming Language”
PROPERTIES

@property BOOL flag;

@property (copy) NSString *nameObject;



@synthesize flag;

@synthesize nameObject;

                                    From: “The Objective-C Programming Language”
HELLO IPHONE!
HELLO IPHONE!
HELLO IPHONE MVC
                             MVC
HelloiPhoneViewController                target

                            Controller
                                         outlet




 X
                                                                action
                                                                     myButtonPushed

     Model                                               View
                                    UISlider
                                               UILabel               UIButton

         Then hand out an action to the View.                                              Sta
                                                                                            CS
                                                  Based on a work at cs193p.stanford.edu   Fall
HELLO IPHONE!:
HANDS-ON
CALCULATOR
• http://bit.ly/iphonecalculator
MVC
MAPAPP (MAPKIT)
EXTRA MATERIAL


• http://developer.apple.com/devcenter/ios/index.action




• WWW
CODE

•   HelloiPhone: http://bit.ly/helloiphonecode


•   Calculator: http://bit.ly/mume10calc


•   MapApp: http://bit.ly/mume10map
QUESTIONS?




  THANKS!
   http://bit.ly/gonzalo-parra
REFERENCES

•   CS193P: Developing Applications for iOS, Stanford
    University: http://cs193p.stanford.edu/
•   HelloWorld Tutorial: http://bit.ly/helloiphone
•   iPhone Programming Tutorial: http://bit.ly/crwpk0
•   The Spoken Word: http://bit.ly/dcMXBK
•   The Objective-C Programming Language: http://bit.ly/
    objcpl

More Related Content

Similar to iOS Development Introduction (MuMe11)

Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)
John Smith
 
Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)
Wes Yanaga
 

Similar to iOS Development Introduction (MuMe11) (20)

iOS Programming - MCV (Delegate/Protocols/Property&Syntax)
iOS Programming - MCV (Delegate/Protocols/Property&Syntax)iOS Programming - MCV (Delegate/Protocols/Property&Syntax)
iOS Programming - MCV (Delegate/Protocols/Property&Syntax)
 
Iphone course 3
Iphone course 3Iphone course 3
Iphone course 3
 
Lecture 1
Lecture 1Lecture 1
Lecture 1
 
Introducing spring
Introducing springIntroducing spring
Introducing spring
 
Coca
CocaCoca
Coca
 
Lecture 1 slides
Lecture 1 slidesLecture 1 slides
Lecture 1 slides
 
Cross Platform Mobile Apps with the Ionic Framework
Cross Platform Mobile Apps with the Ionic FrameworkCross Platform Mobile Apps with the Ionic Framework
Cross Platform Mobile Apps with the Ionic Framework
 
Modern ASP.NET Webskills
Modern ASP.NET WebskillsModern ASP.NET Webskills
Modern ASP.NET Webskills
 
MVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,MobileMVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,Mobile
 
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC TeamAOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
AOP-IOC made by Vi Quoc Hanh and Vu Cong Thanh in SC Team
 
iPhone Programming in 30 minutes (?) [FTS]
iPhone Programming in 30 minutes (?) [FTS]iPhone Programming in 30 minutes (?) [FTS]
iPhone Programming in 30 minutes (?) [FTS]
 
mekentosj.com - building Papers
mekentosj.com - building Papersmekentosj.com - building Papers
mekentosj.com - building Papers
 
Confluence
ConfluenceConfluence
Confluence
 
Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)
 
Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)Intro to c# (vs. objective c and java)
Intro to c# (vs. objective c and java)
 
Intro to Continuous Integration at SoundCloud
Intro to Continuous Integration at SoundCloudIntro to Continuous Integration at SoundCloud
Intro to Continuous Integration at SoundCloud
 
Spring Framework
Spring FrameworkSpring Framework
Spring Framework
 
I pad uicatalog_lesson02
I pad uicatalog_lesson02I pad uicatalog_lesson02
I pad uicatalog_lesson02
 
Portfolio
PortfolioPortfolio
Portfolio
 
Walk in the shoe of angular
Walk in the shoe of angularWalk in the shoe of angular
Walk in the shoe of angular
 

More from Gonzalo Parra (8)

TiNYARM @ MATEL WS
TiNYARM @ MATEL WSTiNYARM @ MATEL WS
TiNYARM @ MATEL WS
 
iOS Development Introduction
iOS Development IntroductioniOS Development Introduction
iOS Development Introduction
 
More! @ EC-TEL
More! @ EC-TELMore! @ EC-TEL
More! @ EC-TEL
 
Research2.0
Research2.0Research2.0
Research2.0
 
More! A Social Discovery Tool for Researchers
More! A Social Discovery Tool for ResearchersMore! A Social Discovery Tool for Researchers
More! A Social Discovery Tool for Researchers
 
MACE
MACEMACE
MACE
 
ARIADNE LOM Application Profile
ARIADNE LOM Application ProfileARIADNE LOM Application Profile
ARIADNE LOM Application Profile
 
Iphone Presentation for MuMe09
Iphone Presentation for MuMe09Iphone Presentation for MuMe09
Iphone Presentation for MuMe09
 

Recently uploaded

Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsIn-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 

iOS Development Introduction (MuMe11)

  • 1. IOS DEVELOPMENT INTRODUCTION Gonzalo Parra #mume11 October 14, 2011
  • 2. A smartphone is a mobile phone that offers more advanced computing ability and connectivity than a contemporary feature phone. Source: LP33.TV
  • 3. WHAT IS THE IPHONE? • accelerometer • Three-axis gyro • Assisted GPS • Digital compass • multi-touch display • sensors (proximity, ambient light) • camera (photos, video) • UMTS/HSDPA, GSM/EDGE, WI-FI, Bluetooth
  • 4. Sources: http://www.trendbird.co.kr/, iOS Developer Library, http://www.capsulecomputers.com.au
  • 5. IOS? • iPod Touch • iPhone • iPad
  • 6. WHAT IS THE IOS? Based on a work at cs193p.stanford.edu
  • 7. iOS Core OS Cocoa Touch OSX Kernel Power Management Media Mach 3.0 Keychain Access BSD Certificates Core Services Sockets File System Core OS Security Bonjour Based on a work at cs193p.stanford.edu
  • 8. iOS Core Services Cocoa Touch Collections Core Location Media Address Book Net Services Networking Threading Core Services File Access Preferences Core OS SQLite URL Utilities Based on a work at cs193p.stanford.edu
  • 9. iOS Media Cocoa Touch Core Audio JPEG, PNG, TIFF Media OpenAL PDF Audio Mixing Quartz (2D) Core Services Audio Recording Core Animation Core OS Video Playback OpenGL ES Based on a work at cs193p.stanford.edu
  • 10. iOS Cocoa Touch Cocoa Touch Multi-Touch Alerts Media Core Motion Web View View Hierarchy Map Kit Core Services Localization Image Picker Core OS Controls Camera Based on a work at cs193p.stanford.edu
  • 11. TYPES OF DEVELOPMENT • Native Apps • Mobile Web Apps • External frameworks
  • 12. NATIVE APPLICATIONS • iOS SDK (requires an Intel Mac) • Language: Objective-C • Tools: XCode, iOS Simulator • Apple Developer Program • AppStore
  • 14. MOBILE WEB APPLICATIONS • Language: HTML*, Javascript, CSS • Frameworks: Sencha Touch, jQueryMobile, ... • Tools: HTML* editor (DashCode), iOS Simulator, Safari • Can be displayed in “every” smartphone * PHP, JSP, ASP, ...
  • 15. EXAMPLES iUi: iPhone User Interface Framework
  • 16. EXTERNAL PLATFORMS • PhoneGap, Titanium,... • requires iPhone SDK • Language: HTML, Javascript, CSS
  • 18. COMPONENTS • iOS SDK (requires an Intel Mac) • Frameworks: Foundation, UIKit,... • MVC • Language: Objective-C • Tools: XCode, iOS Simulator, Instruments • Apple Developer Program
  • 19. MVC MVC Controller Model View It’s all about managing communication between camps St C Based on a work at cs193p.stanford.edu Fa
  • 20. MVC: CONTROLLER MVC Controller outlet Model View Controllers can also talk directly to their View. St C Based on a work at cs193p.stanford.edu Fal
  • 21. MVC: VIEW MVC should target will did Controller data count outlet at da de ta le g so at u action e rc e Model View No. The Model is (should be) UI independent. St C Based on a work at cs193p.stanford.edu Fal
  • 22. MVC: MODEL MVC should target will did Controller data count outlet at da de Notification ta le & KVO g so at u action e rc e Model View Now combine MVC groups to make complicated programs ... St C Based on a work at cs193p.stanford.edu Fal
  • 23. MVC MVCs working together Stanford CS193p Fall 2010 Based on a work at cs193p.stanford.edu
  • 24. OBJECTIVE-C .h .m Interface Implementation
  • 25. CLASSES From: “The Objective-C Programming Language”
  • 26. METHODS [myArray insertObject:anObject atIndex:0]; From: “The Objective-C Programming Language”
  • 27. PROPERTIES @property BOOL flag; @property (copy) NSString *nameObject; @synthesize flag; @synthesize nameObject; From: “The Objective-C Programming Language”
  • 30. HELLO IPHONE MVC MVC HelloiPhoneViewController target Controller outlet X action myButtonPushed Model View UISlider UILabel UIButton Then hand out an action to the View. Sta CS Based on a work at cs193p.stanford.edu Fall
  • 33. MVC
  • 36. CODE • HelloiPhone: http://bit.ly/helloiphonecode • Calculator: http://bit.ly/mume10calc • MapApp: http://bit.ly/mume10map
  • 37. QUESTIONS? THANKS! http://bit.ly/gonzalo-parra
  • 38. REFERENCES • CS193P: Developing Applications for iOS, Stanford University: http://cs193p.stanford.edu/ • HelloWorld Tutorial: http://bit.ly/helloiphone • iPhone Programming Tutorial: http://bit.ly/crwpk0 • The Spoken Word: http://bit.ly/dcMXBK • The Objective-C Programming Language: http://bit.ly/ objcpl