Ralph Dell

bookmarkalikeInternet and Web Development

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

104 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