(1 july 2013) ios basic development day 5 - submit to app store

iOS Basic Development

User Selection Design

by Eakapong Kattiya www.ibluecode.com [email protected] +66 086-673-2111Saturday, June 15, 13

http://www.ibluecode.com


mailto:[email protected]


Social Share






UIActionSheet






- (IBAction)shareSocial:(id)sender { UIActionSheet *action = [[UIActionSheet alloc]initWithTitle:@"Social Network" delegate:self cancelButtonTitle:@"Cancel" destructiveButtonTitle:nil otherButtonTitles:@"Facebook",@"Twitter", @"Instagram",@"Email", nil]; [action showInView:self.view];

}

-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex{ if(buttonIndex == 0){ [self directShareFacebook:nil]; } if(buttonIndex == 1){ [self directShareTwitter:nil]; } if(buttonIndex == 2){ [self directShareInstagram:nil]; } if(buttonIndex == 3){ [self directSendMail:nil]; }}

UIActionSheet






Social Framework

Facebook






- (IBAction)directShareFacebook:(id)sender {

if ([SLComposeViewController isAvailableForServiceType:SLServiceTypeFacebook]) { SLComposeViewController *composeVC = [SLComposeViewController composeViewControllerForServiceType:SLServiceTypeFacebook]; [composeVC setInitialText:self.myTextView.text]; UIImage *image = self.myImageView.image; [composeVC addImage:image]; NSURL *url = [NSURL URLWithString:@"http://www.ibluecode.com"]; [composeVC addURL:url]; [self presentViewController:composeVC animated:YES completion:nil]; }}

SLComposeViewController : Facebook








Social Framework

Twitter






- (IBAction)directShareTwitter:(id)sender {

if ([SLComposeViewController isAvailableForServiceType:SLServiceTypeTwitter]) { SLComposeViewController *composeVC = [SLComposeViewController composeViewControllerForServiceType:SLServiceTypeTwitter]; [composeVC setInitialText:self.myTextView.text]; UIImage *image = self.myImageView.image; [composeVC addImage:image]; NSURL *url = [NSURL URLWithString:@"http://www.ibluecode.com"]; [composeVC addURL:url]; [self presentViewController:composeVC animated:YES completion:nil]; }}

SLComposeViewController : Twitter








UIDocumentInteractionController






- (IBAction)openDocumentAction:(id)sender {

NSURL *url = [[NSBundle mainBundle] URLForResource:@"mac_pro" withExtension:@"jpg"]; self.docController = [UIDocumentInteractionController interactionControllerWithURL:url]; self.docController.delegate = self ; BOOL isValid = [[UIApplication sharedApplication] canOpenURL:url]; NSLog(@"uti: %@", [self.docController UTI]); if(isValid){ [self.docController presentOptionsMenuFromRect:self.view.frame inView:self.view animated:YES]; }

}

UIDocumentInteractionController : All






- (IBAction)directShareInstagram:(id)sender { NSURL *instagramURL = [NSURL URLWithString:@"instagram://location?id=1"]; if ([[UIApplication sharedApplication] canOpenURL:instagramURL]) { NSString *documentsDirectory = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"]; NSString *savedImagePath = [documentsDirectory stringByAppendingPathComponent:@"Image.igo"]; NSData *imageData = UIImagePNGRepresentation(self.myImageView.image); [imageData writeToFile:savedImagePath atomically:YES]; NSURL *imageUrl = [NSURL fileURLWithPath:savedImagePath]; NSLog(@"%@",imageUrl); UIDocumentInteractionController *docController = [UIDocumentInteractionController new]; docController.delegate = self; docController.UTI = @"com.instagram.exclusivegram"; docController.URL = imageUrl; [docController presentOpenInMenuFromRect:CGRectZero inView:self.view animated:YES];

}else{

[self showAlertView:@"Please install Instagram before share."]; }

}

UIDocumentInteractionController : Instagram






UIAlertView






-(void)showAlertView:(NSString*)title{ UIAlertView *alert = [[UIAlertView alloc] initWithTitle:title message:@"" delegate:nil cancelButtonTitle:@"OK" otherButtonTitles: nil]; [alert show];}

