Examen Aplicaciones Web Teórico Parte 2

Internet Evolución y funcionamiento final

¿Qué es internet?

• Sistema global de redes de computadoras interconectadas entre si que utilizan la familia de protocolos TCP/IP para compartir recursos e intercambiar información entre dispositivos de todo el mundo. Una red de redes descentralizada que funciona como una única red.

¿Cuál ha sido el origen de internet?

• Fue creada por el departamento de defensa de EEUU en 1969 y se llamó ARPANET

Nombra algunos servicios de internet que aún se utilizan hoy ...

• Correo electrónico --> enviar y recibir mensajes de texto con o sin documentos adjuntos a una o varias personas desde un emisor.
• FTP (File Transfer Protocol)--> Servicio que permite la transferencia de ficheros entre máquinas.
• WWW (Wold Wide Web) --> Sistema de documentos de hipertexto interconectados entre si.
• Es la herramienta mas utilizada en internet, permite a los usuarios acceder mediante un navegador a páginas. Se navega entre las páginas mediante hiperenlaces.

¿En qué consiste la Wold Wide Web?

• Creada en 1989, por Tim Berners-Lee mientras trabajaba en el CERN
• Consiste en un sistema de organizar la información mediante páginas conectadas a través de hiperenlaces. Utiliza internet como medio físico con el protocolo HTTP (Hipertext Transfer Protocol)
• Los navegadores web pueden hacer peticiones de dichas páginas a los servidores web. Se define también el lenguaje HTML para la edición de páginas web.

1. 0 web estática
2. 0 web de contenido dinámico y carácter colaborativo
3. 0 semántica, adaptada al usuario
4. 0 ubicuo, comunicación entre personas y cosas.

¿Qué es una página web estática?

• El usuario es solo un visitante, no interactúa con la página porque no existe un modo de registrarse. Las web 1.0 carecían de bases de datos.

 ¿Cómo y cuando surgió el término web 2.0 ?

• En 2004 tras la con lo que sobrevivió tras la crisis de las .com
• Los usuarios ya nos son meros espectadores, existen las bases de datos y los usuarios se pueden registrar, interactuando con la página web creando un perfil, participando en foros, comentarios...
• Se implementa Ajax que hace la web mas rica y dinámica. La web está creada por muchos sitios pequeños descentralizando todo el conjunto.

•  Tipos de servicios en la web
• Redes sociales
• foros
• plataformas para compartir contenido multimedia
• ofimática Web
• blogs y microblogs
• Wikis
• Sistemas de marcadores sociales

¿Qué es la Web semántica?

• La evolución de la web 2.0 a la web 3.0. Se analiza el comportamiento de los usuarios para ofrecer contenido de acuerdo a sus gustos y preferencias. Encontramos novedades como siri, google now.

Posibles características de la web 4.0 ...

• Gafas de realidad aumentada
• Diálogo con un agente virtual 
• Integración en los vehículos
• Implantes neuronales con acceso directo a internet.

¿Qué es una aplicación Web?

• Herramienta que los usuarios pueden utilizar a través de un servidor web a través de internet o intranet mediante un navegador.

¿Qué ventajas ofrece una aplicación web?

• Independencia del sistema operativo, se accede a través de un navegador, facilidad para mantener y actualizar la aplicación llegando a un gran número de usuarios sin necesidad de distribuir la aplicación web.

¿Qué es un blog y para qué sirve?

• Web log - diario web. Es una aplicación web que se actualiza periódicamente y recopíla de forma cronológica textos o artículos de uno o varios autores.
• Podemos subir, texto, imágen o vídeo, enlaces a otros recursos.
• Los lectores pueden opinar
• Microblogs - Twitter, Quitter, Tumblr.

¿Qué es una Wiki y para qué sirve?

