[OpenLayers-Commits] r6429 - in sandbox/ominiverdi/presentations: . girona2008 girona2008/WebMapping

commits at openlayers.org commits at openlayers.org
Mon Mar 3 18:42:37 EST 2008 

Author: ominiverdi
Date: 2008-03-03 18:42:36 -0500 (Mon, 03 Mar 2008)
New Revision: 6429

Added:
   sandbox/ominiverdi/presentations/girona2008/
   sandbox/ominiverdi/presentations/girona2008/WebMapping/
   sandbox/ominiverdi/presentations/girona2008/WebMapping/api_example.css
   sandbox/ominiverdi/presentations/girona2008/WebMapping/google-maps.jpg
   sandbox/ominiverdi/presentations/girona2008/WebMapping/ka-map.jpg
   sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_1.html
   sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_2.html
   sandbox/ominiverdi/presentations/girona2008/WebMapping/openlayers.jpg
   sandbox/ominiverdi/presentations/girona2008/index.html
Log:
presentation in Girona

Added: sandbox/ominiverdi/presentations/girona2008/WebMapping/api_example.css
===================================================================
--- sandbox/ominiverdi/presentations/girona2008/WebMapping/api_example.css	                        (rev 0)
+++ sandbox/ominiverdi/presentations/girona2008/WebMapping/api_example.css	2008-03-03 23:42:36 UTC (rev 6429)
@@ -0,0 +1,154 @@
+body {
+	margin: 0px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+	font-family: verdana, arial, helvetica, sans-serif;
+	color: #ccc;
+	background-color: #333;
+	}
+a {
+	text-decoration: none;
+	font-weight: bold;
+	color:  #ccc;
+	outline: none;
+	}
+a:visited {
+	color:  #ccc;
+	}
+a:active {
+	color:  #ccc;
+	}
+a:hover {
+	color: #ccc;
+	text-decoration: underline;
+	}
+.ahem {
+	display: none;
+	}
+strong, b {
+	font-weight: bold;
+	}
+p {
+	font-size: 12px;
+	line-height: 22px;
+	margin-top: 20px;
+	margin-bottom: 10px; 
+	}
+
+/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/
+
+h1 {
+	font-size: 24px;
+	line-height: 44px;
+	font-weight: bold;
+	margin-top: 0;
+	margin-bottom: 0;
+	}
+h2 {
+	font-size: 18px;
+	line-height: 40px;
+	font-weight: bold;
+	margin-top: 0;
+	margin-bottom: 0;
+	}
+h3 {
+	font-size: 16px;
+	line-height: 22px;
+	font-weight: bold;
+	margin-top: 0;
+	margin-bottom: 0;
+	}
+h4 {
+	font-size: 14px;
+	line-height: 26px;
+	font-weight: bold;
+	margin-top: 0;
+	margin-bottom: 0;
+	}
+h5 {
+	font-size: 12px;
+	line-height: 22px;
+	font-weight: bold;
+	margin-top: 0;
+	margin-bottom: 0;
+	}
+h6 {
+	font-size: 10px;
+	line-height: 18px;
+	font-weight: bold;
+	margin-top: 0;
+	margin-bottom: 0;
+	}
+img {
+	border: 0;
+	}
+.nowrap {
+	white-space: nowrap;
+	font-size: 10px;
+	font-weight: bold;
+	margin-top: 0;
+	margin-bottom: 0;
+/* must be combined with nobr in html for ie5win */
+	}
+.tiny {
+	font-size: 9px;
+	line-height: 16px;
+	margin-top: 15px;
+	margin-bottom: 5px; 
+	}	
+#top {
+	margin: 20px 20px 0px 20px;
+	padding: 10px;
+	border: 5px solid #ccc;
+	background: #666;
+	height: 100px; /* ie5win fudge begins */
+	voice-family: "\"}\"";
+	voice-family:inherit;
+	height: 70px;
+	}
+html>body #top {
+	height: 70px; /* ie5win fudge ends */
+	}
+#left {
+	position: absolute;
+	top: 120px;
+	left: 0px;
+	margin: 20px;
+	padding: 10px;
+	border: 5px solid #ccc;
+	background: #666;
+	width: 150px; /* ie5win fudge begins */
+	voice-family: "\"}\"";
+	voice-family:inherit;
+	width: 120px;
+	}
+html>body #left {
+	width: 120px; /* ie5win fudge ends */
+	}
+#middle {
+	margin: 20px 190px 20px 190px;
+	padding: 10px;
+	border: 5px solid #ccc;
+	background: #666;
+	}
+#right {
+	position: absolute;
+	top: 120px;
+	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
+	margin: 20px;
+	padding: 10px;
+	border: 5px solid #ccc;
+	background: #666;
+	width: 150px; /* ie5win fudge begins */
+	voice-family: "\"}\"";
+	voice-family:inherit;
+	width: 120px;
+	}
+html>body #right {
+	width: 120px; /* ie5win fudge ends */
+	}
+pre {
+	font-size: 12px;
+	line-height: 22px;
+	margin-top: 20px;
+	margin-bottom: 10px; 
+	}


