Mobile App Dev 2022W: Tutorial 5 - Revision history

Soma at 03:11, 9 February 2022

2022-02-09T03:11:20Z

← Older revision		Revision as of 03:11, 9 February 2022
Line 1:		Line 1:
	~~'''This tutorial is still being developed.'''~~

	In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3.zip textanalyzer-3], which implements the same text analyzer functionality as [[Mobile App Dev 2022W: Tutorial 2\|Tutorial 2's textanalyzer-1]] and [Mobile App Dev 2022W: Assignment 1\|Assignment 1's textanalyzer-2]. This version, however, uses UIKit/Storyboard, not SwiftUI.		In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3.zip textanalyzer-3], which implements the same text analyzer functionality as [[Mobile App Dev 2022W: Tutorial 2\|Tutorial 2's textanalyzer-1]] and [Mobile App Dev 2022W: Assignment 1\|Assignment 1's textanalyzer-2]. This version, however, uses UIKit/Storyboard, not SwiftUI.

Soma: /* Tasks */

2022-02-09T03:10:23Z

Tasks

← Older revision		Revision as of 03:10, 9 February 2022
Line 30:		Line 30:
	==Tasks==		==Tasks==

			# Add the Empty and Pets Mentioned actions as they were in textanalyzer-2.
			# Add a menu item "None" that sets the analysis mode to "None". When selected, the result area should show "Please choose an analysis mode." (This message should appear without you changing any part of the code except for the part determining the contents of the menu.)
	# Make the title of the app "Text Analyzer 4" and make the text non-bold (while keeping the same font size).		# Make the title of the app "Text Analyzer 4" and make the text non-bold (while keeping the same font size).
	# Put the results area in the center of the screen and the text input area just below it (thus swapping the position of the two). Make sure your layout works with different phone sizes and when the phone is rotated.		# Put the results area in the center of the screen and the text input area just below it (thus swapping the position of the two). Make sure your layout works with different phone sizes and when the phone is rotated.
	~~# Add the Empty and Pets Mentioned actions as they were in textanalyzer-2.~~
	# Add a menu item "None" that sets the analysis mode to "None". When selected, the result area should show "Please choose an analysis mode." (This message should appear without you changing any part of the code except for the part determining the contents of the menu.)

	==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3.zip textanalyzer-3 Code]==		==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3.zip textanalyzer-3 Code]==

Soma: /* Key Concepts & APIs */

2022-02-09T03:08:24Z

Key Concepts & APIs

