OSGeo - User contributions [en]

Geonetwork: añadir metadatos proprios

2009-04-16T13:34:59Z

Wiki-Equipo UNIGIS: /* Duración */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Añadir metadatos propios=
Vamos a añadir a nuestro Catálogo el WMS del juego de datos de Itasca así como lo hemos configurado en la lección [[Creación de servicios propios con gvSIG y MapServer]]

Vamos a la página principal de Geonetwork que tenemos en nuestro servidor:
* http://127.0.0.1:8080/geonetwork/

En el menú a la derecha podemos escoger la versión de idioma que preferimos, en nuestro caso el ''Español''.

En el espacio para el login, vamos a poner el nombre de Usuario (admin) y el password (admin) que son los valores por defecto. Si vuestro servidor es accesible desde la red es fundamental cambiar los datos de login del administrador.

Una vez cliquéis sobre ''Iniciar Sesión'' accederéis a la interfaz de administración.

Para añadir un nuevo Metadato tenemos que escoger ''Administrador'' en el menú principal y luego ''Nuevo Metadato''.

Vamos a seleccionar la ''Plantilla de Metadatos'' como "Template for Raster data in ISO19139".
El ''Grupo de usuarios'' con ''Sample group''.

[[Image:Geonetwork-add-metadata-template.jpg|thumb|none|400px|Seleccionando el template de Metadatos]]

==Editando==
===Identification info===
[[Image:Geonetwork-add-metadata-identification.jpg|thumb|none|400px|La plantilla para añadir Metadatos]]

===Extent===
[[Image:Geonetwork-add-metadata-extent.jpg|thumb|none|400px|El Extent como Metadato llave]]
Geographic bounding box
*North bound latitude 47.9017
*West bound longitude -94.428
*East bound longitude -93.0557
*South bound latitude 47.0169

===Distribution Info===
[[Image:Geonetwork-add-metadata-online-resource.jpg|thumb|none|400px|Definiendo los parámetros del servidor WMS]]

*http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wms.map
*OGC-WMS Capabilities service (ver 1.1.1)
*"Mi servicio WMS por Itasca"

===Metadata===
Autor
[[Image:Geonetwork-add-metadata-point-of-contact.jpg|thumb|none|400px|Los detalles del Point of Contact]]

===Guardar===
Cerramos la edición con el botón '''Guardar y Cerrar'''

==Privilegios==
Comprobamos que en el '''Sample group''', donde esta nuestro juego de datos, sean activas las funciones:
* publish
* download
* Iteractive map
[[Image:Geonetwork-privileges.jpg|thumb|none|400px|La pantalla de configuración de privilegios]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este artículo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Geonetwork: añadir metadatos proprios

2009-04-16T13:34:44Z

Wiki-Equipo UNIGIS: /* Licencia */

Geonetwork: añadir metadatos proprios

2009-04-16T13:33:49Z

Wiki-Equipo UNIGIS: /* Salvar */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Añadir metadatos propios=
Vamos a añadir a nuestro Catálogo el WMS del juego de datos de Itasca así como lo hemos configurado en la lección [[Creación de servicios propios con gvSIG y MapServer]]

Vamos a la página principal de Geonetwork que tenemos en nuestro servidor:
* http://127.0.0.1:8080/geonetwork/

En el menú a la derecha podemos escoger la versión de idioma que preferimos, en nuestro caso el ''Español''.

En el espacio para el login, vamos a poner el nombre de Usuario (admin) y el password (admin) que son los valores por defecto. Si vuestro servidor es accesible desde la red es fundamental cambiar los datos de login del administrador.

Una vez cliquéis sobre ''Iniciar Sesión'' accederéis a la interfaz de administración.

Para añadir un nuevo Metadato tenemos que escoger ''Administrador'' en el menú principal y luego ''Nuevo Metadato''.

Vamos a seleccionar la ''Plantilla de Metadatos'' como "Template for Raster data in ISO19139".
El ''Grupo de usuarios'' con ''Sample group''.

[[Image:Geonetwork-add-metadata-template.jpg|thumb|none|400px|Seleccionando el template de Metadatos]]

==Editando==
===Identification info===
[[Image:Geonetwork-add-metadata-identification.jpg|thumb|none|400px|La plantilla para añadir Metadatos]]

===Extent===
[[Image:Geonetwork-add-metadata-extent.jpg|thumb|none|400px|El Extent como Metadato llave]]
Geographic bounding box
*North bound latitude 47.9017
*West bound longitude -94.428
*East bound longitude -93.0557
*South bound latitude 47.0169

===Distribution Info===
[[Image:Geonetwork-add-metadata-online-resource.jpg|thumb|none|400px|Definiendo los parámetros del servidor WMS]]

*http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wms.map
*OGC-WMS Capabilities service (ver 1.1.1)
*"Mi servicio WMS por Itasca"

===Metadata===
Autor
[[Image:Geonetwork-add-metadata-point-of-contact.jpg|thumb|none|400px|Los detalles del Point of Contact]]

===Guardar===
Cerramos la edición con el botón '''Guardar y Cerrar'''

==Privilegios==
Comprobamos que en el '''Sample group''', donde esta nuestro juego de datos, sean activas las funciones:
* publish
* download
* Iteractive map
[[Image:Geonetwork-privileges.jpg|thumb|none|400px|La pantalla de configuración de privilegios]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Geonetwork: añadir metadatos proprios

2009-04-16T13:32:36Z

Wiki-Equipo UNIGIS: /* Privilegios */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Añadir metadatos propios=
Vamos a añadir a nuestro Catálogo el WMS del juego de datos de Itasca así como lo hemos configurado en la lección [[Creación de servicios propios con gvSIG y MapServer]]

Vamos a la página principal de Geonetwork que tenemos en nuestro servidor:
* http://127.0.0.1:8080/geonetwork/

En el menú a la derecha podemos escoger la versión de idioma que preferimos, en nuestro caso el ''Español''.

En el espacio para el login, vamos a poner el nombre de Usuario (admin) y el password (admin) que son los valores por defecto. Si vuestro servidor es accesible desde la red es fundamental cambiar los datos de login del administrador.

Una vez cliquéis sobre ''Iniciar Sesión'' accederéis a la interfaz de administración.

Para añadir un nuevo Metadato tenemos que escoger ''Administrador'' en el menú principal y luego ''Nuevo Metadato''.

Vamos a seleccionar la ''Plantilla de Metadatos'' como "Template for Raster data in ISO19139".
El ''Grupo de usuarios'' con ''Sample group''.

[[Image:Geonetwork-add-metadata-template.jpg|thumb|none|400px|Seleccionando el template de Metadatos]]

==Editando==
===Identification info===
[[Image:Geonetwork-add-metadata-identification.jpg|thumb|none|400px|La plantilla para añadir Metadatos]]

===Extent===
[[Image:Geonetwork-add-metadata-extent.jpg|thumb|none|400px|El Extent como Metadato llave]]
Geographic bounding box
*North bound latitude 47.9017
*West bound longitude -94.428
*East bound longitude -93.0557
*South bound latitude 47.0169

===Distribution Info===
[[Image:Geonetwork-add-metadata-online-resource.jpg|thumb|none|400px|Definiendo los parámetros del servidor WMS]]

*http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wms.map
*OGC-WMS Capabilities service (ver 1.1.1)
*"Mi servicio WMS por Itasca"

===Metadata===
Autor
[[Image:Geonetwork-add-metadata-point-of-contact.jpg|thumb|none|400px|Los detalles del Point of Contact]]

===Salvar===
serramos la edición con el boton '''Salvar y Cerrar'''
==Privilegios==
Comprobamos que en el '''Sample group''', donde esta nuestro juego de datos, sean activas las funciones:
* publish
* download
* Iteractive map
[[Image:Geonetwork-privileges.jpg|thumb|none|400px|La pantalla de configuración de privilegios]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Geonetwork: añadir metadatos proprios

2009-04-16T13:31:05Z

Wiki-Equipo UNIGIS: /* Añadir metadatos proprios */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Añadir metadatos propios=
Vamos a añadir a nuestro Catálogo el WMS del juego de datos de Itasca así como lo hemos configurado en la lección [[Creación de servicios propios con gvSIG y MapServer]]

Vamos a la página principal de Geonetwork que tenemos en nuestro servidor:
* http://127.0.0.1:8080/geonetwork/

En el menú a la derecha podemos escoger la versión de idioma que preferimos, en nuestro caso el ''Español''.

En el espacio para el login, vamos a poner el nombre de Usuario (admin) y el password (admin) que son los valores por defecto. Si vuestro servidor es accesible desde la red es fundamental cambiar los datos de login del administrador.

Una vez cliquéis sobre ''Iniciar Sesión'' accederéis a la interfaz de administración.

Para añadir un nuevo Metadato tenemos que escoger ''Administrador'' en el menú principal y luego ''Nuevo Metadato''.

Vamos a seleccionar la ''Plantilla de Metadatos'' como "Template for Raster data in ISO19139".
El ''Grupo de usuarios'' con ''Sample group''.

[[Image:Geonetwork-add-metadata-template.jpg|thumb|none|400px|Seleccionando el template de Metadatos]]

==Editando==
===Identification info===
[[Image:Geonetwork-add-metadata-identification.jpg|thumb|none|400px|La plantilla para añadir Metadatos]]

===Extent===
[[Image:Geonetwork-add-metadata-extent.jpg|thumb|none|400px|El Extent como Metadato llave]]
Geographic bounding box
*North bound latitude 47.9017
*West bound longitude -94.428
*East bound longitude -93.0557
*South bound latitude 47.0169

===Distribution Info===
[[Image:Geonetwork-add-metadata-online-resource.jpg|thumb|none|400px|Definiendo los parámetros del servidor WMS]]

*http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wms.map
*OGC-WMS Capabilities service (ver 1.1.1)
*"Mi servicio WMS por Itasca"

===Metadata===
Autor
[[Image:Geonetwork-add-metadata-point-of-contact.jpg|thumb|none|400px|Los detalles del Point of Contact]]

===Salvar===
serramos la edición con el boton '''Salvar y Cerrar'''
==Privilegios==
Comprobamos que en el '''Sample group''', donde esta nuestro juego de datos, sean attivas las funciones:
* publish
* download
* Iteractive map
[[Image:Geonetwork-privileges.jpg|thumb|none|400px|La pantalla de configuración de privilegios]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Instalación de Geonetwork

2009-04-16T13:17:11Z

Wiki-Equipo UNIGIS: /* Duración */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar Geonetwork Opensource=
El sitio oficial de Geonetwork Opensource es:
* http://geonetwork-opensource.org/

Es posible bajar las versiones de Geonetwork que nos interesa directamente de la página web.
La versión que utilizamos por esta lección es ''v2.2.0 (4 April 2008)''.

Un vez acabado el download, hay que estar seguro que nuestro ordenador tiene ya Java disponible. Si habéis montado gvSIG o otro programa Java antes no debería ser difícil seguir adelante. En caso contrario tenéis que ir al sitio web de SUN para la descarga.

Lanzando el instaler se pasa por un ''splash screen'' y luego la ventana que nos introduce la instalación.
[[Image:Geonetwork-install-splash-screen.jpg|thumb|none|400x400px|EL ''splash screen'' de Geonetwork]]

[[Image:Geonetowrok-install-first-dialague.jpg|thumb|none|400x400px|La primera ventana de instalación]]

El proceso de instalación es fácil y automático.
[[Image:Geonetwork-install-process.jpg|thumb|none|400x400px|Proceso de instalacíon de Geonetwork]]

La ventana ''Getting Started'' nos da varias informaciones que es recomendable leer.
[[Image:Geonoetwork-install-getting-started.jpg|thumb|none|400x400px|Arrancando el servidor de Geonetwork]]

En Windows hay que poner attención al firewall por defecto si está activado y permitir a Geonetwork acceder a la puerta ''8080''.
[[Image:Geoneotwork-install-firewall-unlock.jpg|thumb|none|400x400px|El Firewall intenta bloquear Geonetwork]]

Acabado el proceso de instalación se ofrece la posibilidad de iniciar el servidor y una ventana de comando de DOS nos enseña el proceso.
[[Image:Geonetwork-install-starting-server.jpg|thumb|none|400x400px|La ventana de comando para Geonetwork]]

Desde el menú de windows:
Start -> todos los programas -> Geonetwork opensource -> Open Geonetwork Opensource
El browser estará direccionado a esta dirección:
* http://localhost:8080/geonetwork/srv/en/main.home
puede que el servidor no resuelva ''localhost'' y que sea necesario utilizar esta dirección:
http://127.0.0.1:8080/geonetwork/srv/en/main.home

[[Image:Geonetowrk-install-firstview.jpg|thumb|none|400x400px|La primera visualización de la interfaz web de Geonetwork]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia para este artículo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación de Geonetwork

2009-04-16T13:16:55Z

Wiki-Equipo UNIGIS: /* Licencia */

Instalación de Geonetwork

2009-04-16T13:12:30Z

Wiki-Equipo UNIGIS: /* Instalar Geonetwork Opensource */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar Geonetwork Opensource=
El sitio oficial de Geonetwork Opensource es:
* http://geonetwork-opensource.org/

Es posible bajar las versiones de Geonetwork que nos interesa directamente de la página web.
La versión que utilizamos por esta lección es ''v2.2.0 (4 April 2008)''.

Un vez acabado el download, hay que estar seguro que nuestro ordenador tiene ya Java disponible. Si habéis montado gvSIG o otro programa Java antes no debería ser difícil seguir adelante. En caso contrario tenéis que ir al sitio web de SUN para la descarga.

Lanzando el instaler se pasa por un ''splash screen'' y luego la ventana que nos introduce la instalación.
[[Image:Geonetwork-install-splash-screen.jpg|thumb|none|400x400px|EL ''splash screen'' de Geonetwork]]

[[Image:Geonetowrok-install-first-dialague.jpg|thumb|none|400x400px|La primera ventana de instalación]]

El proceso de instalación es fácil y automático.
[[Image:Geonetwork-install-process.jpg|thumb|none|400x400px|Proceso de instalacíon de Geonetwork]]

La ventana ''Getting Started'' nos da varias informaciones que es recomendable leer.
[[Image:Geonoetwork-install-getting-started.jpg|thumb|none|400x400px|Arrancando el servidor de Geonetwork]]

En Windows hay que poner attención al firewall por defecto si está activado y permitir a Geonetwork acceder a la puerta ''8080''.
[[Image:Geoneotwork-install-firewall-unlock.jpg|thumb|none|400x400px|El Firewall intenta bloquear Geonetwork]]

Acabado el proceso de instalación se ofrece la posibilidad de iniciar el servidor y una ventana de comando de DOS nos enseña el proceso.
[[Image:Geonetwork-install-starting-server.jpg|thumb|none|400x400px|La ventana de comando para Geonetwork]]

Desde el menú de windows:
Start -> todos los programas -> Geonetwork opensource -> Open Geonetwork Opensource
El browser estará direccionado a esta dirección:
* http://localhost:8080/geonetwork/srv/en/main.home
puede que el servidor no resuelva ''localhost'' y que sea necesario utilizar esta dirección:
http://127.0.0.1:8080/geonetwork/srv/en/main.home

[[Image:Geonetowrk-install-firstview.jpg|thumb|none|400x400px|La primera visualización de la interfaz web de Geonetwork]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Instalación de Geonetwork

2009-04-16T10:28:19Z

Wiki-Equipo UNIGIS: /* Instalar Geonetwork Opensource */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar Geonetwork Opensource=
El sitio oficial de Geonetwork Opensource es:
* http://geonetwork-opensource.org/

Es posible bajar las versiones de Geonetwork que nos interesa directamente de la página web.
La versión que utilizamos por esta lección es ''v2.2.0 (4 April 2008)''.

Un vez acabado el download, hay que estar seguro que nuestro ordenador tiene ya Java disponible. Si habéis montado gvSIG o otro programa Java en precedencia no debería ser difícil seguir adelante. En caso contrario tenéis que ir al sitio web de SUN para la descarga.

Lanzando el instaler se pasa por un ''splash screen'' y luego la ventana que nos introduce la instalación.
[[Image:Geonetwork-install-splash-screen.jpg|thumb|none|400x400px|EL ''splash screen'' de Geonetwork]]

[[Image:Geonetowrok-install-first-dialague.jpg|thumb|none|400x400px|La primera ventana de instalación]]

El proceso de instalación es fácil y automático.
[[Image:Geonetwork-install-process.jpg|thumb|none|400x400px|Proceso de instalacíon de Geonetwork]]

La ventana ''Getting Started'' nos da varias informaciones que es recomendable leer.
[[Image:Geonoetwork-install-getting-started.jpg|thumb|none|400x400px|Arrancando el servidor de Geonetwork]]

En Windows hay que poner attención al firewall por defecto si está activado y permitir a Geonetwork acceder a la puerta ''8080''.
[[Image:Geoneotwork-install-firewall-unlock.jpg|thumb|none|400x400px|El Firewall intenta bloquear Geonetwork]]

Acabado el proceso de instalación se ofrece la posibilidad de iniciar el servidor y una ventana de comando de DOS nos enseña el proceso.
[[Image:Geonetwork-install-starting-server.jpg|thumb|none|400x400px|La ventana de comando para Geonetwork]]

Desde el menú de windows:
Start -> todos los programas -> Geonetwork opensource -> Open Geonetwork Opensource
El browser estará direccionado a esta dirección:
* http://localhost:8080/geonetwork/srv/en/main.home
puede que el servidor no resuelva ''localhost'' y que sea necesario utilizar esta dirección:
http://127.0.0.1:8080/geonetwork/srv/en/main.home

[[Image:Geonetowrk-install-firstview.jpg|thumb|none|400x400px|La primera visualización de la interfaz web de Geonetwork]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: visualización de capas WFS

2009-04-15T16:23:07Z

Wiki-Equipo UNIGIS: /* Duración */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: visualización de capas WFS=
===Comenzando con un WMS===
Si hemos seguido las indicaciones de [[Openlayers: configuración mínima con biblioteca en remoto]], tendremos una página web que visualiza el servicio WMS del juego de datos ''Itasca'':

* http://localhost:9000/mapserv-demo/ol.html

[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|El WMS visualizado por Openlayers en la página web]]

==Abrir una capa WFS con OpenLayers==
Utilizando el mismo código del ejemplo WMS vamos a añadir una capa WFS.

Abrimos un nuevo fichero:
C:\ms4w\apps\mapserv-demo\ol-itasca-wfs.html

el código que vamos a utilizar es:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{ typename: 'lakespy2.shp', maxfeatures: 200 } );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>

</pre>

el link a nuestra pagina debería ser:
* http://localhost:9000/mapserv-demo/ol-itasca-wfs.html
[[Image:Openlayers-itasca-wfs-maxfeatures.jpg|thumb|none|400x400px|Capa WFS con maxFeatures = 100]]

Lo que vemos en la página que acabamos de crear son dos capas, una WMS que ya conocemos y una capa WFS que está renderizada por el OpenLayers gracias a las bibliotecas de dibujo vectorial que los browser modernos nos ofrecen.

Si nos fijamos en los pedidos que el browser hace podremos comprobar que al UMN Mapserver llega:
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&typename=lakespy2.shp&maxfeatures=200&SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&SRS=EPSG%3A4326&BBOX=235889.3974358975,5129558.5,653113.6025641025,5383804.5

Controlando el resultado sale un largo contenido en XML que empieza con:
<pre>
<wfs:FeatureCollection xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd http://mapserver.gis.umn.edu/mapserver http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=DescribeFeatureType&TYPENAME=lakespy2.shp&OUTPUTFORMAT=XMLSCHEMA">
<gml:boundedBy>
<gml:Box srsName="EPSG:4326">
...

</pre>

Este código XML describe todas las Features que corresponden a nuestro ''TypeName'' limitando el número de Features al valor de ''maxFeatures''. De esta manera podemos darnos cuenta que OpenLayers visualiza en color naranja sólo una pequeña parte de las lagunas que esta capa tiene.

Cuidado: pedir todas las Features a Mapserver significaría arriesgarse que el servidor se demore mucho en contestar y que el browser se encuentre con demasiadas Features por renderizar con el riesgo que se bloquee.

==Definir un filtro personalizados==
Para evitar el problema que tenemos con maxFeatures vamos a intentar visualizar sólo en un número limitado de Features y sólo las que queremos visualizar.

Así que vamos a definir un filtro WFS que nos permita seleccionar las lagunas que tienen un ''AREA'' mayor que el valor ''10000000''.

La imagen que sigue muestra el resultado del filtro WFS aplicado a nuestra capa. Es fácil ver que sólo las lagunas grandes han sido dibujadas con el color naranja.

[[Image:Openlayers-itasca-wfs+filter.jpg|thumb|none|400x400px|Capa WFS con filtro]]

El código de la página que contiene el filtro es el siguiente:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{
typename: 'lakespy2.shp',
maxfeatures: 200,
filter:"<Filter><PropertyIsGreaterThan><PropertyName>AREA</PropertyName><Literal>10000000</Literal></PropertyIsGreaterThan></Filter>"
} );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>

Hay que notar que hemos tenido que utilizar un truco para evitar un error de la versión estable de OpenLayers y descargamos la biblioteca relativa a Layers WFS directamente del repositorio de desarrollo. Esto pasa actualmente con las versiones 2.7 y anteriores de OpenLayers.
<pre>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
</pre>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia para este artículo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Openlayers: visualización de capas WFS

2009-04-15T16:22:51Z

Wiki-Equipo UNIGIS: /* Licencia */

Openlayers: visualización de capas WFS

2009-04-15T16:21:41Z

Wiki-Equipo UNIGIS: /* Abrir una capa WFS con OpenLayers */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: visualización de capas WFS=
===Comenzando con un WMS===
Si hemos seguido las indicaciones de [[Openlayers: configuración mínima con biblioteca en remoto]], tendremos una página web que visualiza el servicio WMS del juego de datos ''Itasca'':

* http://localhost:9000/mapserv-demo/ol.html

[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|El WMS visualizado por Openlayers en la página web]]

==Abrir una capa WFS con OpenLayers==
Utilizando el mismo código del ejemplo WMS vamos a añadir una capa WFS.

Abrimos un nuevo fichero:
C:\ms4w\apps\mapserv-demo\ol-itasca-wfs.html

el código que vamos a utilizar es:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{ typename: 'lakespy2.shp', maxfeatures: 200 } );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>

</pre>

el link a nuestra pagina debería ser:
* http://localhost:9000/mapserv-demo/ol-itasca-wfs.html
[[Image:Openlayers-itasca-wfs-maxfeatures.jpg|thumb|none|400x400px|Capa WFS con maxFeatures = 100]]

Lo que vemos en la página que acabamos de crear son dos capas, una WMS que ya conocemos y una capa WFS que está renderizada por el OpenLayers gracias a las bibliotecas de dibujo vectorial que los browser modernos nos ofrecen.

Si nos fijamos en los pedidos que el browser hace podremos comprobar que al UMN Mapserver llega:
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&typename=lakespy2.shp&maxfeatures=200&SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&SRS=EPSG%3A4326&BBOX=235889.3974358975,5129558.5,653113.6025641025,5383804.5

Controlando el resultado sale un largo contenido en XML que empieza con:
<pre>
<wfs:FeatureCollection xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd http://mapserver.gis.umn.edu/mapserver http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=DescribeFeatureType&TYPENAME=lakespy2.shp&OUTPUTFORMAT=XMLSCHEMA">
<gml:boundedBy>
<gml:Box srsName="EPSG:4326">
...

</pre>

Este código XML describe todas las Features que corresponden a nuestro ''TypeName'' limitando el número de Features al valor de ''maxFeatures''. De esta manera podemos darnos cuenta que OpenLayers visualiza en color naranja sólo una pequeña parte de las lagunas que esta capa tiene.

Cuidado: pedir todas las Features a Mapserver significaría arriesgarse que el servidor se demore mucho en contestar y que el browser se encuentre con demasiadas Features por renderizar con el riesgo que se bloquee.

==Definir un filtro personalizados==
Para evitar el problema que tenemos con maxFeatures vamos a intentar visualizar sólo en un número limitado de Features y sólo las que queremos visualizar.

Así que vamos a definir un filtro WFS que nos permita seleccionar las lagunas que tienen un ''AREA'' mayor que el valor ''10000000''.

La imagen que sigue muestra el resultado del filtro WFS aplicado a nuestra capa. Es fácil ver que sólo las lagunas grandes han sido dibujadas con el color naranja.

[[Image:Openlayers-itasca-wfs+filter.jpg|thumb|none|400x400px|Capa WFS con filtro]]

El código de la página que contiene el filtro es el siguiente:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{
typename: 'lakespy2.shp',
maxfeatures: 200,
filter:"<Filter><PropertyIsGreaterThan><PropertyName>AREA</PropertyName><Literal>10000000</Literal></PropertyIsGreaterThan></Filter>"
} );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>

Hay que notar que hemos tenido que utilizar un truco para evitar un error de la versión estable de OpenLayers y descargamos la biblioteca relativa a Layers WFS directamente del repositorio de desarrollo. Esto pasa actualmente con las versiones 2.7 y anteriores de OpenLayers.
<pre>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
</pre>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: visualización de capas WFS

2009-04-15T16:18:20Z

Wiki-Equipo UNIGIS: /* Definir un filtro personalizados */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: visualización de capas WFS=
===Comenzando con un WMS===
Si hemos seguido las indicaciones de [[Openlayers: configuración mínima con biblioteca en remoto]], tendremos una página web que visualiza el servicio WMS del juego de datos ''Itasca'':

* http://localhost:9000/mapserv-demo/ol.html

[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|El WMS visualizado por Openlayers en la página web]]

