DEV Community

Muhammad Syukur Abadi
Muhammad Syukur Abadi

Posted on

1

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

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay