redesign and upgrade of the cerser website and digital image library multimedia team 2007-2008

CENTER OF EXCELLENCE IN REMOTE SENSING EDUCATION AND RESEARCH

Mentor: Jeff Wood

Members:Jonathan PersonJustin Deloatch

Jamison Jones


Abstract 2007-2008 Multimedia TeamThe Center of Excellence in Remote Sensing Education and Research (CERSER) on the campus of Elizabeth City State University is currently tasked with the responsibility of receiving remotely sensed Advanced Very High Resolution Radiometer (AVHRR) and Sea Wide Field-of-View Sensor (SeaWiFS) data for research projects year round. This data is collected, processed, annotated, and transformed into images in the Tagged Image File Format (tiff). These tiff images are then uploaded to the CERSER archive library server located at http://cerser.ecsu.edu. Once uploaded, they are converted into various resolutions and their information is added to a tracking database maintained with Microsoft Access software. This database provides a searchable means for retrieving satellite image data through various parameters.

The current site and database architecture were developed in 2003 and modified in 2005. New capabilities and site requirements necessitated a redesign of the current site to include a more logical navigation scheme and flexibility to expand as needed. The image database required an update of the over four thousand images, many of which were corrupted or missing information. The database also required the implementation of product categories such as AVHRR color images, SeaWiFS chlorophyll images, and SeaWiFS sea surface temperature, as new satellite licenses have been acquired.


OverviewCERSER RevisionsCascading Style Sheets (CSS)Image Database JavaScript


Site Redesign-IntroductionExamination of current websiteColor SchemeGraphical InterfaceNavigation


Site Redesign- StoryboardCompiling pages and links Current site navigation


Site Redesign- StoryboardRegrouping of Links External LinksInternal LinksNew Site Navigation


Site Redesign- Page LayoutPage LayoutConsistencyRough diagram of new navigation layout


Cascading Style SheetsCascading Style Sheets (CSS) StylesUpdatingHTML Code Reduction


Redefining HTML Tags“links”, “body”“a”

a:link {text-decoration: none}a:visited {text-decoration: none}a:active {text-decoration: none}a:hover {text-decoration: underline}


Redefining HTML Tags“body” tag

body {background-color: #FFFFFF;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;background-image: url(images08/bg_01.jpg);font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;

}


CSS ClassesClasses

“.txtBOLD”

.txtBOLD {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;

}


global_nav-extglobal_nav-extAttributes

Font Family SizeFont ColorText DecorationText AlignmentFont WeightFont VariantLetter SpacingDisplay Area


global_nav-extglobal_nav-ext CSS Link

a.global_nav-ext:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;text-decoration: none;text-align: right;font-weight: normal;font-variant: small-caps;letter-spacing: 1px;display: block;

}


Implementing CSS in HTML FilesSyntax<tag class = “style”><td class = “txtBOLD”><a href=“index.html” class=“global_nav-

ext”>


Image Database UpdateOverviewImage Types

Sea Surface Temperature (SST)Advanced Very High Resolution Radiometer

(AVHRR)Total Deleted = 1000+


Microsoft AccessOverviewUseTables/Fields


Remote SensingOverviewUse

Sea Surface TemperatureSea IceGeologyVegetationSnow CoverFire Monitoring Fuel Potential


TeraScanOverviewUse

Environmental ResearchMeteorologyOceanographyTactical OperationsDisaster ManagementEducation

CERSER


TeraScan Processing1. Data Received2. Annotation and Conversion3. Upload to CERSER4. JavaScript


Corrupted/Missing DataExamples of Good and Bad ImagesSubjective Determination


No Image For This FilePlaceholderRevised JavaScript coding


Corrupted SST ImageCorruption vs. Missing DataStraight Lines


Corrupted AVHRR ImageAVHRR CorruptionUsability


Missing DataNo data Usability


Good SST Image


Great SST ImageTemperature

Studies


Good AVHRR ImageVisual Studies


Defining the ProductsOverview“Product”Requested Product Categories

NOAA AVHRR Visible ImageNOAA AVHRR Color ImageNOAA AVHRR Sea Surface TemperatureOrbview-2 SeaWiFS Visible ImageOrbview-2 SeaWiFS Color ImageOrbview-2 SeaWiFS Chlorophyll ImageNOAA AVHRR EventsOrbview-2 SeaWiFS Events


IdentifierFile Name Identifier

AVI - NOAA AVHRR Visible ImageACI - NOAA AVHRR Color ImageAST - NOAA AVHRR Sea Surface TemperatureOSV - Orbview-2 SeaWiFS Visible ImageOSC - Orbview-2 SeaWiFS Color ImageOSH - Orbview-2 SeaWiFS Chlorophyll ImageAEV - NOAA AVHRR EventsOEV - Orbview-2 SeaWiFS Events


JavaScript ImplementationIf-then-elseFile Name Syntax: date.time.satellite.tiffExample: 080325.2216.n15.tiffProposed Syntax:

date.time.satellite.product.tiffExample: 080515.0846.n18.AVI.tiff


JavaScript – MID()MID() DefinitionExample: Mid(x.name,17,1)


Product Code

'START PRODUCT Conversionif (Mid(x.name,17,1)="a" OR Mid(x.name,17,1)="o") Then if Mid(x.name, 17,3="avi" Then product="NOAA AVHRR visible image" Else if Mid(x.name, 17,3="aci" Then product="NOAA AVHRR color image" Else if Mid(x.name, 17,3="ast" Then product="NOAA AVHRR sea surface temperature" Else if Mid(x.name, 17,3="aev" Then product="NOAA AVHRR event" Else if Mid(x.name, 17,3="osv" Then product=" Orbview-2 SeaWiFS visible image" Else if Mid(x.name, 17,3="oci" Then product=" Orbview-2 SeaWiFS color image" Else if Mid(x.name, 17,3="och" Then product=" Orbview-2 SeaWiFS chlorophyll image" Else if Mid(x.name, 17,3="oev" Then product="Orbview-2 SeaWiFS chlorophyll image" Else product="0" End if End if End if End if End if End if End if End ifelseproduct="0"End if'END PRODUCT Conversion


Future Work - CERSER UpgradesUpcoming Events PageMore Images


Future Work - Image LibraryMaintenance TimeUpdate MethodSecureHTML/ASP Interface


Future Work - Product DevelopmentTeraScan Script UpdateProduct Values


MMT 2007-2008

??

redesign and upgrade of the cerser website and digital image library multimedia team 2007-2008

Documents