Role: Senior Application Developer, UI/UX Designer

NASA | ABoVE Profiles Dashboard

Web Application

The Arctic-Boreal Vulnerability Experiment (ABoVE) is a NASA field campaign that’s taking place in Alaska and western Canada over the next ten years. It is a diverse large-scale study that is looking at the environmental changes in the Arctic and Boreal regions. The ABoVE Profiles Dashboard is suite of tools bundled together to create a responsive web application that provides NASA management, principal investigators, and other stakeholders the capability to search, display and download project metadata. This data helps inform resource allocation, budget creation, and project planning/management within and between science programs.

Take a look!

Role: Senior Application Developer, UI/UX Designer

Role: Senior Application Developer, UI/UX Designer

Interviewing principal stakeholders, I gathered application requirements in order to design the UI/UX and to program server data exchange and navigation logic. Reusable code and custom widgets are used throughout all levels of the application.

Technologies: HTML 5, CSS 3, JavaScript, jQuery, AJAX, JSON, PHP, and MySQL

 Visitors can search Projects, Products and Team Members by browsing…

Visitors can search Projects, Products and Team Members by browsing…

prof_01.png
 Once a product is selected, visitors are presented with a variety of product metadata, including locations in the form of GeoJSON point data, or…

Once a product is selected, visitors are presented with a variety of product metadata, including locations in the form of GeoJSON point data, or…

 raster data, generated from a WMS server.

raster data, generated from a WMS server.

prof_04.png
 Project locations are displayed on the map, and listed in a side panel.

Project locations are displayed on the map, and listed in a side panel.

 By clicking on a feature on the map, or a project in the list, visitors trigger the display of detailed metadata including, project description, measurement types, dates and product availability.

By clicking on a feature on the map, or a project in the list, visitors trigger the display of detailed metadata including, project description, measurement types, dates and product availability.