Monitoreo VSM - Apache Cordova Development
Download as PPTX, PDF2 likes1,015 views
David Martinez summarizes porting the VSM monitoring screen application from a web app to mobile apps using Apache Cordova. The original web app displayed information for MARN about climate and natural hazards. Cordova allows reusing the existing web code to create mobile apps. As a first experiment, the San Miguel volcano monitoring app was migrated. Screenshots show the ported app runs well on Windows Store, Android phones and tablets. Next steps involve getting feedback, justifying further work, and continuing to learn and improve.
Monitoreo VSM - Apache Cordova Development
- 1. Monitoreo VSM Apache Cordova Development By David Eliseo Martínez Software Developer for MARN El Salvador
- 2. 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.
- 3. 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.
- 4. 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.
- 5. 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)
- 6. Screenshots of the ported App: Windows Store App
- 7. Screenshots of the ported App: Windows Phone 8.1
- 8. Screenshots of the ported App: Android SmartPhone
- 9. Screenshots of the ported App: Android Tablet 7”
- 10. 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 Castellanos eliseo.martinez@gmail.com