Property changes on: sandbox/ominiverdi/presentations/girona2008/WebMapping/api_example.css
___________________________________________________________________
Name: svn:executable
   + *

Added: sandbox/ominiverdi/presentations/girona2008/WebMapping/google-maps.jpg
===================================================================
(Binary files differ)


Property changes on: sandbox/ominiverdi/presentations/girona2008/WebMapping/google-maps.jpg
___________________________________________________________________
Name: svn:executable
   + *
Name: svn:mime-type
   + application/octet-stream

Added: sandbox/ominiverdi/presentations/girona2008/WebMapping/ka-map.jpg
===================================================================
(Binary files differ)


Property changes on: sandbox/ominiverdi/presentations/girona2008/WebMapping/ka-map.jpg
___________________________________________________________________
Name: svn:executable
   + *
Name: svn:mime-type
   + application/octet-stream

Added: sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_1.html
===================================================================
--- sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_1.html	                        (rev 0)
+++ sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_1.html	2008-03-03 23:42:36 UTC (rev 6429)
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head><title>OpenLayers API example</title>
+<style type="text/css" media="all">@import url("api_example.css");</style>
+<style type="text/css">
+#map {
+            height: 300px;
+            border: 1px solid white;
+}
+</style>
+<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script>
+<script type="text/javascript">
+var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map( 'map' );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+        }
+
+</script>
+</head>
+
+<body onload="init()">
+<div id="top">
+<p>OpenLayers API Example Page</p>
+</div>
+
+<div id="left">
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dapibus dictum pede. Morbi commodo ipsum quis ligula. Aliquam semper ligula in massa. Pellentesque quis ligula. Curabitur eu elit nec enim tincidunt ornare. Morbi tristique nibh ac ipsum. Aliquam dictum eleifend quam. Nunc luctus tempus orci. Sed ut ligula ut erat imperdiet porttitor. Suspendisse vulputate elit nec nulla. Maecenas congue ligula eget est. Aenean augue lorem, ultrices ut, lobortis nec, malesuada vel, quam.</p>
+</div>
+
+<div id="middle">
+
+<div id="map"></div>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dapibus dictum pede. Morbi commodo ipsum quis ligula. Aliquam semper ligula in massa. Pellentesque quis ligula. Curabitur eu elit nec enim tincidunt ornare. Morbi tristique nibh ac ipsum. Aliquam dictum eleifend quam. Nunc luctus tempus orci. Sed ut ligula ut erat imperdiet porttitor. Suspendisse vulputate elit nec nulla. Maecenas congue ligula eget est. Aenean augue lorem, ultrices ut, lobortis nec, malesuada vel, quam.</p>
+
+
+<p>In vitae ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat, justo porttitor blandit egestas, est sem blandit pede, vitae vestibulum justo mauris nec orci. Proin condimentum. Cras scelerisque. Donec et tortor. Maecenas facilisis turpis et magna. Vivamus nonummy nibh cursus arcu. Proin at metus nec nulla adipiscing congue. Cras condimentum. Pellentesque ut mi quis pede tincidunt fermentum. Phasellus consectetuer sem eget mauris. Phasellus condimentum lectus ac est. Donec id nulla nec leo consequat sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
+
+<p>Vestibulum nonummy adipiscing quam. Phasellus non neque. Donec eleifend vehicula magna. Aliquam vulputate, nulla id pharetra mattis, dolor nulla porttitor leo, a varius justo leo id dui. Mauris et libero. Donec eget urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque fermentum ligula sit amet dolor. Sed tortor. Donec nec nisi in metus sollicitudin venenatis. Sed tincidunt, ante vel malesuada bibendum, mi enim rhoncus ligula, quis imperdiet lorem turpis a risus. Ut sagittis tortor in mi. Etiam consequat. Maecenas porttitor magna sodales arcu. Mauris nec ante in nibh mollis eleifend. Vivamus condimentum scelerisque lacus. Pellentesque id metus. Nam non leo a quam posuere posuere. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
+</div>
+
+<div id="right">
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dapibus dictum pede. Morbi commodo ipsum quis ligula. Aliquam semper ligula in massa. Pellentesque quis ligula. Curabitur eu elit nec enim tincidunt ornare. Morbi tristique nibh ac ipsum. Aliquam dictum eleifend quam. Nunc luctus tempus orci. Sed ut ligula ut erat imperdiet porttitor. Suspendisse vulputate elit nec nulla. Maecenas congue ligula eget est. Aenean augue lorem, ultrices ut, lobortis nec, malesuada vel, quam.</p>
+</div>
+
+</body>
+</html>
+


