Actividad #11 Pruebas Evaluativas

Actividad #10

Actividad #9

Lenguajes de marcado
Un “Lenguaje de marcado” o “lenguaje de marcas” se puede definir como una forma de codificar un documento donde, junto con el texto, se incorporan etiquetas, marcas o anotaciones con información adicional relativa a la estructura del texto, su presentación,..


• Anotación (metadatos): información añadida al documento que no forman parte del texto en sí mismo
• Lenguajes de marcado (de anotaciones): conjunto de reglas que describen cómo deben realizarse anotaciones, bajo qué condiciones se permiten y su significado.


Los lenguajes de marcado permiten hacer explícita la estructura de un documento, su contenido semántico o cualquier otra información lingüística o extralingüística que se quiera hacer patente

Ejemplos:

• <fecha>El día <date>22/11/2006 </date>tuvo lugar ...</fecha>

• <subr>Móstoles</subr>a<subr>2 de noviembre</subr>


Los lenguajes de marcado se pueden clasificar en:
• Procedimental:
– Describen operaciones tipográficas
• Estructural:
– Describen la estructura lógica de un documento, pero no su tipografía
• Híbrido:
– Combinación de ambos
– Las hojas de estilo o lenguajes de transformación permiten la “traducción” de anotaciones de tipo estructural a anotaciones de carácter tipográfico.


Otra posible clasificación sería:
• De presentación:
– Indica el formato del texto (información para el maquetado).
• De procedimientos:
– Orientado también a la presentación pero, en este caso, se indican los procedimientos que deberá realizar el SW de representación.
• Descriptivo o semántico:
– Describen las diferentes partes en las que se estructura el documento pero sin especificar cómo deben representarse.


Algunos lenguajes de marcado específicos:
– Documentación electrónica
• RTF
• TeX
• Wikitexto
• DocBook
– Tecnologías de internet
• HTML, XHTML
• RDF (recurso-propiedad(relación)-valor)
• RSS
– Otros lenguajes especializados
• MathML
• VoiceXML
• SVG
• MusicXML


HTML

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.


PALABRAS RESERVADAS DE HTML
LISTADO DE TODOS LOS TAGS HTML

* ADDRESS - Direccion

* APPLET - Applet de java

* AREA - Zona o Figura del mapa de imagen

* A - Ancla

* BASE - Lugar donde se encuentra el documento

* BASEFONT - Tamaño de dafault del font

* BIG - Texto grande

* BLOCKQUOTE - Cita Grande

* BODY - Cuerpo del documento

* BR - Nuevo renglon

* B - Negritas

* CAPTION - Titulo de la tabla

* CENTER - Centrar

* CITE - Citar

* CODE - Fragmento de un codigo

* DD - Definicion

* DFN - Definir un concepto

* DIR - Directorio

* DIV - Divison logica

* DL - Definicion de lista

* DT - Definicion concepto

* EM - Texto enfatizado

* FONT - Font

* FORM - Forma o Formulario

* H1 - Encabezado 1

* H2 - Encabezado 2

* H3 - Encabezado 3

* H4 - Encabezado 4

* H5 - Encabezado 5

* H6 - Encabezado 6

* HEAD - Cabezera Documento

* HR - Linea Horizontal

* HTML - Documento

* IMG - Imagen

* INPUT - Objeto Html

* ISINDEX - Busqueda Primaria

* I - Italicas

* KBD - Teclado

* LINK - Enlace o liga

* LI - Elemento de una lista

* MAP - MAPA

* MENU - Menu

* META - Meta Informacion

* OL - Lista Ordenada

* OPTION - Opcion para objeto Select Html

* PARAM - Parametro de un applet java

* PRE - Tetxo preformateado

* P - Parrafo

* SAMP - Texto Exemplo

* SCRIPT - Programa Embebido o incorporado

* SELECT - Objeto Html

* SMALL - Texto Pequeño

* STRIKE - Texto tachado

* STRONG - Texto en negritas fuertes

* STYLE - Estilo

* SUB - Subscript

* SUP - Superscript

* TABLE - Tabla

* TD - Celda de una Tablal

* TEXTAREA - Area de Captura

* TH - Celda de encabezado en TABLAl

* TITLE - Titulo del documento

* TR - Renglon de una tabla

* TT - Teletipo

* UL - Lista sin ordenar

* U - Subrayado

* VAR - Variable



INDEX.HTML

