Arlington Field of Honor Web Application

Team Name

Team Honor

Timeline

Fall 2022 – Spring 2023

Students

  • Adhikari, Aayush
  • KC, Utsav
  • Maharjan, Aashish
  • Marconi, Luciano
  • Thapa, Rhitu

Sponsor

Arlington Field of Honor

Abstract

The Arlington Field of Honor is an online platform that enables the general public to engage with the content related to the field and provide assistance on-site. Additionally, the Field of Honor Administration has access to a secure FOH Data Management System, which allows them to import, export, and update data pertaining to purchasers or honorees.

Background

We need to create a web application and database for a non-profit organization’s flag sale honoring veterans, as the current spreadsheet-based system is no longer practical. The application will allow users to search for flags and veteran details by scanning QR codes or searching names, while administrators can upload spreadsheets to add orders. Visitors will have limited access, while the web app’s enhanced functionality will improve customer experience and ultimately contribute to the non-profit’s mission of honoring veterans and their families.

Project Requirements

•Public Interaction: the ability to view public contents of AFOH.

•Authenticator in Administration Portal

•Flags Data Management: the ability to manage sale data, import and export data, and update data.

•Flag Card Printing: the ability to print card for each flag that is sold, the card includes the person honored, description about the honoree, and flag’s location by Field, Row number and a QR code to aid the checkout.

System Overview

There are mainly three layers in our web application: Presentation, Application and Database layer.

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 applications responsive to a user’s actions.

The main function of the application layer is to accept user requests from the browser, process them, and determine how the data will be accessed.

The data access layer consists of the database server that provides and stores relevant data for the application. It is closely connected to the application layer, so the logic knows which database to refer to and retrieve the data from.

Results

We were able to create a web application as per the needs of the organization. The app is able to meet the initial requirements and ready to be used. More features can be added in near future.

Future Work

Future work text goes here

Project Files

Project Charter (link)

System Requirements Specification (link)

Architectural Design Specification (link)

Detailed Design Specification (link)

Poster (link)

References

Any references go here, properly formatted

axm3603