Entradas de Eduardo Alfaro

Hello to everyone, I am trying to include some javascript audio framework library to boost-up the audio effects/playing features inside the APP... I have tried with Tone.js, Audiolet, Wad, Tuna or Howler.js but I am having the same security message/issue in console.log "The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page." I have tried to solve, but nothing, I really do not know how to handle this issue... I am also trying with PHASER, a javascript framework for creating games, but having the same error. What I am doing is initialize the framework when the app is mounted, then later, trying to play a sound, mp3, effect... wherever within a button action (for example, when click) but I get no sound and the error at console.log... Do, do anyone of you could help with this issue??? Any idea or suggestions that could help??? Thank you so much!!!

Hi David,

Thank you very much!!!
It is working perfectly right now!!!

Greetings!!!

Hello David

After the Boostrap CSS 4 Appbuilder upgrade, I am getting this error when I tried to run (with or without debugger) the themes sample.

This is the complete console copy/paste:

Legend: [a] App action [n] Net request Information message [w] Warning message [e] Error message Unknow message [+] Block start [-] Block end -------------------------------------------------------------------------------- [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\index.html", 1.41 KB [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\builder\styles\default.css", 124.32 KB [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\builder\styles\builder.css", 95.61 KB [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\app\styles\scaled.css", 1.6 KB [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\builder\scripts\builder.js", 634.62 KB [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\app\scripts\app.js", 42.85 KB [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\cordova.js", 181 bytes [e] Error: "[$injector:modulerr] http://errors.angularjs.org/1.6.6/$injector/modulerr?p0=AppModule&p1=Error%3A%20%5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.6.6%2F%24injector%2Fmodulerr%3Fp0%3DngAnimate%26p1%3DError%253A%2520%255B%2524injector%253Anomod%255D%2520http%253A%252F%252Ferrors.angularjs.org%252F1.6.6%252F%2524injector%252Fnomod%253Fp0%253DngAnimate%250A%2520%2520%2520at%2520Anonymous%2520function%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A27%253A402)%250A%2520%2520%2520at%2520b%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A26%253A420)%250A%2520%2520%2520at%2520Anonymous%2520function%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A27%253A175)%250A%2520%2520%2520at%2520Anonymous%2520function%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A43%253A288)%250A%2520%2520%2520at%2520p%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A9%253A5)%250A%2520%2520%2520at%2520g%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A43%253A138)%250A%2520%2520%2520at%2520Anonymous%2520function%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A43%253A311)%250A%2520%2520%2520at%2520p%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A9%253A5)%250A%2520%2520%2520at%2520g%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A43%253A138)%250A%2520%2520%2520at%2520hb%2520(http%253A%252F%252F127.0.0.1%253A9999%252Fbuilder%252Fscripts%252Fbuilder.js%253A47%253A244)%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A43%3A470)%0A%20%20%20at%20p%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A9%3A5)%0A%20%20%20at%20g%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A43%3A138)%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A43%3A311)%0A%20%20%20at%20p%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A9%3A5)%0A%20%20%20at%20g%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A43%3A138)%0A%20%20%20at%20hb%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A47%3A244)%0A%20%20%20at%20c%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A23%3A17)%0A%20%20%20at%20Uc%20(http%3A%2F%2F127.0.0.1%3A9999%2Fbuilder%2Fscripts%2Fbuilder.js%3A23%3A325)%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2F127.0.0.1%3A9999%2Fapp%2Fscripts%2Fapp.js%3A1411%3A3)" - Line: 43 - Char: 470 - Code: 0 - Url: http://127.0.0.1:9999/builder/scripts/builder.js [n] Resolved "C:\Users\Usuario\Documents\AppBuilder\Samples\Themes\Themes_Compiled\www\builder\fonts\digital-7-mono.ttf", 33.6 KB

I have created new app just for testing purpose, and it seems working ok, without any problem, but I was doing and previous app with simple controls, and this app seems to report the same problem.

I have unistalled an re-install Appbuilder, but the AB reports the same error when running with or without debugging.

Any tip or idea to solve this issue?
Thank you so much!!!

Eduardo

[img=tumblr_o770sc1wvu1s7z2cyo1_500.gif]https://www.decsoftutils.com/_support/uploads/0abb1aa64562c05fc2055cace7a94755.gif[/img]

Thank YOU sooooooo much DAVID
Your support it is really AMAZING A+++++++++++

Hello David,

I am wondering if I am doing wrong when loading images directly from the APP FILE MANAGER into the APP because I cannot preview any images at all. Let me explain myself better.

When I insert an image into the APP with the image tool, and define the source to a local image (for example, an image located at Desktop), the preview it is working pretty good.

Example: http://prntscr.com/hn0o94

But, if I previously add the image into the APP FILE MANAGER and then define the source to the APP PATH, the preview it is not working at all. I know you are advising us with the next message "Non existing image or available only at runtime."

Example: http://prntscr.com/hn0q6v

Is there any way to solve this issue?

When you have lots of views with lots of images, image buttons... it is more difficult to work like this. I prefer to use the APP FILE MANAGER to avoid path problems, but the preview will be very useful.

Thank you so much!!!

Hello David,

Really!!! YOU ARE INCREDIBLE!!!

This JS library gives to AppBuilder lots of new features!!!
THANK YOU so much for your knowledge

Eduardo

Hello to anyone…

I am wondering about if we can include a JavaScript framework (or more than one) into our APP with AppBuilder.

I mean, there are a lot of JS (JavaScript) frameworks that gives you a lot of new functionalities and powerful features so you can include all of them into your own projects, websites and hybrid-apps.

I have tried to include, for example, “paper.js” JS frameworkb, but I really do not know to proceed or complete the process.

Please, if you have time, take a look to its website for more information: http://paperjs.org/about/

I know how to include the JavaScript “.js” file with the AppBuilder APP File Manager... but I do not know how to call it and then create the canvas.

First of all you need to call the “.js” file:

<script type="text/javascript" src="../../dist/paper-full.js"></script>

Then next, create the script code for the canvas:

<script type="text/paperscript" canvas="canvas"> // The amount of symbol we want to place;<br> var count = 150;</p> <p> // Create a symbol, which we will use to place instances of later:<br> var path = new Path.Circle({<br> center: new Point(0, 0),<br> radius: 5,<br> fillColor: 'white',<br> strokeColor: 'black'<br> });</p> <p> var symbol = new SymbolDefinition(path);</p> <p> // Place the instances of the symbol:<br> for (var i = 0; i < count; i++) {<br> // The center position is a random point in the view:<br> var center = Point.random() * view.size;<br> var placed = symbol.place(center);<br> var scale = (i + 1) / count;<br> placed.scale(scale);<br> placed.data.vector = new Point({<br> angle: Math.random() * 360,<br> length : scale * Math.random() / 5<br> });<br> }</p> <p> var vector = new Point({<br> angle: 45,<br> length: 0<br> });</p> <p> var mouseVector = vector.clone();</p> <p> function onMouseMove(event) {<br> mouseVector = view.center - event.point;<br> }</p> <p> // The onFrame function is called up to 60 times a second:<br> function onFrame(event) {<br> vector = vector + (mouseVector - vector) / 30;</p> <p> // Run through the active layer's children list and change<br> // the position of the placed symbols:<br> for (var i = 0; i < count; i++) {<br> var item = project.activeLayer.children<em>;<br> var size = item.bounds.size;<br> var length = vector.length / 10 * size.width / 10;<br> item.position += vector.normalize(length) + item.data.vector;<br> keepInView(item);<br> }<br> }</p> <p> function keepInView(item) {<br> var position = item.position;<br> var itemBounds = item.bounds;<br> var bounds = view.bounds;<br> if (itemBounds.left > bounds.width) {<br> position.x = -item.bounds.width;<br> }</p> <p> if (position.x < -itemBounds.width) {<br> position.x = bounds.width + itemBounds.width;<br> }</p> <p> if (itemBounds.top > view.size.height) {<br> position.y = -itemBounds.height;<br> }</p> <p> if (position.y < -itemBounds.height) {<br> position.y = bounds.height + itemBounds.height / 2;<br> }<br> }<br> </script>

And finally, call the canvas:

<canvas id="canvas" resize hidpi="off" style="background:black"></canvas>

Do you have any idea how to include this and other JS Framework whintin AppBuilder?

I think this kind of feature will be..... gorgeous!!! ;-D

Thank you so much!!!

Eduardo.

Hello,

AB it is incredible, I am learning a lot since the very first APP I did.
Now I am trying to create an Augmented Reality APP made with AB and the cordova plugin for Vuforia Framework. One of the most important framework for creating VR APPS.

Please, see more info at this link:
https://github.com/mattrayner/cordova-plugin-vuforia

I have created a "first stage beta APP", just to see how it works, but I really do not know what I am doing wrong, because I cannot initialize the camera for recognize.
vuforia.ab

I have found a functional example for phonegap, but I could not integrate with AB.
https://github.com/eduardoalfaro/cordova-vuforia-example

I will do my best to have a functional example and share with all of you... I think this will add a very nice functionality to AB for creating Augmented Reality and Virtual Reality APPs. Does any one of you any idea or suggestion about how to integrate this cordova plug-in into AB?

Thank you so much!!!
Eduardo

Hello David,

Thank you very much!!!
Your sample was very useful!!

Eduardo

Hello David,

Thank you so much!!!
I would like to have something like this:
[img=Screenshot_1.png]https://www.decsoftutils.com/_support/uploads/72ec935048c68ab9b93dc9794d5a720d.png[/img]

But I really do not know how to do the multi-line ROW.

Thank you so much!!!
Eduardo

Hello David,

I am working with AB Report Control, and I would like to know if there is any way to do something like this:

head: <td>head col 1</td><td>head col 2</td><td>head col 3</td></p> <p>body (html): (multi-line and colspan) <tr><td>content col 1</td><td>content col 2</td><td>content col 3</td></tr> <tr><td colspan="3">content col 4 - large text - description - row</td></tr></p> <p>footer: <td colspan="3">footer message</td>

I have tried, but the body(html) it is not working, and I would like to do with TABLE wrapper, so all the cols width (in header and body) will match width the content. Do you have any suggestion or clue to achieve this?

Thank you so much!
Eduardo

Hello David,

I am trying to integrate OneSignal Push Server (100% free and unlimited) into AB. You have to register with your developer ID. OneSignal has a cordova plugin: https://documentation.onesignal.com/docs/cordova-sdk and I have integrated into AB on Cordova Custom plugin with onesignal-cordova-plugin. The plug-in it is working very good, but I have a doubt getting response from JSON.

The JavaScript is using the function JSON.stringify so you can question to the user within a PUSH notification, get the answer and use in your APP ;-D. I have store the result into a AB var with: window.App.RootScope.var_push_opened = JSON.stringify(jsonData);

The mainly problem is that none of the AB array actions cannot handle the JSON.stringify

This is the var containt for JSON.stringify(jsonData)

{"action":{"type":0},"notification":{"isAppInFocus":true,"shown":true,"androidNotificationId":-95396130,"displayType":1,"payload":{"notificationID":"1d4b8510-dd3e-4a76-a036-9ae73765","title":"titulo","body":"mensaje","lockScreenVisibility":1,"fromProjectNumber":"840278383294","priority":0,"rawPayload":"{\"google.sent_time\":1489392268319,\"custom\":\"{\\\"i\\\":\\\"1d4b8510-dd3e-4a76-a036-9ae73765e0ca\\\"}\",\"from\":\"840278383294\",\"alert\":\"mensaje\",\"title\":\"titulo\",\"google.message_id\":\"0:1489392268324753%476994fff9fd7ecd\",\"notificationId\":-95396130}"}}}

Do you have any example with JSON.stringify done for AB? Any idea o clue for this issue?

Thank you so much!!!
Eduardo

By the way, I have tested on ANDROID and IOS, and it is working so good on both platforms!!!

Hello!!!

I would like to share with all of you this project made with APP BUILDER.
It is so useful if you have planned to create an APP able to give instructions, alerts, or wherever by voice to the user.
It have been done using a cordova plugin called tts (text to speech) https://github.com/vilic/cordova-plugin-tts

Hope you find it useful for your future project created with APP BUILDER.
Example: text2speech.ab

Have a really nice day.

David, is the range control able to give a step less than 1? The speech speed can be configured from 0.1 till wherever, but I could not do less than 1 because the range control step field does not accept other than integer number.

Thank you so much!!!

Eduardo

David...

I REALLY HAVE NO WORDS!!! CONGRATULATIONS!!! AGAIN!!!

Thank you so much for sharing your talent and knowledge with all of us. Your example works as expected, SO GOOD! ;-D With this HTTP embedded server, we can serve files or even pack-files compressed on ZIP or RAR from our device to any other device or computer like a PC, MAC, tablet.... using the same wireless network from our home or job, and just pointing with any browser to the given IP address and port. So simply!!!

Lots of new possibilities for the APPS created with your awesome APP BUILDER software.

Thank you VERY much!

Eduardo