==Abrir una capa WFS con OpenLayers==
Utilizando el mismo código del ejemplo WMS vamos a añadir una capa WFS.

Abrimos un nuevo fichero:
C:\ms4w\apps\mapserv-demo\ol-itasca-wfs.html

el código que vamos a utilizar es:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{ typename: 'lakespy2.shp', maxfeatures: 200 } );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>

</pre>

el link a nuestra pagina debería ser:
* http://localhost:9000/mapserv-demo/ol-itasca-wfs.html
[[Image:Openlayers-itasca-wfs-maxfeatures.jpg|thumb|none|400x400px|Capa WFS con maxFeatures = 100]]

Lo que vemos en la pagina que acabamos de crear son dos capa, una WMS que ya conocemos y la segunda una capa WFS que esta renderizada por el OpenLayers gracias a las bibliotecas de dibujo vectorial que los browser modernos nos ofrecen.

Si nos fijamos en los pedidos que el browser hace podremos comprobar que al UMN Mapserver llega:
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&typename=lakespy2.shp&maxfeatures=200&SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&SRS=EPSG%3A4326&BBOX=235889.3974358975,5129558.5,653113.6025641025,5383804.5

Controllando el resultado sale un largo contenido en XML que empieza con:
<pre>
<wfs:FeatureCollection xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd http://mapserver.gis.umn.edu/mapserver http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=DescribeFeatureType&TYPENAME=lakespy2.shp&OUTPUTFORMAT=XMLSCHEMA">
<gml:boundedBy>
<gml:Box srsName="EPSG:4326">
...

</pre>

Este código XML describe todas las Features que corresponden a nuestro ''TypeName'' limitando el numero fe Features al valor de ''maxFeatures''. En esta manera podemos notar que OpenLayers visualiza en color naranja solo una pequeña parte de las lagunas que esta capa tiene.

Cuidado: pedir todas las Features a Mapserver significaria arriesgar que el servidor se demore mucho en contestar y que el browser se encuentre con demasiadas Features por renderizar con el riesgo que se bloquee.

==Definir un filtro personalizados==
Para evitar el problema que tenemos con maxFeatures vamos a intentar visualizar sólo en un número limitado de Features y sólo las que queremos visualizar.

Así que vamos a definir un filtro WFS que nos permita seleccionar las lagunas que tienen un ''AREA'' mayor que el valor ''10000000''.

La imagen que sigue muestra el resultado del filtro WFS aplicado a nuestra capa. Es fácil ver que sólo las lagunas grandes han sido dibujadas con el color naranja.

[[Image:Openlayers-itasca-wfs+filter.jpg|thumb|none|400x400px|Capa WFS con filtro]]

El código de la página que contiene el filtro es el siguiente:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{
typename: 'lakespy2.shp',
maxfeatures: 200,
filter:"<Filter><PropertyIsGreaterThan><PropertyName>AREA</PropertyName><Literal>10000000</Literal></PropertyIsGreaterThan></Filter>"
} );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>

Hay que notar que hemos tenido que utilizar un truco para evitar un error de la versión estable de OpenLayers y descargamos la biblioteca relativa a Layers WFS directamente del repositorio de desarrollo. Esto pasa actualmente con las versiones 2.7 y anteriores de OpenLayers.
<pre>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
</pre>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: visualización de capas WFS

2009-04-15T16:14:01Z

Wiki-Equipo UNIGIS: /* Openlayers: visualización de capas WFS */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: visualización de capas WFS=
===Comenzando con un WMS===
Si hemos seguido las indicaciones de [[Openlayers: configuración mínima con biblioteca en remoto]], tendremos una página web que visualiza el servicio WMS del juego de datos ''Itasca'':

* http://localhost:9000/mapserv-demo/ol.html

[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|El WMS visualizado por Openlayers en la página web]]

==Abrir una capa WFS con OpenLayers==
Utilizando el mismo código del ejemplo WMS vamos a añadir una capa WFS.

Abrimos un nuevo fichero:
C:\ms4w\apps\mapserv-demo\ol-itasca-wfs.html

el código que vamos a utilizar es:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{ typename: 'lakespy2.shp', maxfeatures: 200 } );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>

</pre>

el link a nuestra pagina debería ser:
* http://localhost:9000/mapserv-demo/ol-itasca-wfs.html
[[Image:Openlayers-itasca-wfs-maxfeatures.jpg|thumb|none|400x400px|Capa WFS con maxFeatures = 100]]

Lo que vemos en la pagina que acabamos de crear son dos capa, una WMS que ya conocemos y la segunda una capa WFS que esta renderizada por el OpenLayers gracias a las bibliotecas de dibujo vectorial que los browser modernos nos ofrecen.

Si nos fijamos en los pedidos que el browser hace podremos comprobar que al UMN Mapserver llega:
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&typename=lakespy2.shp&maxfeatures=200&SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&SRS=EPSG%3A4326&BBOX=235889.3974358975,5129558.5,653113.6025641025,5383804.5

Controllando el resultado sale un largo contenido en XML que empieza con:
<pre>
<wfs:FeatureCollection xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd http://mapserver.gis.umn.edu/mapserver http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map&SERVICE=WFS&VERSION=1.0.0&REQUEST=DescribeFeatureType&TYPENAME=lakespy2.shp&OUTPUTFORMAT=XMLSCHEMA">
<gml:boundedBy>
<gml:Box srsName="EPSG:4326">
...

</pre>

Este código XML describe todas las Features que corresponden a nuestro ''TypeName'' limitando el numero fe Features al valor de ''maxFeatures''. En esta manera podemos notar que OpenLayers visualiza en color naranja solo una pequeña parte de las lagunas que esta capa tiene.

Cuidado: pedir todas las Features a Mapserver significaria arriesgar que el servidor se demore mucho en contestar y que el browser se encuentre con demasiadas Features por renderizar con el riesgo que se bloquee.

==Definir un filtro personalizados==
Para evitar el problema que tenemos con maxFeatures vamos a intentar visualizar solo en un numero limitado de Features y solo las que queremos visualizar.

Así que vamos a definir un filtro WFS que nos permita seleccionar las lagunas que tienen un ''AREA'' mayor del valor ''10000000''.

La imagen que sigue enseña el resultado del filtro WFS aplicado a nuestra capa. Es facil notar que solo las lagunas grandes han sido dibujada con el color naranja.

[[Image:Openlayers-itasca-wfs+filter.jpg|thumb|none|400x400px|Capa WFS con filtro]]

El codigo de la pagina que contiene el filtro es el siguiente:
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 312px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers. Control. Navigation(),
new OpenLayers.Control.LayerSwitcher({'ascending':false})
]
}
);

