CSC 581: Mobile App Development

Slides:



Advertisements
Similar presentations
Introduction to Eclipse. Start Eclipse Click and then click Eclipse from the menu: Or open a shell and type eclipse after the prompt.
Advertisements

View-Based Application Development Lecture 1 1. Flows of Lecture 1 Before Lab Introduction to the Game to be developed in this workshop Comparison between.
Copyright  Oracle Corporation, All rights reserved. 1 Creating an Application: The AppBuilder for Java IDE.
1 CSC 551: Web Programming Spring 2004 client-side programming with JavaScript  scripts vs. programs  JavaScript vs. JScript vs. VBScript  common tasks.
CS0007: Introduction to Computer Programming Console Output, Variables, Literals, and Introduction to Type.
Introduction to Objective-C and Xcode (Part 1) FA 175 Intro to Mobile App Development.
Georgia Institute of Technology DrJava Appendix A Barb Ericson Georgia Institute of Technology May 2006.
Friday, August 29, 2014 CSCI 351 – Mobile Applications Development.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Creating First Class Web Pages Log into your account.
Eclipse IDE. 2 IDE Overview An IDE is an Interactive Development Environment Different IDEs meet different needs BlueJ and DrJava are designed as teaching.
Creating a Web Page HTML, FrontPage, Word, Composer.
Android Application Development 2013 PClassic Chris Murphy 1.
The basics of the Online Portal
Javascript and the Web Whys and Hows of Javascript.
Chapter 3 Navigating a Project Goals & Objectives 1.Get familiar with the navigation of the project. How is everything structured? What settings can you.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Xcode Presentation Tom Pletzke. Creating App from template Launch Xcode Select Tabbed Application.
Web Technologies Website Development Trade & Industrial Education
Xcode testing Using XCTest.
IE 411/511: Visual Programming for Industrial Applications
Website Development with Dreamweaver
Automating Database Processing Chapter 6. Chapter Introduction Design and implement user-friendly menu – Called navigation form Macros – Automate repetitive.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
© 2005 Pearson Education, Inc., Upper Saddle River, NJ. All rights reserved. Data Structures for Java William H. Ford William R. Topp Appendix E The EZJava.
CPSC1301 Computer Science 1 Overview of Dr. Java.
Chapter 19: Visual Lisp. After completing this Chapter, you will be able to do the following: What is AutoLISP Launching Visual LISP Terminology and Fundamental.
Lecture Set 2 Part A: Creating an Application with Visual Studio – Solutions, Projects, Files.
IOS with Swift Hello world app.
1 CSC 221: Computer Programming I Spring 2008 Objects and classes: a broad view  software objects, classes, object-oriented design  BlueJ IDE, compilation.
Applications Development
Orientation Configuration adapting to orientation changes.
Introduction to Objective-C Spring Goals An introduction to Objective-C As implemented by the Apple LLVM Compiler 4.0 (a.k.a. Clang) Only the basics…
Lecture 10 Using Interface Builder to create Mac Applications.
Lecture Set 2 Part A: Creating an Application with Visual Studio – Solutions, Projects, Files 8/10/ :35 PM.
Folio3 IPhone Training Session 2 Testing App on device Presenter: Imam Raza.
Swift. Introduced in 2014 Replaces Objective-C as “recommended development language” “safer, succinct, readable” Emphasizes type safety.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
Getting Started with Dreamweaver
CGS 3066: Web Programming and Design Spring 2017
Appendix A Barb Ericson Georgia Institute of Technology May 2006
The eclipse IDE IDE = “Integrated Development Environment”
Development Environment
Chapter 2: The Visual Studio .NET Development Environment
Tutorial 10 Programming with JavaScript
Practical Office 2007 Chapter 10
ATS Application Programming: Java Programming
Appendix A Barb Ericson Georgia Institute of Technology May 2006
Chapter 3 GC 101 Java Fundamentals.
RAD Certification Checkpoint #2 Introducing RadStudio (Hello World)
1. Introduction to Visual Basic
T_C_N_L_G_ E D I D I E O Y O H I E B J I R E A A W.
CSCI 351 – Mobile Applications Development
Programming In Any Language With “Hello, World!” Examples
CSC 581: Mobile App Development
Social Media And Global Computing Introduction to Visual Studio
Understanding the Visual IDE
CSC 581: Mobile App Development
Getting Started with Dreamweaver
CSC 581: Mobile App Development
CSC 581: Mobile App Development
Java IDE Dwight Deugo Nesa Matic Portions of the notes for this lecture include excerpts from.
Apple Xcode with Swift Demo
EEC-492/693/793 iPhone Application Development
Carthage ios 8 onwards Dependency manager that streamlines the process of integrating the libraries into the project.
CSC 581: Mobile App Development
CSC 581: Mobile App Development
Workshop for Programming And Systems Management Teachers
Presentation transcript:

