Cartografia

UNIVERSIDAD TECNOLÓGICA METROPOLITANA
DEPARTAMENTO DE CARTOGRAFÍA








TEXTO DE ESTUDIO



DIPLOMA EN SISTEMAS GEOMÁTICOS
Y
UTILIZACIÓN DE TECNOLOGÍAS OPENSOURCE




Apuntes 3er Módulo:



“Cartografía sobre Internet”
















Autor: René F. Viáncos S.






ÍNDICE



ÍNDICE 2

INTRODUCCIÓN 7

1ª UNIDAD: Los Sistemas deInformación Geográfica y su Relación con Internet. 8

Tecnologías Web Map Service (WMS) y Web Features Service (WFS) 9

Componentes de la arquitectura WMS/WFS 10

Internet: un medio atractivo para los SIG 11

El formato de una consulta espacial sobre la Web. 11

Lenguajes de Desarrollo Web 13

Puntos importantes de los lenguajes de desarrollo Web 13
Objetos 13
Propiedades 14Métodos o Funciones 14

Que pueden hacer en conjunto HTML, JavaScript, PHP, MapServer, MapScript y PostGIS. 15

Hyper Text Markup Language, HTML 17
Introducción a HTML 17
Estructura de un Documento HTML 18
Etiquetas HTML empleadas para el diseño y formateo de documentos. 19
Ejemplo 1. 19
Dando forma al texto 20
Comentarios no visibles en la pantalla 24Ejemplo 1 25
Ejemplo 2: En el procesador de textos copiamos: 25
Enlaces con otras páginas 26
Estructura de los enlaces 26
Tipos de enlaces 26
a) Enlaces dentro de la misma página 27
b) Enlaces con otra página nuestra 27
c) Enlaces con una página externa a nuestro sistema 28
d) Enlaces a una dirección de email 29
Ejemplo 3: En el procesador de textos copiamos: 29Imágenes 30
Ejemplo 4. 34
Caracteres especiales 35
Ejemplo 5. 36
Fondos 37
a) Fondos con un color uniforme 37
Colores del texto y de los enlaces 38
Ejemplo. 38
b) Fondos con una imagen 39
Ejemplo 6. 39

Tablas 39
Titular de la tabla 41
Variando el espesor de los bordes 41
Celdas de cabecera 42
Contenido de las celdas 42Posicionamiento del contenido dentro de la celda 43
Variando las dimensiones de la tabla 43
Celdas que abarcan a otras varias 44
Color de fondo en las tablas 45
Imágenes de fondo en las tablas 46
Separación entre las celdas de una tabla 46
Separación entre el borde y el contenido dentro de las celdas 46
Ejemplo 7. 47
Formularios 47
Estructura de un formulario 48JavaScript 64
Introducción a JavaScript 64
Algo de historia 64
Llega JavaScript: 65
Diferencias entre Java y JavaScript 67
Antes de empezar 67
Usos de JavaScript 67
Que se necesita 68
Versiones de navegadores y de JavaScript 68
Efectos rápidos. 69
Fecha de última modificación 69
Botón de volver 70

El lenguaje JavaScript 71
JavaScript se escribe en eldocumento HTML 71

Maneras de ejecutar scripts 71
Ejecución directa 71
Respuesta a un evento 72

Más sobre colocar scripts 72
Lenguaje que estamos utilizando 72
Archivos externos de JavaScript 73

Sintaxis JavaScript 73
Comentarios 73
Mayúsculas y minúsculas 74
Separación de instrucciones 74

Variables JavaScript 74
Declaración de variables 75Ambito de las variables 76
Variables globales 76
Variables locales 77
Diferencias entre utilizar var o no 77
Qué podemos guardar en variables 78
Números 78
Cadenas 79
Boleanos 79

Tipos de datos en JavaScript 80
Tipo de datos numérico 80
Tipo de datos cadena de caracteres 81
Caracteres de escape en cadenas de texto. 81
Tabla con todos los caracteres deescape 82

Operadores JavaScript I 82
Ejemplos de uso de operadores 82
Operadores aritméticos 83
Ejemplos 83
Operadores de asignación 83
Ejemplos 85

Operadores JavaScript II 85
Operadores de cadenas 85
Ejemplo 85
Operadores lógicos 86
Ejemplo 87
Operadores condicionales 87

Operadores JavaScript III 88
Operadores a nivel de bit 88...