layer = new OpenLayers.Layer.WMS( "Itasca WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

layer_wfs = new OpenLayers.Layer.WFS( "Itasca WFS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test-wfs.map",
{
typename: 'lakespy2.shp',
maxfeatures: 200,
filter:"<Filter><PropertyIsGreaterThan><PropertyName>AREA</PropertyName><Literal>10000000</Literal></PropertyIsGreaterThan></Filter>"
} );

map.addLayers([layer,layer_wfs]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS y WFS</b>

<div>
Ejemplo de utilizo de datos WMS y WFS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>

Hay que notar que hemos tenido que utilizar un truco para evitar un error de la version estable de OpenLayers y descargamos la biblioteca relativa ai Layers WFS directamente del repositorio de desarrollo. Esto pasa actualmente con las versione 2.7 y anteriores de OpenLayers.
<pre>
<script src="http://svn.openlayers.org/trunk/openlayers/lib/OpenLayers/Layer/WFS.js"></script>
</pre>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Visualización de WFS con MS4W y gvSIG

2009-04-14T10:22:06Z

Wiki-Equipo UNIGIS: /* Filtrar datos */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Visualización de WFS con MS4W y gvSIG=
==Abrir una capa WFS con gvSIG==

Una vez abierto gvSIG podemos crear una nueva vista. Vamos a definir la proyección como EPSG:4326 para mantener la misma que ofrece nuestro servidor.

Una vez abierta la ventana de la vista podemos pulsar el botón para añadir capas y seleccionar la pestaña del WFS.

La dirección que tenemos para el servidor es:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map

Pulsamos el botón para conectar y nos devolverá la Descripción de nuestro servicio WFS.

[[Image:Gvsig-wfs-server-connect.jpg|thumb|none|400px|Descripción del servidor]]

La pestaña siguiente ofrece todos los detalles de configuración del servicio WFS de nuestro servidor.

[[Image:Gvsig-wfs-server-details.jpg|thumb|none|400px|detalles de configuración del servidor WFS]]

Siguiendo podemos seleccionar la capa que queremos visualizar y escogemos '''lakespy2.shp'''.

[[Image:Gvsig-wfs-add-layer.jpg|thumb|none|400px|Selecionando la capa WFS por visualizar]]

Después de escoger la capa podemos decidir cuáles de sus atributos vamos a descargar.

[[Image:Gvsig-wfs-choose-properties.jpg|thumb|none|400px|Seleccionando los atributos de la capa WFS]]

Una importante función para los servidores es el ''maxFeatures''. Este atributo en el pedido permite definir un máximo de geometrías a descargar de manera que podemos evitar que el servidor se cargue demasiado por un pedido equivocado o que debamos esperar demasiado para su respuesta. Si el servidor está en Internet es buena idea poner un MaxFeatures bajo para que tenga tiempos de respuestas rápidos. Si el servidor está en una Intranet y las conexiones y tiempos de respuestas son muy buenos podemos atrevernos a pedir más datos.

[[Image:Gvsig-wfs-maxfeatures.jpg|thumb|none|400px|Definiendo MaxFeatures]]

La pestaña del filtro nos permite utilizar operadores lógicos para seleccionar un grupo de features específico.

[[Image:Gvsig-wfs-filter.jpg|thumb|none|400px|La pestaña de los filtros WFS]]

Un vez que hemos confirmado todos los parámetros y hacemos clic sobre el botón '''Aceptar''' notaremos que gvSIG nos muestra un mensaje de ''alert'':

Se ha recuperado un número de Features igual al máximo número de Features permitido. Puede aumentar el numero Features recuperadas modificando el parámetro "Buffer".

Por el momento no vamos a preocuparnos de esto, aceptamos y sabemos que el mapa no mostrará todas las Features que hemos pedido (o sea todas). Es decir, el servidor nos devolverá sólo las 1000 primeras.

[[Image:Gvsig-wfs-alert-maxfeature.jpg|thumb|none|400px|Alert de MaxFeatures]]

Una vez que hemos acabado el procedimiento, gvSIG nos enseñará la capa dándole un estilo por defecto.

[[Image:Gvsig-wfs-show-layer.jpg|thumb|none|400px|Visualización de capa WFS]]

==Filtrar datos==

Añadimos una nueva capa y seguimos todos los pasos que hemos hecho hasta ahora.
Lo único que cambiamos es poner un nombre nuevo (ej: Lagunas seleccionadas) a la capa en cuestión.

[[Image:Gvisg-wfs-setting-layer-name.jpg|thumb|none|400px|Poniendo un nombre personalizado a la capa WFS]]

Ahora tendremos dos capas WFS que cogen datos de nuestro servidor y que responden al mismo '''featureType''' ''lakespy2.shp''. Cada una tendrá un color distinto que gvSIG entrega por defecto.

Para utilizar la función de filtro para ''Lagunas seleccionadas'' la seleccionamos adentro de la leyenda y con el tasto diestro escogemos la voz ''propriedades wfs''.

[[Image:Gvsig-wfs-layer-menu.jpg|thumb|none|400px|La pantalla de filtros WFS]]

Conocemos ya la ventana que aparece y vamos a seleccionar la pestaña del filtro.
Seleccionamos "AREA" y luego el símbolo ">=". En el campo de texto aparece:
"AREA" >=
Vamos editando a mano y escribimos lo que falta para llegar a este texto:
"AREA" >= '11000000'
Aplicamos el filtro y podremos ver en nuestro mapa cómo la capa ''Lagunas seleccionadas'' enseña solamente las lagunas más grandes y que tienen el area de valor mayor a lo que hemos definido.

[[Image:Gvisg-wfs-setting-filter.jpg|thumb|none|400px|las Features selecionadas se notan en color distinto]]

Este es solo un ejemplo de cómo los filtros pueden ser utilizados.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: las herramientas disponibles por defecto

2009-04-14T10:12:12Z

Wiki-Equipo UNIGIS: /* Comentarios: el objeto mapa */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=OpenLayers: las herramientas disponibles por defecto =
Aquí presentamos las herramientas mas importantes que Openlayers nos ofrece.

OpenLayers es principalmente una API<ref> Interfaz de programación de aplicaciones. Definición: http://es.wikipedia.org/wiki/API</ref>, una biblioteca de funciones para manejar la navegación de mapas en la web y como tal no está pensada para ofrecer una GUI<ref>Interfaz gráfica de usuario. Definición: http://es.wikipedia.org/wiki/GUI</ref>. Sin embargo nos proporciona también una cuantos objetos muy útiles para la interacción del usuario con el mapa<ref>Página oficial de ejemplo sobre los Controls. http://openlayers.org/dev/examples/controls.html</ref>.

[[Image:Openlayers controls overview.png|thumb|none|400px|Una vista de los principales controles de OpenLayers]]

{| class="wikitable"
!Control !! Descripción
|-
| [[Image:Openlayers control layerswitcher.png]]
|
===LayerSwitcher===
El control para la gestión de la visibilidad de capas.
|-
| [[Image:Openlayers control pan.png|center]]
[[Image:Openlayers control zoom.png|center]]
|

===PanZoomBar===
Crea una barra de zoom y un panel de navegación que contienen los botones de ''ZoomIn'' y ''ZoomOut'' a los extremos.
Hay tres maneras para utilizar la ''zoom bar'':

# Clic sobre los botones de + o - puestos en los extremos de la barra.
: el resultado será el aumento/disminución de un nivel de zoom
# Clic en cualquier punto de la ''zoom bar''
: el desplazador (''slider'') se mueve al nivel de zoom más cercano. El mapa se actualiza al nivel de zoom correspondiente.
# Desplazamiento del cursor a un nivel de zoom concreto
: cuando se deja el botón del ratón, el ''slider'' se posiciona en el nivel de zoom más cercano y el mapa se actualiza al nivel de zoom correspondiente.
|-
| [[Image:Openlayers control OverviewMap.png|center]]
|

===OverviewMap===
Crea una pequeño mapa de navegación. Este mapa enseña la posición del mapa principal y ofrece una herramienta más de navegación. Normalmente se posiciona en el ángulo inferior derecho y puede ser reducido con un clic en el botón que tiene en su borde. El rectángulo dibujado en este mapa puede ser movido para cambiar la posición del mapa principal.

|-
| [[Image:Openlayers control Permalink.png|center]]
|
===Permalink===
Ofrece un enlace (''permalink'') al mapa. Esto permite poder guardar en un simple enlace el estado de la navegación del mapa. Así, puedes guardarlo como favorito en tu navegador o enviarlo por correo a un colega.
|-
| [[Image:Openlayers control MouseToolbar.png|center]]
|
===MouseToolbar===
Es una simple barra de herramientas que permite escoger cómo utilizar el ratón entre navegación y zoom con ventana.
|-
| [[Image:Openlayers control ScaleLine.png|center]]
|
===ScaleLine===
Enseña una escala gráfica sobre el mapa.
|-
| [[Image:Openlayers control MousePosition.png|center]]
|
===MousePosition===
Enseña las coordenadas actuales del cursor sobre el mapa.
|}

=La API=
Los Objetos de la biblioteca de OpenLayers están bien descritos, en inglés, en la documentación eN linea disponible en el sitio web:
* http://dev.openlayers.org/releases/OpenLayers-2.6/doc/apidocs/files/OpenLayers-js.html

Por cada clase hay una descripción detallada, ofreciéndose un listado completo de atributos y funciones de cada una de ellas. Cualquier desarrollador con cierta soltura en JavaScript podrá desarrollar aplicaciones de mapas en web con esta biblioteca de componentes sin mucho esfuerzo.

[[Image:Openlayers API web.png|thumb|none|400px|Página web de la API de OpenLayers]]

=Ejemplo en código=
En el código que sigue tenemos un ejemplo sencillo de cómo se pueden integrar fácilmente todos los controles descritos anteriormente.

Lo podemos copiar y guardar en un fichero en la siguiente ubicación:

*<tt>C:\ms4w\apps\mapserv-demo\ol_controls.html</tt>

Una vez guardado estará disponible en el servidor local con este enlace<ref>Suponiendo que habéis seguido las indicaciones de las lecciones publicadas en http://wiki.osgeo.org/wiki/Instalaci%C3%B3n_y_manejo_de_servicios_OWS_con_UMN_Mapserver_y_Openlayers</ref>:

*http://localhost:9000/mapserv-demo/ol_controls.html

==El código fuente==
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ejemplo de utilización de los Controles de OpenLayers</title>

<style type="text/css">
#map {
width: 512px;
height: 412px;
border: 1px solid black;
}
#permalink{
position:absolute;
margin-left:522px;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>

<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map', {
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.MouseToolbar(),
new OpenLayers.Control.LayerSwitcher({'ascending':false}),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.Permalink('permalink'),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.OverviewMap(),
new OpenLayers.Control.KeyboardDefaults()
],
numZoomLevels: 6

});

var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0",
{layers: 'basic'} );
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
{layers: "landsat7"});
var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
{layers: "bathymetry,land_fn,park,drain_fn,drainage," +
"prov_bound,fedlimit,rail,road,popplace",
transparent: "true", format: "image/png" });

jpl_wms.setVisibility(false);
dm_wms.setVisibility(false);

map.addLayers([ol_wms, jpl_wms, dm_wms]);
if (!map.getCenter()) map.zoomToMaxExtent();
}
</script>

</head>
<body onload="init()">
<h1>Ejemplo de utilización de los controles de OpenLayers</h1>

<p>
Añadir zoom, navegación, layer switcher, overview map y enlaces
permalink a la mapa de Openlayers.
</p>
<a href="" id="permalink">Permalink</a>
<div id="map"></div>
</body>
</html>
</pre>

==Comentarios: el objeto mapa==

En la creación del objeto mapa se añaden como segundo parámetro los Controles ("controls") y su valor es un array<ref>Definición de Array. http://es.wikipedia.org/wiki/Array</ref> que contiene todos los Controles que hemos visto antes.

map = new OpenLayers.Map('map', {
<span style='background-color:yellow'>controls: [</span>
<span style='background-color:yellow'>new OpenLayers.Control.PanZoomBar(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.MouseToolbar(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.LayerSwitcher({'ascending':false}),</span>
<span style='background-color:yellow'>new OpenLayers.Control.ScaleLine(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.Permalink('permalink'),</span>
<span style='background-color:yellow'>new OpenLayers.Control.MousePosition(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.OverviewMap(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.KeyboardDefaults()</span>
<span style='background-color:yellow'>],</span>
numZoomLevels: 6

});

En este caso sólo los Controles ''LayerSwitcher'' y ''Permalink'' tienen atributos pero mirando la API podemos descubrir todas las funciones que cada uno de estos objetos tienen y qué podemos utilizar para personalizar nuestra web.

En la creación del objeto mapa, además de los controles se añaden como parámetros el identificador del objeto <tt>div</tt> en el que deberá dibujarse el mapa (en este caso el <tt>div</tt> tiene como identificador el valor <tt>map</tt> y por último el número de niveles de zoom que queremos tener.

=Links=
* Smart Map Browsing,Emanuel Schütze, Bremen University of Applied Sciences ,June 1st 2007: http://www.smartmapbrowsing.org

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Referencias=
<references/>

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Openlayers: las herramientas disponibles por defecto

2009-04-14T10:10:23Z

Wiki-Equipo UNIGIS: /* PanZoomBar */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=OpenLayers: las herramientas disponibles por defecto =
Aquí presentamos las herramientas mas importantes que Openlayers nos ofrece.

OpenLayers es principalmente una API<ref> Interfaz de programación de aplicaciones. Definición: http://es.wikipedia.org/wiki/API</ref>, una biblioteca de funciones para manejar la navegación de mapas en la web y como tal no está pensada para ofrecer una GUI<ref>Interfaz gráfica de usuario. Definición: http://es.wikipedia.org/wiki/GUI</ref>. Sin embargo nos proporciona también una cuantos objetos muy útiles para la interacción del usuario con el mapa<ref>Página oficial de ejemplo sobre los Controls. http://openlayers.org/dev/examples/controls.html</ref>.

[[Image:Openlayers controls overview.png|thumb|none|400px|Una vista de los principales controles de OpenLayers]]

{| class="wikitable"
!Control !! Descripción
|-
| [[Image:Openlayers control layerswitcher.png]]
|
===LayerSwitcher===
El control para la gestión de la visibilidad de capas.
|-
| [[Image:Openlayers control pan.png|center]]
[[Image:Openlayers control zoom.png|center]]
|

===PanZoomBar===
Crea una barra de zoom y un panel de navegación que contienen los botones de ''ZoomIn'' y ''ZoomOut'' a los extremos.
Hay tres maneras para utilizar la ''zoom bar'':

# Clic sobre los botones de + o - puestos en los extremos de la barra.
: el resultado será el aumento/disminución de un nivel de zoom
# Clic en cualquier punto de la ''zoom bar''
: el desplazador (''slider'') se mueve al nivel de zoom más cercano. El mapa se actualiza al nivel de zoom correspondiente.
# Desplazamiento del cursor a un nivel de zoom concreto
: cuando se deja el botón del ratón, el ''slider'' se posiciona en el nivel de zoom más cercano y el mapa se actualiza al nivel de zoom correspondiente.
|-
| [[Image:Openlayers control OverviewMap.png|center]]
|

===OverviewMap===
Crea una pequeño mapa de navegación. Este mapa enseña la posición del mapa principal y ofrece una herramienta más de navegación. Normalmente se posiciona en el ángulo inferior derecho y puede ser reducido con un clic en el botón que tiene en su borde. El rectángulo dibujado en este mapa puede ser movido para cambiar la posición del mapa principal.

|-
| [[Image:Openlayers control Permalink.png|center]]
|
===Permalink===
Ofrece un enlace (''permalink'') al mapa. Esto permite poder guardar en un simple enlace el estado de la navegación del mapa. Así, puedes guardarlo como favorito en tu navegador o enviarlo por correo a un colega.
|-
| [[Image:Openlayers control MouseToolbar.png|center]]
|
===MouseToolbar===
Es una simple barra de herramientas que permite escoger cómo utilizar el ratón entre navegación y zoom con ventana.
|-
| [[Image:Openlayers control ScaleLine.png|center]]
|
===ScaleLine===
Enseña una escala gráfica sobre el mapa.
|-
| [[Image:Openlayers control MousePosition.png|center]]
|
===MousePosition===
Enseña las coordenadas actuales del cursor sobre el mapa.
|}

=La API=
Los Objetos de la biblioteca de OpenLayers están bien descritos, en inglés, en la documentación eN linea disponible en el sitio web:
* http://dev.openlayers.org/releases/OpenLayers-2.6/doc/apidocs/files/OpenLayers-js.html

Por cada clase hay una descripción detallada, ofreciéndose un listado completo de atributos y funciones de cada una de ellas. Cualquier desarrollador con cierta soltura en JavaScript podrá desarrollar aplicaciones de mapas en web con esta biblioteca de componentes sin mucho esfuerzo.

[[Image:Openlayers API web.png|thumb|none|400px|Página web de la API de OpenLayers]]

=Ejemplo en código=
En el código que sigue tenemos un ejemplo sencillo de cómo se pueden integrar fácilmente todos los controles descritos anteriormente.

Lo podemos copiar y guardar en un fichero en la siguiente ubicación:

*<tt>C:\ms4w\apps\mapserv-demo\ol_controls.html</tt>

Una vez guardado estará disponible en el servidor local con este enlace<ref>Suponiendo que habéis seguido las indicaciones de las lecciones publicadas en http://wiki.osgeo.org/wiki/Instalaci%C3%B3n_y_manejo_de_servicios_OWS_con_UMN_Mapserver_y_Openlayers</ref>:

*http://localhost:9000/mapserv-demo/ol_controls.html

==El código fuente==
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ejemplo de utilización de los Controles de OpenLayers</title>

<style type="text/css">
#map {
width: 512px;
height: 412px;
border: 1px solid black;
}
#permalink{
position:absolute;
margin-left:522px;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>

<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map', {
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.MouseToolbar(),
new OpenLayers.Control.LayerSwitcher({'ascending':false}),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.Permalink('permalink'),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.OverviewMap(),
new OpenLayers.Control.KeyboardDefaults()
],
numZoomLevels: 6

});

var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0",
{layers: 'basic'} );
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
{layers: "landsat7"});
var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
{layers: "bathymetry,land_fn,park,drain_fn,drainage," +
"prov_bound,fedlimit,rail,road,popplace",
transparent: "true", format: "image/png" });

jpl_wms.setVisibility(false);
dm_wms.setVisibility(false);

map.addLayers([ol_wms, jpl_wms, dm_wms]);
if (!map.getCenter()) map.zoomToMaxExtent();
}
</script>

</head>
<body onload="init()">
<h1>Ejemplo de utilización de los controles de OpenLayers</h1>

<p>
Añadir zoom, navegación, layer switcher, overview map y enlaces
permalink a la mapa de Openlayers.
</p>
<a href="" id="permalink">Permalink</a>
<div id="map"></div>
</body>
</html>
</pre>

==Comentarios: el objeto mapa==

En la creación del objeto mapa se añaden como segundo parámetro parámetro los Controles ("controls") y su valor es un array<ref>Definición de Array. http://es.wikipedia.org/wiki/Array</ref> que contiene todos los Controles que hemos visto antes.