Property changes on: sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_1.html
___________________________________________________________________
Name: svn:executable
   + *

Added: sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_2.html
===================================================================
--- sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_2.html	                        (rev 0)
+++ sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_2.html	2008-03-03 23:42:36 UTC (rev 6429)
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head><title>OpenLayers API example</title>
+<style type="text/css" media="all">@import url("api_example.css");</style>
+<style type="text/css">
+#map {
+            height: 200px;
+            border: 1px solid white;
+}
+</style>
+<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script>
+<script type="text/javascript">
+var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map( 'map' );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+            map.addControl( new OpenLayers.Control.LayerSwitcher() );
+        }
+
+</script>
+</head>
+
+<body onload="init()">
+<div id="top">
+<p>OpenLayers API Example Page</p>
+</div>
+
+<div id="left">
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dapibus dictum pede. Morbi commodo ipsum quis ligula. Aliquam semper ligula in massa. Pellentesque quis ligula. Curabitur eu elit nec enim tincidunt ornare. Morbi tristique nibh ac ipsum. Aliquam dictum eleifend quam. Nunc luctus tempus orci. Sed ut ligula ut erat imperdiet porttitor. Suspendisse vulputate elit nec nulla. Maecenas congue ligula eget est. Aenean augue lorem, ultrices ut, lobortis nec, malesuada vel, quam.</p>
+</div>
+
+<div id="middle">
+
+<div id="map"></div>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dapibus dictum pede. Morbi commodo ipsum quis ligula. Aliquam semper ligula in massa. Pellentesque quis ligula. Curabitur eu elit nec enim tincidunt ornare. Morbi tristique nibh ac ipsum. Aliquam dictum eleifend quam. Nunc luctus tempus orci. Sed ut ligula ut erat imperdiet porttitor. Suspendisse vulputate elit nec nulla. Maecenas congue ligula eget est. Aenean augue lorem, ultrices ut, lobortis nec, malesuada vel, quam.</p>
+
+
+<p>In vitae ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat, justo porttitor blandit egestas, est sem blandit pede, vitae vestibulum justo mauris nec orci. Proin condimentum. Cras scelerisque. Donec et tortor. Maecenas facilisis turpis et magna. Vivamus nonummy nibh cursus arcu. Proin at metus nec nulla adipiscing congue. Cras condimentum. Pellentesque ut mi quis pede tincidunt fermentum. Phasellus consectetuer sem eget mauris. Phasellus condimentum lectus ac est. Donec id nulla nec leo consequat sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
+
+<p>Vestibulum nonummy adipiscing quam. Phasellus non neque. Donec eleifend vehicula magna. Aliquam vulputate, nulla id pharetra mattis, dolor nulla porttitor leo, a varius justo leo id dui. Mauris et libero. Donec eget urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque fermentum ligula sit amet dolor. Sed tortor. Donec nec nisi in metus sollicitudin venenatis. Sed tincidunt, ante vel malesuada bibendum, mi enim rhoncus ligula, quis imperdiet lorem turpis a risus. Ut sagittis tortor in mi. Etiam consequat. Maecenas porttitor magna sodales arcu. Mauris nec ante in nibh mollis eleifend. Vivamus condimentum scelerisque lacus. Pellentesque id metus. Nam non leo a quam posuere posuere. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
+</div>
+
+<div id="right">
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dapibus dictum pede. Morbi commodo ipsum quis ligula. Aliquam semper ligula in massa. Pellentesque quis ligula. Curabitur eu elit nec enim tincidunt ornare. Morbi tristique nibh ac ipsum. Aliquam dictum eleifend quam. Nunc luctus tempus orci. Sed ut ligula ut erat imperdiet porttitor. Suspendisse vulputate elit nec nulla. Maecenas congue ligula eget est. Aenean augue lorem, ultrices ut, lobortis nec, malesuada vel, quam.</p>
+</div>
+
+</body>
+</html>
+