← Older revision		Revision as of 03:08, 9 February 2022
Line 14:		Line 14:

	* [https://developer.apple.com/library/archive/documentation/General/Conceptual/Devpedia-CocoaApp/Storyboard.html#//apple_ref/doc/uid/TP40009071-CH99-SW1 Storyboard introduction].		* [https://developer.apple.com/library/archive/documentation/General/Conceptual/Devpedia-CocoaApp/Storyboard.html#//apple_ref/doc/uid/TP40009071-CH99-SW1 Storyboard introduction].
	* [https://developer.apple.com/tutorials/app-dev-training/creating-a-storyboard-app Creating a Storyboard App]		* [https://developer.apple.com/tutorials/app-dev-training/creating-a-storyboard-app Creating a Storyboard App (tutorial)]

	While there are web pages on UIKit and Storyboard in Apple's main documentation websites (as seen above), today the clear emphasis is on SwiftUI and it is much harder to find specific documentation on these older technologies. So I mostly relied on other sources.		While there are web pages on UIKit and Storyboard in Apple's main documentation websites (as seen above), today the clear emphasis is on SwiftUI and it is much harder to find specific documentation on these older technologies. So I mostly relied on other sources.

Soma: /* Key Concepts & APIs */

2022-02-09T03:08:05Z

Key Concepts & APIs

← Older revision		Revision as of 03:08, 9 February 2022
Line 13:		Line 13:
	==Key Concepts & APIs==		==Key Concepts & APIs==

	While there are web pages on UIKit and Storyboard in Apple's main documentation websites, today the clear emphasis is on SwiftUI and it is much harder to find specific documentation on these older technologies. So I mostly relied on other sources.		* [https://developer.apple.com/library/archive/documentation/General/Conceptual/Devpedia-CocoaApp/Storyboard.html#//apple_ref/doc/uid/TP40009071-CH99-SW1 Storyboard introduction].
			* [https://developer.apple.com/tutorials/app-dev-training/creating-a-storyboard-app Creating a Storyboard App]

			While there are web pages on UIKit and Storyboard in Apple's main documentation websites (as seen above), today the clear emphasis is on SwiftUI and it is much harder to find specific documentation on these older technologies. So I mostly relied on other sources.

	[https://www.appcoda.com Appcoda] has a lot of valuable resources on iOS UIKit. I finally figured out how to do menus through [https://www.appcoda.com/colorpicker-datepicker/ this article by Gabriel Theodoropoulos on UIKit additions in iOS 14], and I found [https://www.appcoda.com/auto-layout-guide/ Simon Ng's introduction to Storyboard layouts] very helpful.		[https://www.appcoda.com Appcoda] has a lot of valuable resources on iOS UIKit. I finally figured out how to do menus through [https://www.appcoda.com/colorpicker-datepicker/ this article by Gabriel Theodoropoulos on UIKit additions in iOS 14], and I found [https://www.appcoda.com/auto-layout-guide/ Simon Ng's introduction to Storyboard layouts] very helpful.

Soma: /* Tasks */

2022-02-09T03:01:16Z

Tasks

← Older revision		Revision as of 03:01, 9 February 2022
Line 26:		Line 26:

	==Tasks==		==Tasks==

			# Make the title of the app "Text Analyzer 4" and make the text non-bold (while keeping the same font size).
			# Put the results area in the center of the screen and the text input area just below it (thus swapping the position of the two). Make sure your layout works with different phone sizes and when the phone is rotated.
			# Add the Empty and Pets Mentioned actions as they were in textanalyzer-2.
			# Add a menu item "None" that sets the analysis mode to "None". When selected, the result area should show "Please choose an analysis mode." (This message should appear without you changing any part of the code except for the part determining the contents of the menu.)

	==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3.zip textanalyzer-3 Code]==		==[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3.zip textanalyzer-3 Code]==

Soma: /* Questions */

2022-02-09T02:55:38Z

Questions

← Older revision		Revision as of 02:55, 9 February 2022
Line 20:		Line 20:

	# Why are we using a class (on line 10) rather than a struct?		# Why are we using a class (on line 10) rather than a struct?
	# How are the @IBOutlet variables (lines 12-15) related to the contents of Main.storyboard? What about the @IBAction function (line		# How are the @IBOutlet variables (lines 12-15) related to the contents of Main.storyboard? What about the @IBAction function (line 59)?
	59)?		# What does updateAnalysis do? Why are there so many calls to it? What is the corresponding code in textanalyzer-2?
			# What does setupAnalysisMenu() do? What is the corresponding code for this in textanalyzer-2?
			# How do the Storyboard constraints determine the app's layout? Specifically, why is the menu at the top, the results at the bottom, and the text input in the center of the screen?

	==Tasks==		==Tasks==

Soma: /* Questions */

2022-02-09T02:45:26Z

Questions

← Older revision		Revision as of 02:45, 9 February 2022
Line 19:		Line 19:
	==Questions==		==Questions==

	# Why are we using a class rather than a struct?		# Why are we using a class (on line 10) rather than a struct?
	#		# How are the @IBOutlet variables (lines 12-15) related to the contents of Main.storyboard? What about the @IBAction function (line
			59)?

	==Tasks==		==Tasks==

Soma: /* ViewController.swift */

2022-02-09T02:38:48Z

ViewController.swift

← Older revision		Revision as of 02:38, 9 February 2022
Line 40:		Line 40:
	class ViewController: UIViewController {		class ViewController: UIViewController {

	@IBOutlet var t: UITextField!		@IBOutlet weak var t: UITextField!
	@IBOutlet weak var analysisMenuButton: UIButton!		@IBOutlet weak var analysisMenuButton: UIButton!
	@IBOutlet weak var analysisResult: UILabel!		@IBOutlet weak var analysisResult: UILabel!
Line 118:		Line 118:
	}		}
	</syntaxhighlight>		</syntaxhighlight>


	===[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3/Main.storyboard Main.storyboard]===		===[https://homeostasis.scs.carleton.ca/~soma/mad-2022w/code/textanalyzer-3/Main.storyboard Main.storyboard]===

Soma: /* Questions */

2022-02-09T02:35:57Z

Questions

← Older revision		Revision as of 02:35, 9 February 2022
Line 18:		Line 18:

	==Questions==		==Questions==

			# Why are we using a class rather than a struct?
			#

	==Tasks==		==Tasks==

Soma: /* Key Concepts & APIs */

2022-02-09T02:27:02Z

Key Concepts & APIs

← Older revision		Revision as of 02:27, 9 February 2022
Line 13:		Line 13:
	==Key Concepts & APIs==		==Key Concepts & APIs==

			While there are web pages on UIKit and Storyboard in Apple's main documentation websites, today the clear emphasis is on SwiftUI and it is much harder to find specific documentation on these older technologies. So I mostly relied on other sources.

			[https://www.appcoda.com Appcoda] has a lot of valuable resources on iOS UIKit. I finally figured out how to do menus through [https://www.appcoda.com/colorpicker-datepicker/ this article by Gabriel Theodoropoulos on UIKit additions in iOS 14], and I found [https://www.appcoda.com/auto-layout-guide/ Simon Ng's introduction to Storyboard layouts] very helpful.

	==Questions==		==Questions==