map = new OpenLayers.Map('map', {
<span style='background-color:yellow'>controls: [</span>
<span style='background-color:yellow'>new OpenLayers.Control.PanZoomBar(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.MouseToolbar(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.LayerSwitcher({'ascending':false}),</span>
<span style='background-color:yellow'>new OpenLayers.Control.ScaleLine(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.Permalink('permalink'),</span>
<span style='background-color:yellow'>new OpenLayers.Control.MousePosition(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.OverviewMap(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.KeyboardDefaults()</span>
<span style='background-color:yellow'>],</span>
numZoomLevels: 6

});

En este caso sólo los Controles ''LayerSwitcher'' y ''Permalink'' tienen atributos pero mirando la API podemos descubrir todas las funciones que cada uno de estos objetos tienen y que podemos utilizar para personalizar nuestra web.

En la creación del objeto mapa, además de los controles se añaden como parámetros el identificador del objeto <tt>div</tt> en el que deberá dibujarse el mapa (en este caso el <tt>div</tt> tiene como identificador el valor <tt>map</tt> y por último el número de niveles de zoom que queremos tener.

=Links=
* Smart Map Browsing,Emanuel Schütze, Bremen University of Applied Sciences ,June 1st 2007: http://www.smartmapbrowsing.org

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Referencias=
<references/>

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Openlayers: las herramientas disponibles por defecto

2009-04-14T10:09:36Z

Wiki-Equipo UNIGIS: /* LayerSwitcher */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=OpenLayers: las herramientas disponibles por defecto =
Aquí presentamos las herramientas mas importantes que Openlayers nos ofrece.

OpenLayers es principalmente una API<ref> Interfaz de programación de aplicaciones. Definición: http://es.wikipedia.org/wiki/API</ref>, una biblioteca de funciones para manejar la navegación de mapas en la web y como tal no está pensada para ofrecer una GUI<ref>Interfaz gráfica de usuario. Definición: http://es.wikipedia.org/wiki/GUI</ref>. Sin embargo nos proporciona también una cuantos objetos muy útiles para la interacción del usuario con el mapa<ref>Página oficial de ejemplo sobre los Controls. http://openlayers.org/dev/examples/controls.html</ref>.

[[Image:Openlayers controls overview.png|thumb|none|400px|Una vista de los principales controles de OpenLayers]]

{| class="wikitable"
!Control !! Descripción
|-
| [[Image:Openlayers control layerswitcher.png]]
|
===LayerSwitcher===
El control para la gestión de la visibilidad de capas.
|-
| [[Image:Openlayers control pan.png|center]]
[[Image:Openlayers control zoom.png|center]]
|

===PanZoomBar===
Crea una barra de zoom y un panel de navegación que contienen los botones de ''ZoomIn'' y ''ZoomOut'' a los extremos.
Hay tres maneras para utilizar la ''zoom bar'':

# Clic sobre los botones de + o - puestos a los extremos de la barra.
: el resultado será el aumento/disminución de un nivel de zoom
# Clic en cualquier punto de la ''zoom bar''
: el desplazador (''slider'') se mueve al nivel de zoom más cercano. El mapa se actualiza al nivel de zoom correspondiente.
# Desplazamiento del cursor a un nivel de zoom concreto
: cuando se deja el botón del ratón, el ''slider'' se posiciona en el nivel de zoom más cercano y el mapa se actualiza al nivel de zoom correspondiente.
|-
| [[Image:Openlayers control OverviewMap.png|center]]
|
===OverviewMap===
Crea una pequeño mapa de navegación. Este mapa enseña la posición del mapa principal y ofrece una herramienta más de navegación. Normalmente se posiciona en el ángulo inferior derecho y puede ser reducido con un clic en el botón que tiene en su borde. El rectángulo dibujado en este mapa puede ser movido para cambiar la posición del mapa principal.

|-
| [[Image:Openlayers control Permalink.png|center]]
|
===Permalink===
Ofrece un enlace (''permalink'') al mapa. Esto permite poder guardar en un simple enlace el estado de la navegación del mapa. Así, puedes guardarlo como favorito en tu navegador o enviarlo por correo a un colega.
|-
| [[Image:Openlayers control MouseToolbar.png|center]]
|
===MouseToolbar===
Es una simple barra de herramientas que permite escoger cómo utilizar el ratón entre navegación y zoom con ventana.
|-
| [[Image:Openlayers control ScaleLine.png|center]]
|
===ScaleLine===
Enseña una escala gráfica sobre el mapa.
|-
| [[Image:Openlayers control MousePosition.png|center]]
|
===MousePosition===
Enseña las coordenadas actuales del cursor sobre el mapa.
|}

=La API=
Los Objetos de la biblioteca de OpenLayers están bien descritos, en inglés, en la documentación eN linea disponible en el sitio web:
* http://dev.openlayers.org/releases/OpenLayers-2.6/doc/apidocs/files/OpenLayers-js.html

Por cada clase hay una descripción detallada, ofreciéndose un listado completo de atributos y funciones de cada una de ellas. Cualquier desarrollador con cierta soltura en JavaScript podrá desarrollar aplicaciones de mapas en web con esta biblioteca de componentes sin mucho esfuerzo.

[[Image:Openlayers API web.png|thumb|none|400px|Página web de la API de OpenLayers]]

=Ejemplo en código=
En el código que sigue tenemos un ejemplo sencillo de cómo se pueden integrar fácilmente todos los controles descritos anteriormente.

Lo podemos copiar y guardar en un fichero en la siguiente ubicación:

*<tt>C:\ms4w\apps\mapserv-demo\ol_controls.html</tt>

Una vez guardado estará disponible en el servidor local con este enlace<ref>Suponiendo que habéis seguido las indicaciones de las lecciones publicadas en http://wiki.osgeo.org/wiki/Instalaci%C3%B3n_y_manejo_de_servicios_OWS_con_UMN_Mapserver_y_Openlayers</ref>:

*http://localhost:9000/mapserv-demo/ol_controls.html

==El código fuente==
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ejemplo de utilización de los Controles de OpenLayers</title>

<style type="text/css">
#map {
width: 512px;
height: 412px;
border: 1px solid black;
}
#permalink{
position:absolute;
margin-left:522px;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>

<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('map', {
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.MouseToolbar(),
new OpenLayers.Control.LayerSwitcher({'ascending':false}),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.Permalink('permalink'),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.OverviewMap(),
new OpenLayers.Control.KeyboardDefaults()
],
numZoomLevels: 6

});

var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0",
{layers: 'basic'} );
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
{layers: "landsat7"});
var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
{layers: "bathymetry,land_fn,park,drain_fn,drainage," +
"prov_bound,fedlimit,rail,road,popplace",
transparent: "true", format: "image/png" });

jpl_wms.setVisibility(false);
dm_wms.setVisibility(false);

map.addLayers([ol_wms, jpl_wms, dm_wms]);
if (!map.getCenter()) map.zoomToMaxExtent();
}
</script>

</head>
<body onload="init()">
<h1>Ejemplo de utilización de los controles de OpenLayers</h1>

<p>
Añadir zoom, navegación, layer switcher, overview map y enlaces
permalink a la mapa de Openlayers.
</p>
<a href="" id="permalink">Permalink</a>
<div id="map"></div>
</body>
</html>
</pre>

==Comentarios: el objeto mapa==

En la creación del objeto mapa se añaden como segundo parámetro parámetro los Controles ("controls") y su valor es un array<ref>Definición de Array. http://es.wikipedia.org/wiki/Array</ref> que contiene todos los Controles que hemos visto antes.