UIAlertView






MFMailComposeViewController






- (IBAction)directSendMail:(id)sender {

if ([MFMailComposeViewController canSendMail]) { MFMailComposeViewController *mailVC = [[MFMailComposeViewController alloc] init]; mailVC.mailComposeDelegate = self; [mailVC setSubject:@"Subject"]; NSArray *toRecipients = [NSArray arrayWithObjects: @"[email protected]", @"[email protected]", nil];

[mailVC setToRecipients:toRecipients]; UIImage *myImage = self.myImageView.image ; NSData *imageData = UIImagePNGRepresentation(myImage); [mailVC addAttachmentData:imageData mimeType:@"image/png" fileName:@"attachment"]; NSString *emailBody = self.myTextView.text; [mailVC setMessageBody:emailBody isHTML:NO]; //iOS 5 //[self presentModalViewController:mailer animated:YES]; //iOS 6 [self presentViewController:mailVC animated:YES completion:nil]; }}

MFMailComposeViewController










UIPickerView






Class : UIPickerView

Framework : UIKit

Sample Code : UICatalog

Init : initWithFrame : (CGRect) or Interface Builder

Datasource : – numberOfComponentsInPickerView: – pickerView:numberOfRowsInComponent:

Delegate : – pickerView:titleForRow:forComponent: – pickerView:viewForRow:forComponent:reusingView: – pickerView:didSelectRow:inComponent:

UIPickerView






การเรยกใชงาน

1. Init UIPickerView2. bind Datasouce / Delegate3. กาหนดคอลมน numberOfComponentsInPickerView4. กาหนดจานวนแถว pickerView:numberOfRowsInComponent:5. กาหนดการแสดงคาเปน Text หรอ View ได pickerView:titleForRow:forComponent:

pickerView:viewForRow:forComponent:reusingView:6. ใช Delegate เมอเลอกขอมลเสรจ pickerView:didSelectRow:inComponent

UIPickerView






1. Init UIPickerView (.h)

IBOutlet UIPickerView *myPV ;

2. bind Datasouce / Delegate (.m)

[myPV setDataSource:self]; [myPV setDelegate:self]; [myPV selectRow:0 inComponent:0 animated:NO]; [myPV selectRow:0 inComponent:1 animated:NO]; [myPV selectRow:0 inComponent:2 animated:NO];

UIPickerView






3. กาหนดคอลมน (.m)

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView;{ return 3 ;}

4. กาหนดจานวนแถว (.m)

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component;{ if(component == 1){

return 20 ;}if(component == 0){return 30 ;}

return 10 ;}

UIPickerView






5. กาหนดการแสดงคาเปน Text หรอ View ได (.m)

#pragma แสดงคาเปน Text

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component;{ NSMutableArray *arrayNo1 = [[NSMutableArray alloc] init]; [arrayNo1 addObject:@"0"]; [arrayNo1 addObject:@"1"]; [arrayNo1 addObject:@"2"]; [arrayNo1 addObject:@"3"]; [arrayNo1 addObject:@"4"]; [arrayNo1 addObject:@"5"]; [arrayNo1 addObject:@"6"]; [arrayNo1 addObject:@"7"]; [arrayNo1 addObject:@"8"]; [arrayNo1 addObject:@"9"];

return [arrayNo1 objectAtIndex:row];}

UIPickerView






5. กาหนดการแสดงคาเปน Text หรอ View ได (.m)

#pragma แสดงคาเปนรปภาพ

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{

NSString *imageName = [NSString stringWithFormat:@"%d.png",row];

UIImageView *bgImageView = [[UIImageView alloc]initWithImage: [UIImage imageNamed:imageName]];

[bgImageView setFrame:CGRectMake(0, 0, 50, 50)];

[bgImageView setContentMode:UIViewContentModeScaleAspectFit];

return bgImageView;

}

UIPickerView






6. ใช Delegate เมอเลอกขอมลเสรจ

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{ if(component == 0){ inputCol1 = [arrayNo1 objectAtIndex:row]; } else if(component == 1){ inputCol2 = [arrayNo2 objectAtIndex:row]; } else if(component == 2){ inputCol3 = [arrayNo3 objectAtIndex:row]; }

}

UIPickerView






by Eakapong Kattiya www.ibluecode.com [email protected] +66 086-673-2111

Top Secret

Saturday, June 15, 13





Workshop : Top Secret

Task : สรางหนาจอ Login Password โดย User ตองทาการเลอก Password =246 จาก UIPickerView จากนนจงเขาสหนาจอตอไป สามารถ Reset คาไดจากปม RESET BUTTON

Objective : นกเรยนมความเขาใจในเรอง UIViewController User Interface และ IBOutlet Action-Target Datasouce Delegate

UIPickerView






iOS Basic Development

Submit App Store






Course Outline

1. Introduction & Xcode

2. Objective-C & Frameworks

3. View & ViewController

4. View & ViewController (2)

5. Submit App Store

Course Outline






Developing iOS Apps : App Store

Add New Application ( iTunes Connect )

Upload required icon and screenshots

Upload Application Binary ( IPA File )

Waiting for app review by apple ( 7 days - Few months)






หลงจากทนกเรยนไดเรยนรการพนฐานการเขยนโปรแกรมบน iPhone และการใช Tool ตาง ๆ ไปเรยบรอยแลว

นกเรยนกทาการเขยนโปรแกรมไดอยางราบรน ระหวางทเขยน Code นนกไมม Error อะไร สามารถ Compile และ Run Application ไดโดยไมมการ Crash ของโปรแกรมและการทางานตาง ๆ นนรวดเรวถกตองตามทออกแบบไวทกประการ.....






หลงจากทนกเรยนไดเรยนรการพนฐานการเขยนโปรแกรมบน iPhone และการใช Tool ตาง ๆ ไปเรยบรอยแลว

นกเรยนกทาการเขยนโปรแกรมไดอยางราบรน ระหวางทเขยน Code นนกไมม Error อะไร สามารถ Compile และ Run Application ไดโดยไมมการ Crash ของโปรแกรมและการทางานตาง ๆ นนรวดเรวถกตองตามทออกแบบไวทกประการ.....

ใชหรอไม ?






โดยปกตแลวขนตอนการเขยนโปรแกรม ระหวางท ทาการ Build & Run จะเปนเชนน

1. Error ! (ไมสามารถ ทาการ Build ได)2. Warning ! (ไม Error แตมการเตอน)3. Crash ! (Build ไดแต Run ไมได)4. Wrong ! (Run ไดแตทางานผด)5. Slow ! (ทางานถกแตชา ไมลน)6. Work ! (ทางานไดถกและเรว)






เนองจากเราไมสามารถเขยนโปรแกรมเพยงครงเดยวใหทางานไดถกตองสมบรณได ดงนนจงตองมวธการตรวจสอบการทางานของโปรแกรมไปทละขน ซงเราเรยกวาการ

Debugging






Debugging

คอโหมดการ Run Application ไปทละขนเพอดทางานของ Application ในจดทเราสนใจวาทางานไดถกตองตามทเราตองการหรอไม โดยขนตอนดงน






Debugging

- เพม-ลบ breakpoints เพอหยดโปรแกรมในจดทเราสนใจ

- ดคาในตวแปรตาง ๆ ไดโดยการเอา Mouse ไปช

- Run แบบ Step in ,Step Out เพอตรวจสอบขนตอนการทางานของโปรแกรม

- NSLog เพอแสดงขอมลตาง ๆ บนหนาตาง Console






Understanding Errors







บทนจะอธบายความหมายของ Error ตาง ๆ ทมกเจอบอยซงจะชวยใหเราแกปญหาไดรวดเรวขน และสามารถทาการ Build โปรแกรมได







Expected ‘;’ before ...

สาเหต : - ลมใส ; ปดประโยค







‘Something’ Undeclared

ไมสามารถหาทมาของ Class Something ทเราเรยกใชได

สาเหต : - เขยนชอ Class ผด เชน ตวเลก–ใหญ - ไมได import file หรอ import file ผด - ไมไดทาการ import Framework , library







Statically allocated instance of Objective-C class สาเหต : - ลมใส * ใหกบ Object ทเปนประเภท Dynamic

เชน NSString myString ; ทถกคอ NSString *myString ;






Understanding Crash Problem







หลงจากทเราแก Error และสามารถ Run โปรแกรมไดแลวจะพบวาโปรแกรมเกดการ Crash ในระหวางททางาน โดยบทนจะอธบายการเกด Crash ทมกเจอไดบอย







“EXC_BAD_ACCESS” สาเหต : - ทาการเรยก Object ทถก release ไปแลว

เชน NSString *myString ;

[myString release] ; // ไมม object แลวmyString = @”Test” ;

การแกไข : - Debug ทละขน หรอ ใชเครองมอ Instruments ตรวจหา Zombies Object







“SIGABRT” = SIGNAL ABORT

เปนคาสงใหหยดการทางานของโปรแกรมเนองจากพบ Error สาเหต : - ทาการเรยก Method ทไมมอย หรอ เรยกผด เชน NSString *myString ;

myString = @”Test” ;[myString releasee] ; // Method releasee นนไมมใน Class

การแกไข : - Debug ทละขน และตรวจสอบ Warning






Understanding Interface Builder Error






Understanding Interface Builder Error:

บางครงการ Crash โปรแกรมเกดจากการทเราแกไข file XIB ใน Interface Builder ไดเชนกน สาเหต : - กาหนด Class ผดประเภท

วธแกไข :

- เปดหนาตาง Console แลวดบรรทดลาสดจะบอกรายละเอยดของ Class ท Error อยแลวทาการแกไขใหถกตอง






Workshop

ใหนกเรยนทา Project ของตวเองแลวทดลอง Debug และแกไข Error ตาง ๆ ทเกดขน






Performance Tool






Performance Tool

- Clang Analyzer

- Instruments






Clang Analyzer

เปนเครองมอในการวเคราะห Code ของเรากอนทาการ Run วาเขยนไดมประสทธภาพหรอไม เชน

- ตรวจสอบจดทนาจะเกด Memory Leaked ได

- ตรวจสอบตวแปรทไมถกเรยกใช

- เรยกใชไดจาก menu Build and Analyze






Instruments

เปนเครองมอในการทดสอบ Performance ขณะท Run โปรแกรม

- ตรวจสอบจดทเกด Memory Leaked

- ตรวจสอบการจองหนวยความจา

- ตรวจสอบ Zombie Object (Object ทตายหรอถก Release ไปแลวแตมการเรยกใชอก เปรยบเสมอน Zombie ทตายแลวถกเรยกปลกขนมาใหม)






Workshop

ใหนกเรยนทาการ Test Performance Project ของตวเองดวยเครองมอ Analyzer และ Instruments






Submit AppStore

- เปดตววนท 10 July 2008- เปนครงแรกและเปนชองทางทงายทสดทจะทาใหนกพฒนาสามารถขาย Application ใหกบคน 155 ประเทศทวโลก- ผใช 400 ลานคนทมบตร Credit






Submit AppStore

5-March-2012 - จานวน App รวม (iPhone/iPad/iPod Touch) คอ 550,000+- จานวน App บน iPad คอ 170,000 +- ยอด AppStore Download 25,000 ลานครง

12-June-2012- ปจจบนจานวน App รวม (iPhone/iPad/iPod Touch) คอ 650,000+- จานวน App บน iPad คอ 225,000 +- ยอด AppStore Download 30,000 ลานครง






Submit AppStore






In-App Purchases (Freemium Model)






In-App Purchases (Tiny Tower)






In-App Purchases

Order and Chaos NBA Jam






In-App Purchases (The Smurfs Village)

8-Year-Old Girl Racks Up $1400 Bill Buying Smurfberries in Smurf's Village






In-App Purchases (Restrictions)






(1 july 2013) ios basic development day 5 - submit to app store

Technology