Quote from asmat on January 23, 2020, 7:00 pmHi luishp,
As we know the apps are divided into two parts: native apps and hybrid apps.
Here I have to tell something about VisualNEO web,
VisualNEO web make an application by using of (html+css and javascript). It seems like cordova and phonegap.
Typically the VisualNEO Web apps treat like a web application. It means the VisualNEO web apps only can do something a website does not beyond that. it unable us to perform native capability of device, for instance: camera, GPS, Contact, Push notification, write file and so on.
After some searching about cordova and phonegap I have collected some information. The good news is we can use the different capability of device inside hybrid apps like(VisualNEO Web apps) also. But how?
As we know, we can perform two kind of code inside cordova apps: native+javascript
We have already implemented javascript in the VisualNEO apps and now, we have a lot of plugins.
how can we implement the native code in the VisualNEO web?
It is same like cordova, in order to implement native code we need a deviceready function, under deviceready function we can write native code.
Currently we have not a specific space in the VisualNEO web to write native code. But still we can use the native code in the project>properties>advance>custom metadata>head.
I made a sample app inside VisualNEO web that use native device capability. You can see it in the attachment. I hope it help you to bring a new functionality to VisualNEO Web.
I tested the app on my phone you can see it in this video.
Hi luishp,
As we know the apps are divided into two parts: native apps and hybrid apps.
Here I have to tell something about VisualNEO web,
VisualNEO web make an application by using of (html+css and javascript). It seems like cordova and phonegap.
Typically the VisualNEO Web apps treat like a web application. It means the VisualNEO web apps only can do something a website does not beyond that. it unable us to perform native capability of device, for instance: camera, GPS, Contact, Push notification, write file and so on.
After some searching about cordova and phonegap I have collected some information. The good news is we can use the different capability of device inside hybrid apps like(VisualNEO Web apps) also. But how?
As we know, we can perform two kind of code inside cordova apps: native+javascript
We have already implemented javascript in the VisualNEO apps and now, we have a lot of plugins.
how can we implement the native code in the VisualNEO web?
It is same like cordova, in order to implement native code we need a deviceready function, under deviceready function we can write native code.
Currently we have not a specific space in the VisualNEO web to write native code. But still we can use the native code in the project>properties>advance>custom metadata>head.
I made a sample app inside VisualNEO web that use native device capability. You can see it in the attachment. I hope it help you to bring a new functionality to VisualNEO Web.
I tested the app on my phone you can see it in this video.
Uploaded files:Quote from CDY@44 on January 23, 2020, 7:14 pmGreat !!!
Great !!!
Quote from luishp on January 23, 2020, 10:20 pmThank you @asmat!
I will take a close look to your sample app as soon as possible. I think it's possible to create specific plugins for PhoneGap.
If it can be done it will be done. I very much appreciate your dedication.
Best regards.
Thank you @asmat!
I will take a close look to your sample app as soon as possible. I think it's possible to create specific plugins for PhoneGap.
If it can be done it will be done. I very much appreciate your dedication.
Best regards.
Quote from farhad2008 on January 24, 2020, 5:34 pmHi asmat
Thank you
regards
Hi asmat
Thank you
regards
Quote from Palamar on February 5, 2020, 3:08 pmExcellent!, where can I read more about how to implement it with other parts of the device?
Excellent!, where can I read more about how to implement it with other parts of the device?
Quote from asmat on February 5, 2020, 6:12 pmtake a look to this link:
https://cordova.apache.org/docs/en/latest/
take a look to this link:
Quote from luishp on February 24, 2020, 7:53 pm@asmat I want to update the default .xml configuration file for Compile/Publish > Mobile (PhoneGap build).
Do you have any suggestion on how it should be by default?
I think the current one is a bit outdated.Thank you very much in advance!
@asmat I want to update the default .xml configuration file for Compile/Publish > Mobile (PhoneGap build).
Do you have any suggestion on how it should be by default?
I think the current one is a bit outdated.
Thank you very much in advance!
Quote from asmat on February 25, 2020, 12:59 pmThat is very good luishp, since I have joined to VisualNEO Web I see a lot of updates, this is very good job. The people always prefer update software.
I tried different code in xml file, I have found some of them do not work well when I tested on my phone. I don’t know why, some of them generated a specific error.
After a lot of testing I found this .xml file works better in VisualNEO Web and Phonegap build.
This is included only android platform, I think the iOS and windows also same like this.
<?xml version="1.0" encoding="UTF-8"?> <!-- config.xml reference: https://build.phonegap.com/docs/config-xml --> <widget xmlns = "http://www.w3.org/ns/widgets" xmlns:gap = "http://phonegap.com/ns/1.0" id = "kankor.Plus.com" version = "1.0.0"> <name>Kankor Plus</name> <description> useful application. </description> <author href="http://www.facebook.com/qateaAsmat" email="asmatqatea@gmail.com"> Asmat Qatea </author> <!-- Define the main entry-point to the application --> <content src="index.html" /> <!-- Customize your app and platform with the preference element. --> <preference name="DisallowOverscroll" value="true" /> <preference name="android-targetSdkVersion" value="28" /> <preference name="android-minSdkVersion" value="14" /> <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.2.4" /> <plugin name="cordova-plugin-camera" source="npm" spec="~2.4.1" /> <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.4.3" /> <plugin name="cordova-plugin-device" source="npm" spec="~1.1.6" /> <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.3.3" /> <plugin name="cordova-plugin-file" source="npm" spec="~4.3.3" /> <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.4.3" /> <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.7" /> <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.7.1" /> <plugin name="cordova-plugin-network-information" source="npm" spec="~1.3.3" /> <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.5" /> <plugin name="cordova-plugin-media" source="npm" /> <plugin name="cordova-plugin-device-orientation" source="npm" /> <plugin name="cordova-plugin-whitelist" source="npm" /> <plugin name="cordova-plugin-x-socialsharing" source="npm" version="5.4.0" /> <plugin name="cordova-plugin-inappbrowser" spec="1.3.0" /> <plugin name="cordova-plugin-splashscreen" source="npm" /> <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx--> <icon src="img/apicon128.png" width="128" height="128"/> <!--splash screen here--> <splash platform="android" qualifier="port-ldpi" src="img/1p-ldpi.png" /> <splash platform="android" qualifier="port-mdpi" src="img/2p-mdpi.png" /> <splash platform="android" qualifier="port-hdpi" src="img/3p-hdpi.png" /> <splash platform="android" qualifier="port-xhdpi" src="img/4p-xhdpi.png" /> <splash platform="android" qualifier="port-xxhdpi" src="img/5p-xxhdpi.png" /> <splash platform="android" qualifier="port-xxxhdpi" src="img/6p-xxxhdpi.png" /> <splash platform="android" qualifier="land-ldpi" src="img/1l-ldpi.png" /> <splash platform="android" qualifier="land-mdpi" src="img/2l-mdpi.png" /> <splash platform="android" qualifier="land-hdpi" src="img/3l-hdpi.png" /> <splash platform="android" qualifier="land-xhdpi" src="img/4l-xhdpi.png" /> <splash platform="android" qualifier="land-xxhdpi" src="img/5l-xxhdpi.png" /> <splash platform="android" qualifier="land-xxxhdpi" src="img/6l-xxxhdpi.png" /> <preference name="SplashScreenDelay" value="4000"/> <preference name="FadeSplashScreenDuration" value="1000"/> <preference name="ShowSplashScreenSpinner" value="false"/> <preference name="AutoHideSplashScreen" value="true" /> <preference name="SplashMaintainAspectRatio" value="true"/> <access origin="*" /> <allow-intent href="http://*/*" /> <allow-intent href="https://*/*" /> <allow-intent href="tel:*" /> <allow-intent href="sms:*" /> <allow-intent href="mailto:*" /> <allow-intent href="geo:*" /> <platform name="android"> <allow-intent href="market:*" /> </platform> </widget>
That is very good luishp, since I have joined to VisualNEO Web I see a lot of updates, this is very good job. The people always prefer update software.
I tried different code in xml file, I have found some of them do not work well when I tested on my phone. I don’t know why, some of them generated a specific error.
After a lot of testing I found this .xml file works better in VisualNEO Web and Phonegap build.
This is included only android platform, I think the iOS and windows also same like this.
<?xml version="1.0" encoding="UTF-8"?> <!-- config.xml reference: https://build.phonegap.com/docs/config-xml --> <widget xmlns = "http://www.w3.org/ns/widgets" xmlns:gap = "http://phonegap.com/ns/1.0" id = "kankor.Plus.com" version = "1.0.0"> <name>Kankor Plus</name> <description> useful application. </description> <author href="http://www.facebook.com/qateaAsmat" email="asmatqatea@gmail.com"> Asmat Qatea </author> <!-- Define the main entry-point to the application --> <content src="index.html" /> <!-- Customize your app and platform with the preference element. --> <preference name="DisallowOverscroll" value="true" /> <preference name="android-targetSdkVersion" value="28" /> <preference name="android-minSdkVersion" value="14" /> <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.2.4" /> <plugin name="cordova-plugin-camera" source="npm" spec="~2.4.1" /> <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.4.3" /> <plugin name="cordova-plugin-device" source="npm" spec="~1.1.6" /> <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.3.3" /> <plugin name="cordova-plugin-file" source="npm" spec="~4.3.3" /> <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.4.3" /> <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.7" /> <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.7.1" /> <plugin name="cordova-plugin-network-information" source="npm" spec="~1.3.3" /> <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.5" /> <plugin name="cordova-plugin-media" source="npm" /> <plugin name="cordova-plugin-device-orientation" source="npm" /> <plugin name="cordova-plugin-whitelist" source="npm" /> <plugin name="cordova-plugin-x-socialsharing" source="npm" version="5.4.0" /> <plugin name="cordova-plugin-inappbrowser" spec="1.3.0" /> <plugin name="cordova-plugin-splashscreen" source="npm" /> <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx--> <icon src="img/apicon128.png" width="128" height="128"/> <!--splash screen here--> <splash platform="android" qualifier="port-ldpi" src="img/1p-ldpi.png" /> <splash platform="android" qualifier="port-mdpi" src="img/2p-mdpi.png" /> <splash platform="android" qualifier="port-hdpi" src="img/3p-hdpi.png" /> <splash platform="android" qualifier="port-xhdpi" src="img/4p-xhdpi.png" /> <splash platform="android" qualifier="port-xxhdpi" src="img/5p-xxhdpi.png" /> <splash platform="android" qualifier="port-xxxhdpi" src="img/6p-xxxhdpi.png" /> <splash platform="android" qualifier="land-ldpi" src="img/1l-ldpi.png" /> <splash platform="android" qualifier="land-mdpi" src="img/2l-mdpi.png" /> <splash platform="android" qualifier="land-hdpi" src="img/3l-hdpi.png" /> <splash platform="android" qualifier="land-xhdpi" src="img/4l-xhdpi.png" /> <splash platform="android" qualifier="land-xxhdpi" src="img/5l-xxhdpi.png" /> <splash platform="android" qualifier="land-xxxhdpi" src="img/6l-xxxhdpi.png" /> <preference name="SplashScreenDelay" value="4000"/> <preference name="FadeSplashScreenDuration" value="1000"/> <preference name="ShowSplashScreenSpinner" value="false"/> <preference name="AutoHideSplashScreen" value="true" /> <preference name="SplashMaintainAspectRatio" value="true"/> <access origin="*" /> <allow-intent href="http://*/*" /> <allow-intent href="https://*/*" /> <allow-intent href="tel:*" /> <allow-intent href="sms:*" /> <allow-intent href="mailto:*" /> <allow-intent href="geo:*" /> <platform name="android"> <allow-intent href="market:*" /> </platform> </widget>
Quote from luishp on February 25, 2020, 7:53 pmThank you @asmat!
This is what I needed. Now PhoneGap Build creates the .apk file without problems.
I have just striped out the splash screen options because all the screen resolutions it needs.
Great! Thank you again!
Thank you @asmat!
This is what I needed. Now PhoneGap Build creates the .apk file without problems.
I have just striped out the splash screen options because all the screen resolutions it needs.
Great! Thank you again!
Quote from asmat on February 25, 2020, 9:44 pmFinally, I have successfully implemented generating PDF inside VisualNEO Web by cordova-pdf-generator. You can see in this vedio.
@luishp, we hope the next version of VisualNEO Web be more powerful.
Finally, I have successfully implemented generating PDF inside VisualNEO Web by cordova-pdf-generator. You can see in this vedio.
@luishp, we hope the next version of VisualNEO Web be more powerful.
Uploaded files:Quote from Deleted user on September 16, 2020, 2:01 pmAt all seems interesting
At all seems interesting