how to create iPhone ebook app without coding or programming
Upcoming SlideShare
Loading in...5
×
 

how to create iPhone ebook app without coding or programming

on

  • 756 views

The study kit is on app store

The study kit is on app store
https://itunes.apple.com/app/ebook-app-how-to-create-iphone/id592550905?mt=8

Statistics

Views

Total Views
756
Views on SlideShare
756
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
1

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Many people want mobile apps but think it is too hard to create them. Fortunately now there are quite a lot of useful online services which allow building apps without programming skills and in hours. I am using SnAPPii at the moment and really glad I can feel like a real mobile app developer and make apps on my own.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

how to create iPhone ebook app without coding or programming how to create iPhone ebook app without coding or programming Document Transcript

  • How to build an iPhone Ebook App Nozomi Entertainment LLC 1
  • Index Enjoy Building an ebook app     Basic Set up the slider value Set up the index Set up the app name “Learn how to use Xcode” for biginners     How to change the image How to add a website link How to send an email from your app Trouble Shooting 2
  • Basic1 Preparation Before building your book app, you need to prepare (1) ICONS 57px*57px png file: file name should be “ICON.png” 72px *72px png file:file name should be “ICON-72.png” 114px*114px png file:file name should be “ICON@2x.png”  (2)Book Cover 320*480px png file: file name should be “Default.png” 640*960px png file: file name should be “Default@2x.png” 640*1136px png file: file name should be “Default-568h@2x.png” (3)PDF file file name should be “sample.pdf” 3
  • Basic2  Send ebook project file to your Mac PC. ② back ① Read free Instruction ③ Send 4
  • ①click the center of the view of this app and ②Go back to top page. ③Click “Send” button. ・You need to install Xcode to your Macintosh to run the project. You can obtain Xcode from Mac App Store for free. *To run Xcode on your Mac, you will need a Macintosh OS Lion or later. If you DON’T have Macintosh in which Xcode is installed, you CANNOT create an ebook app even if you download ebook project. *If you wish to sell your apps on App Store, you need to join Apple iOS Developer Program which costs $99 a year. *Price for Xcode and iOS Developer Program is subject to change. 5
  • Basic3  Send ebook project file to your Mac PC. Cancel To Send ② ① ebook .zip 6
  • ①Mailer will start up. Write down your PC address ②And click “send”. 7
  • Basic4  Drag and Drop your PDF “ICON.png” “ICON-72.png” “ICON@2x.png” “Default.png” “Default@2x.png” “Default-568h@2x.png” “sample.pdf” update. Sample xcodeproj.pdf … … ICON.PNG … … Open the zip file on your Mac. Drag and drop your PDF, Icons, covers to the “ebook” folder. You will get a message asking If you want to overwrite the files. Please select YES for all files. 8
  • update. xcodeproj … Sample .pdf … ICON.PNG … … Find the file named “update.xcodeproj”. Double click on it. 9
  • Basic5  Check the files1 Run. Stop Scheme Editor View ① update. classes. resources. Sample.pdf ③ 10
  • Let’s check if your files are added properly to the tree. ①Click the triangles beside folders to show the files contained. ②Make sure all the files appear on the tree. ③If any files are missing or shown in red, you cannot run the project properly. Follow the instruction on the next page to add files again. *It doesn’t matter even if “projectname.app” File is in Product folder is shown in red. 11
  • Sample.pdf Run. Stop Scheme Editor View - update. classes. resources. Sample.pdf 12
  • If any files are missing or shown in red on the tree, Drag-and-drop the file into resource Folder. 13
  • Run. Stop Editor Scheme Choose Options for adding these files. View - update. Destination レ □Copy items Into destination group’s folder(if needed) ① Folders classes. ○Create groups for any added folders レ ○Create folder reference for any added folders レ Add target □project name resources. cancel Finish ② 14
  • ①Make sure three boxes shown in the previous page are checked. ②Click “Finish”. 15
  • Basic6  Check the files2 Run. Stop Editor Scheme ① View ③ update. PROJECT Update Summery Info BuildSettings Build Phases BuildRules Target dependances ② classes. TARGET update Copy bundle resources ④ resources. + - ⑤ 16
  • Let’s check if your files are added properly. ①Click the name of the project ②Click the name of the project under “TARGET” ③Click “Build Phases” ④Click the triangle beside “Copy bundle resources” To show the files. Make sure all the files are shown On the list. ⑤If any files are added twice or more, delete Duplicated file from the list. 17
  • Run. Stop Editor Scheme View Choose items to add update. classes. ③ PROJECT Update TARGET update Summery Info BuildSettings Build Phases BuildRules PDFViewController.m PDFViewCOntroller.h howtouseViewController.m Target dependances howtouseviewController.h … Copy bundle resources … … … resources. ①+ - ② Add Other Candel Add 18
  • If any files are missing, ①Click “+” ②Select the files and click add. ③If the file is not shown on the list, you can drag-and -drop a file from the tree to “copy bundle resources. 19
  • Basic7  Run the Project Xcode File Edit View Navigate Editor Product Window Help ② ③ ① Run. Stop Scheme Editor View - update. classes. resources. 20
  • ①Click Scheme and select “iPhone6.0 Simulator” ②Click “Product” and select “Clean” ③Click “Run” You can test your app On the simulator. 21
  • Set up the slider value ① Run. Stop Scheme Editor View - ② update. classes. resources. ③PDFView Controller.xib <int key="IBUIContentHorizontalAlignment">0</int> <int key="IBUIContentVerticalAlignment">0</int> <float key="IBUIValue">0.5</float> <float key="IBUIMinValue">1</float> <float key="IBUIMaxValue">12</float> ④ <bool key="IBUIContinuous">NO</bool> </object> 22
  • ①Click the first button on the View section to show file tree. ②Click the triangle to show the files in the folder. ③Find “PDF View Controller.xib” file and right click (Control+click) the file name. Choose “Open As” then “Source Code”. ④Edit the file. Find “MaxValue” and set the number. Default setting is 12. If your PDF contains 200 pages, delete 12 and put 200 instead. 23
  • Set up the index Run. Stop Scheme Editor View - update. classes. ① Menu View Controller.m resources. - (void)viewDidLoad{ arryData = [[NSArray alloc] initWithObjects:@”first”,@“second”,@“third",@"fort h",nil]; arryData2 = [[NSArray alloc] initWithObjects:”@”1”,@”2”, ”@”5”,@”7”,nil]; [super viewDidLoad]; ② ③ // Do any additional setup after loading the view from its nib. } 24
  • ①Open Menu View Controller.m in Classes Folder. ②Set up the sentence of the index. If your index is Chapter1…page1 Capter2…page5 Chapter3…page10 Chapter4…page15 Chapter5…page20 Set up the arryData like this: initWithObjects:@”Chapter1”,@“ Chapter2”,@“Chapter3",@“Chap ter4", @“Chapter5", nil]; ③Set up which page to jump. For example above, set up the arryData2 like this: initWithObjects:@”1”,@“5”,@“10", @“15", @“20", nil]; 25
  • Set up the app name Run. Stop Scheme Editor View - ① update. classes. resources. ② Infomation Property List Localiztaion native development reg Bundle display name Executable file Icon file Bundle Identifier Info Dictionary version Bundle name Update-info.plist 26
  • ①Check the name of the project. In this case, project name is “update”. ②Open (project name)-info.plist file. In this case, you should open “update-info.plist” file. Info-plist file is in the resource folder. ③Change the data of your app. You need at least change app name. Localization・・・Japan Bundl Display Name・・・Name of your app to display on the user’s iPhone under the icon. Bundle Name・・・The name of the app. ④That’s about it. To upload this app to iTunes Connect, please follow “iTunes Connect Developer Guide” 27
  • How to change the image Run. Stop Scheme Editor View - update. classes. ① _imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"howtophone.j pg"]]; ② PDF View Controller.m resources. } 28
  • When an user click “?” button, “how to phone.jpg” will appear. But this file is written in Japanese and not very useful for English speakers. So let’s change the image. ①Open “howtouseViewController.m” ②find _imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"howtophone.jpg"]]; ③Change howtophone.jpg to the name of your file you want to use. 29
  • Img.jpg Run. Stop Scheme Editor View - update. classes. resources. Drag-and-drop the image you want to use into resource folder. 30
  • Run. Stop Editor Scheme Choose Options for adding these files. View - update. Destination レ □Copy items Into destination group’s folder(if needed) ① Folders classes. ○Create groups for any added folders レ ○Create folder reference for any added folders レ Add target □project name resources. cancel Finish ② ①Make sure three boxes shown above are checked. ②Click “Finish”. 31
  • Xcode File Edit View Navigate Editor Product Window Help ③ Index ① Run. Stop Scheme ② ? Editor View - update. classes. resources. 32
  • ①Run the Project. ②If you click on ? button, the image you have specified should appear. ③If the image has not changed, try Product→Clean and click Run again. 33
  • How to add a website link Run. Stop Scheme Editor View - update. classes. ① - (IBAction)howto:(id)Sender{ _slider.hidden = YES; _navi.hidden = YES; _navi2.hidden = YES; _mainScrollView.scrollEnabled =YES; _subScrollView.scrollEnabled =YES; PDF View Controller.m resources. howtouseViewController *howto = [[howtouseViewController alloc] init]; [self.view addSubview:howto.view]; ② } 34
  • ①Open “PDF View Controller.m” ②find - (IBAction)howto:(id)Sender ③delete howtouseViewController *howto = [[howtouseViewController alloc] init]; [self.view addSubview:howto.view]; ④write down this instead: NSURL *url = [NSURL URLWithString:@"http://yahoo.co.jp "]; [[UIApplication sharedApplication] openURL:url]; ⑤Change http://yahoo.co.jp to whatever the address you want to link. 35
  • ① Run. Stop Scheme Editor View - ② update. <object class="IBUIBarButtonItem" key="IBUIRightBarButtonItem" id="546231066"> <string key="IBUITitle">?</string> ④ classes. <string key="targetRuntimeIdentifier">IBCocoaT ouchFramework</string> <int resources. key="IBUIStyle">1</int> <reference ③PDFView Controller.xib key="IBUINavigationItem" ref="534624662"/> </object> 36
  • ①Now let’s change the button title. Click the first button on the View section to show file tree. ②Click the triangle to show the files in the folder. ③Find “PDF View Controller.xib” file and right click (Control+click) the file name. Choose “Open As” then “Source Code”. ④Edit the file. Find <string key="IBUITitle">?</string> Change “?” to “web”. <string key="IBUITitle">web</string> 37
  • Index ① Run. Stop Scheme ② WEB Editor View - update. classes. resources. 38
  • ①Run the Project. ②You can see that button title has changed to “web” and if you click on it Safari starts up and jump to the website you have specified. 39
  • How to send an email from your app Run. Stop Scheme Editor View - update. classes. ① - (IBAction)howto:(id)Sender{ _slider.hidden = YES; _navi.hidden = YES; _navi2.hidden = YES; _mainScrollView.scrollEnabled =YES; _subScrollView.scrollEnabled =YES; PDF View Controller.m resources. howtouseViewController *howto = [[howtouseViewController alloc] init]; [self.view addSubview:howto.view]; ② } 40
  • ①Open “PDF View Controller.m” ②find - (IBAction)howto:(id)Sender ③delete howtouseViewController *howto = [[howtouseViewController alloc] init]; [self.view addSubview:howto.view]; ④write down this instead: [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"mailto:hoge@ho ge.com"]]; ⑤Change hoge@hoge.com to whatever the address you want. 41
  • ① Run. Stop Scheme Editor View - ② update. <object class="IBUIBarButtonItem" key="IBUIRightBarButtonItem" id="546231066"> <string key="IBUITitle">?</string> ④ classes. <string key="targetRuntimeIdentifier">IBCocoaT ouchFramework</string> <int resources. key="IBUIStyle">1</int> <reference ③PDFView Controller.xib key="IBUINavigationItem" ref="534624662"/> </object> 42
  • ①Now let’s change the button title. Click the first button on the View section to show file tree. ②Click the triangle to show the files in the folder. ③Find “PDF View Controller.xib” file and right click (Control+click) the file name. Choose “Open As” then “Source Code”. ④Edit the file. Find <string key="IBUITitle">?</string> Change “?” to “email”. <string key="IBUITitle">email</string> 43
  • Index ① Run. Stop Scheme ② Email Editor View - update. classes. resources. 44
  • ①Run the Project. ②You can see that button title has changed to “email” and if you click on it mailer starts up and you can send an email to the address you have specified. 45
  • Trouble Shooting  If you are not a xcode4.5 user Run. Stop update. classes. Scheme PROJECT Update TARGET update Editor View Summery Info BuildSettings Build Phases BuildRules Bundle Identifier Version Devices Development target 4.3 resources. 46
  • If you are using xcode older than 4.5, you might have to Set development target to run the project. Click the project name→Target→Summery And set development target lower to fit your xcode version. 47
  • Trouble Shooting  Drag-and-drop doesn’t work. <ICONS/ Launch Images> Please delete the icon files in the tree and try drag and drop Again. If that does not work, click project name on the tree, Go to Target→Summery. Scroll down and find “App Icons”. “Launch Images”. Drag and drop your Icons and cover files there. <PDF> ①Rename your pdf file.(e.g.”sample2.pdf”) ②Open PDF View Controller.m. 48
  • NSURL* url; path = [[NSBundle mainBundle] pathForResource:@"sample" ofType:@"pdf"]; url = [NSURL fileURLWithPath:path]; _document = CGPDFDocumentCreateWithURL(( CFURLRef)url); ③If your new file name is “sample2.pdf”,change the code like this: path = [[NSBundle mainBundle] pathForResource:@"sample2" ofType:@"pdf"]; ④Drag-and-drop your renamed pdf. 49
  • Trouble Shooting  multiple errors occurred while copying the files. This error occurs when resource files are not linked properly. Follow the instruction on page 7-11 and make sure all the files are added properly. If there is any files missing, or added twice or more, this error will occur. 50
  • ENJOY! Run. Stop Scheme Editor View - update. classes. resources. 51