DEV Community

Muhammad Syukur Abadi
Muhammad Syukur Abadi

Posted on

Designing Single Page App To Promote Tourism Post-Pandemic At Jambuwer Village

Background

When the pandemic hit, many economic sectors were affected, one of them was the tourism sector. Recovering the sector after the pandemic is a challenge for every tourism service provider. There are many ways to meet this challenge. One way -- and the cheapest -- is to promote in digital media such as web applications. Through this community service, I am trying to build a web application for Jambuwer village to promote Jambuwer village as a tourism village, helping economic agents, and promote the existing culture and local wisdom.

Methodology

In this application design, the methodology used is waterfall. The main reason for choosing this methodology is that it is suitable for implementation for small-scale teams and small projects. Here is the methodology diagram.

waterfall diagram

Regardless of how someone using waterfall methodology, the methodology is running sequentially, and often consists of these steps (Bassil, 2012) :

  1. Analysis
    Is a steps to not only gather information about software specification and behavior, but also formulating how this software could achieve the business case

  2. Design
    After the expected software specification and behavior are met, the following step is to plan how the software will be built. During this step, the user interface, database, and software architecture will be decided.

  3. Implementation
    This refers to realization of software requirement and design in form of executable program.

  4. Testing
    This step also known as verification and validation of the executable program against the software requirement. This step also aims for generating the software performance through specific metric.

  5. Maintenance
    After the executable program is passed the testing and the decision to release from development environment to production environment were made, the next step is to keep the program stable against various condition on production environment. During this step, the metrics are being watched over time. In case there are unusual behavior from system against user activity, the action to fix the system will be made.

Result

The result from this application design is a single page app (SPA) that built using Bootstrap. We use https://github.com/StartBootstrap/startbootstrap-creative as the template in order to decrease the time development. Moreover, there are not much content to be load and not much user interaction to be implemented. Hence we thought, the template is enough.

The application has been deployed to GitHub page that you can find it here

Top comments (0)