Cuando construimos una página de internet el primer paso que hay que dar es crear el archivo index.html. El archivo index.html es la página principal del dominio al cual se accede. Al acceder un dominio cualquiera www.loquesea.com el servidor donde se encuentra ese dominio buscará el archivo llamado index.html donde se incluye todo el texto, imágenes, códigos etc que se quieran mostrar en la página principal. O sea, el archivo index.html es la página principal.

Para llegar a este archivo o crear el mismo en la mayoría de los servicios de alojamiento de páginas de internet existe un "folder" llamado www donde se debe incluir esta página principal llamada index.html. Si es un servicio gratuito de alojamiento por lo general el folder llamado www no se muestra ya que al entrar al manejador de archivos (File Manager) automáticamente ya estas en él y la página index.html se crea automáticamente al crear tu cuenta.

http://www.escet.urjc.es/~vfresno/oa/WebContent/trasparencias/Tema3a.pdf

http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

http://www.programacionfacil.com/html/tags

http://daleclick.blogspot.mx/2005/10/el-indexhtml.html

resumen

Actividad #7

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ágina estática

botones gif de 88x31 pixeles

uso de framesets

Web 2.0 comprende aquellos sitios web que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario¹ 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.

blogs

                                                            wiki

redes sociales

Entornos para compartir recursos:

documentos

almacenamiento online

edicion de imagenes

agregadores de noticias

presentaciones

videos

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.

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.

bases de datos

inteligencia artificial

3D

Web 4.0

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.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.

Arquitectura de las aplicaciones web

Arquitectura de 2 capas

 Arquitectura de 3 capas

Resumen de conceptos:

Clientes: Dan acceso a informacion y servicios en internet

Servidores: Alojan la informacion y los servicios

Nube: Conjunto de terminales y servidores interconectados con aplicaciones y protocolos de Internet

TCP/IP: Protocolos de interconexion de redes de fibra, cable, WIFI sobre los que se implementan las aplicaciones de Internet y sus protocolos.

Clientes de acceso a Internet mas importantes: PCs, portatiles, tabletas, telefonos inteligentes

Navegador: cliente web de acceso a servidores utilizando URL,HTTP, HTML, CSS y JS

Tiendas de aplicaciones: Instalan aplicaciones en moviles y tabletas usando las formas de la web.

Maquina servidora (host): Contiene informacion y servicios. tiene una direccion "conocida" en Internet. Direccion simbolica (de dominio o DNS): upm.es.... Cada direccion de dominio tiene una direccion IP (binaria) asociada.

Existen 2 tipos de direcciones IP: IPv4 e IPv6

IPv4: con direccion de 32 bits o 4 octetos

Ipv6: con direccion de 128 bits.

URL (Uniform Resource Locator): Direccion de un recurso en un servidor en Internet

Internet soporta muchos tipos de servidores direrentes, cada uno utliza URL y protocolo diferentes. Tipos:

URL Web: utiliza HTTP

URL de correo: email.

Puerto: Direccion de 16 bits dentro de la maquina servidora, es donde se instala el programa servidor. El programa servidor es lo que denominamos servidor.

Los servicios tienen un protocolo y un puerto por defecto:

Web: protocolo HTTP (puerto 80)

Email: protocolo SMTP (puerto 25) POP3 (100,109)

Shell segura: SSH (puerto 22).

HTTP: (HiperText Transfer Protocol)

protocolo de la web, procesa recursos identificados por un URL en un servidor remoto. Algunos comandos son:

GET: trae al cliente (lee) un recurso identificado por un URL.

POST: crea un recurso identificado por un URL

PUT: actualiza un recurso identificado por un URL

DELETE: borra un recurso identificado por un URL

Aplicaciones ejecutables en un navegador creadas con:

HTML: lenguaje de marcado de paginas web, define la estructura del contenido de una pagina web.

CSS: Define el estilo visual de una pagina o aplicacion web.

JavaScript: Lenguaje de programacion de aplicaciones de un cliente.

WebApps o aplicaciones de cliente:

son aplicaciones que residen en un servidor pero se ejecutan en un cliente. Se identifican con un URL. El cliente trae la aplicacion del servidor con el protocolo HTTP (GET).

Las Apps se construyen con las tecnologias de la Web: URLs, HTTP, HTML, CSS y JavaScript.

https://programacionwebisc.wordpress.com/2-1-arquitectura-de-las-aplicaciones-web/

http://appsdelweb.blogspot.mx/2013/02/11-evolucion-de-las-aplicaciones-web.html

Actividad #5