map = new OpenLayers.Map('map', {
<span style='background-color:yellow'>controls: [</span>
<span style='background-color:yellow'>new OpenLayers.Control.PanZoomBar(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.MouseToolbar(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.LayerSwitcher({'ascending':false}),</span>
<span style='background-color:yellow'>new OpenLayers.Control.ScaleLine(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.Permalink('permalink'),</span>
<span style='background-color:yellow'>new OpenLayers.Control.MousePosition(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.OverviewMap(),</span>
<span style='background-color:yellow'>new OpenLayers.Control.KeyboardDefaults()</span>
<span style='background-color:yellow'>],</span>
numZoomLevels: 6

});

En este caso sólo los Controles ''LayerSwitcher'' y ''Permalink'' tienen atributos pero mirando la API podemos descubrir todas las funciones que cada uno de estos objetos tienen y que podemos utilizar para personalizar nuestra web.

En la creación del objeto mapa, además de los controles se añaden como parámetros el identificador del objeto <tt>div</tt> en el que deberá dibujarse el mapa (en este caso el <tt>div</tt> tiene como identificador el valor <tt>map</tt> y por último el número de niveles de zoom que queremos tener.

=Links=
* Smart Map Browsing,Emanuel Schütze, Bremen University of Applied Sciences ,June 1st 2007: http://www.smartmapbrowsing.org

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Referencias=
<references/>

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración con biblioteca en el servidor local

2009-04-14T10:08:35Z

Wiki-Equipo UNIGIS: /* Crear el fichero comprimido */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=OpenLayers: configuración de la biblioteca en el servidor local=
==Descarga del fichero==
Desde la página oficial de OpenLayers<ref>Pagina oficial de OpenLayers: http://www.openlayers.org/</ref> se encuentra el link a la versión estable ("stable").
Actualmente la versión estable es la 2.7:
* http://www.openlayers.org/download/OpenLayers-2.7.zip

[[Image:Openlayers home page.png|thumb|none|400px|La pagina web de Openlayers]]

Una vez bajado el fichero lo podemos descomprimir y copiar en la carpeta web de nuestro entorno<ref>Curso: Instalación y manejo de servicios OWS con UMN Mapserver y OpenLayers, Lorenzo Becchi y Jorge Sanz, http://wiki.osgeo.org/wiki/Instalaci%C3%B3n_y_manejo_de_servicios_OWS_con_UMN_Mapserver_y_Openlayers</ref>:

*<tt>C:\ms4w\apps\mapserv-demo\</tt>

A continuación renombramos la carpeta:

*<tt>C:\ms4w\apps\mapserv-demo\OpenLayers-2.7</tt>

por

*<tt>C:\ms4w\apps\mapserv-demo\openlayers</tt>

[[Image:Openlayers zip file.png|thumb|none|400px|El fichero comprimirdo de OpenLayers]]
[[Image:Openlayers copy on working dir.png|thumb|none|400px|copiando la carpeta en el servidor web]]

==Crear la página de prueba==
Con un editor vamos creando el fichero:

*<tt>C:\ms4w\apps\mapserv-demo\ol-local.html</tt>

El código que le vamos a poner será el siguiente:

<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> OpenLayers con biblioteca en local</title>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="openlayers/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
Uso básico de OpenLayers con una capa WMS y la librería en local
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>

==Comprobar la página de prueba==

El enlace web local será:

* http://localhost:9000/mapserv-demo/ol-local.html

[[Image:Openlayers map with local library.png|thumb|none|400px|Crear un mapa utilizando la biblioteca en local de OpenLayers]]

== Todo lo que hay que notar en nuestro código==
La verdad es que desde el [[Openlayers:_configuración_mínima_con_biblioteca_en_remoto|ejemplo con biblioteca en remoto]] no ha cambiado mucho salvo la llamada a la biblioteca.

En lugar de que:
<code>
<script src="<span style='background-color:yellow'>http://www.openlayers.org/api/OpenLayers.js</span>"></script>
</code>
hemos puesto:
<code>
<script src="<span style='background-color:yellow'>openlayers/OpenLayers.js</span>"></script>
</code>

Este cambio puede parecer banal pero nos permite controlar todo el código que ofrecemos en nuestra aplicación web. Es decir, todas las imágenes, los textos y el código JavaScript que un usuario baja desde nuestra página web está totalmente bajo nuestro control.

Una de las consecuencias negativas de utilizar la biblioteca en remoto es, por ejemplo, si los programadores de OpenLayers actualizan la biblioteca y cambian una de las funciones que estamos utilizando, puede que nuestra aplicación no funcione o simplemente funcione diferente de los que esperamos.

Otra consecuencia desagradable se deriva de un posible mal funcionamientos del servidor de OpenLayers.org, en cuyo caso no ofrecería la biblioteca y por lo tanto nuestra aplicación también dejaría de funcionar.

Otra importante nota es relativa a la accesibilidad de nuestra página web.<br>
Una de las características más importantes de una página web de éxito es que se pueda bajar rápidamente. La biblioteca de OpenLayers por completo, tal y como la hemos descargado, ocupa 560KB en su versión más compacta (trataremos este tema más adelante). A este valor hay que añadirle el peso de las imágenes del mapa y de las imágenes del diseño gráfico del sitio web. Todo esto va a producir una página web muy pesada si lo que queremos es simplemente mostrar un mapa sencillo que se pueda navegar. A continuación explicaremos cómo reducir el peso de la biblioteca manteniendo las funciones que nos interesan.

[[Image:Openlayers firebug showing js weigth.png|thumb|none|400px|Firebug mostrando el peso de la biblioteca de OpenLayers]]

==Crear el fichero comprimido==
En la distribución de OpenLayers existe un carpeta que se llama '''build'''.
Adentro se encuentran unos ficheros escritos en el lenguaje de programación ''python'' que nos permiten crear la biblioteca como mejor nos convenga.

Antes que nada hay que instalar el entorno de ejecución '''Python for Windows''' que se puede descargar desde el sitio web de Python<ref>http://www.python.org/</ref>

Una vez nos desplazamos a la carpeta '''build''' vamos a encontrar unos ficheros que nos van a ser muy útiles para crear la biblioteca personalizada.
En esta encontramos:
* el fichero <tt>build.py</tt> que lee los ficheros de configuración, limpia el código de todos los comentarios y los espacios blancos inútiles y pone todo en un único fichero (<tt>OpenLayers.js</tt>).
* los ficheros <tt>.cfg</tt> de configuración donde está escritos qué librerías hay que poner en la biblioteca.

Editamos <tt>lite.cfg</tt> y le cambiamos el nombre en <tt>custom.cfg</tt> y guardamos el fichero.
Ahora vamos a abrir IDLE (la GUI de Python, disponible en ''Inicio->Todos los programas->Python->IDLE'') y, con él, abrimos el fichero <tt>build.py</tt>.
En la linea 20, cambiamos:
*<tt>configFilename = "full.cfg"</tt>
por
*<tt>configFilename = "custom.cfg"</tt>

Desde el menú ''Run'' escogemos el comando ''Run Module''.
Este comando ejecuta el ''script'' y al final vamos a encontrar en la misma carpeta '''build''' un fichero <tt>OpenLayers.js</tt> que respeta el contenido de nuestro fichero de configuración '''custom.cfg'''.
Este fichero pesa ahora '''111KB''', una buena mejoría para las prestaciones de nuestra página web.
Para probarlo sólo hay que copiar este <tt>OpenLayers.js</tt> en la carpeta:

*<tt>C:\ms4w\apps\mapserv-demo\openlayers</tt>

Ahora podemos comprobar su funcionamiento recargando nuestra página web:

* http://localhost:9000/mapserv-demo/ol-local.html

===Añadir librerías a nuestra biblioteca===

Nuestra página web ''ol-local.html'' ofrece un mapa muy sencillo, faltan, por ejemplo, las herramientas de navegación.
¿Qué pasa si añadimos el control '''PanZoomBar''' a nuestro mapa?

Lo que resulta es un error. Si podéis ver la ventana de ''debug'' os dirá:

<tt>OpenLayers.Control is undefined</tt>

Lo que tenemos que hacer es añadir a nuestra biblioteca las librerías justas para que '''PanZoomBar''' se encuentre entre los comandos disponibles.

Editamos <tt>custom.cfg</tt> y lo vamos a poner con este texto:

<code>
[first]
OpenLayers/SingleFile.js
OpenLayers.js
OpenLayers/BaseTypes.js
OpenLayers/BaseTypes/Class.js
OpenLayers/Util.js
Rico/Corner.js

[last]

[include]
OpenLayers/Events.js
OpenLayers/Map.js
OpenLayers/Layer.js
OpenLayers/Layer/Grid.js
OpenLayers/Layer/HTTPRequest.js
OpenLayers/Layer/WMS.js
OpenLayers/Layer/WMS/Untiled.js
OpenLayers/Tile.js
OpenLayers/Tile/Image.js

OpenLayers/Console.js
OpenLayers/Control.js
OpenLayers/Control/PanZoomBar.js
[exclude]
</code>

Las últimas tres líneas del ''include'' ponen los ficheros que OpenLayers necesita para visualizar el '''PanZoomBar'''.

Nos queda lanzar otra vez el comando ''run module'' del '''build.py''' y esperar que complete su trabajo.
Ahora podemos copiar otra vez el fichero <tt>OpenLayers.js</tt> adentro de la carpeta:

*<tt>C:\ms4w\apps\mapserv-demo\openlayers</tt>

Ahora si volvemos a nuestra página web debería aparecer el control '''PanZoomBar''' correctamente.

Cualquier librería que queramos añadir a nuestra biblioteca tiene que pasar por el <tt>custom.cfg</tt>, en la sección ''[include]'', y luego por la ejecución del <tt>build.py</tt>.

[[Image:Openlayers Control PanZoomBar firebug.png|thumb|none|400px|La página presenta el control '''PanZoomBar''' y Firebug nos muestra que la biblioteca ocupa sólo 129KB]]

==referencias==
<references/>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración con biblioteca en el servidor local

2009-04-14T10:06:12Z

Wiki-Equipo UNIGIS: /* Todo lo que hay que notar en nuestro código */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=OpenLayers: configuración de la biblioteca en el servidor local=
==Descarga del fichero==
Desde la página oficial de OpenLayers<ref>Pagina oficial de OpenLayers: http://www.openlayers.org/</ref> se encuentra el link a la versión estable ("stable").
Actualmente la versión estable es la 2.7:
* http://www.openlayers.org/download/OpenLayers-2.7.zip

[[Image:Openlayers home page.png|thumb|none|400px|La pagina web de Openlayers]]

Una vez bajado el fichero lo podemos descomprimir y copiar en la carpeta web de nuestro entorno<ref>Curso: Instalación y manejo de servicios OWS con UMN Mapserver y OpenLayers, Lorenzo Becchi y Jorge Sanz, http://wiki.osgeo.org/wiki/Instalaci%C3%B3n_y_manejo_de_servicios_OWS_con_UMN_Mapserver_y_Openlayers</ref>:

*<tt>C:\ms4w\apps\mapserv-demo\</tt>

A continuación renombramos la carpeta:

*<tt>C:\ms4w\apps\mapserv-demo\OpenLayers-2.7</tt>

por

*<tt>C:\ms4w\apps\mapserv-demo\openlayers</tt>

[[Image:Openlayers zip file.png|thumb|none|400px|El fichero comprimirdo de OpenLayers]]
[[Image:Openlayers copy on working dir.png|thumb|none|400px|copiando la carpeta en el servidor web]]

==Crear la página de prueba==
Con un editor vamos creando el fichero:

*<tt>C:\ms4w\apps\mapserv-demo\ol-local.html</tt>

El código que le vamos a poner será el siguiente:

<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> OpenLayers con biblioteca en local</title>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="openlayers/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
Uso básico de OpenLayers con una capa WMS y la librería en local
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>

==Comprobar la página de prueba==

El enlace web local será:

* http://localhost:9000/mapserv-demo/ol-local.html

[[Image:Openlayers map with local library.png|thumb|none|400px|Crear un mapa utilizando la biblioteca en local de OpenLayers]]

== Todo lo que hay que notar en nuestro código==
La verdad es que desde el [[Openlayers:_configuración_mínima_con_biblioteca_en_remoto|ejemplo con biblioteca en remoto]] no ha cambiado mucho salvo la llamada a la biblioteca.

En lugar de que:
<code>
<script src="<span style='background-color:yellow'>http://www.openlayers.org/api/OpenLayers.js</span>"></script>
</code>
hemos puesto:
<code>
<script src="<span style='background-color:yellow'>openlayers/OpenLayers.js</span>"></script>
</code>

Este cambio puede parecer banal pero nos permite controlar todo el código que ofrecemos en nuestra aplicación web. Es decir, todas las imágenes, los textos y el código JavaScript que un usuario baja desde nuestra página web está totalmente bajo nuestro control.

Una de las consecuencias negativas de utilizar la biblioteca en remoto es, por ejemplo, si los programadores de OpenLayers actualizan la biblioteca y cambian una de las funciones que estamos utilizando, puede que nuestra aplicación no funcione o simplemente funcione diferente de los que esperamos.

Otra consecuencia desagradable se deriva de un posible mal funcionamientos del servidor de OpenLayers.org, en cuyo caso no ofrecería la biblioteca y por lo tanto nuestra aplicación también dejaría de funcionar.

Otra importante nota es relativa a la accesibilidad de nuestra página web.<br>
Una de las características más importantes de una página web de éxito es que se pueda bajar rápidamente. La biblioteca de OpenLayers por completo, tal y como la hemos descargado, ocupa 560KB en su versión más compacta (trataremos este tema más adelante). A este valor hay que añadirle el peso de las imágenes del mapa y de las imágenes del diseño gráfico del sitio web. Todo esto va a producir una página web muy pesada si lo que queremos es simplemente mostrar un mapa sencillo que se pueda navegar. A continuación explicaremos cómo reducir el peso de la biblioteca manteniendo las funciones que nos interesan.

[[Image:Openlayers firebug showing js weigth.png|thumb|none|400px|Firebug mostrando el peso de la biblioteca de OpenLayers]]

==Crear el fichero comprimido==
En la distribución de OpenLayers existe un carpeta que se llama '''build'''.
Adentro se encuentran unos ficheros escritos en el lenguaje de programación ''python'' que nos permiten crear la biblioteca como mejor nos convenga.

Antes que nada hay que instalar el entorno de ejecución '''Python for Windows''' que se puede descargar desde el sitio web de Python<ref>http://www.python.org/</ref>

Un vez nos desplazamos a la carpeta '''build''' vamos a encontrar unos ficheros que nos van a ser muy útiles para crear la biblioteca personalizada.
En esta encontramos:
* el fichero <tt>build.py</tt> que lee los ficheros de configuración, limpia el código de todos los comentarios y los espacios blancos inútiles y pone todo en un único fichero (<tt>OpenLayers.js</tt>).
* los ficheros <tt>.cfg</tt> de configuración donde están escritos qué librerías hay que poner en la biblioteca.

Editamos <tt>lite.cfg</tt> y le cambiamos el nombre en <tt>custom.cfg</tt> y guardamos el fichero.
Ahora vamos a abrir IDLE (la GUI de Python, disponible en ''Inicio->Todos los programas->Python->IDLE'') y, con él, abrimos el fichero <tt>build.py</tt>.
En la linea 20, cambiamos:
*<tt>configFilename = "full.cfg"</tt>
por
*<tt>configFilename = "custom.cfg"</tt>

Desde el menú ''Run'' escogemos el comando ''Run Module''.
Este comando ejecuta el ''script'' y al final vamos a encontrar en la misma carpeta '''build''' un fichero <tt>OpenLayers.js</tt> que respeta el contenido de nuestro fichero de configuración '''custom.cfg'''.
Este fichero pesa ahora '''111KB''', una buena mejoría para las prestaciones de nuestra página web.
Para probarlo sólo hay que copiar este <tt>OpenLayers.js</tt> en la carpeta:

*<tt>C:\ms4w\apps\mapserv-demo\openlayers</tt>

Ahora podemos comprobar su funcionamiento recargando nuestra página web:

* http://localhost:9000/mapserv-demo/ol-local.html

===Añadir librerías a nuestra biblioteca===

Nuestra página web ''ol-local.html'' ofrece un mapa muy sencillo, faltan, por ejemplo, las herramienta de navegación.
¿Qué pasa si añadimos el control '''PanZoomBar''' a nuestro mapa?

Lo que resulta es un error. Si podéis ver la ventana de ''debug'' os dirá:

<tt>OpenLayers.Control is undefined</tt>

Lo que tenemos que hacer es añadir a nuestra biblioteca las librerías justas para que '''PanZoomBar''' se encuentre entre los comandos disponibles.

Editamos <tt>custom.cfg</tt> y lo vamos a poner con este texto:

<code>
[first]
OpenLayers/SingleFile.js
OpenLayers.js
OpenLayers/BaseTypes.js
OpenLayers/BaseTypes/Class.js
OpenLayers/Util.js
Rico/Corner.js

[last]

[include]
OpenLayers/Events.js
OpenLayers/Map.js
OpenLayers/Layer.js
OpenLayers/Layer/Grid.js
OpenLayers/Layer/HTTPRequest.js
OpenLayers/Layer/WMS.js
OpenLayers/Layer/WMS/Untiled.js
OpenLayers/Tile.js
OpenLayers/Tile/Image.js

OpenLayers/Console.js
OpenLayers/Control.js
OpenLayers/Control/PanZoomBar.js
[exclude]
</code>

Las últimas tres líneas del ''include'' ponen los ficheros que OpenLayers necesita para visualizar el '''PanZoomBar'''.

Nos queda lanzar otra vez el comando ''run module'' del '''build.py''' y esperar que complete su trabajo.
Ahora podemos copiar otra vez el fichero <tt>OpenLayers.js</tt> adentro de la carpeta:

*<tt>C:\ms4w\apps\mapserv-demo\openlayers</tt>

Ahora si volvemos a nuestra página web debería aparecer el control '''PanZoomBar''' correctamente.

Cualquier librería que queramos añadir a nuestra biblioteca tiene que pasar por el <tt>custom.cfg</tt>, en la sección ''[include]'', y luego por la ejecución del <tt>build.py</tt>.

[[Image:Openlayers Control PanZoomBar firebug.png|thumb|none|400px|La página presenta el control '''PanZoomBar''' y Firebug nos muestra que la biblioteca ocupa sólo 129KB]]

==referencias==
<references/>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T10:03:46Z

Wiki-Equipo UNIGIS: /* el DIV del mapa */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
Este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la página web con el mapa===
una vez guardada la página web con el código añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro código===
El código que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que se escriba sea exacto y tenga sentido.
====el estilo CSS====
El mínimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear el mapa es indispensable la biblioteca de código de Openlayers que se puede utilizar de varias maneras.
La mas cómoda, para comenzar, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como qué mapa utilizar y cómo enseñarlo.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la función de inicialización que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parámetros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestro mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parámetros, le pasamos ''layers: 'drgs''' y es la dirección del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de arranque====
para que el código Javascript que hemos escrito se active al cargar de la página web hay que darle este comando al tag ''BODY''.
En práctica significa que una vez que ha cargado el código HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco código HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T10:03:19Z

Wiki-Equipo UNIGIS: /* la llamada de aranque */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
Este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la página web con el mapa===
una vez guardada la página web con el código añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro código===
El código que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que se escriba sea exacto y tenga sentido.
====el estilo CSS====
El mínimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear el mapa es indispensable la biblioteca de código de Openlayers que se puede utilizar de varias maneras.
La mas cómoda, para comenzar, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como qué mapa utilizar y cómo enseñarlo.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la función de inicialización que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parámetros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestro mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parámetros, le pasamos ''layers: 'drgs''' y es la dirección del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de arranque====
para que el código Javascript que hemos escrito se active al cargar de la página web hay que darle este comando al tag ''BODY''.
En práctica significa que una vez que ha cargado el código HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T10:02:37Z

Wiki-Equipo UNIGIS: /* el código Javascript personalizado */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
Este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la página web con el mapa===
una vez guardada la página web con el código añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro código===
El código que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que se escriba sea exacto y tenga sentido.
====el estilo CSS====
El mínimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear el mapa es indispensable la biblioteca de código de Openlayers que se puede utilizar de varias maneras.
La mas cómoda, para comenzar, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como qué mapa utilizar y cómo enseñarlo.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la función de inicialización que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parámetros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestro mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parámetros, le pasamos ''layers: 'drgs''' y es la dirección del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de aranque====
para que el código Javascript que hemos escrito se active al cargar de la pagina web hay que darle este comando al tag ''BODY''.
En practica significa que una vez que ha cargado el codigo HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T10:01:21Z

Wiki-Equipo UNIGIS: /* Todo lo que hay que notar en nuestro codigo */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
Este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la página web con el mapa===
una vez guardada la página web con el código añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro código===
El código que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que se escriba sea exacto y tenga sentido.
====el estilo CSS====
El mínimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear el mapa es indispensable la biblioteca de código de Openlayers que se puede utilizar de varias maneras.
La mas cómoda, para comenzar, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como qué mapa utilizar y cómo enseñarlo.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la funcion de inicializacion que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parametros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestra mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parametros, le pasamos ''layers: 'drgs''' y e la direccion del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de aranque====
para que el código Javascript que hemos escrito se active al cargar de la pagina web hay que darle este comando al tag ''BODY''.
En practica significa que una vez que ha cargado el codigo HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T09:48:53Z

Wiki-Equipo UNIGIS: /* comprobar la pagina web con el mapa */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
Este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la página web con el mapa===
una vez guardada la página web con el código añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.
====el estilo CSS====
El minimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear la mapa es indispensable la biblioteca de codigo de Openlayers que se puede utilizar en varias maneras.
La mas comoda, por el comienzo, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como que mapa utilizar y como enseñarla.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la funcion de inicializacion que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parametros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestra mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parametros, le pasamos ''layers: 'drgs''' y e la direccion del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de aranque====
para que el código Javascript que hemos escrito se active al cargar de la pagina web hay que darle este comando al tag ''BODY''.
En practica significa que una vez que ha cargado el codigo HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T09:48:15Z

Wiki-Equipo UNIGIS: /* código de ejemplo */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
Este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la pagina web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.
====el estilo CSS====
El minimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear la mapa es indispensable la biblioteca de codigo de Openlayers que se puede utilizar en varias maneras.
La mas comoda, por el comienzo, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como que mapa utilizar y como enseñarla.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la funcion de inicializacion que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parametros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestra mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parametros, le pasamos ''layers: 'drgs''' y e la direccion del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de aranque====
para que el código Javascript que hemos escrito se active al cargar de la pagina web hay que darle este comando al tag ''BODY''.
En practica significa que una vez que ha cargado el codigo HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T09:48:00Z

Wiki-Equipo UNIGIS: /* codigo de ejemplo */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la pagina web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.
====el estilo CSS====
El minimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear la mapa es indispensable la biblioteca de codigo de Openlayers que se puede utilizar en varias maneras.
La mas comoda, por el comienzo, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como que mapa utilizar y como enseñarla.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la funcion de inicializacion que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parametros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestra mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parametros, le pasamos ''layers: 'drgs''' y e la direccion del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de aranque====
para que el código Javascript que hemos escrito se active al cargar de la pagina web hay que darle este comando al tag ''BODY''.
En practica significa que una vez que ha cargado el codigo HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Openlayers: configuración mínima con biblioteca en remoto

2009-04-14T09:47:36Z

Wiki-Equipo UNIGIS: /* Openlayers: configuración mínima con biblioteca en remoto */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Openlayers: configuración mínima con biblioteca en remoto=
considerando la configuración de los mapas Itasca lo que necesitamos para crear nuestra primera mapa web son estos datos:
* la dirección del servidor WMS
**http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map
* el nombre de la capa que queremos visualizar
** '''drgs'''
* la proyection de nuestro mapa
** '''EPSG:26915'''
* el extent de nuestro mapa (min x, min y, max x, max y)
** '''378107 5193120 510896 5320243'''
* la unidad de medidas
** '''metros'''

===codigo de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',
units: "m",
projection: "EPSG:26915"}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la pagina web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol.html

este es el resultado:
[[Image:Openlayers itasca base map.jpg|thumb|none|400x400px|la primera vista del mapa creado por Openlayers en la pagina web]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.
====el estilo CSS====
El minimo de estilo CSS que necesitamos es para posicionar el marco del mapa. A este ''DIV'' se le da el ''ID'' de ''MAP''.
Los elementos importantes son el alto (width) y el ancho (height).
<code>
<style type="text/css">
#map {
<span style='background-color:yellow'>width: 512px;</span>
<span style='background-color:yellow'>height: 512px;</span>
<span style='background-color:yellow'>border: 1px solid black;</span>
}
</style>

</code>

====la biblioteca Javascript de Openlayers====
para que se pueda crear la mapa es indispensable la biblioteca de codigo de Openlayers que se puede utilizar en varias maneras.
La mas comoda, por el comienzo, es utilizar su versión publicada online.
<code>
<span style='background-color:yellow'><script src="http://www.openlayers.org/api/OpenLayers.js"></script></span>
</code>

====el código Javascript personalizado====
para definir nuestro mapa especifico tenemos que dar unas indicaciones a Openlayers, como que mapa utilizar y como enseñarla.

se crean las dos variable de mapa y de layer.
<code>
<script type="text/javascript">

<span style='background-color:yellow'>var map, layer;</span>
</code>
se define la funcion de inicializacion que llamamos ''init''.
<code>
function init(){
</code>
se instancia el objecto ''map'' como un ''OpenLayers.Map'' y como parametros le pasamos el nombre del DIV donde hay que mostrar el mapa (''map'') y los parámetros de contexto de nuestra mapa (extent, unidades, proyección).
<code>
map = new OpenLayers.Map( 'map',{
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',</span>
<span style='background-color:yellow'>units: "m",</span>
<span style='background-color:yellow'>projection: "EPSG:26915"</span>}
);
</code>
se instancia un objecto ''layer'' como un ''OpenLayers.Layer.WMS''. Se trata de nuestra capa WMS y por eso, como parametros, le pasamos ''layers: 'drgs''' y e la direccion del servidor WMS (http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map).
<code>
<span style='background-color:yellow'>layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",</span>
<span style='background-color:yellow'>"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map", {layers: 'drgs'} );</span>
</code>
añadimos el objecto ''layer'' al objecto ''map''.
<code>
<span style='background-color:yellow'>map.addLayers([layer]);</span>
</code>
una vez que todos los objectos esten definidos podemos pedir al mapa de centrarse para la visualización al usuario final.
<code>
<span style='background-color:yellow'>map.zoomToMaxExtent();</span>
}
</script>
</code>

====la llamada de aranque====
para que el código Javascript que hemos escrito se active al cargar de la pagina web hay que darle este comando al tag ''BODY''.
En practica significa que una vez que ha cargado el codigo HTML el browser tiene que ejecutar la función javascript ''init''.
<code>
<span style='background-color:yellow'><body onload="init()"></span>
</code>

====el DIV del mapa====
en el poco codigo HTML que hemos puesto en este ejemplo hay solo un elemento que es fundamental: el ''DIV'' del mapa.
Como su ID es ''map'', tendrá el estilo que hemos definido en el CSS.
<code>
<span style='background-color:yellow'><pre><div id="map"></div></pre></span>
</code>

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-14T09:45:29Z

Wiki-Equipo UNIGIS: /* Comprobar el servicio WFS */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-test.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual al que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta qué servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos a hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al código XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-14T09:44:23Z

Wiki-Equipo UNIGIS: /* Crear el servicio WFS */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-test.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual al que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta qué servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos a hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir dónde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al codigo XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-14T09:40:31Z

Wiki-Equipo UNIGIS: /* Comprobar la página web con el mapa */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-test.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la página responde como esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual a la que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta cuál servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir donde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al codigo XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-14T09:40:01Z

Wiki-Equipo UNIGIS: /* Código de ejemplo */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de dónde encontrarlo y cómo configurarlo en la lección [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=

Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 página de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.

La página de descarga es la siguiente:

* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* http://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También está disponible un manual para la extensión:

* http://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf

El manual describe muy bien el proceso de instalación. Una vez instalado podemos lanzar gvSIG y proseguir con la lección.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*<tt>ctyrdln3.shp</tt>
*<tt>dlgstln2.shp</tt>
*<tt>lakespy2.shp</tt>
*<tt>mcdrdln3.shp</tt>

gvSIG visualizará todos los ficheros dándole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el botón derecho sobre el nombre de la capa desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos seleccionado la capa de los lagos y definido un estilo en intervalos.

[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de visualización con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Publicación''. Se puede ver en la siguiente imagen como el estilo que hemos creado antes se aplica al mapa.

[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de publicación y el mapa con el nuevo estilo de visualización]]

Creando una nueva ''Publicación'' somos guiados paso a paso en el proceso de publicación en la web mediante un asistente.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor ''UMN Mapserver'' versión 5.

[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicación de UMN Mapserver]]

En segundo lugar hay que definir el lugar en el que guardar el fichero de configuración (''mapfile''). En nuestro caso un lugar útil puede ser:

C:\ms4w\apps\mapserv-demo\itasca-test.map

[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicación del ''mapfile'' para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es a propósito de los metadatos WMS.

OGC define los metadatos de los servicios para que quien utilice nuestro servidor tenga una idea adecuada de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.

[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escoger las capas, disponibles en nuestra ''vista'', que vamos a querer visualizar. Seleccionamos las 4 que hemos cargado.

[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas a publicar]]

Ya estamos acabando, pulsando el botón ''publicar'', esperamos el mensaje de confirmación.

[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El ''mapfile'' ha sido guardado en el lugar requerido y el servicio WMS está disponible]]

==Comprobar el servicio creado==

Como en la lección [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto cómo crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===Código de ejemplo===
para crear la página web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:

<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso básico de OpenLayers con una capa WMS
</div>

<div id="map"></div>

<div id="docs">
más texto aquí
</div>
</body>
</html>
</pre>
</code>

===Comprobar la página web con el mapa===
Una vez guardada la página web con el código anterior podemos comprobar con nuestro navegador web (p.ej. Mozilla Firefox, Internet Explorer, etc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

Este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|Publicación de nuestro servicio WMS]]

===Todo lo que hay que notar en nuestro código===

El código que hemos utilizado es sencillo pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====El código JavaScript personalizado====

Podemos notar como la creación del objeto '''map''' es muy sencilla porque no tenemos que definir la unidad de medida ni la proyección porque nuestro servicio es en EPSG:4326 que es la usada por defecto en OpenLayers.

Además hay que notar como en la creación del objeto '''layer''' la direción del servidor y el listado de las capas coinciden con las que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un función que normalmente requiere meterle mano al texto contenido en el ''mapfile'', gvSIG nos ayuda una vez más.

El procedimiento es prácticamente igual a la que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El asistente nos pregunta cuál servidor utilizar y qué servicio crear. El servicio seleccionado por defecto es el WMS pero también podemos escoger el WFS, que es precisamente lo que vamos hacer.

[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir donde queremos guardar el ''mapfile''.
En nuetro caso:

C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map

[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando la ubicación del ''mapfile'']]

Ahora nos toca otra vez definir los metadatos para este recurso. Hay que poner atención sobre el hecho de que un servicio sin buena descripción no es un buen servicio.

[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]

En la selección de capas vamos poniendo todos las capas que nuestra vista ofrece.

[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]

Ahora sólo queda el último paso y gvSIG nos dirá si todo ha ido correctamente.

[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|Mensaje de confirmación de que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==

Para comprobar si todo ha ido bien podemos pedir el <tt>GetCapabilities</tt> de nuestro servicio:

* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

Echad un vistazo un momento al codigo XML resultante de nuestra llamada. Los metadatos que describen el contenido deberían describir no sólo el juego de datos sino también cada capa por separado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-08T12:11:26Z

Wiki-Equipo UNIGIS: /* Crear el servicio WMS */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de donde encontrarlo y donde ponerlo en la lession [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=
Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 pagina de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.<br>
La página de descarga es la siguiente:
* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* ftp://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También esta disponible un manual para la extensión:
ftp://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf <br>
El manual describe muy bien el proceso de instalación.

Una vez instalado podemos lanzar gvSIG.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propiedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*ctyrdln3.shp
*dlgstln2.shp
*lakespy2.shp
*mcdrdln3.shp
gvSIG visualizará todos los ficheros dandole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el tasto diestro sobre el nombre del layer desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos selecionado la capa de los lagos y definido un estilo a ''intervals''.
[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de vestición con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Pubblicación''. Se puede notar en la imagen abajo como el estilo que hemos creado antes este aplicado al mapa.
[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de pubblicación y el mapa con el nuevo estilo de vestición]]

Creando una nueva ''Pubblicación'' somos guiados paso a paso en el proceso de publicación en la web.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor de UMN Mapserver version 5.
[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicacion del UMN Mapserver]]

En segundo lugar hay que definir un donde guardar el fichero de configuración. En nuestro caso un lugar util puede ser:
C:\ms4w\apps\mapserv-demo\itasca-test.map
[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicacion del mapfile para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es aproposito de los metadatos WMS.
OGC define los metadatos de los servicios para que quien utilize nuestro servidor tenga una idea decente de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.
[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escojer las capas, disponibles en nuestra ''vista'', que vamos a quierer visualizar. Selecionamos todas las 4 que hemos cargado.
[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas por publicar]]

Ya estamos a la fin, cliquando el boton ''publicar'' y esperando el mensaje de confirmación.
[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El mapfile ha sido guardado donde requerido y el servicio WFS esta a disposición]]

==Comprobar el servicio creado==

Como en la lessión [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto como crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===codigo de ejemplo===
para crear la pagina web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la pagina web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|...]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====el código Javascript personalizado====
Podemos notar como la creacion del object '''map''' es muy sencilla porque no tenemos que defir la unedad de misura ni la projección porque nuestro servicio es en EPSG:4326 que es la de defecto de OpenLayers.

Ademas hay que notar como en la creación del object '''layer''' la direcion del servidor y el listado de los layer coinciden con los que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un funcion que normalmente requiere poner mano al texto contenido en el mapfile, gvSIG nos da una mano una vez mas.

La procedura es practicamente identica a la que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El ''wizzard'' nos pregunta cual servidor utilizar y que servicio crear. El servicio seleccionado por defecto es el WMS pero tambien podemos escoger el WFS y es lo que vamos hacer.
[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir donde queremos guardar el mapfile.
En nuetro caso:
C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map
[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando el recorrido del Mapfile]]

Entonces nos toca otra vez definir los metadatos por esto recurso. Poner la atención sobre el echo que un servicio sin buena descripción no es ningun sercivio.
[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]
En la selección de layers vamos poniendo todos las capas que nuestra vista ofrece.
[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]
Ahora solo queda el final y gvSIG nos dirá si todo ha hido a cumplimiento.
[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|El mensaje de confirmación que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==
para comprobar el exito podemos pedir el GetCapabilities de nuestro servicio:
* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

mirar un momento el codigo XML resultante de nuestra llamada.
Los metadatos que describen el contenido deberian describir no solo el juego de datos sino tambien cada singula capa.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-08T12:09:38Z

Wiki-Equipo UNIGIS: /* MapServer Itasca Demo Application */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicación de donde encontrarlo y donde ponerlo en la lession [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=
Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 pagina de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.<br>
La página de descarga es la siguiente:
* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* ftp://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También esta disponible un manual para la extensión:
ftp://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf <br>
El manual describe muy bien el proceso de instalación.

Una vez instalado podemos lanzar gvSIG.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propriedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*ctyrdln3.shp
*dlgstln2.shp
*lakespy2.shp
*mcdrdln3.shp
gvSIG visualizará todos los ficheros dandole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el tasto diestro sobre el nombre del layer desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos selecionado la capa de los lagos y definido un estilo a ''intervals''.
[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de vestición con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Pubblicación''. Se puede notar en la imagen abajo como el estilo que hemos creado antes este aplicado al mapa.
[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de pubblicación y el mapa con el nuevo estilo de vestición]]

Creando una nueva ''Pubblicación'' somos guiados paso a paso en el proceso de publicación en la web.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor de UMN Mapserver version 5.
[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicacion del UMN Mapserver]]

En segundo lugar hay que definir un donde guardar el fichero de configuración. En nuestro caso un lugar util puede ser:
C:\ms4w\apps\mapserv-demo\itasca-test.map
[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicacion del mapfile para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es aproposito de los metadatos WMS.
OGC define los metadatos de los servicios para que quien utilize nuestro servidor tenga una idea decente de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.
[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escojer las capas, disponibles en nuestra ''vista'', que vamos a quierer visualizar. Selecionamos todas las 4 que hemos cargado.
[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas por publicar]]

Ya estamos a la fin, cliquando el boton ''publicar'' y esperando el mensaje de confirmación.
[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El mapfile ha sido guardado donde requerido y el servicio WFS esta a disposición]]

==Comprobar el servicio creado==

Como en la lessión [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto como crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===codigo de ejemplo===
para crear la pagina web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la pagina web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|...]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====el código Javascript personalizado====
Podemos notar como la creacion del object '''map''' es muy sencilla porque no tenemos que defir la unedad de misura ni la projección porque nuestro servicio es en EPSG:4326 que es la de defecto de OpenLayers.

Ademas hay que notar como en la creación del object '''layer''' la direcion del servidor y el listado de los layer coinciden con los que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un funcion que normalmente requiere poner mano al texto contenido en el mapfile, gvSIG nos da una mano una vez mas.

La procedura es practicamente identica a la que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El ''wizzard'' nos pregunta cual servidor utilizar y que servicio crear. El servicio seleccionado por defecto es el WMS pero tambien podemos escoger el WFS y es lo que vamos hacer.
[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir donde queremos guardar el mapfile.
En nuetro caso:
C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map
[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando el recorrido del Mapfile]]

Entonces nos toca otra vez definir los metadatos por esto recurso. Poner la atención sobre el echo que un servicio sin buena descripción no es ningun sercivio.
[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]
En la selección de layers vamos poniendo todos las capas que nuestra vista ofrece.
[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]
Ahora solo queda el final y gvSIG nos dirá si todo ha hido a cumplimiento.
[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|El mensaje de confirmación que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==
para comprobar el exito podemos pedir el GetCapabilities de nuestro servicio:
* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

mirar un momento el codigo XML resultante de nuestra llamada.
Los metadatos que describen el contenido deberian describir no solo el juego de datos sino tambien cada singula capa.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-08T12:09:20Z

Wiki-Equipo UNIGIS: /* Instalar la extensión de publicación para la web de gvSIG */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicacion de donde encontrarlo y donde ponerlo en la lession [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=
Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 pagina de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.<br>
La página de descarga es la siguiente:
* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* ftp://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También esta disponible un manual para la extensión:
ftp://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf <br>
El manual describe muy bien el proceso de instalación.

Una vez instalado podemos lanzar gvSIG.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propriedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*ctyrdln3.shp
*dlgstln2.shp
*lakespy2.shp
*mcdrdln3.shp
gvSIG visualizará todos los ficheros dandole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el tasto diestro sobre el nombre del layer desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos selecionado la capa de los lagos y definido un estilo a ''intervals''.
[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de vestición con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Pubblicación''. Se puede notar en la imagen abajo como el estilo que hemos creado antes este aplicado al mapa.
[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de pubblicación y el mapa con el nuevo estilo de vestición]]

Creando una nueva ''Pubblicación'' somos guiados paso a paso en el proceso de publicación en la web.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor de UMN Mapserver version 5.
[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicacion del UMN Mapserver]]

En segundo lugar hay que definir un donde guardar el fichero de configuración. En nuestro caso un lugar util puede ser:
C:\ms4w\apps\mapserv-demo\itasca-test.map
[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicacion del mapfile para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es aproposito de los metadatos WMS.
OGC define los metadatos de los servicios para que quien utilize nuestro servidor tenga una idea decente de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.
[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escojer las capas, disponibles en nuestra ''vista'', que vamos a quierer visualizar. Selecionamos todas las 4 que hemos cargado.
[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas por publicar]]

Ya estamos a la fin, cliquando el boton ''publicar'' y esperando el mensaje de confirmación.
[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El mapfile ha sido guardado donde requerido y el servicio WFS esta a disposición]]

==Comprobar el servicio creado==

Como en la lessión [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto como crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===codigo de ejemplo===
para crear la pagina web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la pagina web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|...]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====el código Javascript personalizado====
Podemos notar como la creacion del object '''map''' es muy sencilla porque no tenemos que defir la unedad de misura ni la projección porque nuestro servicio es en EPSG:4326 que es la de defecto de OpenLayers.

Ademas hay que notar como en la creación del object '''layer''' la direcion del servidor y el listado de los layer coinciden con los que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un funcion que normalmente requiere poner mano al texto contenido en el mapfile, gvSIG nos da una mano una vez mas.

La procedura es practicamente identica a la que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El ''wizzard'' nos pregunta cual servidor utilizar y que servicio crear. El servicio seleccionado por defecto es el WMS pero tambien podemos escoger el WFS y es lo que vamos hacer.
[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir donde queremos guardar el mapfile.
En nuetro caso:
C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map
[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando el recorrido del Mapfile]]

Entonces nos toca otra vez definir los metadatos por esto recurso. Poner la atención sobre el echo que un servicio sin buena descripción no es ningun sercivio.
[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]
En la selección de layers vamos poniendo todos las capas que nuestra vista ofrece.
[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]
Ahora solo queda el final y gvSIG nos dirá si todo ha hido a cumplimiento.
[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|El mensaje de confirmación que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==
para comprobar el exito podemos pedir el GetCapabilities de nuestro servicio:
* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

mirar un momento el codigo XML resultante de nuestra llamada.
Los metadatos que describen el contenido deberian describir no solo el juego de datos sino tambien cada singula capa.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Crear servicios WMS y WFS con MS4W y gvSIG utilizando nuestro propio juego de datos

2009-04-08T12:08:20Z

Wiki-Equipo UNIGIS: /* Buscar los datos */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

Unos de los problemas principales en la publicación de datos geoespaciales en la web es la dificultad que lleva la configuración de los servidores de mapas.

=Buscar los datos=
Si no se tiene un juego de datos propios se pueden utilizar algunos de los datos disponibles con licencia Libre que se encuentran en la red.

==''MapServer Itasca Demo Application''==
Para comenzar necesitaremos el juego de datos libres ''Itasca''.
Tenemos una detallada explicacion de donde encontrarlo y donde ponerlo en la lession [[Instalaci%C3%B3n_de_MS4W#Procedimiento_de_instalaci.C3.B3n_del_juego_de_datos_Itasca|Instalación de MS4W]].

=Instalar la extensión de publicación para la web de gvSIG=
Desde la [http://www.gvsig.gva.es/index.php?id=1803&L=0 pagina de Extensiones] de gvSIG podemos descargar la '''Extensión de publicación'''.<br>
La pagina de descarga es la siguiente:
* http://www.gvsig.gva.es/index.php?id=2010&L=0

El fichero en binario que instalamos para esta demostración es:
* ftp://downloads.gvsig.org/gva/descargas/ficheros/Extensiones/gvsig-1_1_x-publishing-BN14-windows-i586.exe

También esta disponible un manual para la extensión:
ftp://downloads.gvsig.org/gva/descargas/manuales/gvsig-1_1_x-publishing-man-v1-es.pdf.pdf <br>
El manual describe muy bien el proceso de instalación.

Una vez instalado podemos lanzar gvSIG.

=Crear el servicio WMS=

Antes que nada hay que crear una vista nueva con gvSIG y la llamaremos '''Itasca'''.
[[Image:Gvsig extension publicacion web shot1.png|thumb|none|400px|Crear una vista nueva con gvSIG]]

Entre las propriedades de la vista hay que definir su proyección y nosotros vamos a escoger la proyección geográfica EPSG:4326 (LAT/LONG).
[[Image:GvSig propriedades vista.png|thumb|none|400px|Definición de la proyección de nuestra vista]]

Una vez creada la vista podemos añadir nuestros datos desde la carpeta:
C:\MS4W\apps\mapserv-demo\data\
Iremos escogiendo las siguientes capas:
*ctyrdln3.shp
*dlgstln2.shp
*lakespy2.shp
*mcdrdln3.shp
gvSIG visualizará todos los ficheros dandole unos estilos por defecto.
[[Image:Gvsig itasca no style.jpg|thumb|none|400px|gvSIG visualizando los datos de Itasca]]

Con el tasto diestro sobre el nombre del layer desde la leyenda es posible seleccionar las preferencias y definir un estilo personalizado para nuestras capas. En este caso hemos selecionado la capa de los lagos y definido un estilo a ''intervals''.
[[Image:Gvsig-itasca-symbology-intervals.jpg|thumb|none|400px|Creando un estilo de vestición con gvSIG]]

Una vez guardada la vista de gvSIG podemos volver a la ventana del ''Gestor de proyectos'' y seleccionar la herramienta de ''Pubblicación''. Se puede notar en la imagen abajo como el estilo que hemos creado antes este aplicado al mapa.
[[Image:Gvsig-itasca-publish.jpg|thumb|none|400px|Visualizando la herramienta de pubblicación y el mapa con el nuevo estilo de vestición]]

Creando una nueva ''Pubblicación'' somos guiados paso a paso en el proceso de publicación en la web.
El primer paso es seleccionar el servidor que tenemos disponible. En nuestro caso es un servidor de UMN Mapserver version 5.
[[Image:Gvsig-publish-server.jpg|thumb|none|400px|Definiendo la ubicacion del UMN Mapserver]]

En segundo lugar hay que definir un donde guardar el fichero de configuración. En nuestro caso un lugar util puede ser:
C:\ms4w\apps\mapserv-demo\itasca-test.map
[[Image:Gvsig-pubish-mapfile.jpg|thumb|none|400px|Definiendo la ubicacion del mapfile para nuestro servicio]]

Otra pregunta importante cuando se configure un servicio en la red es aproposito de los metadatos WMS.
OGC define los metadatos de los servicios para que quien utilize nuestro servidor tenga una idea decente de los datos que se acercan a descargar. Es importante por eso describir bien los metadatos.
[[Image:Gvsig-publish-metadata.jpg|thumb|none|400px|Definiendo los Metadatos del servicio WMS]]

Un paso importante es escojer las capas, disponibles en nuestra ''vista'', que vamos a quierer visualizar. Selecionamos todas las 4 que hemos cargado.
[[Image:Gvsig-publish-layers.jpg|thumb|none|400px|Seleccionando las capas por publicar]]

Ya estamos a la fin, cliquando el boton ''publicar'' y esperando el mensaje de confirmación.
[[Image:Gvsig-publish-end.jpg|thumb|none|400px|El mapfile ha sido guardado donde requerido y el servicio WFS esta a disposición]]

==Comprobar el servicio creado==

Como en la lessión [[Openlayers: configuración mínima con biblioteca en remoto]] hemos visto como crear una pagina web que enseñe nuestros contenidos ahora podemos hacerlo con nuestro nuevo servicio WMS.

===codigo de ejemplo===
para crear la pagina web necesitamos crear un nuevo fichero con un editor de texto sencillo.
este fichero lo llamaremos:

C:\ms4w\apps\mapserv-demo\ol-itasca-test.html

luego hay que poner el siguiente texto en ella:
<code>
<pre>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map {
width: 512px;
height: 512px;
border: 1px solid black;
}
</style>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">

var map, layer;

function init(){
map = new OpenLayers.Map( 'map',{
maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),
maxResolution: 'auto',}
);

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca-test.map", {layers: 'ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp'} );

map.addLayers([layer]);

map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">

<b>Ejemplo de WMS</b>

<div>
El uso basico de Openlayers con un layer WMS
</div>

<div id="map"></div>

<div id="docs">
mas texto aquì
</div>
</body>
</html>
</pre>
</code>

===comprobar la pagina web con el mapa===
una vez guardada la pagina web con el codigo añadido podemos comprobar con nuestro browser web (ex: Mozilla Firefox, Internet Explorer, ecc.) si la pagina responde como nos esperamos:

* http://localhost:9000/mapserv-demo/ol-itasca-test.html

este es el resultado:

[[Image:Openlayers-show-ows-from-gvsig-mapserver.jpg|thumb|none|400px|...]]

===Todo lo que hay que notar en nuestro codigo===
El codigo que hemos utilizado es de verdad muy poco pero hay que estar muy atentos a que lo que escriba sea exacto y tenga sentido.

====el código Javascript personalizado====
Podemos notar como la creacion del object '''map''' es muy sencilla porque no tenemos que defir la unedad de misura ni la projección porque nuestro servicio es en EPSG:4326 que es la de defecto de OpenLayers.

Ademas hay que notar como en la creación del object '''layer''' la direcion del servidor y el listado de los layer coinciden con los que hemos creado antes.
<code>

map = <span style='background-color:yellow'>new OpenLayers.Map( 'map',{</span>
<span style='background-color:yellow'>maxExtent: new OpenLayers.Bounds(378107,5193120,510896,5320243),</span>
<span style='background-color:yellow'>maxResolution: 'auto',} </span>
<span style='background-color:yellow'>);</span>

layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/<span style='background-color:yellow'>itasca-test.map</span>",
{layers: '<span style='background-color:yellow'>ctyrdln3.shp,dlgstln2.shp,lakespy2.shp,mcdrdln3.shp</span>'} );

);
</code>

=Crear el servicio WFS=
Para un funcion que normalmente requiere poner mano al texto contenido en el mapfile, gvSIG nos da una mano una vez mas.

La procedura es practicamente identica a la que seguimos para crear el servicio WMS.

Se crea una nueva ''publicación'' desde la ventana del ''gestor de proyectos''.

El ''wizzard'' nos pregunta cual servidor utilizar y que servicio crear. El servicio seleccionado por defecto es el WMS pero tambien podemos escoger el WFS y es lo que vamos hacer.
[[Image:Gvsig-publish-wfs-server.jpg|thumb|none|400px|Seleccionando el servidor y el servicio WFS]]

En el paso siguiente tenemos que decir donde queremos guardar el mapfile.
En nuetro caso:
C:\ms4w\apps\mapserv-demo\itasca-test-wfs.map
[[Image:Gvsig-publish-wfs-mapfile.jpg|thumb|none|400px|Especificando el recorrido del Mapfile]]

Entonces nos toca otra vez definir los metadatos por esto recurso. Poner la atención sobre el echo que un servicio sin buena descripción no es ningun sercivio.
[[Image:Gvsig-publish-wfs-metadata.jpg|thumb|none|400px|Definiendo los metadatos del servicio WFS]]
En la selección de layers vamos poniendo todos las capas que nuestra vista ofrece.
[[Image:Gvsig-publish-wfs-layers.jpg|thumb|none|400px|Añadiendo las capas al servicio WFS]]
Ahora solo queda el final y gvSIG nos dirá si todo ha hido a cumplimiento.
[[Image:Gvsig-publish-wfs-end.jpg|thumb|none|400px|El mensaje de confirmación que el servicio WFS se ha creado]]

==Comprobar el servicio WFS==
para comprobar el exito podemos pedir el GetCapabilities de nuestro servicio:
* http://localhost:9000/cgi-bin/mapserv.exe?map=C%3A%5Cms4w%5Capps%5Cmapserv-demo%5Citasca-test-wfs.map&request=getCapabilities&service=WFS

mirar un momento el codigo XML resultante de nuestra llamada.
Los metadatos que describen el contenido deberian describir no solo el juego de datos sino tambien cada singula capa.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X oras

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:12:24Z

Wiki-Equipo UNIGIS: /* Licencia */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
Desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
el objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite, concretamente, publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La página principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

Controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación, hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plugin que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este artículo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:11:01Z

Wiki-Equipo UNIGIS: /* re-anudar gvSIG */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
Desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
el objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite, concretamente, publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La página principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

Controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación, hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plugin que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:10:38Z

Wiki-Equipo UNIGIS: /* instalar el plugin */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
Desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
el objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite, concretamente, publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La página principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

Controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación, hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plug-in que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:07:46Z

Wiki-Equipo UNIGIS: /* instalar el plugin */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
Desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
el objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite, concretamente, publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La página principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

Controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plug-in que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:07:30Z

Wiki-Equipo UNIGIS: /* para qué es este plugin */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
Desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
el objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite, concretamente, publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La página principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plug-in que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:06:49Z

Wiki-Equipo UNIGIS: /* para qué es este plugin */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
el objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite, concretamente, publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La página principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plug-in que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:05:10Z

Wiki-Equipo UNIGIS: /* para qué es este plugin */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
el objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite concretamente publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La pagina principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plug-in que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:01:44Z

Wiki-Equipo UNIGIS: /* Instalar el plugin */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
l objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite concretamente publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La pagina principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plug-in que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación del modulo gvSIG para la publicación Web

2009-04-08T09:01:11Z

Wiki-Equipo UNIGIS: /* para que es este plugin */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalar el plugin=
Sigue el proceso de instalación del plug-in que nos permite publicar fácilmente nuestros datos en servicios OGC.

==para qué es este plugin==
desde el sitio oficial <ref> Sitio oficial de los plug-ins para gvSIG. http://www.gvsig.gva.es/index.php?id=2015&L=0 </ref>
l objetivo de la extensión de publicación es darle al usuario la capacidad de publicar información geoespacial y metadatos a través de servicios web estándares OGC, desde la propia interfaz de gvSIG y sin necesidad de hacerlo directamente sobre el software del servidor correspondiente. De esta forma, sin un conocimiento específico de estas aplicaciones, el usuario de gvSIG será capaz de publicar en internet, con extrema sencillez, la cartografía y los metadatos que genera.

Esta primera versión permite concretamente publicar información geoespacial en los siguientes servidores y a través de los siguientes servicios:

Mapserver: WMS, WCS y WFS.
Geoserver: WFS.

La pagina principal de este plug-in se encuentra aquí:
* http://www.gvsig.gva.es/index.php?id=2015&L=0

[[Image:Gvsig mapserver module home page.jpg|thumb|none|400px|página de inicio del plugin de publicación web para gvSIG]]

==descargar el plugin==
[[Image:Gvsig mapserver module download page.jpg|thumb|none|400px|página de descarga del plugin de publicación web para gvSIG]]
==instalar el plugin==

controla si todos los requisitos están presentes.
[[Image:Gvsig mapserver module check requirements.jpg|thumb|none|400px|comprobar los requisitos en el plugin de ''gvSIG'']]

Seleccionar el idioma.
[[Image:Gvsig installer 6.jpg|thumb|none|400px|selección de idioma en el plugin de ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig mapserver module check license.jpg|thumb|none|400px|informaciones de instalación del plugin de ''gvSIG'']]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia GPL<ref>Generic Public Licence (GPL). http://www.gnu.org/licenses/licenses.es.html</ref>, la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software Libre''<ref>Definición de Software Libre. http://es.wikipedia.org/wiki/Software_libre</ref>.
[[Image:Gvsig mapserver module check license agree.jpg|thumb|none|400px|comprobar la licencia del plugin de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig mapserver module check packages.jpg|thumb|none|400px|comprobar licencia en el plugin de ''gvSIG'']]

es muy importante que la ''auto-detección'' confirme el recorrido a la aplicación ''gvSIG''.
[[Image:Gvsig mapserver module find gvsig.jpg|thumb|none|400px|comprobar el recorrido de instalación de ''gvSIG'']]
;Nota
desde el sitio de gvSIG:
''Si el proceso de instalación no encuentra automáticamente el directorio donde se halla instalada la versión correcta de la aplicación hay que indicarlo manualmente. Por ejemplo, en el caso de la extensión para gvSIG 1.1.2, en Windows XP, el directorio podría ser:
C:\Archivos de programa\gvSIG_1.1.2''

el plugin esta instalado.
[[Image:Gvsig mapserver module install ok.jpg|thumb|none|400px|confirmación de la instalación plugin de ''gvSIG'']]

==re-anudar ''gvSIG''==
Si ''gvSIG'' estaba encendido es necesario re-anudarlo para activar el plug-in que hemos instalado.

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]

=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Referencias=
<references/>

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación de gvSIG

2009-04-08T08:55:24Z

Wiki-Equipo UNIGIS: /* Licencia */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalación de ''gvSIG''=

==Qué es ''gvSIG''==
Desde el sitio oficial:

<blockquote>gvSIG es una herramienta orientada al manejo de información geográfica. Se caracteriza por una interfaz amigable, siendo capaz de acceder de forma ágil a los formatos más usuales, tanto ráster como vectoriales. Integra en una vista datos tanto locales como remotos a través de un origen WMS, WCS o WFS.</blockquote>

<blockquote>Está orientada a usuarios finales de información de naturaleza geográfica, sean profesionales o administraciones públicas (ayuntamientos, diputaciones, consejerías o ministerios) de cualquier parte del mundo (actualmente dispone de interfaz en castellano, valenciano, inglés, alemán, checo, chino, euskera, gallego, francés, italiano, polaco, portugués y rumano ), siendo, además, gratuita.</blockquote>

<blockquote>Dada su naturaleza de software libre (open source) pensamos que es de gran interés para la comunidad internacional de desarrolladores y, en concreto, para los ambientes universitarios por su componente I+D+I. De hecho se ha hecho un especial hincapié en la extensibilidad del proyecto de forma que los posibles desarrolladores puedan ampliar las funcionalidades de la aplicación fácilmente, así como desarrollar aplicaciones totalmente nuevas a partir de las librerías utilizadas en gvSIG (siempre y cuando cumplan la licencia GPL).</blockquote>

La página principal es http://www.gvsig.gva.es, y el portal de documentación del proyecto es https://www.gvsig.org

[[Image:Gvsig home page.jpg|thumb|none|400x400px|la home page de gvSIG]]

==Descarga de ''gvSIG''==
Desde la página principal vamos a buscar la página de descarga de '''gvSIG Desktop''':
* http://www.gvsig.gva.es/index.php?id=1729&L=0&K=1

Para no tener problemas, es importante descargar la '''versión estable''' con '''prerrequisitos de instalación''' (esta versión incluye la máquina virtual y otros componentes necesarios para el correcto funcionamiento de ''gvSIG''):

[[Image:Gvsig download link.jpg|thumb|none|400x400px|enlace de descarga de ''gvSIG'']]

Cabe destacar que al lado del fichero de instalación se pueden encontrar los manuales en inglés y castellano.

==Procedimiento de instalación de ''gvSIG''==
A la primera pregunta, si queremos instalar ''gvSIG'', contestamos '''Yes'''.

[[Image:Gvsig installer 1.jpg|thumb|none|400x400px|instalando ''gvSIG'']]

Contestar '''Yes''' también a la pregunta acerca de los componentes adicionales.

===Prerequisitos===
[[Image:Gvsig installer 2.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': solicitud de instalación]]

====Instalar ''Java''====
[[Image:Gvsig installer 3.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': instalando ''Java'']]

====Instalar ''JAI''====
[[Image:Gvsig installer 4.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'':''JAI'', las librerías gráficas]]

Confirmar los pedidos de la licencia (si os gusta) y la carpeta de instalación.

[[Image:Gvsig installer 5.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': ''JAI'' se ha instalado]]

===Por fin ''gvSIG''===
Seleccionar el idioma.

[[Image:Gvsig installer 6.jpg|thumb|none|400x400px|selección de idioma en ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig installer 7.jpg|thumb|none|400x400px|instalación ''gvSIG'': informaciones de instalación]]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia [http://www.gnu.org/licenses/licenses.es.html GPL], la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software'' Libre.
[[Image:Gvsig installer 8.jpg|thumb|none|400x400px|instalación ''gvSIG'': la licencia de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig installer 9.jpg|thumb|none|400x400px|instalación ''gvSIG'': selección de paquetes]]

Confirmar la carpeta de instalación
[[Image:Gvsig installer 10.jpg|thumb|none|400x400px|instalación ''gvSIG'': la carpeta de instalación]]

Finalmente se copian los ficheros y se confirma la instalación.

[[Image:Gvsig installer 11.jpg|thumb|none|400x400px|instalación ''gvSIG'': ¡¡¡''gvSIG'' esta instalado!!!]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]
=Licencia=
*la licencia por este artículo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación de gvSIG

2009-04-08T08:50:00Z

Wiki-Equipo UNIGIS: /* Descarga de gvSIG */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalación de ''gvSIG''=

==Qué es ''gvSIG''==
Desde el sitio oficial:

<blockquote>gvSIG es una herramienta orientada al manejo de información geográfica. Se caracteriza por una interfaz amigable, siendo capaz de acceder de forma ágil a los formatos más usuales, tanto ráster como vectoriales. Integra en una vista datos tanto locales como remotos a través de un origen WMS, WCS o WFS.</blockquote>

<blockquote>Está orientada a usuarios finales de información de naturaleza geográfica, sean profesionales o administraciones públicas (ayuntamientos, diputaciones, consejerías o ministerios) de cualquier parte del mundo (actualmente dispone de interfaz en castellano, valenciano, inglés, alemán, checo, chino, euskera, gallego, francés, italiano, polaco, portugués y rumano ), siendo, además, gratuita.</blockquote>

<blockquote>Dada su naturaleza de software libre (open source) pensamos que es de gran interés para la comunidad internacional de desarrolladores y, en concreto, para los ambientes universitarios por su componente I+D+I. De hecho se ha hecho un especial hincapié en la extensibilidad del proyecto de forma que los posibles desarrolladores puedan ampliar las funcionalidades de la aplicación fácilmente, así como desarrollar aplicaciones totalmente nuevas a partir de las librerías utilizadas en gvSIG (siempre y cuando cumplan la licencia GPL).</blockquote>

La página principal es http://www.gvsig.gva.es, y el portal de documentación del proyecto es https://www.gvsig.org

[[Image:Gvsig home page.jpg|thumb|none|400x400px|la home page de gvSIG]]

==Descarga de ''gvSIG''==
Desde la página principal vamos a buscar la página de descarga de '''gvSIG Desktop''':
* http://www.gvsig.gva.es/index.php?id=1729&L=0&K=1

Para no tener problemas, es importante descargar la '''versión estable''' con '''prerrequisitos de instalación''' (esta versión incluye la máquina virtual y otros componentes necesarios para el correcto funcionamiento de ''gvSIG''):

[[Image:Gvsig download link.jpg|thumb|none|400x400px|enlace de descarga de ''gvSIG'']]

Cabe destacar que al lado del fichero de instalación se pueden encontrar los manuales en inglés y castellano.

==Procedimiento de instalación de ''gvSIG''==
A la primera pregunta, si queremos instalar ''gvSIG'', contestamos '''Yes'''.

[[Image:Gvsig installer 1.jpg|thumb|none|400x400px|instalando ''gvSIG'']]

Contestar '''Yes''' también a la pregunta acerca de los componentes adicionales.

===Prerequisitos===
[[Image:Gvsig installer 2.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': solicitud de instalación]]

====Instalar ''Java''====
[[Image:Gvsig installer 3.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': instalando ''Java'']]

====Instalar ''JAI''====
[[Image:Gvsig installer 4.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'':''JAI'', las librerías gráficas]]

Confirmar los pedidos de la licencia (si os gusta) y la carpeta de instalación.

[[Image:Gvsig installer 5.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': ''JAI'' se ha instalado]]

===Por fin ''gvSIG''===
Seleccionar el idioma.

[[Image:Gvsig installer 6.jpg|thumb|none|400x400px|selección de idioma en ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig installer 7.jpg|thumb|none|400x400px|instalación ''gvSIG'': informaciones de instalación]]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia [http://www.gnu.org/licenses/licenses.es.html GPL], la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software'' Libre.
[[Image:Gvsig installer 8.jpg|thumb|none|400x400px|instalación ''gvSIG'': la licencia de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig installer 9.jpg|thumb|none|400x400px|instalación ''gvSIG'': selección de paquetes]]

Confirmar la carpeta de instalación
[[Image:Gvsig installer 10.jpg|thumb|none|400x400px|instalación ''gvSIG'': la carpeta de instalación]]

Finalmente se copian los ficheros y se confirma la instalación.

[[Image:Gvsig installer 11.jpg|thumb|none|400x400px|instalación ''gvSIG'': ¡¡¡''gvSIG'' esta instalado!!!]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]
=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación de gvSIG

2009-04-08T08:49:14Z

Wiki-Equipo UNIGIS: /* Qué es gvSIG */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalación de ''gvSIG''=

==Qué es ''gvSIG''==
Desde el sitio oficial:

<blockquote>gvSIG es una herramienta orientada al manejo de información geográfica. Se caracteriza por una interfaz amigable, siendo capaz de acceder de forma ágil a los formatos más usuales, tanto ráster como vectoriales. Integra en una vista datos tanto locales como remotos a través de un origen WMS, WCS o WFS.</blockquote>

<blockquote>Está orientada a usuarios finales de información de naturaleza geográfica, sean profesionales o administraciones públicas (ayuntamientos, diputaciones, consejerías o ministerios) de cualquier parte del mundo (actualmente dispone de interfaz en castellano, valenciano, inglés, alemán, checo, chino, euskera, gallego, francés, italiano, polaco, portugués y rumano ), siendo, además, gratuita.</blockquote>

<blockquote>Dada su naturaleza de software libre (open source) pensamos que es de gran interés para la comunidad internacional de desarrolladores y, en concreto, para los ambientes universitarios por su componente I+D+I. De hecho se ha hecho un especial hincapié en la extensibilidad del proyecto de forma que los posibles desarrolladores puedan ampliar las funcionalidades de la aplicación fácilmente, así como desarrollar aplicaciones totalmente nuevas a partir de las librerías utilizadas en gvSIG (siempre y cuando cumplan la licencia GPL).</blockquote>

La página principal es http://www.gvsig.gva.es, y el portal de documentación del proyecto es https://www.gvsig.org

[[Image:Gvsig home page.jpg|thumb|none|400x400px|la home page de gvSIG]]

==Descarga de ''gvSIG''==
Desde la pÁgina principal vamos a buscar la pagina de descarga de '''gvSIG Desktop''':
* http://www.gvsig.gva.es/index.php?id=1729&L=0&K=1

Para no tener problemas, es importante descargar la '''versión estable''' con '''prerrequisitos de instalación''' (esta versión incluye la máquina virtual y otros componentes necesarios para el correcto funcionamiento de ''gvSIG''):

[[Image:Gvsig download link.jpg|thumb|none|400x400px|enlace de descarga de ''gvSIG'']]

Cabe destacar que al lado del fichero de instalación se pueden encontrar los manuales en inglés y castellano.

==Procedimiento de instalación de ''gvSIG''==
A la primera pregunta, si queremos instalar ''gvSIG'', contestamos '''Yes'''.

[[Image:Gvsig installer 1.jpg|thumb|none|400x400px|instalando ''gvSIG'']]

Contestar '''Yes''' también a la pregunta acerca de los componentes adicionales.

===Prerequisitos===
[[Image:Gvsig installer 2.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': solicitud de instalación]]

====Instalar ''Java''====
[[Image:Gvsig installer 3.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': instalando ''Java'']]

====Instalar ''JAI''====
[[Image:Gvsig installer 4.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'':''JAI'', las librerías gráficas]]

Confirmar los pedidos de la licencia (si os gusta) y la carpeta de instalación.

[[Image:Gvsig installer 5.jpg|thumb|none|400x400px|prerequisitos ''gvSIG'': ''JAI'' se ha instalado]]

===Por fin ''gvSIG''===
Seleccionar el idioma.

[[Image:Gvsig installer 6.jpg|thumb|none|400x400px|selección de idioma en ''gvSIG'']]

Un vistazo a la información del programa de instalación. Notar los requisitos mínimos de sistema.
[[Image:Gvsig installer 7.jpg|thumb|none|400x400px|instalación ''gvSIG'': informaciones de instalación]]

Leer atentamente la licencia. Cabe destacar que ''gvSIG'' se distribuye con la licencia [http://www.gnu.org/licenses/licenses.es.html GPL], la misma del núcleo de ''Linux'' y muchos otros programas libres. Leerla no cuesta mucho tiempo y se aprende algo interesante sobre cómo funciona el ''Software'' Libre.
[[Image:Gvsig installer 8.jpg|thumb|none|400x400px|instalación ''gvSIG'': la licencia de ''gvSIG'']]

La selección de paquetes permite limitar el espacio utilizado en el disco. Nosotros vamos a instalarlos todos.
[[Image:Gvsig installer 9.jpg|thumb|none|400x400px|instalación ''gvSIG'': selección de paquetes]]

Confirmar la carpeta de instalación
[[Image:Gvsig installer 10.jpg|thumb|none|400x400px|instalación ''gvSIG'': la carpeta de instalación]]

Finalmente se copian los ficheros y se confirma la instalación.

[[Image:Gvsig installer 11.jpg|thumb|none|400x400px|instalación ''gvSIG'': ¡¡¡''gvSIG'' esta instalado!!!]]

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]
=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación de MS4W

2009-04-08T08:25:08Z

Wiki-Equipo UNIGIS: /* Duración */

Nota:

EN: THIS IS STILL A DRAFT
ES: SIGUE SIENDO UN BORRADOR

=Instalación de MS4W=

Como servidor WMS hemos escogido '''UMN Mapserver''', un potente servidor de mapas desarrollado por la Universidad de Minnesota. Este proyecto es uno de los pilares del GFOSS desde hace años. Para ofrecer una experiencia más sencilla al publico neófito, hemos escogido el paquete para ''MS Windows'' de ''UMN Mapserver''. Este paquete se llama '''MS4W''' (''MapServer for Windows'').

== Qué es MS4W==

El fin de este paquete de ''software'' es ofrecer a los usuarios de [http://mapserver.gis.umn.edu/ MapServer] de todos los niveles un entorno de trabajo sobre ''Windows'' de fácil instalación, útil para dar clases y talleres, o preparar aplicaciones pero no para un entorno de ''producción'' real. Es también un entorno para paquetes de aplicaciones que funcionan sobre MapServer.
La pagina oficial de MS4W se encuentra en:
* http://www.maptools.org/ms4w/

[[Image:Home page ms4w.jpg|thumb|none|400px|página de inicio de MS4W]]

La comunidad de ''software'' libre para la geomática (OSGeo) está trabajando activamente en otro proyecto que incluya los paquetes más conocidos del ''software'' SIG (no sólo de componentes de servidor sino también utilidades y clientes de escritorio). Este proyecto, recién comenzado se llama '''OSGEO4W''' y su página principal es:
* http://trac.osgeo.org/osgeo4w/

==Descarga de MS4W ==
La página de descarga del paquete se encuentra directamente en el sitio ''web'' o en este enlace:
* http://www.maptools.org/ms4w/index.phtml?page=downloads.html

Se recomienda, para este curso, la descarga de los siguientes paquetes:
* '''setup.exe Installer''' - <tt>ms4w-2.2.9-setup.exe</tt> ''19 MB''
* '''MapServer Itasca Demo Application''' - <tt>mapserv_demo_ms4w.zip</tt> ''9 MB''

===''Setup.exe Installer''===
[[Image:Ms4w.exe link.jpg|thumb|none|400x400px|enlace al instalador de MS4W]]

===''MapServer Itasca Demo Application''===
Para completar la clase necesitaremos el juego de datos libres ''Itasca''.
[[Image:Itasca demo link.jpg|thumb|none|400x400px|enlace al juego de datos ''Itasca'']]

'''NOTA'''
la versión del ''software'' puede ser ligeramente diferente. En este caso el
nombre podría cambiar en su parte numérica. En general este cambio no debe dar
problemas con este curso.

==Procedimiento de instalación de MS4W==
Una vez que tenemos el fichero '''ms4w-2.2.9-setup.exe''' en nuestro ordenador podemos lanzar el proceso de instalación con un doble clic sobre su icono.

===Primera ventana: ''Installation Options''===
Aparece una pequeña ventana que nos ofrece una lista de paquetes para instalar. Los primeros tres ''checkbox'' son fundamentales para que la aplicación funcione correctamente a lo largo del curso.
* ''MS4W base files''
* ''Specify Apache Port''
* ''Install and start Apache Service''

Una vez seleccionados se puede clicar sobre el botón '''Next'''.

[[Image:Ms4w installer 1.jpg|thumb|none|400x400px|instalación de MS4W: primera ventana]]

===Segunda ventana: ''Installation Folder''===
La segunda ventana de configuración indica el camino a la carpeta de instalación. El instalador ofrece por defecto <tt>C:\Program Files</tt> (o <tt>C:\Archivos de programa</tt>) pero resulta más conveniente indicar <tt>C:\</tt> para la compatibilidad con otros paquetes MS4W más antiguos. Si ponemos <tt>C:\</tt> el instalador creará una carpeta <tt>C:\MS4W</tt> con todos los ficheros.
Una vez configurado se puede clicar sobre el botón '''Next'''.
[[Image:Ms4w installer 2.jpg|thumb|none|400x400px|instalación de MS4W: la carpeta]]

===Tercera ventana: ''Apache Port''===
El puerto del servidor ''web'' ''Apache'' ha de ser definida con criterio. Algunos técnicos están acostumbrados a utilizar un servidor ''web'' en su entorno de trabajo y añadir otro (como el incluido en MS4W) puede provocar problemas. Para estar más tranquilos vamos a escoger un puerto generalmente libre, el '''9000'''.
Una vez configurado, clicar sobre el botón '''Install'''.

[[Image:Ms4w installer 3.jpg|thumb|none|400x400px|instalación de MS4W: seleccionar el puerto 9000 para ''Apache'']]

===Cuarta ventana: ''Completed''===
El instalador si no se produjeron problemas durante el proceso acaba con este mensaje:

[[Image:Ms4w installer 4.jpg|thumb|none|400x400px|instalación de MS4W: terminada]]

==Procedimiento de instalación del juego de datos ''Itasca''==
Una vez bajado el fichero podemos proceder a su instalación.
Como MS4W no tiene un verdadero instalador sino que realmente copia los ficheros en una carpeta (para nosotros <tt>C:\MS4W</tt>), sus módulos necesitan sólo ser copiados en el lugar apropiado dentro su estructura.

Con un doble clic sobre el fichero comprimido de ''Itasca'' (<tt>mapserv_demo_ms4w.zip</tt>) se visualiza su contenido.

[[Image:Itasca 1.jpg|thumb|none|400x400px|carpeta expandida del fichero Itasca]]

Se selecciona la carpeta <tt>ms4w</tt>, se copia (ctrl+c) y se pega en la carpeta <tt>C:\</tt>. Debes
confirmar la sobre escritura para todos los ficheros (''Yes to all'' o ''Sí a todos'')

[[Image:Itasca 2.jpg|thumb|none|400x400px|copiando el juego de datos]]

Para estar seguro de que la instalación del paquete se ha producido con éxito se tiene que reiniciar el servidor ''web''. El en menú de inicio de ''Windows'', se busca la carpeta ''MS4W'', luego ''Apache'' y en fin el comando ''MS4W-Apache-restart''.

[[Image:Ms4w restart server.jpg|thumb|none|400x400px|reiniciando Apache]]

= Configuración del servidor WMS=

Para este curso, el proceso de configuración del servidor WMS consistirá en:

* comprobar el fichero ''map'' de configuración de ''MapServer''
* mostrar con el navegador ''web'' las llamadas fundamentales al servidor
** ''getCapabilities''
** ''getMap''
** ''getLegend''

==Comprobando la instalación de ''MS4W''==
Después de la instalación de ''MS4W'' podemos comprobar su efectividad mirando la dirección ''web'' que le hemos asignado.
Para eso abrimos un navegador ''web' (p.ej. ''Mozilla Firefox'', ''Iternet Explorer'', ''Opera'', etc.) y teclearemos esta dirección:
* http://localhost:9000

[[Image:Ms4w base url.jpg|thumb|none|300x300px|URL del servidor local]]

En definitiva esta es la página que deberíamos encontrar:

[[Image:Ms4w home page.jpg|thumb|none|400x400px|la página ''web'' de inicio de ''MS4W'' en nuestro ordenador]]

==Comprobando el servicio WMS==
Con la instalación de ''MS4W'' tenemos MapServer y sus capacidades de servidor WMS en nuestro ordenador.
El paquete ''Itasca'' nos ofrece los datos para evaluar si servidor WMS funciona correctamente.
Ahora es el momento de comprobar si el servidor WMS contesta como esperamos.

WMS es un estándar para la comunicación de Información Geográfica entre sistemas informáticos. Por eso tiene unas llamadas muy definidas y utiliza URLs (direcciones ''web'') para pasar todos los parámetros que se necesiten para obtener la respuesta deseada.

Las tres llamadas más usadas son:
* '''getCapabilities'''
* '''getMap'''
* '''GetLegendGraphic'''

===''getCapabilities''===
Esta llamada nos ofrece las descripción general de lo que ofrece el servidor.
La página que debes visitar es:
* http://localhost:9000/cgi-bin/mapserv.exe?service=WMS&request=getCapabilities&map=/ms4w/apps/mapserv-demo/itasca.map&version=1.0.0

[[Image:Ms4w itasca getCapabilities.jpg|thumb|none|400x400px|la respuesta del ''getCapabilities'']]

Hay muchas cosas a destacar:
* la dirección que hemos puesto esta compuesta por:
** la dirección de servidor ''UMN Mapserver'': <tt><nowiki>http://localhost:9000/cgi-bin/mapserv.exe?</nowiki></tt>
** el parámetro que indica qué queremos el servicio WMS: <tt>service=WMS</tt>
** el parámetro que define qué tipo de respuesta necesitamos: <tt>&request=getCapabilities</tt>
** el parámetro que especifica qué fichero de mapas queremos que el servidor utilice: <tt>&map=/ms4w/apps/mapserv-demo/itasca.map</tt>
** el parámetro que indica la versión del servicio: <tt>&version=1.0.0</tt>
* el servidor nos contesta con un fichero '''XML''' con la descripción de los juegos de datos ofrecidos por el servidor según el estándar OGC WMS.

===''getMap''===
Esta es la llamada más utilizada. Una vez se sabe qué capa queremos, es '''getMap''' quien devuelve una imagen con el mapa deseado. Así, por ejemplo, en nuestro servidor local podemos solicitar un mapa de los datos ''Itasca'' con la siguiente ''url'':
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map&&REQUEST=GetMap&SERVICE=WMS&VERSION=1.1.1&LAYERS=drgs&SRS=EPSG:4326&BBOX=-94.4981,46.9722,-92.988,47.9455&WIDTH=551&HEIGHT=356&FORMAT=image/png&STYLES=default&TRANSPARENT=TRUE
[[Image:Ms4w wms getMap.jpg|thumb|none|400x400px|imagen devuelta por la petición ''getMap'']]

===''GetLegendGraphic''===
Muchos clientes de mapas manejan también las leyendas proporcionadas por el servidor de mapas. Por eso un servidor de mapas bien configurado devuelve también la leyenda de una capa respondiendo a la llamada '''GetLegendGraphic'''.
* http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map&REQUEST=GetLegendGraphic&SERVICE=WMS&VERSION=1.1.1&LAYER=drgs&FORMAT=image/png
[[Image:Ms4w wms getLegendGraphics.jpg|thumb|none|400x400px|la respuesta del ''GetLegendGraphic'']]

==Comprobar el fichero ''map'' (''mapfile'')==
Los '''mapfiles''' son los ficheros que describen la configuración del servidor de mapas para ''UMN Mapserver''.
La instalación por defecto del paquete '''Itasca Demo''' pone un ''mapfile'' casi completo, sólo le faltan un par de cambios para funcionar perfectamente.

Para editar el fichero sólo se necesita un editor de texto, por ejemplo:
* http://notepad-plus.sourceforge.net/es/site.htm
'''Notepad++''' es un completo editor de texto, que además es ''Software'' Libre y nos ofrece todo lo que necesitamos en nuestras clases.

'''NOTA:''' es importante que el editor de texto no sea ''Word'' u otros editores que utilizan texto enriquecido. Cualquier editor de texto sencillo como ''Notepad++'' será suficiente.

====Abrir el ''mapfile''====
Con el editor abre el fichero ''map'' que se encuentra en <tt>C:\ms4w\apps\mapserv-demo\itasca.map</tt>

====Objeto <tt>PROJECTION</tt>====
En la línea 13 cambiar:
#
# Projection definition, consult the PROJ.4 documentation for parameter discussion
#
# PROJECTION
# "proj=utm"
# "ellps=GRS80"
# "zone=15"
# "north"
# "no_defs"
#
# OR:
#
# "init=epsg:26915"
# END

por:
#
# Projection definition, consult the PROJ.4 documentation for parameter discussion
#
PROJECTION
# "proj=utm"
# "ellps=GRS80"
# "zone=15"
# "north"
# "no_defs"
#
# OR:

"init=epsg:26915"
END

'''NOTA:''' en el ''mapfile'' el carácter almohadilla (<tt>#</tt>) al principio de línea inicia un comentario. ''Mapserver'' nunca lee ni interpreta el texto que sigue a <tt>#</tt>.

====<tt>WMS_ONLINERESOURCE</tt>====
En la línea 76:
# change this value to match your setup
WMS_ONLINERESOURCE "<nowiki>http://127.0.0.1/mapserv-demo/index.html</nowiki>"

cambiar la ''url'' por:
# change this value to match your setup
WMS_ONLINERESOURCE "<nowiki>http://localhost:9000/cgi-bin/mapserv.exe?map=/ms4w/apps/mapserv-demo/itasca.map</nowiki>"

=Autores=
* [[User:ominiverdi| Lorenzo Becchi]]
* [[User:jsanz| Jorge Gaspar Sanz Salinas]]
=Licencia=
*la licencia por este articulo es: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/deed.es).
* esta licencia permite:
** copiar, distribuir y comunicar públicamente la obra
** hacer obras derivadas
*bajo estas condiciones:
** '''Reconocimiento'''. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
** Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
** Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
** Nada en esta licencia menoscaba o restringe los derechos morales del autor.

=Duración=
Por esta clase se evalúa una duración de X horas

[[Category:Education]]
[[Category:Cursos]]

Instalación de MS4W

2009-04-08T08:24:26Z

Wiki-Equipo UNIGIS: /* WMS_ONLINERESOURCE */