Field of Honor Web Application

Posted on by hxp1515

Team Name

Field of Honor

Timeline

Spring 2022 – Summer 2022

Students

  • Rathi, Gagan
  • Bernal, Angel
  • Tan Ai, Parichat
  • Pham, Hieu

Sponsor

Arlington Field of Honor

Abstract

Arlington Field of Honor is a web application that providing public users ability interact with Arlington Field of Honor contents and assist them at the field. Moreover, Field of Honor Administration can securely manage Purchasers or Honoree through FOH Data Management System where they can import, export, and update data.

Background

Arlington Field of Honor team provides the opportunity to veterans and families of veterans of buying flags to honor veteran heroes. As of now, they collect and store data using spreadsheets.  They have contacted us looking for a more streamlined solution to better be able to help their customers and their mission. We are to build a system with database of all the purchased flags allowing users to lookup the flag location and veteran information. The lookup will be done by searching the name of the veteran, or scanning the QR code placed on each flag. The web application will be used by both visitors and FOH volunteers. The visitors will only be allowed to lookup veterans for flag/profile details. In addition to basic look-up functionality, the admins will be able to add orders to the database by uploading order spreadsheets.

Project Requirements

  1. Public Interaction: the ability to view public contents of AFOH.
  2. Authenticator in Administration Portal
  3. Flags Data Management: the ability to manage sale data, import and export data, and update data.
  4. FLag Location Lookup: the ability to lookup any flag’s location by Purchaser or Honoree.
  5. Flag Card Printing: the ability to print card for each flag that is sold, the card includes the person honored, description verbiage about the honoree, and flag’s location by Field, Row, and number. Perhaps a QR code to aid aid checkout.
  6. In-person Digital Sale Form: allow Purchaser fill out form using their own devices.

System Overview

Field of Honor App will be divided into Presentation Layer, Application Layer, and Database Layer. Since this application runs in web browsers, the compatible operating system shall be Android OS, iOS,
Windows, etc. The web version of the application can run on any OS that supports some kind of web
browser.

The presentation layer is accessible to users or clients via a web browser. This layer consists of user interface process components that support communication with the system. This content delivered to the client using HTML, JavaScript, and CSS. HTML is the code that determines the content of the website, CSS controls the overall look and feel of the website, while JavaScript and its frameworks like React make the web apps responsive to a user’s actions.

The application layer is to host the application and allow the users to interact with the application through front-end. The application layer will compose of many different internal API endpoints handing presentation layer requests and returning data from the database. This layer will also make use of Google Map API to locate flags, Mongoose API to connect with MongoDB database, and QR code scanner API to scan the QR code and redirect to correct flag details.

Results

AFOH Data Management is developed for administrator login and manage Purchases and Honorees. Data can be import to database in form of excel sheet. Card can be automatically printed as a given format.

Demo Video

Future Work

  1. In-person Digital Sale Form: allow Purchaser fill out form using their own devices.
  2. Update Field of Honor Web Application design.
  3. Develop Flag Navigator System.

Project Files

Project Charter (link)

System Requirements Specification (link)

Architectural Design Specification (link)

Poster (link)

Detailed Design Specification (link)

References

Arlington Field of Honor

hxp1515

More Posts