Property changes on: sandbox/ominiverdi/presentations/girona2008/WebMapping/ol_api_example_2.html
___________________________________________________________________
Name: svn:executable
   + *

Added: sandbox/ominiverdi/presentations/girona2008/WebMapping/openlayers.jpg
===================================================================
(Binary files differ)


Property changes on: sandbox/ominiverdi/presentations/girona2008/WebMapping/openlayers.jpg
___________________________________________________________________
Name: svn:executable
   + *
Name: svn:mime-type
   + application/octet-stream

Added: sandbox/ominiverdi/presentations/girona2008/index.html
===================================================================
--- sandbox/ominiverdi/presentations/girona2008/index.html	                        (rev 0)
+++ sandbox/ominiverdi/presentations/girona2008/index.html	2008-03-03 23:42:36 UTC (rev 6429)
@@ -0,0 +1,350 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+<title>GFOSS 2008 - OpenLayers: the Javascript Web Mapping API - Girona 2008-03-04</title>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<!-- metadata -->
+<meta name="generator" content="S5" />
+<meta name="version" content="S5 1.1" />
+<meta name="presdate" content="20071109" />
+<meta name="author" content="Lorenzo Becchi" />
+<meta name="company" content="ominiverdi.org" />
+<!-- configuration parameters -->
+<meta name="defaultView" content="slideshow" />
+<meta name="controlVis" content="visible" />
+<!-- style sheet links -->
+<link rel="stylesheet" href="../s5-11/ui/ominiverdi/slides.css" type="text/css" media="projection" id="slideProj" />
+<link rel="stylesheet" href="../s5-11/ui/ominiverdi/outline.css" type="text/css" media="screen" id="outlineStyle" />
+<link rel="stylesheet" href="../s5-11/ui/ominiverdi/print.css" type="text/css" media="print" id="slidePrint" />
+<link rel="stylesheet" href="../s5-11/ui/ominiverdi/opera.css" type="text/css" media="projection" id="operaFix" />
+<!-- embedded styles -->
+<style type="text/css" media="all">
+.imgcon {width: 525px; margin: 0 auto; padding: 0; text-align: center;}
+#anim {width: 270px; height: 320px; position: relative; margin-top: 0.5em;}
+#anim img {position: absolute; top: 42px; left: 24px;}
+img#me01 {top: 0; left: 0;}
+img#me02 {left: 23px;}
+img#me04 {top: 44px;}
+img#me05 {top: 43px;left: 36px;}
+
+
+</style>
+<!-- S5 JS -->
+<script src="../s5-11/ui/default/slides.js" type="text/javascript"></script>
+</head>
+<body>
+
+<div class="layout">
+<div id="controls"><!-- DO NOT EDIT --></div>
+<div id="currentSlide"><!-- DO NOT EDIT --></div>
+<div id="header"></div>
+<div id="footer">
+<h1><!--<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.5/it/">
+<img alt="Creative Commons License" style="border-width:0" src="http://creativecommons.org/images/public/somerights20.png" />
+</a>-->  This work is licensed under a 
+<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.5/es/">Creative Commons Attribution-Share Alike 2.5 Spain License</a></h1>
+<h2> OpenLayers: the Javascript Web Mapping API &#8226; Girona 2008-03-04</h2>
+</div>
+</div>
+
+<div class="presentation">
+
+<div class="slide">
+<h1 style="color:rgb(30,90,30)">OpenLayers: the Javascript Web Mapping API  </h1>
+
+<h3>Lorenzo Becchi</h3>
+<h4><a href="http://www.ominiverdi.org" rel="external">Ominiverdi.org</a></h4>
+
+</div>
+
+
+
+
+
+
+<!--
+<div class="slide">
+<h1>Incremental Display</h1>
+<ul class="incremental show-first">
+<li>Keep hitting/clicking "next" as long as it isn't the control link (&raquo;)</li>
+<li>Bullet points are revealed one by one
+<ul class="incremental">
+<li>All based on class name of <code>inc</code></li>
+<li>Lists can be classed to make items appear individually</li>
+<li>Individual items can be classed as well to create "animations"; see <a href="http://boxofchocolates.ca/projects/s5-incremental-graphics/" rel="external">Derek Featherstone's example</a></li>
+</ul>
+</li>
+<li>Let's try it again, but without the first bullet point being pre-highlighted...</li>
+</ul>
+</div>
+-->
+
+
+
+
+
+<div class="slide">
+<h1>Introdución</h1>
+<ul class="incremental">
+	<li>Introdución</li>
+	<li>OpenLayers
+	<ul>
+		<li>Funciones, historia, componentes</li>
+		<li>Ejemplos de código</li>
+		<li>Sistema de desarrollo del proyecto</li>
+		<li>Tipos y integración de capas</li>
+	</ul>
+</li>
+<li>Conclusiones
+	<ul>
+		<li>Ejemplos</li>
+		<li>Notas</li>
+	</ul>
+</li>
+
+
+</ul>
+</div>
+
+<!-- HISTORY -->
+<div class="slide">
+<h1>Breve historia del moderno Web Mapping</h1>
+<h3>2005 Febrero -> Google Maps</h3>
+<img src="WebMapping/google-maps.jpg" alt="Google Maps picture" />
+</div>
+<div class="slide">
+<h1>Breve historia del moderno Web Mapping</h1>
+<h3>2005 Mayo -> ka-Map! </h3>
+<img src="WebMapping/ka-map.jpg" alt="ka-Map picture" />
+</div>
+<div class="slide">
+<h1>Breve historia del moderno Web Mapping</h1>
+<h3>2006 Junio -> OpenLayers</h3>
+<img src="WebMapping/openlayers.jpg" alt="OpenLayers picture" />
+</div>
+<!--
+2005 feb -> google-maps -> proprietary
+2005 may -> ka-map -> MIT-X License (BSD alike)
+2006 june -> openlayers-> ?!? Clear BSD license (BSD alike)
+sept 2006 -> FOSS4G Lausanne, CH -> OpenLayers as core for FOSS web Mapping interfaces -> Mapbuilder, Cartoweb, ka-Map?!?
+-->
+<div class="slide">
+<h1>Breve historia del moderno Web Mapping</h1>
+<h3>Licencias</h3>
+<ul  class="incremental" style="font-size:0.9em">
+<li>Google Maps -> <a href="http://www.google.com/apis/maps/terms.html"  rel="external">licencia privativa</a>
+	<ul>
+		<li>significa:
+			<ul class="incremental">
+			<li>restricción de utilizo</li><li> restricción de la personalizacción</li><li> restricción a la redistribucción</li>
+			</ul>
+		</li>
+	</ul>
+</li>
+<li> ka-Map! (<a href="http://ka-map.maptools.org/index.phtml?page=license.html" rel="external">1</a>) 
+	y OpenLayers (<a href="http://trac.openlayers.org/browser/trunk/openlayers/license.txt" rel="external">2</a>) -> 
+	licencias tipo BSD 
+
+	<ul  class="incremental">
+	<li>significa:
+		<ul  class="incremental">
+		<li> ninguna restricción de utilizo</li><li>ninguna restricción a la personalizacción</li>
+		<li>ninguna restricción a la redistribucción</li>
+		</ul>
+	</li>
+	<li>esto es el Free Software!</li>
+	</ul>
+</li>
+</ul>
+</div>
+<!-- END HISTORY -->
+
+<!-- OPENLAYERS -->
+<div class="slide">
+<h1>OpenLayers - el proyecto 1/2</h1>
+<ul>
+<li>Pagina principal del proyecto: <a href="http://www.openlayers.org"  rel="external">http://www.openlayers.org</a></li>
+<li>Pagina Wiki: <a href="http://trac.openlayers.org/wiki/"  rel="external">http://trac.openlayers.org/wiki/</a></li>
+
+<li>IRC Channel: irc.freenode.net#openlayers</li>
+<li>Quick Demo ...<br /><iframe style="border: 1px inset #ccc; overflow: hidden;" src="http://www.ominiverdi.org/openlayers/examples/wms.html" frameborder="0" scrolling="no" width="500" height="200"></iframe>
+</li>
+</ul>
+</div>
+<div class="slide">
+<h1>OpenLayers - el proyecto 2/2</h1>
+<ul>
+<li>OpenLayers ...
+<ul>
+	<li>es una librería en javascript que soporta standards y datos abiertos o privativos.</li>
+	<li>ofrece una mosaicatura muy eficiente</li>
+	<li>ofrece un set di herramientas (tools) para la navegación y las necesitades basicas de las aplicacaciónes</li>
+	<li>una avanzada integración de las liberia de dibujo vectorial</li>
+</ul></li>
+
+</ul>
+</div>
+
+<div class="slide">
+<h1>Instalación y configuración</h1>
+<ul>
+<li>mas sencillo que nunca:
+	<ul>
+	    <li>no necesita de ninguna configuración</li>
+	</ul>
+</li>
+</ul>
+</div>
+
+<div class="slide">
+<h1>OpenLayers - utilizar la librería</h1>
+<ul>
+<li>poner un mapa en tu pagina web </li>
+<li>puede ser muy sencillo o muy complicado</li>
+</ul>
+</div>
+
+<div class="slide">
+<h1>utilizar la librería: añadir el script ...</h1>
+<ul>
+    <li>Añadir el script tag a la pagina web:
+<pre>
+
+&lt;script type="text/javascript" 
+    src="http://www.openlayers.org/api/OpenLayers.js"&gt;
+</pre>
+    </li>
+</ul>
+</div>
+
+<div class="slide">
+<h1>Añadir un mapa a la pagina</h1>
+<ul>
+<li>poner un div de algun lado en la pagina:
+<pre>&lt;div id="map"&gt;&lt;/div&gt;</pre></li>
+<li>este Id se utiliza para decir a  OpenLayers donde poner el mapa</li>
+<li>Poner la función de onload el tag body:
+<pre>&lt;body onload="init()"&gt;</pre>
+</li>
+</ul>
+
+</div>
+
+<div class="slide">
+<h1>Un poco de estilo...</h1>
+
+<pre>
+&lt;style type="text/css"&gt;
+#map {
+            height: 200px;
+            border: 1px solid white;
+}
+&lt;/style&gt;
+</pre>
+</div>
+<div class="slide">
+<h1>en fin el mapa</h1>
+<pre>
+&lt;script type="text/javascript"&gt;
+var map, layer;
+function init(){
+    map = new OpenLayers.Map( 'map' );
+    layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+            "http://labs.metacarta.com/wms/vmap0", 
+			{layers: 'basic'} );
+    map.addLayer(layer);
+
+    map.zoomToMaxExtent();
+<!--    map.addControl( 
+		new OpenLayers.Control.LayerSwitcher() 
+	);-->
+}
+&lt;/script&gt;
+
+</pre>
+</div>
+
+<div class="slide">
+<h1>prueba OpenLayers</h1>
+<iframe src="WebMapping/ol_api_example_1.html" width="800" height="400"></iframe>
+</div>
+
+<div class="slide">
+<h1>OpenLayers - Extras</h1>
+<p>Aquì una lista de algunas funciones que OpenLayers presenta:</p>
+<ul>
+	<li>tipos de datos suportados:
+	<ul>
+		<li>
+			<a href="http://www.openlayers.org/dev/examples/wms.html" rel="external">WMS</a> / 
+			<a href="http://www.openlayers.org/dev/examples/kamap.html" rel="external">ka-Map</a> / 
+			<a href="http://www.openlayers.org/dev/examples/spherical-mercator.html">Spherical Marcator(Google Maps,Yahoo, Virtual Earth,...)</a> /
+			<a href="http://www.openlayers.org/dev/examples/worldwind.html" rel="external">worldwind.html</a> /
+			<a href="http://www.openlayers.org/dev/examples/image-layer.html" rel="external">image-layer.html a simple
+			image</a> /
+			<a href="http://www.openlayers.org/dev/examples/georss-markers.html" rel="external">geo markers</a> /
+			<a href="http://www.openlayers.org/dev/examples/georss.html" rel="external">georss (use georss.xml as
+			resource)</a> /
+		</li>
+	</ul>
+	</li>
+	<li>Funciones varias:
+		<ul>
+			<li><a href="http://www.openlayers.org/dev/examples/controls.html" rel="external">Controles del mapa</a></li>
+			<li><a href="http://www.openlayers.org/dev/examples/navigation-history.html" rel="external">storico de la navegación</a></li>
+		</ul>
+	</li>
+	<li>librería de dibujo vectorial:
+	<ul>
+		<li>
+
+			<a href="http://www.openlayers.org/dev/examples/gml-layer.html" rel="external">gml layer</a> /
+			<a href="http://www.openlayers.org/dev/examples/wfs-reprojection.html" rel="external">WFS</a> /
+			<a href="http://www.openlayers.org/dev/examples/osm-layer.html" rel="external">OpenStreetMaps</a> /
+			<a href="http://www.openlayers.org/dev/examples/modify-feature.html" rel="external">modify features</a> /
+			<a href="http://www.openlayers.org/dev/examples/rotate-features.html" rel="external">rotate features</a> /
+			<a href="http://boston.freemap.in/routing.html" rel="external">routing</a> /
+			<a href="http://www.openlayers.org/dev/examples/sld.html" rel="external">SLD</a> /
+			<a href="http://www.openlayers.org/dev/examples/vector-formats.html" rel="external">Vector Formats</a>
+		</li>
+	</ul>
+	
+	</li>
+
+</ul>
+</div>
+<!-- END OPENLAYERS -->
+
+
+
+<!-- END OGC WEB MAPPING -->
+
+<!-- CONCLUSION -->
+<div class="slide">
+<h1>Conclusiones</h1>
+<p>Que nos va a traer el futuro?</p>
+<ul>
+<li>Desarrollo, Desarrollo e Desarrollo!</li>
+</ul>
+</div>
+
+<div class="slide">
+    <h1>Contacto</h1>
+    <div>
+Lorenzo Becchi
+      <ul>
+        <li>lorenzo at ominiverdi.org</li>
+        <li>http://www.ominiverdi.org</li>
+        <li>http://blog.ominiverdi.org</li>
+      </ul>
+    </div>
+  </div>
+
+<!-- END PRESENTATION  -->
+</div>
+
+</body>
+</html>
+

More information about the Commits mailing list