1 / 36

Redesign and Upgrade of the CERSER Website and Digital Image Library Multimedia Team 2007-2008

Redesign and Upgrade of the CERSER Website and Digital Image Library Multimedia Team 2007-2008. Mentor: Jeff Wood Members: Jonathan Person Justin Deloatch Jamison Jones. Abstract 2007-2008 Multimedia Team.

olin
Download Presentation

Redesign and Upgrade of the CERSER Website and Digital Image Library Multimedia Team 2007-2008

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Redesign and Upgrade of the CERSER Website and Digital Image Library Multimedia Team 2007-2008 Mentor: Jeff Wood Members: Jonathan Person Justin Deloatch Jamison Jones

  2. Abstract 2007-2008 Multimedia Team The 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.

  3. Overview • CERSER Revisions • Cascading Style Sheets (CSS) • Image Database • JavaScript

  4. Site Redesign-Introduction • Examination of current website • Color Scheme • Graphical Interface • Navigation

  5. Site Redesign- Storyboard • Compiling pages and links • Current site navigation

  6. Site Redesign- Storyboard • Regrouping of Links • External Links • Internal Links • New Site Navigation

  7. Site Redesign- Page Layout • Page Layout • Consistency • Rough diagram of new navigation layout

  8. Cascading Style Sheets • Cascading Style Sheets (CSS) • Styles • Updating • HTML Code Reduction

  9. 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}

  10. 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; }

  11. CSS Classes • Classes • “.txtBOLD” .txtBOLD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

  12. global_nav-ext • global_nav-ext • Attributes • Font Family • Size • Font Color • Text Decoration • Text Alignment • Font Weight • Font Variant • Letter Spacing • Display Area

  13. global_nav-ext • global_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; }

  14. Implementing CSS in HTML Files • Syntax • <tag class = “style”> • <td class = “txtBOLD”> • <a href=“index.html” class=“global_nav-ext”>

  15. Image Database Update • Overview • Image Types • Sea Surface Temperature (SST) • Advanced Very High Resolution Radiometer (AVHRR) • Total Deleted = 1000+

  16. Microsoft Access • Overview • Use • Tables/Fields

  17. Remote Sensing • Overview • Use • Sea Surface Temperature • Sea Ice • Geology • Vegetation • Snow Cover • Fire Monitoring • Fuel Potential

  18. TeraScan • Overview • Use • Environmental Research • Meteorology • Oceanography • Tactical Operations • Disaster Management • Education • CERSER

  19. TeraScan Processing • Data Received • Annotation and Conversion • Upload to CERSER • JavaScript

  20. Corrupted/Missing Data • Examples of Good and Bad Images • Subjective Determination

  21. No Image For This File • Placeholder • Revised JavaScript coding

  22. Corrupted SST Image • Corruption vs. Missing Data • Straight Lines

  23. Corrupted AVHRR Image • AVHRR Corruption • Usability

  24. Missing Data • No data • Usability

  25. Good SST Image

  26. Great SST Image • Temperature Studies

  27. Good AVHRR Image • Visual Studies

  28. Defining the Products • Overview • “Product” • Requested Product Categories • NOAA AVHRR Visible Image • NOAA AVHRR Color Image • NOAA AVHRR Sea Surface Temperature • Orbview-2 SeaWiFS Visible Image • Orbview-2 SeaWiFS Color Image • Orbview-2 SeaWiFS Chlorophyll Image • NOAA AVHRR Events • Orbview-2 SeaWiFS Events

  29. Identifier • File Name Identifier • AVI - NOAA AVHRR Visible Image • ACI - NOAA AVHRR Color Image • AST - NOAA AVHRR Sea Surface Temperature • OSV - Orbview-2 SeaWiFS Visible Image • OSC - Orbview-2 SeaWiFS Color Image • OSH - Orbview-2 SeaWiFS Chlorophyll Image • AEV - NOAA AVHRR Events • OEV - Orbview-2 SeaWiFS Events

  30. JavaScript Implementation • If-then-else • File Name Syntax: date.time.satellite.tiff • Example: 080325.2216.n15.tiff • Proposed Syntax: date.time.satellite.product.tiff • Example: 080515.0846.n18.AVI.tiff

  31. JavaScript – MID() • MID() Definition • Example: Mid(x.name,17,1)

  32. Product Code 'START PRODUCT Conversion if (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 if else product="0" End if 'END PRODUCT Conversion

  33. Future Work - CERSER Upgrades • Upcoming Events Page • More Images

  34. Future Work - Image Library • Maintenance Time • Update Method • Secure • HTML/ASP Interface

  35. Future Work - Product Development • TeraScan Script Update • Product Values

  36. MMT 2007-2008 ? ?

More Related