• Es una aplicación web que permite a los usuarios añadir, modificar, o borrar contenido en colaboración con otros usuarios. Utilizan lenguajes propios como wikitexto o WYSIWYG. La wikipedia es un ejemplo de Wiki. Enciclopedia libre, políglota, colaborativa.

¿Qué son las redes sociales?

• Un medio de comunicación social que se centra en encontrar gente para relacionarse online. Se comparten intereses, algún tipo de relación, actividades comunes, amistad.

¿Qué son las aplicaciones web de marcadores sociales?

• Permite al usuario, añadir, anotar, etiquetar, editar, descubrir, clasificar y compartir marcadores de documentos web.

¿Qué es un servidor web?

• Un sistema que procesa peticiones a través de un protocolo HTTP. 
• Básicamente escucha por el puerto 80
• Recibe una petición
• Busca el recurso
• Envía el recurso por la misma conexión o devuelve el error 404 si no lo encontró.

Software con el que funcionan los servidores ...

• Apache - código abierto, versiones para Windows y Linux
• IIS - Software propietario integrado en los servidores Windows
• Nginx - Código abierto apropiado para webs con mucho tráfico.
• ...pero con un servidor web no es suficiente para gestionar una aplicación web así que existe un conjunto de servicios que engloba todo lo necesario para la gestión de páginas web.
• WAMP - Windows Apache MySQL PHP
• LAMP - Linux Apache MySQL PHP
• XAMPP - X Apache MySQL PHP Perl

¿Qué es un servidor Web?

• Conjunto de aplicaciones y tecnologías capaces de interoperar en la web para la gestión de las bases de datos.

Sistema gestor de base de datos ... 

• Nos permite añadir datos en las aplicaciones web y almacenar esa información.Con una interfaz en lenguaje php, se realizan la conexión externa a la información, interactuamos con ella, y la formateamos, para su visualización por parte de un navegador.

Esquema de funcionamiento:

Sistemas de gestión de bases de datos ...

• software libre - MySQL, PostgreSQL, Firebird
• software Privativo - Oracle RDBMS , Microsoft SQL Server.

¿Que es PHPMyadmin?

• Herramienta que permite acceder a todas las funciones de bases de datos MySQL mediante una interfaz muy intuitiva. Podemos crear, gestionar y eliminar bases de datos entre otras operaciones.

¿Qué es un sistema de gestión de contenido?

• CMS - es una aplicación informática que permite crear, publicar editar y gestionar contenido desde una interfaz central. Para instalar un CMS necesitamos un servidor web, un sistema de gestión de bases de datos y lenguaje de programación. Entornos LAMP/WAMP
• La ventaja es que sin conocimientos de programación, el CMS se gestiona fácilmente. Permite modificar el diseño y el contenido por separado. 
• CMS de código abierto - wordPress, Joomla, Drupal, CMS Mae Simple, Synphony.
• CMS Propietario - IBM lotus Web Content Management, Elcom CMS

Funcionalidades:

• Blog - wordPress, CMS Made Simple, Synphony, Umbarco
• foros - php, Vanilla, MyBB
• Wikis - DokuWiki, MediaWiki, TikiWiki
• e-lerning - Moodle, Blackboard, Claroline
• e-comerce - os-Comerce, Prestashop, OpenCart
• Publicaciones digitales - ePrints, Thinquingdot CMS
• Difusión de contenido multimedia - DragonFly CMS, Coppermine photo galery
• Propósito general - Dupal, joomla, Magnolia CMS

Examen Aplicaciones Web Teórico parte 1

HTML

Lenguajes empleados por las aplicaciones web

