SlideShare una empresa de Scribd logo
1 de 47
Introduction to iPhone Development Shyamala Prayaga Day 1
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Prerequisite ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Introduction iPhone is the trademark of Apple Inc
iPhone OS Architecture iPhone OS System Apps Applications Applications - Similar to the basic architecture of  Mac OS X - iOS acts as an intermediary between  the underlying hardware and the  applications that appear on the screen - Applications that you create never interact directly with the hardware but  instead go through system interfaces,  which interact with the appropriate  drivers.
iOS Layers
iPhone App Development Tools
iPhone App Development Tools XCode Objective-C, GDB Interface Builder Graphical UI Development Instruments Profiling, Leak Finding Simulator/ Emulator Testing
XCode ,[object Object],[object Object],[object Object],[object Object],[object Object]
XCode
Interface Builder ,[object Object],[object Object],[object Object],[object Object]
Interface Builder
Instruments ,[object Object],[object Object],[object Object]
Instruments Your Project Instruments Simulator Devices
Organizer ,[object Object],[object Object],[object Object],[object Object]
Organizer
iPhone Simulator/Emulator ,[object Object],[object Object],[object Object],[object Object],[object Object]
iPhone Simulator/Emulator
Tools Overview Project XCode Device Simulator
iPhone Application Structure
iPhone Application Structure  Linked Frameworks Graphics, sound, blue tooth etc
iPhone Application Structure  The Executable
iPhone Application Structure  Target Different build setup
iPhone Application Structure  Resources Images, sounds, data, IB files
iPhone Application Structure  Boilerplate code
Starting a Project
Starting a Project – Step 1 Start up XCode
Starting a Project – Step 2 XCode provides several project templates to get you up and  develop your application - Navigation-based Application: that presents data hierarchically, using multiple screens - OpenGL ES Application: to present images or animation. Tab Bar Application: that presents a radio interface that lets the user choose from several screens Utility Application: that implements a main view and lets the user access a flip-side view to perform simple customizations.  View-based Application: that uses a single view to implement its user interface. Window-based Application: serves as a starting point for any application, containing an application delegate and a window. Use this template when you want to implement your own view hierarchy.
Starting a Project – Step 2 Create a new project  (File->New Project)  A dialog will pop up Select View-Based Application then click Choose.
Starting a Project – Step 2
Starting a Project – Step 3 A dialog will pop up, asking for a project name.  Name it HelloWorld
Starting a Project – Step 4 The XCode project window will open.  You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files  List Status Bar Detail View
Starting a Project – Step 4 The XCode project window will open.  You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files  List Status Bar Detail View Provides quick access to the most  common XCode commands
Starting a Project – Step 4 The XCode project window will open.  You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files  List Status Bar Detail View - Provides an outline view of your project’ contents - You can move files and folders around and organize  your project contents in this list
Starting a Project – Step 4 The XCode project window will open.  You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files  List Status Bar Detail View - Displays status messages for the project - During an operation,such as building or indexing, Xcode  displays a progress indicator in the status bar to show the  progress of the current task.
Starting a Project – Step 4 The XCode project window will open.  You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files  List Status Bar Detail View - Shows the item or items selected in the Groups & Files list -  You can browse your project’s contents in the detail view,  search them using the search field, or sort them according  to column - The detail view helps you rapidly find and access your project’s  contents.
Starting a Project – Step 4 HelloWorld.app is the  the name of your  application
Starting a Project – Step 4 HelloWorldAppDelegate is the application main class It contains the  HelloWorldViewController
Starting a Project – Step 4 HelloWorldViewController is the “view” that you will see on the application
Starting a Project – Step 4 HelloWorldViewController.xib will be loaded by the application and is sort of a “canvas” where you can design the look of the application
Starting a Project – Step 5 Double click HelloWorldViewController.xib.  The Interface Builder should open The View window is our  HelloWorld screen.  It’s blank now, but we are going to add a Label
Starting a Project – Step 6 Find Label on the Library window Objects->Cocoa Touch Plugin window  and drag the Label instance onto View
Starting a Project – Step 7 Double click the label that you inserted into View, then type Hello World.  Notice the text is off center.  Center it. Lets bring up the Inspector window (Tools->Inspector) and Change the font color and font size
Starting a Project – Step 8 Save the xib file (File->Save).  Quit Interface Builder.  Go back to XCode and do Build and Go to compile and run your app.
Starting a Project – Step 9
Day 2 Objective ,[object Object],[object Object],[object Object]
Questions

