-
Notifications
You must be signed in to change notification settings - Fork 0
/
evolucion.html
124 lines (124 loc) · 9.6 KB
/
evolucion.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html>
<head>
<title>Evolucion</title>
<meta charset="UTF-8"/>
<meta name="description" content="informacion para el buscador"/>
<link rel="icon" href="imagen.png"/>
<link rel="stylesheet" href="CSS/ed-grid.min.css"/>
<link rel="stylesheet" href="CSS/ed-grid.css"/>
<link rel="stylesheet" href="CSS/estilo.css"/>
<script type="text/javascript" src="JS/mi_script.js"></script>
</head>
<body class="cuerpo">
<header class="ed-container" id="arriba">
<div class="ed-item s-20"><img src="Imagen/lol.jpg"/></div>
<nav>
<div class="ed-item s-offset-2-6">
<ul class="ed-menu l-horizontal s-80 expand-submenu">
<li><a href="index.html">inicio</a></li>
<li><a href="evolucion.html">evolucion
<ul>
<li><a href="/evolucion.html#awebb1">WEB 1.0</a></li>
<li><a href="/evolucion.html#awebb2">WEB 2.0</a></li>
<li><a href="/evolucion.html#awebb3">WEB 3.0</a></li>
<li><a href="/evolucion.html#awebb4">WEB 4.0</a></li>
</ul></a></li>
<li><a href="Arquitectura.html">Arquitectura
<ul>
<li><a href="Arquitectura.html#vtjs">Ventajas</a></li>
</ul></a></li>
<li><a href="Tecnologias.html">Tecnologias</a></li>
<li><a href="Planificacion.html">Planificacion</a></li>
<li><a href="Blog.html">Blog</a></li>
</ul>
</div>
</nav>
</header>
<div class="bajar"><a href="#abajo">Bajar</a></div>
<div class="ed-container" id="imagen">
<div class="ed-item"><img src="Imagen/evolucion.png"/>
<h1>1.1 Evolución de las Aplicaciones web</h1>
<p>La programación web es un término adecuado para describir el proceso general que engloba el diseño y la creación de un sitio web.</p>
<p>Hace algunos años, los sitios web no eran mucho más que folletos digitales. Actualmente los sitios son más grandes y complejos.</p>
<p>Con la introducción de comercio electrónico y las páginas dinámicas, los sitios ya han dejado atrás los folletos y han pasado a ser auténticas aplicaciones de software.</p>
<div id="awebb1">
<h3>La web 1.0</h3>
<p>La Web 1.0 (1991-2003) es la forma más básica que existe, con navegadores de sólo texto bastante rápidos ya que es de sólo lectura. El usuario no puede interactuar con el contenido de la página (nada de comentarios, respuestas, citas, etc), estando totalmente limitado a lo que el Webmaster sube a ésta.</p>
<p>Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen:</p>
<ul>
<li>Páginas estáticas en vez de dinámicas por el usuario que la visita</li>
<li>El uso de framesets o Marcos.</li>
<li>Extensiones propias del HTML como 'bilnk' y 'marquee', etiquetas introducidas durante la guerra de navegadores web.</li>
<li>Libros de visitas online o guestbooks</li>
<li>botones GIF, casi siempre a una resolución típica de 88x31 pixels en tamaño promocionando navegadores web u otros productos.</li>
<li>formularios HTML enviados vía email. Un usuario llenaba un formulario y después de hacer clic se enviaba a través de un cliente de correo electrónico, con el problema que en el código se podía observar los detalles del envío del correo electrónico.</li>
<li>No se podian adherir comentarios ni nada parecido</li>
<li>Todas sus páginas se creaban de forma fija y muy pocas veces se actualizaban.</li>
<li>No se trata de una nueva versión, sino de una nueva forma de ver las cosas.</li>
</ul>
</div>
<div class="img_evo"><img src="Imagen/web1.0.png"/></div>
<div id="awebb2">
<h3>La web 2.0</h3>
<p>El término Web 2.0 comprende aquellos sitios web que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario1 y lacolaboración en la World Wide Web. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar entre sí como creadores de contenido generado por usuarios en una comunidad virtual, a diferencia de sitios web estáticos donde los usuarios se limitan a la observación pasiva de los contenidos que se han creado para ellos. Ejemplos de la Web 2.0 son las comunidades web, los servicios web, las aplicaciones Web, los servicios de red social, losservicios de alojamiento de videos, las wikis, blogs, mashups y folcsonomías.</p>
<p>Servicios asociados:</p>
<ul>
<li>Blogs: Un blog es un espacio web personal en el que su autor puede escribir cronológicamente artículos, noticias...(con imágenes y enlaces).</li>
<li>Wikis: Una wiki es un espacio web corporativo, organizado mediante una estructura hipertextual de páginas donde varias personas elaboran contenidos de manera asíncrona. </li>
<li>Redes sociales: Sitios web donde cada usuario tiene una página donde publica contenidos y se comunica con otros usuarios. Ejemplos: Facebook, Twitter, Tuenti, Hi5, Myspace, etc. </li>
<li>Entornos para compartir recursos: Entornos que nos permiten almacenar recursos o contenidos en Internet, compartirlos y visualizarlos cuando nos convenga. Existen de diversos tipos, según el contenido que albergan o el uso que se les da:</li><br/>
<ul>
<li>Documentos: Google Drive y Office Web Apps (SkyDrive), en los cuales podemos subir nuestros documentos, compartirlos y modificarlos.</li>
<li>Videos: Youtube, Vimeo, Dailymotion, Dalealplay... Contienen miles de vídeos subidos y compartidos por los usuarios.</li>
<li>Fotos: Picassa, Flickr... Permiten disfrutar y compartir las fotos también tenemos la oportunidad de organizar las fotos con etiquetas, separándolas por grupos como si fueran álbumes, podemos seleccionar y guardar aparte las fotos que no queremos publicar.</li>
<li>Agregadores de noticias: Digg, Meneame... Noticias de cualquier medio son agregadas y votadas por los usuarios.</li>
<li>Almacenamiento online: Dropbox, Google Drive, SkyDrive.</li>
<li>Presentaciones: Prezzi, Slideshare.</li>
<li>Plataformas educativas.</li>
<li>Aulas virtuales (síncronas).</li>
<li>Encuestas en línea.</li>
</ul>
</ul>
</div>
<div class="img_evo"><img src="Imagen/web20.png"/></div>
<div id="awebb3">
<h3>La web 3.0</h3>
<p>Web 3.0 es una expresión que se utiliza para describir la evolución del uso y la interacción de las personas en internet a través de diferentes formas entre los que se incluyen la transformación de la red en una base de datos, un movimiento social hacia crear contenidos accesibles por múltiples aplicaciones non-browser, el empuje de las tecnologías de inteligencia artificial, la web semántica, la Web Geoespacial o la Web 3D.</p>
<p>Se basa en la idea de añadir metadatos semánticos y ontológicos a la World Wide Web. Esas informaciones adicionales —que describen el contenido, el significado y la relación de los datos— se deben proporcionar de manera formal, para que así sea posible evaluarlas automáticamente por máquinas de procesamiento. El objetivo es mejorar Internet ampliando la interoperabilidad entre los sistemas informáticos usando "agentes inteligentes". Agentes inteligentes son programas en las computadoras que buscan información sin operadores humanos. Con la web 3.0 se busca que los usuarios puedan conectarse desde cualquier lugar, cualquier dispositivo y a cualquier momento.</p><br/>
<p>Entre sus innovaciones destacan:</p>
<ul>
<li>Bases de datos</li>
<li>Inteligencia artificial</li>
<li>Web semántica y SOA</li>
<li>Evolución al 3D</li>
</ul>
</div>
<div class="img_evo"><img src="Imagen/web30.png"/></div>
<div id="awebb4">
<h3>La web 4.0.</h3>
<p>las aplicaciones ya no estarán en nuestras PC’s, estarán en la internet y por ende en todos lados. Pasaremos de una red “tonta” a una red “inteligente” donde el objetivo primordial será el de unir las inteligencias donde tanto las personas como las cosas se comuniquen entre sí para generar la toma de decisiones. Para el 2020 o quizás antes se espera que haya “agentes” en la Web que conozcan, aprendan y razonen como lo hacemos las personas.</p>
<p>La Web Ubicua es un concepto que está aún en desarrollo, pero me llama curiosamente la atención como se van complementando algunas tecnologías que nos permiten imaginar o soñar lo que podemos esperar en un futuro no muy lejano. Imagínese recibir información en su celular en la calle por la que camina y que su propio equipo le haga una reservación en el restaurant de la esquina con solo saber sus gustos.</p>
</div>
<div class="img_evo"><img src="Imagen/web40.png"/></div>
<div><a href="#awebb1">WEB 1.0</a></div>
<div><a href="#awebb2">WEB 2.0</a></div>
<div><a href="#awebb3">WEB 3.0</a></div>
<div><a href="#awebb4">WEB 4.0</a></div>
</div>
</div>
<div class="ed-container">
<main class="ed-item s-75">
</main>
<aside class="ed-item s-25">
</aside>
<div class="subir"><a href="#arriba">Subir</a></div>
</div>
<footer class="ed-container" id="abajo">
<div class="ed-item">
<p>Practica de HTML5 y jade</p>
<p>Periodo Enero- Agosto 2017</p>
</div>
</footer>
</body>
</html>