• Lenguajes del lado cliente:
• HTML (Hipertext Markup Language) Lenguaje de marcas de hipertexto que sirve para dar estructura a una página web.
• CSS 8Cascade Stule Sheet) Hojas de estilo en cascada. Define la presentación de una página Web. 
• JavaScript Lenguaje de programación que permite crear scripts del lado cliente, para controlar el navegador o alterar el contenido que muestra el documento web.
• AJAX (Asyncronous JavaScript and XML) Conjunto de tecnologías web que permite que las páginas web se actualicen de forma asíncrona intercambiando pequeñas cantidades de datos con el servidor de manera que sea posible actualizar partes de la página sin recargar la web completa.
• Lenguajes del lado servidor:
• PHP - Lenguaje de script multiplataforma creado para páginas web dinámicas.
• Java pájinas JSP y Servlets - Orientadas a desarrollar páginas web en Java:
• JSP - Se incluye el código Java en el documento HTML y se ejecuta en el servidor para incluír contenido de forma dinámica.
• Servlets - Aplicaciones JAVA completas en el servidor que generan páginas web de forma dinámica a partir de los parámetros que envíen los navegadores.

• ASP.NET - Comercializada por Microsoft, conjunto de clases, se utiliza en servidores Windows.
• Python - Lenguaje multiplataforma y multiparadigma que permite diferentes lenguajes de programación.
• Perl - Lenguaje de programación que permite extraer información de los archivos de texto y generar informes a partir del contenido de los ficheros.

¿Qué es un lenguaje del lado cliente? 

• Se puede interpretar directamente por el navegador, son independientes del servidor y se pueden alojar en cualquier servidor, el código es visible del lado del cliente.

¿Qué es el lenguaje del lado del servidor?

• Lenguaje reconocido, ejecutado e interpretado por el servido, se envían al cliente en un formáto comprensible para el, Independiente del navegador utilizado, El código puede ocultarse al cliente que verá el documento HTML finalizado. 

¿Que es XHTML ?

• Una adaptación de HTML con las restricciones XLM que es una versión mas estrícta  y limpia de HTML 

¿Qué son las etiquetas XHTML?

• Definen cada uno de los elementos del documento XHTML, las etiquetas pueden contener atributos para definir alguna de las características de la etiqueta.
• <etiqueta atriburo=valor> ... </etiqueta>

¿Cómo se pone un comentario en XHTML o HTML?

•  <!-- Aquí escribo un comentario que no se ve en la página -->

¿Qué es <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ?

• Document Type Definition (DTD) Definición y tipo de documento. Define las etiquetas, atributos de cada etiqueta y valor de cada atributo.

¿Cuál es la única etiqueta que se pone fuera de la etiqueta html?

• DOCTYPE

¿Cómo defines que un documento será HTML5?

• <!DOCTYPE html>

¿Cómo validas un documento HTML?

• Con el editor HTML y con el validador en línea de W3C

¿Qué es un espacio de nombres en un documento XML?

• Permite diferenciar las etiquetas y atributos que pertenecen a cada lenguaje y para eso en en la etiqueta HTML se incluye el atributo:
• <html xmlns="http://www.w3.org/1999/xhtml">
  

 CSS

Define lenguaje CSS ...

• Cascade Style Sheets - Hojas de estilo en cascada. Define el aspecto y presentación que tendrá un documento HTML

¿Cómo se inluye el código css en html?

• Incrustado - dentro de <head>
• Vinculado - archivo a parte con extensión .css y enlazado con la etiqueta <link>

<html>
    <head>
        <title>CSS en arquivo externo</title>
        <link rel="stylesheet" type="text/css" href="css/estilos.css"/>
    </head>
    <body>
        <p>Algo de texto.</p>
    </body>
</html>

• En línea dentro de <body> con la etiqueta <style>

<p style="color: red; font-size: 12pt; ">Algo de texto.</p>

¿Cuál es la ventaja de utilizar hojas de estilo vinculadas?

• Una sola hoja de estilos, sirve para múltiples documentos HTML y modificando una sola hoja de estilos, modificamos el aspecto y la presentación de múltiples documento HTML

Componentes de un estilo CSS

• Regla - todo lo que compone la hoja de estilos
• Selector - Elemento o elementos html sobre los que se aplica la regla css.
• Declaración - Especifíca los estilos que se aplica a los elementos.
• Propiedad - Características que se modifican en el elemento seleccionado.
• Valor - Establece el valor de la propiedad. 