Más contenido relacionado

La actualidad más candente

Introduction to iOS Development
Introduction to iOS DevelopmentIntroduction to iOS Development
Introduction to iOS Development
Asim Rais Siddiqui
 
Developing Applications on iOS
Developing Applications on iOSDeveloping Applications on iOS
Developing Applications on iOS
Francisco Ramos
 
Introduction to iOS Apps Development
Introduction to iOS Apps DevelopmentIntroduction to iOS Apps Development
Introduction to iOS Apps Development
Prof. Erwin Globio
 

La actualidad más candente (20)

iOS platform
iOS platformiOS platform
iOS platform
 
What is cocoa
What is cocoaWhat is cocoa
What is cocoa
 
Android & IOS
Android & IOSAndroid & IOS
Android & IOS
 
iOS App Architecture
iOS App ArchitectureiOS App Architecture
iOS App Architecture
 
Between Cocoa and Cocoa Touch: A Comparative Introduction
Between Cocoa and Cocoa Touch: A Comparative IntroductionBetween Cocoa and Cocoa Touch: A Comparative Introduction
Between Cocoa and Cocoa Touch: A Comparative Introduction
 
iOS Development - A Beginner Guide
iOS Development - A Beginner GuideiOS Development - A Beginner Guide
iOS Development - A Beginner Guide
 
Apple iOS Introduction
Apple iOS IntroductionApple iOS Introduction
Apple iOS Introduction
 
PPT on iOS
PPT on iOS PPT on iOS
PPT on iOS
 
Introduction to iOS Development
Introduction to iOS DevelopmentIntroduction to iOS Development
Introduction to iOS Development
 
