Ralph Dell

bookmarkalikeInternet and Web Development

Dec 14, 2013 (3 years and 7 months ago)

92 views

Catawba County Open Source web
development

Fall 2012

Spring 2012 ipad?

Our web site platforms

ArcIMS

Parcel

Report

Assessment

Report

Owner

Report

Deed

History

nomap

searching & results


How not to enter a address


South College Avenue


South College Ave


South College Av


S. College


So College


So. College Ave.


S College Avenue


705 South

NCGIS 2009


Open Layers is easy


Web Mapping Service/WMS


Open Source Stack



What is in your browser?


HTML 5



HTM5 Boilerplate


Cascading Style Sheets/CSS


How you display elements on the page


Open Layers


Javascript

Libraries


buttons/
autocomplete










css

at work

Cascading Style Sheets/
css

openLayers
/
wms

OpenLayers

code

openLayers

request to
geoserver


request

Image from
geoserver

to open layers


autocomplete

search

Geoext
/
extjs

resizable viewport

geoext

map layers

School search/
geoext
/
extjs

Real Estate Search/
geoext

Does it work on a ipad?

extjs
/ipad

extjs
/
iphone

Responsive web design


What is responsive web design


Ethan
Marcott



Fluid grids


Media queries


Blucss

example


blucss.css

Parcel report/ desktop

nomap


traditional



openLayers
/
blucss

What
Ralph

Catawba County wants


One web page that works across devices


Resizable map


autocomplete


Nice looking layer tree


Re
-
arrange/show/hide elements on the page


Get it out the door sooner rather than later

Geospatial portal

Building a mobile solution



html5



Openlayers



css


position: absolute;


media queries



jquery
/
jquery
-
ui


autocomplete


tabs


buttons


desktop

tablet

Smart phone

css

across devices/desktop

css
/tablet/phone

What I didn’t talk about


I manipulate the data to serve our purposes


Device detection


1024 x 768


Firefox


Firebug


Chrome


Chrome developer tools


Web Services


Easy is in the eye of the beholder


Talk to me


rdell@catawbacountync.gov


real estate site


NCGIS Catawba County Power Point


ftp username
catawba


password ftp123