Download SDK and Joomla ComponentLets download the SDK files with examples and iJoomer Advance Joomla Component. Simply go to the download section and find iOS SDK and iJoomer Advance Component for Joomla.
To install the Joomla component, go to Joomla administrator panel->Extensions->Install and in there browse the downloaded component zip and install.
Integrate SDK with Example in Xcode
As you have downloaded the SDK with examples, next step is to get it open in xcode. Unzip the zip file which you just downloaded and locate ijoomer.xcodeproj and double click on it will open the xcode interface.
Use as NEW project
Create a new project, and select 'Single View Application' as shown below.
Provide a name and identifier as required:
Now drag the iJoomerAdvance Library files folder in this newly created project
Integrate into existing projectIts awesome that you can even integrate the iJoomer Advance SDK into your existing project too and it cant get any simpler, here it is how to do it.
Open your Xcode and in there, open the project into which you want to integrate this SDK. Then, select “iJoomerAdvanceLibrary” folder (which you found by unzipping the zip file) and drag and drop it in your existing project.
In the screen shown after that, check mark Destination value to “Copy items into destination group’s floder (if needed) and in Folders, check the option “Create groups for any added folders”. Also, make sure “Add to targets” have your existing project name (in this case “TRNews”) is checked and click on Finish.
After doing this, you are now ready to use iJoomer Advance SDK’s resources /objects in your existing apps.
Please add the appropriate header files to your project and follow the steps as mentioned in reference example.
Configure the app.Lets start by configuring the app so that it talks with Joomla based website. iJoomer Advance for iOS is support for Joomla 2.5 and above.
Locate ijoomerConfig.plist file and enter the url where your Joomla website is running. It can be your localhost if you are developing on local OR, it can be your web url, eg. www.iJoomer.com
There are few other configuration options too like Facebook Key, Twitter Key etc. You can use it if you want to use any of those features, else, just keep it blank and those controller classes will not be called.
Test App in Simulator / iPhone DeviceNow, your first app is ready to be tested. Make sure you have installed iJoomerAdvance component on your Joomla setup. If not, then you can download it here. To know how to get it installed and managed, click here.
You can see the play button on the top left of your screen. Hit that button to see the simulator opening the app.
Note: If you see nothing there, go to your Joomla’s administrator panel ->iJoomerAdvance->Menu Manager and add the menu items. Make sure the position of the menu is TabBar OR Home (Slide menu will be supported in 1.3 version of iJoomer Advance for Joomla).
Brand the appLets brand the app and personalize it. We will change the splash screen, change logo of the app and finally name of the app.
a.Change splash screen of the app.
a.Your splash screen should be of 320x480 (iPhone 3gs and 4), 640x960 (For iphone 4s) and 640x1136 (For iPhone 5). Create splash screen by including your own branding.
b.Once you have got your splash screen ready, double click on the project name in left navigation of xcode and it will show you screen like under. In there, drag the splash screens into respective sizes shown on the screen.
c.Run the app and you can notice new splash screen.
d.In same way, you can alter the launcher icons etc.
b.Change logo of the app.
a.Your logo can be shown on the home-screen of iJoomer Advance.
b.The logo file is named as HeaderLogo.png and is located under images folder in root of the project.
c.Replace your own logo with this logo.
d.Run the app to see your own logo integrated.
c.Change name of the app.
a.Locate “References” folder under your xocode’s file navigation.
b.Under this, localte “iJomer-Info.plist file and double click.
c.It will show you screen as under, change “Bundle Name” key and place your own app name there.