Which Mobile OS is the Most Secure; Apple, Android or Windows? [Updated 2016-...
Which Mobile OS is the Most Secure; Apple, Android or Windows? [Updated 2016-...Which Mobile OS is the Most Secure; Apple, Android or Windows? [Updated 2016-...
Which Mobile OS is the Most Secure; Apple, Android or Windows? [Updated 2016-...
 
Apple's ios
Apple's iosApple's ios
Apple's ios
 
Ios development
Ios developmentIos development
Ios development
 
Apple iOS Documentation
Apple iOS DocumentationApple iOS Documentation
Apple iOS Documentation
 
Ios seminar
Ios seminarIos seminar
Ios seminar
 
iOS I phone operating system
iOS I phone operating system iOS I phone operating system
iOS I phone operating system
 
ios-mobile-app-development-intro
ios-mobile-app-development-introios-mobile-app-development-intro
ios-mobile-app-development-intro
 
iOS Developer Concept introduction
iOS Developer Concept introductioniOS Developer Concept introduction
iOS Developer Concept introduction
 
Developing Applications on iOS
Developing Applications on iOSDeveloping Applications on iOS
Developing Applications on iOS
 
iOS Operating System
iOS Operating SystemiOS Operating System
iOS Operating System
 
Introduction to iOS Apps Development
Introduction to iOS Apps DevelopmentIntroduction to iOS Apps Development
Introduction to iOS Apps Development
 

Similar a iPhone application development training day 1

Java Is A Programming Dialect And Registering Stage Essay
Java Is A Programming Dialect And Registering Stage EssayJava Is A Programming Dialect And Registering Stage Essay
Java Is A Programming Dialect And Registering Stage Essay
Liz Sims
 
Android presentation
Android presentationAndroid presentation
Android presentation
Imam Raza
 
Analysis Of The Original Version Of Java
Analysis Of The Original Version Of JavaAnalysis Of The Original Version Of Java
Analysis Of The Original Version Of Java
Amanda Brady
 

Similar a iPhone application development training day 1 (20)

I phone first app ducat
I phone first app ducatI phone first app ducat
I phone first app ducat
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
Introduction to Android and Java.pptx
Introduction to Android and Java.pptxIntroduction to Android and Java.pptx
Introduction to Android and Java.pptx
 
Basic iOS Training with SWIFT - Part 4
Basic iOS Training with SWIFT - Part 4Basic iOS Training with SWIFT - Part 4
Basic iOS Training with SWIFT - Part 4
 
Code camp 2011 Getting Started with IOS, Una Daly
Code camp 2011 Getting Started with IOS, Una DalyCode camp 2011 Getting Started with IOS, Una Daly
Code camp 2011 Getting Started with IOS, Una Daly
 
Programming basics
Programming basicsProgramming basics
Programming basics
 
outgoing again
outgoing againoutgoing again
outgoing again
 
Android Application Development Using Java
Android Application Development Using JavaAndroid Application Development Using Java
Android Application Development Using Java
 
Java Is A Programming Dialect And Registering Stage Essay
Java Is A Programming Dialect And Registering Stage EssayJava Is A Programming Dialect And Registering Stage Essay
Java Is A Programming Dialect And Registering Stage Essay
 
Android session 1
Android session 1Android session 1
Android session 1
 
Ionic2 First Lesson of Four
Ionic2 First Lesson of FourIonic2 First Lesson of Four
Ionic2 First Lesson of Four
 
Android presentation
Android presentationAndroid presentation
Android presentation
 
Analysis Of The Original Version Of Java
Analysis Of The Original Version Of JavaAnalysis Of The Original Version Of Java
Analysis Of The Original Version Of Java
 
Vb lecture
Vb lectureVb lecture
Vb lecture
 
Android deep dive
Android deep diveAndroid deep dive
Android deep dive
 
Seminar on android app development
Seminar on android app developmentSeminar on android app development
Seminar on android app development
 
CI & CD- mobile application
CI & CD- mobile applicationCI & CD- mobile application
CI & CD- mobile application
 
CI & CD- mobile application
CI & CD- mobile applicationCI & CD- mobile application
CI & CD- mobile application
 
200810 - iPhone Tutorial
200810 - iPhone Tutorial200810 - iPhone Tutorial
200810 - iPhone Tutorial
 
Getting started with android studio
Getting started with android studioGetting started with android studio
Getting started with android studio
 

Más de Shyamala Prayaga

Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop
Shyamala Prayaga
 
Mobile accessibility challenges and best practices v2
Mobile accessibility   challenges and best practices v2Mobile accessibility   challenges and best practices v2
Mobile accessibility challenges and best practices v2
Shyamala Prayaga
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Shyamala Prayaga
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Shyamala Prayaga
 
Improving Site Performace Using Css Sprite
Improving Site Performace Using Css SpriteImproving Site Performace Using Css Sprite
Improving Site Performace Using Css Sprite
Shyamala Prayaga
 

Más de Shyamala Prayaga (20)

HealthyCodeMay2014
HealthyCodeMay2014HealthyCodeMay2014
HealthyCodeMay2014
 
Leveraging Augmented Reality Capability for enhancing the shopping experience
Leveraging Augmented Reality Capability for enhancing the shopping experienceLeveraging Augmented Reality Capability for enhancing the shopping experience
Leveraging Augmented Reality Capability for enhancing the shopping experience
 
My Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignMy Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android Design
 
Ticketing Application
Ticketing ApplicationTicketing Application
Ticketing Application
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop
 
Android design in action
Android design in actionAndroid design in action
Android design in action
 
Mobile accessibility challenges and best practices v2
Mobile accessibility   challenges and best practices v2Mobile accessibility   challenges and best practices v2
Mobile accessibility challenges and best practices v2
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
 
MOBILE INTERACTION PATTERNS AND NON PATTERNS
MOBILE INTERACTION PATTERNS AND NON PATTERNSMOBILE INTERACTION PATTERNS AND NON PATTERNS
MOBILE INTERACTION PATTERNS AND NON PATTERNS
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
 
Accessibility and ucd
Accessibility and ucdAccessibility and ucd
Accessibility and ucd
 
Android Design
Android DesignAndroid Design
Android Design
 
Mobile UI and Usability Guidelines V1
Mobile UI and Usability Guidelines V1Mobile UI and Usability Guidelines V1
Mobile UI and Usability Guidelines V1
 
Mobile Web Frameworks
Mobile Web FrameworksMobile Web Frameworks
Mobile Web Frameworks
 
Usability Testing
Usability TestingUsability Testing
Usability Testing
 
Json
JsonJson
Json
 
Ethenographic research
Ethenographic researchEthenographic research
Ethenographic research
 
Improving Site Performace Using Css Sprite
Improving Site Performace Using Css SpriteImproving Site Performace Using Css Sprite
Improving Site Performace Using Css Sprite
 
Universal Design
Universal DesignUniversal Design
Universal Design
 

Último

Último (20)

Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 

iPhone application development training day 1

  • 1. Introduction to iPhone Development Shyamala Prayaga Day 1
  • 2.
  • 3.
  • 4. Introduction iPhone is the trademark of Apple Inc
  • 5. iPhone OS Architecture iPhone OS System Apps Applications Applications - Similar to the basic architecture of Mac OS X - iOS acts as an intermediary between the underlying hardware and the applications that appear on the screen - Applications that you create never interact directly with the hardware but instead go through system interfaces, which interact with the appropriate drivers.
  • 8. iPhone App Development Tools XCode Objective-C, GDB Interface Builder Graphical UI Development Instruments Profiling, Leak Finding Simulator/ Emulator Testing
  • 9.
  • 10. XCode
  • 11.
  • 13.
  • 14. Instruments Your Project Instruments Simulator Devices
  • 15.
  • 17.
  • 19. Tools Overview Project XCode Device Simulator
  • 21. iPhone Application Structure Linked Frameworks Graphics, sound, blue tooth etc
  • 23. iPhone Application Structure Target Different build setup
  • 24. iPhone Application Structure Resources Images, sounds, data, IB files
  • 25. iPhone Application Structure Boilerplate code
  • 27. Starting a Project – Step 1 Start up XCode
  • 28. Starting a Project – Step 2 XCode provides several project templates to get you up and develop your application - Navigation-based Application: that presents data hierarchically, using multiple screens - OpenGL ES Application: to present images or animation. Tab Bar Application: that presents a radio interface that lets the user choose from several screens Utility Application: that implements a main view and lets the user access a flip-side view to perform simple customizations. View-based Application: that uses a single view to implement its user interface. Window-based Application: serves as a starting point for any application, containing an application delegate and a window. Use this template when you want to implement your own view hierarchy.
  • 29. Starting a Project – Step 2 Create a new project (File->New Project) A dialog will pop up Select View-Based Application then click Choose.
  • 30. Starting a Project – Step 2
  • 31. Starting a Project – Step 3 A dialog will pop up, asking for a project name. Name it HelloWorld
  • 32. Starting a Project – Step 4 The XCode project window will open. You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files List Status Bar Detail View
  • 33. Starting a Project – Step 4 The XCode project window will open. You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files List Status Bar Detail View Provides quick access to the most common XCode commands
  • 34. Starting a Project – Step 4 The XCode project window will open. You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files List Status Bar Detail View - Provides an outline view of your project’ contents - You can move files and folders around and organize your project contents in this list
  • 35. Starting a Project – Step 4 The XCode project window will open. You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files List Status Bar Detail View - Displays status messages for the project - During an operation,such as building or indexing, Xcode displays a progress indicator in the status bar to show the progress of the current task.
  • 36. Starting a Project – Step 4 The XCode project window will open. You see on the left side, under Classes, are the classes you will be working with Toolbar Group & Files List Status Bar Detail View - Shows the item or items selected in the Groups & Files list - You can browse your project’s contents in the detail view, search them using the search field, or sort them according to column - The detail view helps you rapidly find and access your project’s contents.
  • 37. Starting a Project – Step 4 HelloWorld.app is the the name of your application
  • 38. Starting a Project – Step 4 HelloWorldAppDelegate is the application main class It contains the HelloWorldViewController
  • 39. Starting a Project – Step 4 HelloWorldViewController is the “view” that you will see on the application
  • 40. Starting a Project – Step 4 HelloWorldViewController.xib will be loaded by the application and is sort of a “canvas” where you can design the look of the application
  • 41. Starting a Project – Step 5 Double click HelloWorldViewController.xib. The Interface Builder should open The View window is our HelloWorld screen. It’s blank now, but we are going to add a Label
  • 42. Starting a Project – Step 6 Find Label on the Library window Objects->Cocoa Touch Plugin window and drag the Label instance onto View
  • 43. Starting a Project – Step 7 Double click the label that you inserted into View, then type Hello World. Notice the text is off center. Center it. Lets bring up the Inspector window (Tools->Inspector) and Change the font color and font size
  • 44. Starting a Project – Step 8 Save the xib file (File->Save). Quit Interface Builder. Go back to XCode and do Build and Go to compile and run your app.
  • 45. Starting a Project – Step 9
  • 46.