Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
how to create iPhone ebook app without coding or programming
1. How to build an
iPhone
Ebook App
Nozomi Entertainment LLC
1
2. 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
3. Basic１
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
5. ①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
8. 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
11. 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
13. If any files are missing or
shown in red on the tree,
Drag-and-drop the file
into resource
Folder.
13
14. 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
15. ①Make sure three boxes
shown in the previous
page are checked.
②Click “Finish”.
15
16. 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
17. 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
18. 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
19. 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
20. Basic7
Run the Project
Xcode File Edit View Navigate Editor Product Window Help
②
③
①
Run. Stop
Scheme
Editor
View
-
update.
classes.
resources.
20
21. ①Click Scheme and select
“iPhone6.0 Simulator”
②Click “Product” and select
“Clean”
③Click “Run”
You can test your app
On the simulator.
21
22. 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
23. ①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
24. 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
25. ①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
26. 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
27. ①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
28. 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
29. 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
31. 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
32. Xcode File Edit View Navigate Editor Product Window Help
③
Index
①
Run. Stop
Scheme
②
?
Editor
View
-
update.
classes.
resources.
32
33. ①Run the Project.
②Ｉf 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
34. 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
35. ①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
37. ①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
39. ①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
40. 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
41. ①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
43. ①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
45. ①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
46. 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
47. 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
48. 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
49. 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
50. 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
