Monitoreo VSMApache Cordova Development

By David Eliseo MartínezSoftware Developer for MARNEl Salvador

What is Cordova and Why use it at MARN

From http://cordova.apache.org/ “Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript”

MARN El Salvador has a lot of Web Applications to display information about climate, natural hazards, seismicity, etc.

Cordova represents an opportunity to take advantage of the source code already written for Web to make available on mobile devices.

The first experiment was made with the App for monitoring the San Miguel Volcano, an active volcano with recent activity.

Original Product to be migrated to Cordova: VSM Monitoring Screen

The original product, is a Web App designed for TV Screen (32”). This App is used at MARN and San Miguel municipalities.

Mobile and Windows Store App implementation

By porting the application, it is expected to make the information available on mobiles and as Windows Store App.

I used Bootstrap as CSS Framework (Grid system + some components)

The rest of the coded reused from the existing App.

Screenshots of the ported App: Windows Store App

On the Windows Store App, the embedded video of the volcano camera did not work, I will change it by following a platform specific work flow (using vs IDE)

Screenshots of the ported App: Windows Store App

Screenshots of the ported App: Windows Phone 8.1

Screenshots of the ported App: Android SmartPhone

Screenshots of the ported App: Android Tablet 7”

What is next?

First, review with MARN colleagues.

General improvement but after reception, I need to justify my time.

Continue learning and making, as satisfaction comes from hard work.

THANKS

David Eliseo Martínez Castellanoseliseo.martinez@gmail.com