CSC 581: Mobile App Development Spring 2018 Unit 1: Getting Started with App Development Swift language history, playgrounds vs. projects let vs. var, types, type inference operators, if-else, switch, ternary op SDK XCode IDE, build+run+debug , documentation browser interface builder, storyboards, object library outlets vs. actions, attributes inspector

Swift notes Apple released Swift in 2014, for iOS and macOS development easier to use & understand alternative to Objective-C now also used for watchOS and tvOS development Swift has been open-source since 2015, with a large community of supporters Swift is fully object-oriented, but has the look of cleaner scripting languages XCode is Apple’s general-purpose IDE includes playgrounds – files that serve as interactive Swift interpreters can type Swift code in a playground & immediately see the results the default playground includes import UIKit for loading standard UI elements in Swift, it is good practice to distinguish between constants and variables constants are declared using let e.g., let max = 100 variables are declared using var e.g., var num = 5 naming conventions for constants/variable are more liberal than Java no spaces or math symbols, can't start with a digit all legal: maxValue salary$ mañana π 🎲 when printing values, can embed variables in text using \( ) e.g., print("The number is \(num)")

Swift notes (cont.) Swift is type-safe, the type of every value must be known by the compiler you can declare the type along with a constant/variable var age: Int (primitives are Int, Double, String, Bool) this is rarely done, as Swift performs type inferencing var age = 21 (automatically infers that age is of type Int) Swift provides same math operators as Java +, -, *, /, %, +=, -=, *=, /=, %= note: no ++ or -- unlike Java, operators must be applied to values of same type var sum = 2 + 3.5 // illegal var sum = Double(2) + 3.5 // but can cast values in Swift, if-else is similar to Java, but the test doesn't require parentheses Boolean operators are the same: ==, !=, <, >, <=, >=, &&, ||, ! if x > 0 { print("\(x) is positive") } Unit 1 also covers switches and the ternary operator – I WILL NEVER USE THESE

SDK notes XCode can be used to create/open a playground or a project when you create a project, select Single View App the XCode workspace is divided into 5 areas: Editor Area (center): where you edit Swift files and UIs Toolbar (top): buttons for build/run, controlling windows, etc. Navigator (left): default is Project Navigator, which shows your project files Debug (bottom): includes console pane, which shows results of print Utility (right): context-sensitive, includes attributes editor, UI library projects can be run directly on a device (must set up an Apple Dev. account) we will mostly use the simulator, which can simulate any iOS device XCode has detailed error messages & warnings, an integrated debugger the Single View App template automatically creates several files (in Navigator Area) ViewController.swift: contains the Swift code that controls the app clicking on this file opens the source code in the Editor Area ViewController is a class with methods for controlling the app option-clicking on a code element brings up the documentation browser Main.storyboard: contains the UI for the app clicking on this file opens Interface Builder, an integrated tool for drag & drop UIs

SDK notes (cont.) within Interface Builder, can drag UI elements from Object Library (in Utility Area) e.g., can drag button element into screen, align using guide lines once an element is placed in the screen, can view/edit its attributes select the element, click on Attributes Inspector icon at top of Utility Area e.g., can change button text, color, … can place IB and the Editor side-by-side by clicking the linked-circles icon at top-right creating an action (i.e., associating a method in ViewController with a UI element) right-click (or Control-click) on the element and drag the line inside the class select Connection:Action and give specifics to create a method e.g., Name:buttonClick, Type:UIButton creates method named buttonClick can then add Swift code to the method to specify the action creating an outlet (i.e., adding a reference to a UI element in ViewController ) select Connection:Outlet and give specifics to create a field e.g., Name:myButton, Type:UIButton creates field named myButton can then refer to that field in methods