Hi

I am currently making an application for Augmented reality. I want to go to a specific youtube url when user scan an image or something.

I am using Wikitude cordova plugin.  https://github.com/Wikitude/wikitude-cordova-plugin

I have made a template plugin and has added the url to extensibility configuration. I am able to discern that in the two actions which are there I need to check and then implement the action.  But I am unable to move ahead. I have no prior knowledge of Java Script. 

Please help as I am unable to move forward.

Hi Shubham Agarwal,

You can use JavaScript in OutSystems, using the mobile actions that allow you to execute scripts. We can't teach you Javascript, but we can tell you how you can integrate javascript into OutSystems applications.

For more information see the following links:

https://success.outsystems.com/Documentation/11/Extensibility_and_Integration/JavaScript/Extend_Your_Mobile_App_Using_JavaScript

https://www.outsystems.com/learn/lesson/1136/javascript-and-jquery-in-mobile-applications/?LearningPathId=0

Regards!

Hi Shubham,

I am also trying to add this plugin into my app. but not able to access wikitude in "window.navigation" or "cordova.plugins". If you have found any solution please share.

Hi,
here is one solution to integrate with Wikitude plugin done with the Github samples and the original Github repository, only the plugin will add +-10MB to you apk.

Disclaimer
- All of the content (wtc files produced from Wikitude studio, index.html for the overlay, ade.js and the js for the experience [not the initialization in the plugin] need to be in resources, the other way is to change the ios and android code of the plugin to accept url for example
- The demo has multiple resources see the target directory for them, that is important for the demo work

the action Wikitude_InitWorld in the core initiates the world (camera and so on) for the Wikitude plugin the input URLOverlayPage is the absolute path for the index file that will be used in your experience for the overlay see the input in the demo, that is important as said in the disclaimer

this is just an example of implementation, you can change the core as you like but for best practices please leave the plugin in a module itself. You may need to change some code in the init world JS to improve your experience, this plugin is difficult to make as a standard for everyone because the code will change for every different experience.
You just install that demo and generate the apk (only tested in android), and test it with this examples

https://www.wikitude.com/external/doc/documentation/latest/phonegap/images/magazine_page_one.jpeg - for the image on target

https://www.wikitude.com/external/doc/documentation/latest/phonegap/images/solar_system.jpg - for the solar system with animation


I hope this can help you