iPhone application development training day 1

4,895 views
4,740 views

Published on

Published in: Education

iPhone application development training day 1

  1. 1. Introduction to iPhone Development Shyamala Prayaga Day 1
  2. 2. Agenda <ul><li>Prerequisite </li></ul><ul><li>Introduction </li></ul><ul><li>- iPhone OS Architecture </li></ul><ul><li>- iOS Layers </li></ul><ul><li>iPhone Application Development Tools </li></ul><ul><li>iPhone Application Structure </li></ul><ul><li>Starting a Project </li></ul><ul><li>Day 2 Objective </li></ul>
  3. 3. Prerequisite <ul><li>Intel Based Mac or Macbook </li></ul><ul><li>Apple Developer Connection Membership </li></ul><ul><ul><ul><li>Membership is free </li></ul></ul></ul><ul><li>iPhone SDK </li></ul><ul><ul><ul><li>iPhone Application Development Tools </li></ul></ul></ul><ul><ul><ul><li>Membership is free </li></ul></ul></ul><ul><li>C Basic Knowledge </li></ul>
  4. 4. Introduction iPhone is the trademark of Apple Inc
  5. 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.
  6. 6. iOS Layers
  7. 7. iPhone App Development Tools
  8. 8. iPhone App Development Tools XCode Objective-C, GDB Interface Builder Graphical UI Development Instruments Profiling, Leak Finding Simulator/ Emulator Testing
  9. 9. XCode <ul><li>XCode is an Integrated development environment, like Eclipse. While Eclipse is for Java, XCode is for Mac native code </li></ul><ul><li>XCode can manage all your testing devices, automatically packaging iPhone apps with the proper certificates, and installing apps on the iPhone itself </li></ul><ul><li>Apple makes XCode and distributes it for free, we can get it from Apple's developer website: </li></ul><ul><li>http://developer.apple.com/tools/xcode/ </li></ul><ul><li>Xcode is free, but Apple makes you register as a new developer and wants your name and email address </li></ul>
  10. 10. XCode
  11. 11. Interface Builder <ul><li>Interface Builder is the easy-to-use graphical editor for designing every aspect of iPhone Application's graphical user interface </li></ul><ul><li>Interface Builder stores your user interface design in one or more resource files, as a set of interface objects and their relationships </li></ul><ul><li>Changes you make in the interface are automatically synchronized with XCode </li></ul><ul><li>Interface Builder also makes it easy to drop in your own effects, including Quartz Composer animations </li></ul>
  12. 12. Interface Builder
  13. 13. Instruments <ul><li>Instruments environment lets you analyze the performance of your applications while running in the simulator or on a device </li></ul><ul><li>Instruments gathers data from your running application and presents that data in a graphical display called the timeline </li></ul><ul><li>You can gather data about your application’s memory usage, disk activity, network activity, and graphics performance </li></ul>
  14. 14. Instruments Your Project Instruments Simulator Devices
  15. 15. Organizer <ul><li>Organizer keeps track of your iPhone devices and certificates </li></ul><ul><li>Works with the Keychain to ensure that your application has been signed properly before installing it to an iPhone device </li></ul><ul><li>keeps track of multiple devices, multiple provisioning profiles, and even help prepare your application for submission to the App Store </li></ul><ul><li>Gives you quick access to frequently used files and projects, and allows for scripted operations across many projects </li></ul>
  16. 16. Organizer
  17. 17. iPhone Simulator/Emulator <ul><li>The iPhone Simulator runs your application in much the same way as an actual iPhone device </li></ul><ul><li>It is quick to launch and debug </li></ul><ul><li>The Simulator is a great way to test user interface </li></ul><ul><li>You can simulate touch gestures by using the mouse. </li></ul><ul><li>The Simulator is a great time saver </li></ul>
  18. 18. iPhone Simulator/Emulator
  19. 19. Tools Overview Project XCode Device Simulator
  20. 20. iPhone Application Structure
  21. 21. iPhone Application Structure Linked Frameworks Graphics, sound, blue tooth etc
  22. 22. iPhone Application Structure The Executable
  23. 23. iPhone Application Structure Target Different build setup
  24. 24. iPhone Application Structure Resources Images, sounds, data, IB files
  25. 25. iPhone Application Structure Boilerplate code
  26. 26. Starting a Project
  27. 27. Starting a Project – Step 1 Start up XCode
  28. 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. 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. 30. Starting a Project – Step 2
  31. 31. Starting a Project – Step 3 A dialog will pop up, asking for a project name. Name it HelloWorld
  32. 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. 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. 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. 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. 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. 37. Starting a Project – Step 4 HelloWorld.app is the the name of your application
  38. 38. Starting a Project – Step 4 HelloWorldAppDelegate is the application main class It contains the HelloWorldViewController
  39. 39. Starting a Project – Step 4 HelloWorldViewController is the “view” that you will see on the application
  40. 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. 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. 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. 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. 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. 45. Starting a Project – Step 9
  46. 46. Day 2 Objective <ul><li>Continuing Day 1 Project with adding more UI Elements </li></ul><ul><li>Objective C Overview </li></ul><ul><li>Starting a Project using Objective C </li></ul>
  47. 47. Questions

×