61
Anexo 1: Matriz de Congruencia PROBLEMAS GENERAL De qué manera beneficiará el Diseño de un DVD interactivo de información histórica de la Región Oriental de El Salvador a las Casas de la Cultura en la gestión de promover la cultura? PROBLEMAS ESPECIFICOS * La información Histórica de la Región Oriental de El Salvador, en las Casas de la Cultura se encuentra fragmentada o dispersa en diferentes bibliografías; lo cual dificulta la búsqueda eficiente y rápida de un dato específico por parte de los usuarios. * Las Coordinaciones Departamentales de las Casas de la Cultura no poseen información Histórica de la Región Oriental de El Salvador de una forma digitalizada, lo cual limita la gestión de promover la cultura. OBJETIVOS GENERAL * Diseñar un DVD interactivo sobre información histórica de la Región Oriental de El Salvador, para las Coordinaciones Departamentales de las Casas de la Cultura, como apoyo en la gestión de promover la cultura. OBJETIVOS ESPECIFICOS * Recopilar y Clasificar toda la información histórica necesaria de la Región Oriental de El Salvador, para el diseño del DVD interactivo. * Determinar los requerimientos de software para la edición de vídeo, imágenes, audio y diseño de interfaz gráfica que contendrá el DVD. * Elaborar un Manual de soporte técnico del DVD, que servirá de apoyo para las Coordinaciones Departamentales de las Casas de la Cultura. HIPOTESIS GENERAL HI: El diseño de un DVD interactivo sobre información histórica de la Región Oriental de El Salvador, para las Coordinaciones Departamentales de las Casas de la Cultura, será de apoyo para la Gestión de promover la Cultura. HIPOTESIS ESPECIFICAS H1: La recopilación y clasificación de la información histórica de la Región Oriental de El Salvador, será necesaria para el diseño del DVD interactivo. H2: La Determinación de los requerimientos de software servirá para la edición de vídeo, imágenes, audio y diseño de interfaz gráfica que contendrá el DVD. H3: La elaboración de un Manual de soporte técnico del DVD apoyará a las Coordinaciones Departamentales de las Casas de la Cultura. MARCO TEORICO 1-Información histórica de la Región Oriental de El Salvador, sus departamentos y municipios. 2-Identificación geográfica de los municipios de la Región Oriental de El Salvador, por medio de los mapas del Centro Nacional de Registro, CNR. 3-Reseña histórica de la fundación de los municipios de la Región Oriental. 4-Personajes históricos y relevantes de la Región Oriental. 5-Lugares históricos que sobresalen en la Región Oriental. 6-Costumbres y Tradiciones de la Región Oriental. 7-Historias y leyendas de la Región Oriental. 1
Anexo 2: Análisis Relacional de Variables X1: Recopilación y clasificación de Información Histórica. X2: Determinación de requerimientos de software para el diseño del DVD. X3: Elaboración de Manual de Soporte técnico del DVD. Y1: Diseño de DVD Interactivo. Y2: Diseño de Interfaz gráfica del DVD. Y3: Uso de manual como apoyo a las Coordinaciones Departamentales. X1: a) Monografías b) Prontuarios c) Fotografías d) Vídeos e) Entrevistas f) Revistas g) Clasificación de Información Histórica Y1: a) Hardware b) Software c) Edición de Fotografías, vídeo y Audio. X2: a) Selección del Software para Diseño y Edición del DVD b) Hardware necesario para la visualización y reproducción del DVD. Y2: a) Elaboración de la interfaz del DVD b) Prueba de la interfaz del DVD para la aceptación del usuario. c) Centralizar la información histórica en el DVD. X3: a) Comprobar la funcionalidad del DVD. b) Uso efectivo del DVD. c) Manejo de solución de errores del DVD. Y3: a) Mejor comprensión del contenido del DVD. b) Respaldo técnico del DVD. c) Aceptación de la aplicación. 2
Anexo 3: Modelo de Cuestionario Universidad de Oriente UNIVO Estimados(as) Dirigentes de las Casas de la Cultura, el siguiente cuestionario contribuirá al desarrollo de la investigación que se está llevando a cabo como tema de tesis para el Diseño de un DVD Interactivo de Información Histórica de la Región Oriental de El Salvador. Objetivo: Recopilar Información para el Diseño y Elaboración de un DVD Interactivo de Información Histórica de la Región Oriental de El Salvador. 1. Cuál de las siguientes herramientas es la que más utiliza en su institución para promover la cultura? Libros Vídeos Revistas Fotografías Discos Interactivos Otro, Cual? 2. Considera que dicha herramienta es suficiente en la gestión de promover la cultura? Sí Por qué?: No 3. Cuáles de los siguientes medios tecnológicos posee la institución para promover la historia de los departamentos y municipios de la Región Oriental de El Salvador? Computadora Televisor VHS Radiograbadora Reproductor de DVD Otro, Cuál? 4. Considera usted que al utilizar una herramienta de software que sea capaz de reproducir y mostrar vídeo, imágenes y texto contribuirá al desarrollo de promover la Cultura en la institución que dirige? Sí Por qué?: No 3
5. Cada cuanto tiempo actualiza o agrega nueva información a la historia del municipio que dirige? 1-3 años 3-5 años 5 ó más 6. Tiene algún mecanismo o método para evitar el deterioro de los materiales que posee para el fomento de la historia? Sí, Cuáles?: No, Por qué?: 7. Tiene la institución que usted dirige reunida la información histórica del municipio al que pertenece? Sí Por qué?: No 8. Dispone de vídeo, sonido, imagen, texto, para dar a conocer la historia? Sí Por qué?: No 9. Considera que el diseño de un DVD con Información Histórica de la Región Oriental de El Salvador Beneficiará a la Institución a la que pertenece de la siguiente manera? Centralizando la Información Histórica en un solo lugar Factibilidad de respaldo de la información histórica Contribuir a la gestión de promover la cultura Otro, Cual? 4
Anexo 4: Cronograma de Actividades Meses Febrero Marzo Abril Mayo Junio Julio Agosto Sept. Meses Siguientes de 2006-07 Actividades 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 O N D E F Solicitud Aprobación Asesor Especifico Solicitud de Aprobación del tema Elaboración CAPITULO I Revisión Capitulo I Elaboración CAPITULO II Revisión Capitulo II Elaboración CAPITULO III 5
Revisión Capitulo III ENTREGA DE PERFIL Revisión de Perfil por Jurado Modificaciones del Perfil Aprobación del Perfil Elaboración de Primer Avance Aprobación del primer avance Entrega del Trabajo de Graduación 6
Anexo 5: Diseño y codificación de Pantallas del DVD Para la creación del DVD se creó una plantilla para ser utilizada en cada municipio de la Región Oriental. Esta se modificó por cada departamento y los botones utilizados se guardaron en carpetas por municipio. Las imágenes mostradas son los archivos left.htm que se crearon para poder hacer el menú de cada departamento en la parte izquierda de la página. Imagen 1 Imagen 2 Imagen 3 7
Imagen4 Imagen 5 Imagen 6 Código HTML de la Imagen 1: Estos codigos son generados por Macromedia Dreamweaver. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- TemplateBeginEditable name="doctitle" --> <title>documento sin título</title> <!-- TemplateEndEditable --> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <script language="javascript" type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new Array(); 8
var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; i<a.length; i++) if (a[i].indexof("#")!=0){ d.mm_p[j]=new Image; d.mm_p[j++].src=a[i];}} } //--> </script> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> <!-- TemplateParam name="ant" type="boolean" value="true" --> </head> <body bgcolor="#ffff99" background="../fondos/menumun.jpg" onload="mm_preloadimages('../botones/b2.png')"> <!-- TemplateBeginEditable name="b2" --> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=6,0,29,0" width="170" height="30"> <param name="bgcolor" value="#ffcc66"> <param name="base" value="."> <param name="movie" value="bhistoria.swf"> <param name=quality value=high> <embed src="bhistoria.swf" width="170" height="30" quality=high pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" base="." bgcolor="#ffcc66"></embed> </object> </p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="base" value="."> <param name="bgcolor" value="#ffcc66"> <param name="movie" value="bcostumbrest.swf"> <param name="quality" value="high"> <embed src="bcostumbrest.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" base="." bgcolor="#ffcc66" ></embed> </object> 9
</p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="base" value="."> <param name="bgcolor" value="#ffcc66"> <param name="movie" value="bpersonajessitios.swf"> <param name="quality" value="high"> <embed src="bpersonajessitios.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#ffcc66" base="." ></embed> </object> </p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="base" value="."> <param name="movie" value="bmultimedia.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#ffcc66"> <embed src="bmultimedia.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#ffcc66" base="." ></embed> </object> </p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="base" value="."> <param name="movie" value="bbibliografia.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#ffcc66"> <embed src="bbibliografia.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind 10
ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#ffcc66" base="." ></embed> </object> </p> <!-- TemplateEndEditable --> </body> </html> Código HTML Imagen 2, 3, 4. 5 y 6: Para estos archivos, únicamente se cambian los submenús creados y lo demás queda similar. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- TemplateBeginEditable name="doctitle" --> <title>documento sin título</title> <!-- TemplateEndEditable --> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <script language="javascript" type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new Array(); var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; i<a.length; i++) if (a[i].indexof("#")!=0){ d.mm_p[j]=new Image; d.mm_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexof("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=mm_findobj(n,d.layers[i].document); if(!x && d.getelementbyid) x=d.getelementbyid(n); return x; } function MM_nbGroup(event, grpname) { //v6.0 var i,img,nbarr,args=mm_nbgroup.arguments; 11
if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2]))!= null &&!img.mm_init) { img.mm_init = true; img.mm_up = args[3]; img.mm_dn = img.src; if ((nbarr = document[grpname]) == null) nbarr = document[grpname] = new Array(); nbarr[nbarr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i]))!= null) { if (!img.mm_up) img.mm_up = img.src; img.src = img.mm_dn = args[i+1]; nbarr[nbarr.length] = img; } } } else if (event == "over") { document.mm_nbover = nbarr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i]))!= null) { if (!img.mm_up) img.mm_up = img.src; img.src = (img.mm_dn && args[i+2])? args[i+2] : ((args[i+1])? args[i+1] : img.mm_up); nbarr[nbarr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.mm_nbover.length; i++) { img = document.mm_nbover[i]; img.src = (img.mm_dn)? img.mm_dn : img.mm_up; } } else if (event == "down") { nbarr = document[grpname]; if (nbarr) for (i=0; i < nbarr.length; i++) { img=nbarr[i]; img.src = img.mm_up; img.mm_dn = 0; } document[grpname] = nbarr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i]))!= null) { if (!img.mm_up) img.mm_up = img.src; img.src = img.mm_dn = (args[i+1])? args[i+1] : img.mm_up; nbarr[nbarr.length] = img; } } } //--> </script> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> <!-- TemplateParam name="ant" 12
type="boolean" value="true" --> </head> <body bgcolor="#ffff99" background="../fondos/menumun.jpg" onload="mm_preloadimages('../botones/b2.png','../botones/ug2. gif','../botones/dpa2.gif','../botones/po2.gif','../botones/c l2.gif','../botones/ve2.gif','../botones/di2.gif','../botones /vc2.gif','../botones/ea2.gif','../botones/ba2.gif','../boton es/to2.gif','../botones/ug3.gif','../botones/dpa3.gif','../bo tones/po3.gif','../botones/cl3.gif','../botones/ve3.gif','../ botones/di3.gif','../botones/vc3.gif','../botones/ea3.gif','../botones/ba3.gif','../botones/to3.gif')"> <!-- TemplateBeginEditable name="ehistoria" --> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="bgcolor" value="#ffcc66"> <param name="movie" value="bhistoria.swf"> <param name="quality" value="high"> <embed src="bhistoria.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#ffcc66" ></embed> </object> </p> <table border="1" cellpadding="0" cellspacing="5" bgcolor="#3399cc"> <tr> <td><a href="municipio.htm#ubicacion" target="mainframe" onclick="mm_nbgroup('down','group1','ug1','../botones/ug3.gif ',1)" onmouseover="mm_nbgroup('over','ug1','../botones/ug2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/ug1.gif" alt="ubicación Geográfica" name="ug1" width="100" height="30" vspace="5" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#division" target="mainframe" onclick="mm_nbgroup('down','group1','dpa1','../botones/dpa3.g if',1)" onmouseover="mm_nbgroup('over','dpa1','../botones/dpa2.gif',' 13
',1)" onmouseout="mm_nbgroup('out')"><img src="../botones/dpa1.gif" alt="división Político- Administrativa" name="dpa1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#poblacion" target="mainframe" onclick="mm_nbgroup('down','group1','po1','../botones/po3.gif ',1)" onmouseover="mm_nbgroup('over','po1','../botones/po2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/po1.gif" alt="población" name="po1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#clima" target="mainframe" onclick="mm_nbgroup('down','group1','cl1','../botones/cl3.gif ',1)" onmouseover="mm_nbgroup('over','cl1','../botones/cl2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/cl1.gif" alt="clima" name="cl1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#vegetacion" target="mainframe" onclick="mm_nbgroup('down','group1','ve1','../botones/ve3.gif ',1)" onmouseover="mm_nbgroup('over','ve1','../botones/ve2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/ve1.gif" alt="vegetación" name="ve1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#dimensiones" target="mainframe" onclick="mm_nbgroup('down','group1','di1','../botones/di3.gif ',1)" onmouseover="mm_nbgroup('over','di1','../botones/di2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/di1.gif" alt="dimensiones" name="di1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#vias" target="mainframe" onclick="mm_nbgroup('down','group1','vc1','../botones/vc3.gif 14
',1)" onmouseover="mm_nbgroup('over','vc1','../botones/vc2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/vc1.gif" alt="vías de comunicación" name="vc1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#evolucion" target="mainframe" onclick="mm_nbgroup('down','group1','ea1','../botones/ea3.gif ',1)" onmouseover="mm_nbgroup('over','ea1','../botones/ea2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/ea1.gif" alt="evolución Administrativa" name="ea1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#barrios" target="mainframe" onclick="mm_nbgroup('down','group1','ba1','../botones/ba3.gif ',1)" onmouseover="mm_nbgroup('over','ba1','../botones/ba2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/ba1.gif" alt="barrios del Área Urbana" name="ba1" width="100" height="30" border="0" onload=""></a></td> </tr> <tr> <td><a href="municipio.htm#toponimia" target="mainframe" onclick="mm_nbgroup('down','group1','to1','../botones/to3.gif ',1)" onmouseover="mm_nbgroup('over','to1','../botones/to2.gif','', 1)" onmouseout="mm_nbgroup('out')"><img src="../botones/to1.gif" alt="toponimia" name="to1" width="100" height="30" border="0" onload=""></a></td> </tr> </table> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="base" value="."> <param name="bgcolor" value="#ffcc66"> <param name="movie" value="bcostumbrest.swf"> 15
<param name="quality" value="high"> <embed src="bcostumbrest.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" base="." bgcolor="#ffcc66" ></embed> </object> </p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="bgcolor" value="#ffcc66"> <param name="movie" value="bpersonajessitios.swf"> <param name="quality" value="high"> <embed src="bpersonajessitios.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#ffcc66" ></embed> </object> </p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="movie" value="bmultimedia.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#ffcc66"> <embed src="bmultimedia.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#ffcc66" ></embed> </object> </p> <p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="170" height="30"> <param name="movie" value="bbibliografia.swf"> <param name="quality" value="high"> 16
<param name="bgcolor" value="#ffcc66"> <embed src="bbibliografia.swf" width="170" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#ffcc66" ></embed> </object> </p> <!-- TemplateEndEditable --> </body> </html> 17
Luego se crearon 2 tipos de top o marcos superiores: uno principal que es el utilizado el menú principal y el otro que es el utilizado en todo los municipios de la Región Oriental, estos son modificados en color y diseño de fondo así como el nombre del departamento. Imagen 7 Imagen 8 Codigo de los marcos superiores o Top: En este código sólo se cambian los colores y las letras correspondientes a cada tipo de marco superior. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>documento sin título</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#4e87b6" background="../fondos/salvador1.gif" text="#000000" link="#44b337" vlink="#999999" alink="#da0903"> <div align="center"><font color="#000000" size="+3" face="times New Roman, Times, serif"><em><strong><img src="imagenes/bandera.gif" width="186" height="119" align="left"><img src="salzona1.gif" width="564" 18
height="36"></strong></em></font> </div> <hr align="center"> <p align="left"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="108" height="46"> <param name="base" value="."> <param name="movie" value="salvador.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#4e87b6"> <embed src="salvador.swf" width="108" height="46" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#4e87b6" base="."></embed> </object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="108" height="46" align="baseline"> <param name="base" value="."> <param name="bgcolor" value="#4e87b6"> <param name="movie" value="region.swf"> <param name="quality" value="high"> <embed src="region.swf" width="108" height="46" align="baseline" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#4e87b6" base="." ></embed> </object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="108" height="46"> <param name="base" value="."> <param name="bgcolor" value="#4e87b6"> <param name="movie" value="buscar.swf"> <param name="quality" value="high"> <embed src="buscar.swf" width="108" height="46" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/x- 19
shockwave-flash" bgcolor="#4e87b6" base="." ></embed> </object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="108" height="46"> <param name="base" value="."> <param name="bgcolor" value="#4e87b6"> <param name="movie" value="glosario.swf"> <param name="quality" value="high"> <embed src="glosario.swf" width="108" height="46" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#4e87b6" base="." ></embed> </object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="108" height="46"> <param name="base" value="."> <param name="bgcolor" value="#4e87b6"> <param name="movie" value="manual.swf"> <param name="quality" value="high"> <embed src="manual.swf" width="108" height="46" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#4e87b6" base="." ></embed> </object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=5,0,0,0" width="108" height="46"> <param name="base" value="."> <param name="movie" value="creditos.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#4e87b6"> <embed src="creditos.swf" width="108" height="46" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#4e87b6" base="." ></embed> </object> <em><strong><font color="#000000" size="+3" face="times New 20
Roman, Times, serif"> </font></strong></em><font color="#000000" size="+3" face="times New Roman, Times, serif"><em><strong> </strong></em></font></p> </body> </html> 21
Luego el Marco Principal o frame de cada página solamente se le insertaba la plantilla de cada municipio elaborada en Microsoft Word y guardada como pagina Web. Pantalla Inicial del DVD: esta es una pantalla de introducción en la cual se reproduce una película de fotos de toda la Región Oriental y una canción titulada Yo si quiero a mi país. Trae un botón para entrar a la información de la Región Oriental y un instalador de Flash Player 9.0. Código de la pantalla anterior: este código es generado por Macromedia Dreamweaver. 22
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/tr/rec-html40"> <head> <meta http-equiv=content-type content="text/html; charset=iso-8859-1"> <meta name=progid content=word.document> <meta name=generator content="microsoft Word 11"> <meta name=originator content="microsoft Word 11"> <link rel=file-list href="index_archivos/filelist.xml"> <link rel=edit-time-data href="index_archivos/editdata.mso"> <!--[if!mso]> <style> v\:* {behavior:url(#default#vml);} o\:* {behavior:url(#default#vml);} w\:* {behavior:url(#default#vml);}.shape {behavior:url(#default#vml);} </style> <![endif]--> <title>el Salvador "Zona Oriental"</title> <!--[if gte mso 9]><xml> <o:documentproperties> <o:author>héctor Ariel Hernández Sevilla</o:Author> <o:template>normal</o:template> <o:lastauthor>héctor Ariel Hernández Sevilla</o:LastAuthor> <o:revision>3</o:revision> <o:totaltime>2</o:totaltime> <o:created>2007-02-08t22:01:00z</o:created> <o:lastsaved>2007-02-08t22:03:00z</o:lastsaved> <o:pages>1</o:pages> <o:words>42</o:words> <o:characters>235</o:characters> <o:company>el Divisadero, Morazán</o:Company> <o:lines>1</o:lines> <o:paragraphs>1</o:paragraphs> <o:characterswithspaces>276</o:characterswithspaces> <o:version>11.5606</o:version> </o:documentproperties> </xml><![endif]--> <!--[if gte mso 9]><xml> <w:worddocument> <w:zoom>75</w:zoom> <w:spellingstate>clean</w:spellingstate> 23
<w:grammarstate>clean</w:grammarstate> <w:formsdesign/> <w:hyphenationzone>21</w:hyphenationzone> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:saveifxmlinvalid> <w:ignoremixedcontent>false</w:ignoremixedcontent> <w:alwaysshowplaceholdertext>false</w:alwaysshowplaceholderte xt> <w:browserlevel>microsoftinternetexplorer4</w:browserlevel> </w:worddocument> </xml><![endif]--> <!--[if gte mso 9]><xml> <w:latentstyles DefLockedState="false" LatentStyleCount="156"> </w:latentstyles> </xml><![endif]--> <style> <!-- /* Style Definitions */ p.msonormal, li.msonormal, div.msonormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"times New Roman"; mso-fareast-font-family:"times New Roman";} p {font-size:12.0pt; font-family:"times New Roman"; mso-fareast-font-family:"times New Roman";} @page Section1 {size:595.3pt 841.9pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.section1 {page:section1;} --> </style> <!--[if gte mso 10]> <style> /* Style Definitions */ 24
table.msonormaltable {mso-style-name:"tabla normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--> <!--[if gte mso 9]><xml> <o:shapedefaults v:ext="edit" spidmax="1027"/> </xml><![endif]--> <!--[if gte mso 9]><xml> <o:shapelayout v:ext="edit"> <o:idmap v:ext="edit" data="1"/> </o:shapelayout></xml><![endif]--> <script language="javascript" type="text/javascript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appname=="netscape")&&(parseint(appversion)==4)) { document.mm_pgw=innerwidth; document.mm_pgh=innerheight; onresize=mm_reloadpage; }} else if (innerwidth!=document.mm_pgw innerheight!=document.mm_pgh) location.reload(); } MM_reloadPage(true); //--> </script> </head> <body bgcolor=white background="fondos/salvador.gif" lang=es link=blue vlink=blue style='tab-interval:35.4pt'> <div class=section1> 25
<div align="center"> <p><img src="el%20salvador/salzona.gif" width="396" height="91"> </p> <span style='font-family:"courier New"'><a href="el%20salvador/principal.htm">presione AQUÍ PARA INGRESAR</a></span><o:p></o:p> <marquee behavior="alternate" scrolldelay="100" scrollamount="10"> </marquee> <span style='font-family:arial'> <marquee behavior="alternate" scrolldelay="100" scrollamount="10"> </marquee> </span></div> <p align=center style='text-align:center'> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=6,0,29,0" width="660" height="437"> <param name="movie" value="el%20salvador/inicial.swf"> <param name=quality value=high> <param name="bgcolor" value="#acc8d0"> <embed src="el%20salvador/inicial.swf" width="660" height="437" quality=high pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" bgcolor="#acc8d0"></embed> </object> </p> <div align="center"><a href="flash.exe"><img src="flash.gif" width="249" height="60" border="0" align="top"></a> </div> <p align=center style='text-align:center'>si no puede visualizar la imagen de arriba debe instalar el Flash Player presionando el botón de arriba y seguir las indicaciones mostradas en su pantalla.</p> </div> </body> </html> 26
Pantalla Principal: esta pantalla muestra una pequeña parte de la Historia de El Salvador, nos muestra la ubicación, el clima, los Próceres, el árbol nacional, flor nacional, ave nacional, Himno de El Salvador y su escudo, también muestra una película de la moneda antigua de El Salvador y otra de su moneda actual, etc. Código de la pantalla anterior: este código es generado por Macromedia Dreamweaver. Código del Marco Superior o Top es similar al mencionado en la la sección de marcos superiores. 27
Código del Marco Izquierdo o Left de la pantalla. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>documento sin título</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body background="../fondos/salvador.gif" text="#000000" link="blue" vlink="purple" alink="#3333ff"> <p><strong><a href="elsalvador.htm#historia" target="mainframe"><font size="4">historia DE EL SALVADOR</font></a></strong> </p> <p><font size="4"><a href="elsalvador.htm#ubicacion" target="mainframe"><strong>ubicación</strong></a></fon t></p> <p><font size="4"><strong><a href="elsalvador.htm#clima" target="mainframe">clima</a></strong></font></p> <p><font size="4"><strong><a href="elsalvador.htm#topografia" target="mainframe">topografía</a></strong></font></p> <p><font size="4"><strong><a href="elsalvador.htm#division" target="mainframe">división Político-Administrativa</a></strong></font></p> <p><font size="4"><a href="elsalvador.htm#acta" target="mainframe"><strong>acta de Independencia</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#proceres" target="mainframe"><strong>próceres Salvadoreños</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#escudo" target="mainframe"><strong>escudo Nacional</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#bandera" target="mainframe"><strong>bandera Nacional</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#himno" target="mainframe"><strong>himno Nacional</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#oracion" target="mainframe"><strong>oración a la Bandera</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#arbol" target="mainframe"><strong>árbol 28
Nacional</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#ave" target="mainframe"><strong>ave Nacional</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#flor" target="mainframe"><strong>flor Nacional</strong></a></font></p> <p><font size="4"><a href="elsalvador.htm#leyendas" target="mainframe"><strong>leyendas Nacionales </strong></a></font></p> <p><font size="4"><a href="monedaantigua.htm" target="mainframe"><strong>monedas Antiguas</strong></a></font></p> <p><strong><font size="4"><a href="monedaactual.htm" target="mainframe"><strong>moneda Actual </strong></a></font></strong></p> <p><font size="4"><strong><a href="elsalvador.htm#bibliografia" target="mainframe">bibliografía</a></strong></font></p > <p> </p> </body> </html> Código del Marco principal o Frame de la pantalla: Es similar al código que se presentará en cada municipio. 29
Pantalla de la moneda anterior de El Salvador Código de la pantalla anterior <body background="../fondos/salvador.gif"> <h1 align="center">monedas ANTIGUAS DE EL SALVADOR</h1> <h2 align="center">pesos y Colones</h2> <p align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=6,0,29,0" width="600" height="498"> <param name="movie" value="pesos.swf"> <param name=quality value=high> <embed src="pesos.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" width="600" height="498"></embed> </object> </p> </body> </html> 30
Pantalla de la moneda actual de El Salvador Código de la pantalla anterior <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>documento sin título</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body background="../fondos/salvador.gif"> <h1 align="center">moneda ACTUAL DE EL SALVADOR</h1> <h2 align="center">dólares Americanos</h2> <p align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 31
codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=6,0,29,0" width="600" height="498"> <param name="movie" value="dollar.swf"> <param name=quality value=high> <embed src="dollar.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" width="600" height="498"></embed> </object> </p> </body> </html> 32
Pantalla de Inicio de la Región Oriental: esta pantalla muestra un menú giratorio de cada uno de los cuatro departamentos de la Región Oriental, por medio del cual se puede ingresar al departamento deseado, también lleva un menú al lado izquierdo por el cual se puede ingresar también. Código del marco principal o frame de esta pantalla <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>documento sin título</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body background="../fondos/salvador.gif"> <p> 33
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/f lash/swflash.cab#version=6,0,29,0" width="802" height="472"> <param name="movie" value="seleccionar.swf"> <param name=quality value=high> <embed src="seleccionar.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/ind ex.cgi?p1_prod_version=shockwaveflash" type="application/xshockwave-flash" width="802" height="472"></embed> </object> </p> <p> </p> </body> </html> 34
Pantalla de selección de municipios por departamento: por medio de esta pantalla se puede ingresar a cada municipio de un departamento y también a la historia general del mismo. Código del Marco izquierdo o Left <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>documento sin título</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body background="../../fondos/fusulutan.jpg"> <ol> <li><strong><a href="../../usulutan/alegria/frame.htm" target="_parent">alegría</a></strong></li> 35
36 <li><strong><a href="../../usulutan/berlin/frame.htm" target="_parent">berlín</a></strong></li> <li><strong><a href="../../usulutan/california/frame.htm" target="_parent">california</a></strong></li> <li><strong><a href="../../usulutan/concepcion%20batres/frame.htm" target="_parent">concepción BATRES</a></strong></li> <li><strong><a href="../../usulutan/el%20triunfo/frame.htm" target="_parent">el TRIUNFO</a></strong></li> <li><strong><a href="../../usulutan/ereguayquin/frame.htm" target="_parent">ereguayquín</a></strong></li> <li><strong><a href="../../usulutan/estanzuelas/frame.htm" target="_parent">estanzuelas</a></strong></li> <li><strong><a href="../../usulutan/jiquilisco/frame.htm" target="_parent">jiquilisco</a></strong></li> <li><strong><a href="../../usulutan/jucuapa/frame.htm" target="_parent">jucuapa</a></strong></li> <li><strong><a href="../../usulutan/jucuaran/frame.htm" target="_parent">jucuarán</a></strong></li> <li><strong><a href="../../usulutan/mercedes%20uma%f1a/frame.htm" target="_parent">mercedes UMAÑA</a></strong></li> <li><strong><a href="../../usulutan/nueva%20granada/frame.htm" target="_parent">nueva GRANADA</a></strong></li> <li><strong><a href="../../usulutan/ozatlan/frame.htm" target="_parent">ozatlán</a></strong></li> <li><strong><a href="../../usulutan/puerto%20el%20triunfo/frame.htm" target="_parent">puerto EL TRIUNFO</a></strong></li> <li><strong><a href="../../usulutan/san%20agustin/frame.htm" target="_parent">san AGUSTÍN</a></strong></li> <li><strong><a href="../../usulutan/san%20buenaventura/frame.htm" target="_parent">san BUENAVENTURA</a></strong></li> <li><strong><a href="../../usulutan/san%20dionisio/frame.htm"
target="_parent">san DIONISIO</a></strong></li> <li><strong><a href="../../usulutan/san%20francisco%20javier/frame.htm" target="_parent">san FRANCISCO JAVIER</a></strong></li> <li><strong><a href="../../usulutan/santa%20elena/frame.htm" target="_parent">santa ELENA</a></strong></li> <li><strong><a href="../../usulutan/santa%20maria/frame.htm" target="_parent">santa MARÍA</a></strong></li> <li><strong><a href="../../usulutan/santiago%20de%20maria/frame.htm" target="_parent">santiago DE MARÍA</a></strong></li> <li><strong><a href="../../usulutan/tecapan/frame.htm" target="_parent">tecapán</a></strong></li> <li><strong><a href="../../usulutan/usulutan/frame.htm" target="_parent">usulután</a></strong></li> </ol> </body> </html> Código Frame o Marco Principal <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>documento sin título</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body background="../../fondos/fusulutan.jpg"> <p align="center"><strong>seleccione UN MUNICIPIO DEL MAPA O DIRECTAMENTE EN EL NOMBRE </strong></p> <table width="100%" height="37" border="1"> <tr> <td><div align="center"><strong><a href="frame.htm" target="_parent">historia GENERAL DEL DEPARTAMENTO DE USULUTÁN</a></strong></div></td> 37
</tr> </table> <table width="100%" border="1"> <tr> <td><div align="center"><img src="usulutanma.gif" width="540" height="480" border="0" usemap="#map"> <map name="map"> <area shape="poly" coords="21,362,24,355,31,354,39,350,45,344,50,342,59,333,65,3 21,75,317,83,307,80,300,75,294,76,284,81,279,83,269,87,261,94,254,100,244,105,238,117,226,120,215,123,216,130,216,136,216, 143,222,148,225,158,225,161,221,160,228,159,235,149,236,146,2 41,140,241,132,241,127,245,128,252,128,256,129,264,131,270,13 3,277,137,279,142,284,150,290,161,288,165,290,168,292,178,292,187,293,189,296,196,292,204,298,213,298,220,298,231,300,232, 305,230,314,226,321,234,322,237,326,237,332,232,332,228,334,2 25,341,219,342,216,341,211,341,204,345,198,346,192,350,192,35 7,187,361,182,365,171,369,158,369,147,369,136,373,134,377,135,382,140,387,142,390,142,399,137,405,130,407,123,407,113,406, 94,404,86,402,69,399,56,396,50,392,40,388,29,386,18,380,16,37 2,16,361,19,360" href="../../usulutan/jiquilisco/frame.htm" target="_parent"> <area shape="poly" coords="227,340,227,345,230,347,232,348,236,348,237,353,237,3 60,236,369,233,378,232,386,228,388,226,393,224,398,229,399,23 7,399,241,402,246,402,250,402,254,403,254,405,261,408,268,412,271,411,276,415,276,421,274,427,274,435,272,441,265,445,260, 447,255,447,249,447,237,442,233,440,229,439,222,436,215,433,2 05,429,195,426,186,424,175,419,169,416,160,416,150,411,141,40 8,138,408,141,404,143,398,143,393,143,389,142,382,146,382,152,381,158,378,164,375,168,375,170,375,170,377,180,377,181,370, 187,364,188,361,190,353,196,349,205,346,199,349,202,346,207,3 43,211,343,216,345,220,344,223,342" href="../../usulutan/puerto%20el%20triunfo/frame.htm" target="_parent"> <area shape="poly" coords="263,338,272,336,277,334,282,337,286,337,287,340,290,3 40,290,343,291,348,291,353,291,357,291,363,291,370,292,380,29 4,382,294,387,296,391,303,393,302,398,302,405,304,413,313,419,327,415,330,420,335,427,339,429,348,443,334,449,325,449,313, 449,292,451,284,450,282,444,278,435,278,426,279,416,279,411,2 76,408,271,408,266,406,259,402,246,401,245,399,247,391,248,38 2,252,377,259,380,262,379,262,375,262,369,259,364,255,360,251,353,253,348,252,341,255,340,258,340,260,342,262,342" href="../../usulutan/san%20dionisio/frame.htm" 38
39 target="_parent"> <area shape="poly" coords="355,413,363,409,370,399,376,387,384,384,397,384,401,3 80,393,365,399,358,399,348,407,345,413,343,417,342,421,346,42 5,350,432,350,439,347,442,346,443,349,443,356,443,361,446,364,450,365,451,369,457,374,457,381,448,386,446,396,455,398,463, 404,472,404,475,405,486,411,491,418,502,426,511,439,516,453,5 07,455,490,455,469,455,453,456,438,458,424,455,420,454,408,45 1,397,451,379,451,363,447,350,447,350,441,357,441,352,434,343,428,335,421,341,420,349,416,353,414,358,414" href="../../usulutan/jucuaran/frame.htm" target="_parent"> <area shape="poly" coords="310,379,315,377,323,379,331,385,337,385,344,392,348,4 00,354,408,357,411,366,406,370,396,377,390,378,382,378,372,37 8,363,385,355,397,348,399,340,398,335,400,327,400,320,392,320,384,320,376,320,365,320,355,320,353,313,344,312,338,315,334, 325,334,336,329,337,329,348,320,348,317,353,313,356,312,361,3 08,368,308,372,311,375" href="../../usulutan/concepcion%20batres/frame.htm" target="_parent"> <area shape="poly" coords="281,255,283,257,283,263,282,266,283,276,287,285,289,2 91,296,294,299,299,300,302,300,307,298,313,298,324,303,330,30 8,334,314,343,321,340,324,340,327,344,323,347,317,347,316,354,313,356,311,360,306,364,307,378,312,383,317,381,321,382,328, 389,335,389,342,395,339,402,344,410,345,415,340,421,333,418,3 29,413,325,413,317,415,312,415,306,409,305,403,305,393,298,38 9,296,382,296,378,296,372,294,367,294,362,294,353,294,349,292,345,289,340,285,336,277,332,270,333,263,337,258,339,254,341, 249,347,252,356,254,361,255,370,258,376,252,377,248,380,243,3 90,240,396,232,396,230,392,234,382,234,372,237,362,240,353,23 2,346,231,342,231,334,236,331,238,327,238,322,248,320,251,314,256,301,256,297,256,286,259,275,261,266,268,261,273,258,278, 257" href="../../usulutan/usulutan/frame.htm" target="_parent"> <area shape="poly" coords="303,298,311,297,314,300,321,306,321,318,320,326,321,3 34,323,338,317,338,310,338,308,332,301,324,301,319,301,312,30 1,306,301,300,301,297" href="../../usulutan/santa%20maria/frame.htm" target="_parent"> <area shape="poly" coords="331,294,337,297,343,297,350,303,353,312,345,311,340,3 11,337,314,334,320,333,325,329,330,330,335,327,338,322,335,32 2,326,322,319,322,312,322,303,323,299,327,297,330,296"
href="../../usulutan/ereguayquin/frame.htm" target="_parent"> <area shape="poly" coords="301,220,306,223,309,227,319,234,321,237,321,244,321,2 51,332,246,336,251,336,253,334,260,334,270,332,279,332,287,33 2,291,332,296,324,297,323,303,319,302,314,300,309,297,303,297,299,295,289,290,285,281,284,274,284,264,286,254,291,240,291, 231,292,224,296,221" href="../../usulutan/santa%20elena/frame.htm" target="_parent"> <area shape="poly" coords="267,258,259,258,252,258,248,263,240,269,239,271,228,2 71,225,271,219,267,216,263,213,263,207,269,206,277,197,285,19 7,291,203,297,212,297,221,298,229,299,232,306,230,316,230,322,237,320,246,317,250,312,253,305,253,298,253,291,255,277,258, 272,264,265,266,261" href="../../usulutan/ozatlan/frame.htm" target="_parent"> <area shape="poly" coords="264,221,268,221,271,223,277,224,281,224,289,226,291,2 34,289,239,289,245,286,249,282,254,278,255,273,255,269,255,26 8,251,268,242,263,240,263,233,263,224" href="../../usulutan/california/frame.htm" target="_parent"> <area shape="poly" coords="219,234,229,232,240,226,252,220,260,223,263,232,264,2 38,267,242,267,250,267,258,257,259,248,259,244,266,237,269,22 8,271,220,269,214,260,218,254,220,244,220,239,220,236" href="../../usulutan/tecapan/frame.htm" target="_parent"> <area shape="poly" coords="206,221,209,226,214,232,218,238,218,243,218,251,213,2 58,212,265,204,273,200,276,197,286,191,295,182,290,175,290,17 1,290,165,290,159,288,163,277,164,271,174,265,177,263,181,259,185,254,187,251,190,247,190,240,193,235,200,232,202,229,203, 224,205,222" href="../../usulutan/san%20francisco%20javier/frame.htm" target="_parent"> <area shape="poly" coords="205,275,198,279,197,287" href="#"> <area shape="poly" coords="133,187,129,182,137,185,148,193,159,196,166,202,178,2 01,182,203,189,210,201,215,207,217,207,223,200,228,198,232,19 1,239,190,247,181,253,178,262,168,270,160,285,148,291,140,283,134,279,133,267,130,263,128,248,131,246,137,242,144,244,152, 242,154,236,157,233,161,225,154,217,151,224,141,220,134,217,1 30,217,122,217,121,218,112,217,118,208,119,198,123,189,120,18 5,126,181,124,178" href="../../usulutan/san%20agustin/frame.htm" 40
41 target="_parent"> <area shape="poly" coords="159,130,167,131,169,133,177,134,185,134,190,135,194,1 37,195,141,199,141,204,143,210,143,215,143,221,147,221,151,22 2,156,224,161,228,163,228,167,231,168,232,172,233,177,234,181,235,190,236,195,236,204,232,212,232,219,230,227,229,232,222, 233,216,232,212,227,209,221,207,214,197,211,194,211,186,207,1 83,204,179,200,176,198,169,198,166,195,156,196,154,193,148,18 7,140,182,132,181,127,178,127,174,128,166,128,160,133,155,139,155,146,151,148,145,148,141,148,136,153,132,158,131" href="../../usulutan/berlin/frame.htm" target="_parent"> <area shape="poly" coords="197,116,202,118,207,121,213,125,216,127,221,130,224,1 31,231,126,236,124,245,123,259,123,271,127,274,132,282,145,28 6,152,286,159,285,165,280,173,272,173,264,169,261,169,253,169,243,169,232,169,227,164,225,158,219,147,215,142,207,140,202, 140,196,138,189,132,182,131,176,131,167,130,171,127,185,127,1 90,127,196,123,196,118" href="../../usulutan/mercedes%20uma%f1a/frame.htm" target="_parent"> <area shape="poly" coords="247,218,260,219,266,221,278,223,291,224,302,220,302,2 13,302,202,302,193,306,186,307,182,300,182,292,182,285,187,28 0,191,272,197,266,203,260,208,250,214,251,213" href="../../usulutan/santiago%20de%20maria/frame.htm" target="_parent"> <area shape="poly" coords="235,171,243,171,247,171,255,171,265,171,272,173,277,1 73,283,173,284,176,285,179,287,184,284,187,279,191,273,194,26 8,196,264,202,258,208,254,211,250,212,246,216,245,221,241,225,234,225,231,223,235,216,235,212,237,204,238,194,236,187,236, 180,236,175,236,172" href="../../usulutan/alegria/frame.htm" target="_parent"> <area shape="poly" coords="319,230,319,224,325,221,326,217,332,217,336,211,335,2 07,340,202,340,192,342,183,341,176,337,175,331,175,323,171,31 8,169,313,169,308,169,302,169,292,169,287,169,286,174,288,179,290,182,299,182,301,180,308,180,308,183,308,188,303,193,301, 200,303,210,305,218,307,225,314,225,314,229,318,229" href="../../usulutan/jucuapa/frame.htm" target="_parent"> <area shape="poly" coords="299,168,304,168,312,169,321,174,327,174,336,174,336,1 65,336,158,329,151,333,146,333,138,333,129,334,123,343,119,34 4,113,343,108,339,103,338,98,335,102,335,110,335,115,328,116, 323,118,322,125,316,128,313,132,313,139,312,146,309,152,306,1
60,301,166" href="../../usulutan/san%20buenaventura/frame.htm" target="_parent"> <area shape="poly" coords="285,172,289,168,295,168,299,164,303,160,305,153,309,1 48,309,138,313,129,320,123,323,117,328,114,334,113,334,109,33 4,99,340,93,340,84,340,79,337,72,328,75,326,78,323,79,316,75, 314,74,310,74,309,82,309,89,310,98,310,105,310,110,309,117,30 9,119,305,120,304,132,304,136,296,136,294,141,292,144,292,155,289,158,288,168" href="../../usulutan/el%20triunfo/frame.htm" target="_parent"> <area shape="poly" coords="253,41,258,42,260,45,262,45,266,45,269,47,276,52,282, 49,284,46,289,46,293,52,295,55,301,60,303,63,306,63,309,70,31 0,73,306,82,308,88,311,94,310,101,308,107,307,111,311,117,306,120,304,126,304,132,295,135,294,145,292,150,291,155,283,146, 283,138,277,132,270,123,266,116,273,110,269,103,274,95,259,86,265,88,263,84,269,82,262,78,264,77,260,74,259,75,249,78,243, 71,243,66,249,65,255,65,259,65,259,57,262,56,262,52,258,47" href="../../usulutan/nueva%20granada/frame.htm" target="_parent"> <area shape="poly" coords="241,69,231,76,228,79,224,82,218,86,211,93,207,97,206, 105,201,113,205,116,210,120,214,124,220,125,225,126,232,126,2 39,121,248,121,256,121,261,121,267,121,267,114,268,108,268,99,265,93,262,88,261,82,261,78,253,80,250,74,246,78,240,74,239, 70" href="../../usulutan/estanzuelas/frame.htm" target="_parent"> </map> </div></td> </tr> </table> <p align="center"> </p> <p align="center"> </p> </body> </html> 42