67
WEB MAPPING WITH DRUPAL Ranel O. Padon

WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WEB MAPPING WITH DRUPAL Ranel O. Padon

Page 2: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY WEB?

connectivity & interaction

Page 3: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY CMS?

Page 4: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY CMS?

Page 5: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY CMS?

Page 6: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY CMS?

Page 7: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY CMS?

Page 8: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY PHP?

used by almost 30 Million websites around the world. http://trends.builtwith.com/framework/PHP

Page 9: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY PHP?

Page 10: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RECURSIVE ACRONYMS

Page 11: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY PHP

open-source cross-platform good documentation readable secured easily deployed stable flexible fast extendable/scalable huge community & support

Page 12: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHAT IS DRUPAL?

created by Dries Buytaert on 2001

Page 13: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHAT IS DRUPAL?

from the Dutch word “drupple”

Page 14: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL?

Page 15: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer
Page 16: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL?

it’s free & used by Yahoo, eBay, NASA, NATO, MTV, etc.

Page 17: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 6

Factor Extraction for extracting the essential/major factors/paramaters uses the Principal Component Analysis (PCA) as the extraction method and uses the Varimax with Kaiser Normalization for the rotation method

Page 18: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 6

Page 19: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 7

Page 20: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 7

Page 21: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 7

Page 22: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 7

Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer Mark Boulton was hired to work with the Drupal community to design an improved user interface for Drupal's administration interface.

Page 23: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL?

Pretty interfaces

Page 24: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL?

Pretty interfaces

Page 25: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 7

Page 26: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

MORE CODE

Page 27: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL? IT CAN BE TAMED.

Page 28: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL? GOOD FOR BEGINNERS.

Page 29: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL? FLEXIBLE FOR EXPERTS.

Page 30: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL? IT’S VERSATILE!

Page 31: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL? 20,000 Modules

Embraces Change: 8 Major Versions State-of-the-Art: Almost 20,000 modules!

Page 32: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL? STRONG COMMUNITY

Active & Huge Community: Transcending Boundaries

Page 33: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY DRUPAL? COMMUNITY EFFORT

Worth of Drupal: $12,288,606 (223 person-years) https://www.ohloh.net/p/drupal/estimated_cost

Page 34: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP?

The Power of Maps (Lord of the Rings’ map)

Page 35: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP?

Maps are used to analyze patterns.

Page 36: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP?

It engages the Community

Page 37: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP?

Maps are used for visualizing phenomena.

Page 38: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP?

Maps are good for portraying connectivity.

Page 39: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP?

Maps could help in damage assessment & rescue operations.

Page 40: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP WITH DRUPAL?

Powerful & Stable Mapping Modules: Geofield, Leaflet, OpenLayers, GMap, etc.

Page 41: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

WHY MAP WITH DRUPAL?

Great web mapping docs & books

Page 42: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

SAMPLE OF OPENLAYERS IN DRUPAL

Page 43: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

DRUPAL 7 CONFIGURATION

install Apache, MySql & PHP (XAMPP, WAMP, Easy PHP, ...) start Apache & MySQL (Apache automatically starts PHP) create a MySQL database go to http://localhost/phpmyadmin download & install Drupal 7 go to http://localhost/drupal/install.php

Page 44: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO GEOSPATIAL CMS

Page 45: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO GEOSPATIAL CMS

for extracting the essential/major factors/paramaters uses the Principal Component Analysis (PCA) as the extraction method and uses the Varimax with Kaiser Normalization for the rotation method

Page 46: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO GEOSPATIAL CMS

Page 47: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO GEOSPATIAL CMS

The geospatial components used are PostGIS, GeoServer, GeoWebCache and OpenLayers.

Page 48: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO SECURITY

Page 49: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO OPENLAYERS EDITOR

Page 50: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO PUBLISHED WITH STYLE

Page 51: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO-POWERED SITE

www.cuba.cartaro.org for extracting the essential/major factors/paramaters uses the Principal Component Analysis (PCA) as the extraction method and uses the Varimax with Kaiser Normalization for the rotation method

Page 52: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO CONFIGURATION

integrate XAMPP to PostgreSQL start Apache (XAMPP) start Postgre, PostGIS & GeoServer (OpenGeo Suite) open pgAdmin III create a cartaro spatial db copy the cartaro contents to htdocs folder go to http://localhost/cartaro/install.php enjoy the site

Page 53: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

CARTARO CONFIGURATION

enjoy the site

Page 54: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

http://mapbender.org/

Web-GIS Client (OGC WMS, WFS, Catalog Service Client)

Geo-CMS (Content Management System)

Web-based Digitizing/Editing Functionality

(OGC WSF-T Client)

Security Management (Authentication, Authorization)

Accounting Management (Logging)

Spatial Web Services Orchestrating

Page 55: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

https://www.ohloh.net/p/mapbender?ref=sample

Page 56: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

https://www.ohloh.net/p/mapbender?ref=sample

Page 57: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

https://www.ohloh.net/p/mapbender?ref=sample

Page 58: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

http://mapbender.org/

Page 59: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

http://mapbender.org/

Page 60: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

http://mapbender.org/

Page 61: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

http://mapbender.org/

Page 62: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS

http://mapbender.org/

Page 63: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS (PHP)

http://mapbender3.org/

Page 64: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

RELATED GEOSPATIAL CMS (Python)

http://geonode.org/org/

Page 65: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

THE DRUPAL MOVEMENT

http://groups.drupal.org/philippines

Page 66: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

THE DRUPAL MOVEMENT

PHDUG: Philippine Drupal Users Group

Page 67: WEB MAPPING WITH DRUPAL - OSGeo · DRUPAL 7 Drupal 7 addressed 90% of the problems identified by the Universities of Minnesota and Baltimore in Drupal 6. User experience designer

Thank You!