VisualNEO web apps Vs other apps - Forum

Forum Navigation
You need to log in to create posts and topics.

VisualNEO web apps Vs other apps

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:
  • You need to login to have access to uploads.
Vadim, CDY@44 and Samuel Vanneste have reacted to this post.
VadimCDY@44Samuel Vanneste

Great !!!

asmat has reacted to this post.
asmat

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.

asmat has reacted to this post.
asmat

Hi asmat

Thank you

regards

asmat has reacted to this post.
asmat

Excellent!, where can I read more about how to implement it with other parts of the device?

take a look to this link:

https://cordova.apache.org/docs/en/latest/

luishp and Samuel Vanneste have reacted to this post.
luishpSamuel Vanneste

@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 has reacted to this post.
asmat

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>

 

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!

 

asmat has reacted to this post.
asmat

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:
  • You need to login to have access to uploads.
luishp has reacted to this post.
luishp

At all seems interesting

Open chat
1
Do you need more info?
Hi, do you have any doubt?