¿Cómo aplicas estilo a varios elementos a la vez?

• Se escriben varios selectores separados por comas

h1, h2, h3 {
    font-family: Verdana;
    color: black;
    background-color: white;
}

¿Pero y si no queremos aplicar un estilo siempre a la etiqueta?

• Creamos una etiqueta class en el documento html aplicándosela a la etiqueta que queremos modificar de forma puntual.

HTML → <h1 class="especial">Cabeceira de primeiro nivel</h1>
CSS →
.especial {
    font-family: Verdana;
    color: black;
    background-color: white;
}

¿Qué son las etiquetas <div> y <span>?

• Etiquetas html que definen un bloque <div> o una linea <span>

¿Cómo cambiamos el aspecto de los enlaces?

•  Añadiendo al selector (a) pseudoetiquetas:
• : link - aplica estilos a recursos no visibles
• : visited - "        "       "      "         visitados.
• : hover -   "        "       "      "       que señalamos con el cursor
• : active -   "       "       "      "       en el momento de hacer click sobre un enlace.

Unidades de medida absolutas y relativas

• em - relativa respeto al tamaño de la letra
• ex relativa respeto a la altura de la letra x
• px (pixeles) - relativa respeto a la resolución de pantalla del dispositivo que se utiliza.

¿Cuál es el sistema de colores mas utilizado para css?

• Código RedGreenBlue hexadecimal ej:
• #0000ff = blue
• #00ff00 = green
• #ff0000 = red

Introducción - AW

Vamos a ver con qué nos encontramos a principio de curso en el módulo de Aplicaciones Web

Esta entrada se retoca sobre la marcha.

¿Qué es HTML?

• HyperText Markup Language
  • Lenguaje de marcado para la elaboración de páginas Web

¿Qué es RSS?

• Permite distribuir contenidos sin necesidad de un navegador. Los usuarios se pueden suscribir y reciben las actualizaciones del contenido del sitio al que se suscriben.
• Formato  XML

¿Qué es una aplicación Web?

• Una herramienta a la que puede acceder el usuario a través de internet.

¿Qué es computación en la nube?

• Permite ofrecer servicios de computación a través de internet.

¿Qué es Web 2.0?

• Es la Web colaborativa.

¿Cuál es el organismo más influyente en materia de estándares web?

• W3C

¿Cuáles son las principales tecnologías en las que se basa la web?

• URL, HTTP, HTML, XHTML, CSS, además de SOAP, XML, UDDI y WSDL, que sirve para las RIA y los servicios Web.

¿Qué es el hipertexto HTML?

• Es el contenido de las páginas Web

¿Qué es el protocolo de transferencia de hipertexto HTML?

• Es el principal protocolo utilizado en la Web.
• Es el conjunto de normas mediante las cuales se envían las peticiones de acceso a una Web y la respuesta de esa Web.

¿Qué es un estándar Web?

• Conjunto de recomendaciones sobre la creación e interpretación de páginas Web, así como la accesibilidad, interoperabilidad y usabilidad sobre el desarrollo y la administración de sitios y servicios Web.

¿Qué es ACID Test?

• Acid3 es un sitio hecho por WaSP que pone a prueba los navegadores con los estándares web.

¿Que es CSS?

• (cascading style sheets). Hoja de estilo en cascada. Lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTLM o XLM y por extensión XHTML. 

¿Como se denomina el estándar que formula las especificaciones de las hojas de estilo? 

• W3C

¿Qué son las cabeceras HTTP?

• Los parámetros que se envían en una petición o respuesta HTTP al cliente o al servidor para proporcionar información esencial sobre la transacción en curso. Estas cabeceras proporcionan información mediante la sintaxis 'Cabecera: Valor' y son enviadas automáticamente por el navegador o el servidor Web.