cordovawikitudepoint-of-interest

Can't create an AR app with wikitude and Phonegap


I need to create an app for android and ios that can recognize the peaks of specific mountains in my country (italy. and.. about this sorry for my bad english, hope that you can understand it).
I'll use phonegap and wikitude.
I'll give you a specific run through of what I did (based on their setup guide phonegap plugin ios) to explain myself better.

The guide says:
1- create a PhoneGap project. Now, the folder was created in the right place and without any errors.
2a- Create the World folder in common www. I've manually created it.
2b- "The Example section include several examples how to create an ARchitect World." Here I assume I'm required to manually create my project World folder content and so I did. I've created a structure of empty files and folders following the examples (index.html, js/, css/, assets/* and .js file named after the project). I went on with the examples section of the guide. I've focused in particular on the POI examples since they are purpose of my app. I've cross-checked the parts of code mentioned there with the files I've found on github. Lastly I've copied the relevant files from them examples to my app World folder.
3- Build project for ios. Done with success.
4- Add the plugin with the specific command. This was completed without any error. The files in my World folder have been copied in my ios.
5- Launch the application with Xcode. I've taken a screenshot of the resulting folder (you can find the link in the comment below, I cant' post images XD).

Honestly I'm not even sure this was the right process because the guide is not really clear on that. I'm supposing that the .js files I have obtained from the step 2b here above are where the AR code I need is located, but the index is empty so these files are not linked and I dont' know what javascript would make them so. I'm not even certain that the code in the .js files works anymore since I've taken the files from each example folder and merged them in my project folder.

Now, if I try to launch the simulation as it is I obtain the standard phonegap "device ready" screen as in the index.html file from the www folder.
It is my understanding that the function 1.1 Image on Target is supposed to connect my www index with the World index but if I add it as it is it gives an unresponding link (I was expecting a blank page since my World index is empty). I have searched without success this function in Wikitude ARchitect v3.0 API Documentation and I don't know how to set it myself.

At this point I really need some guidance: I have read figuratively all their forum (I can almost say literally), I've read the guides various times and I've searched their references for the functions explained in the examples without success (in the guide's "javascript interface" section there are descriptions of the AR functions but no actually information on how to build and call them nor where to place them).

Sorry for the wall of text, I really hope you can provide me some assistance on how to proceed.

Thank you vey much.

P.S. I'm working with phonegap 3.3, Xcode 5.0.2, android developer tools v 22.3.0 with Eclipse 4.2.1. Work on a Mac Book pro with OS 10.8.5


Solution

  • With last update the wikitude team have improved the base guide http://www.wikitude.com/developer/documentation/phonegap
    This one provides additional help :D I've builded my own ar app based on the sample one and it's seems to work :D