Teoría
5 octubre 2016
All +
All –
TEORÍA (TEMARIO Y RECURSOS)
- 1. INTRODUCCIÓN A LA INTERNET
-
+ –
1.1.¿Qué es Internet?- + –
– Internet (definiciones)-
– Es la unión de miles de redes informáticas conectadas entre sí, mediante una serie de protocolos (TCP/IP), que hacen posible, para cualquier usuario de una de estas redes, comunicarse o utilizar los servicios de cualquiera de las otras.
– Internet es una red mundial formada por millones de ordenadores de todo tipo y platafoma, conectados entre sí por diversos medios y equipos de comunicación, cuya función principal es la de localizar, seleccionar e intercambiar información desde el lugar en donde se encuentra hasta aquél donde haya sido solicitada o enviada.
+ –
– The Federal Networking Council (FNC), fecha: 24-Octubre-1995: «Internet» refers to the global information system that:-
• 1. is logically linked together by a globally unique address space based on the Internet Protocol (IP) or its subsequent extensions/follow-ons.
• 2. is able to support communications using the Transmission Control Protocol/Internet Protocol (TCP/IP) suite or its subsequent extensions/follow-ons, and/or other IPcompatible protocols
• 3. provides, uses or makes accessible, either publicly or privately, high level services layered on the communications and related infrastructure described herein
– Campos donde se usa Internet: educación, ciencia, compras, banca, empresas, medicina, ocio, administración, militares, ONG’s, vigilancia, periódicos, libros, sexo, comunicación, hobbies, asociacionismo, asesoría legal, música, guía telefónica, turismo, salud, deportes, tecnología, cine, cocina, votaciones, hogar, idiomas, búsquedas, reservas, radio, TV, historia, política, religión, software, arte, timos, apuestas, bolsa, multimedia, publicidad, museos, …
– Aplicaciones usadas en Internet: WWW, e-mail, chat, foros temáticos, videoconferencia, buscadores, juegos, descargas, acceso remoto, “pirateo”, computación distribuída, seguridad, hacking, …
-
-
- + –
– Características de Internet- + –
• Red Global- – 171 millones de servidores en 90% países
- – 675 millones de usuarios (exponencial)
- – 11,5 millones en España (2004)
- + –
• Multidisciplinaria- – Profesiones, nacionalidades, creencias, culturas, edades, niveles económicos, ocupaciones, …
- + –
• Fácil de usar- – la parte técnica queda oculta
- – se maneja con un entorno gráfico
- + –
• Económica- – Precios de llamadas telefónicas locales
- – Tarifas planas
- + –
+ –
1.2.Origen y evolución histórica- + –
– Historia de Internet- + –
• 1969-
– Surge ARPAnet (con 4 nodos) gestionado por el DARPA (Agencia de Proyectos de Investigación Avanzada de Defensa) del Departamento de Defensa de EEUU.
-
- + –
• 1972- – Existen ya 40 nodos. Se empieza a usar el correo electrónico.
- + –
• 1983- – Se desarrolla el servidor de nombres (DNS), evitando direcciones numéricas (a nivel usuario).
- + –
• 1984-
– La NSF decide crear su propia red, denominada NSFNet, basada en la tecnología ARPANet, que sigue siendo una de las piezas más importantes de Internet. El número de hosts rebasa los 1.000.
-
- + –
• 1989- – El número de hosts es de 100.000.
- – Desaparece ARPANet.
- + –
• 1992- – Se desarrolla WWW. Más de 1.000.000 de hosts.
- + –
• 1993- – Aparecen los centros comerciales en Internet.
- + –
• 1995- – 4 millones de nodos y 40 millones de usuarios
- + –
• 1997- – 8 millones de nodos y 80 millones de usuarios
- + –
• 2003- – 171 millones de nodos y 675 millones de usuarios
- + –
1.3.El protocolo TCP/IP
1.4.Conceptos básicos: hosts, DNS, cookies, …
1.5.Elementos de una instalación de red doméstica, o de oficina
1.6.Formas de acceso a Internet: instalación y configuración básica de acceso (ADSL, velocidades, Ethernet)
1.7.Configuración de protocolos: como configurar el acceso en Windows
+ –
Sesiones prácticas:- Prácticas con el navegador web.
+ –
VÍDEOS- ~ Lec110 Conceptos Básicos sobre Internet – parte 1 (Alejandro Bia)
- ~ Lec111 Conceptos Básicos sobre Internet – parte 2 (Alejandro Bia)
- ~ Lec112 Conceptos Básicos sobre Internet – parte 3 (Alejandro Bia)
- ~ Lec113 Conceptos Básicos sobre Internet – parte 4 (Alejandro Bia)
- ~ Lec115 Conceptos Básicos sobre Internet – parte 6 (Alejandro Bia)
- ~ Lec116 Conceptos Básicos sobre Internet – parte 7 (Alejandro Bia)
- + –
-
- 2 SERVICIOS DE INTERNET
- 2.1.Correo electrónico
- 2.2.Servicios de noticias
- 2.3.Transferencia de ficheros (FTP, Dropbox, Google Drive): cómo subir y bajar ficheros.
- 2.4.Telnet, escritorio remoto (RDT, Teamviewer).
- 2.5.Word Wide Web
- 2.6.Lenguajes de marcado (SGML, HTML, XML)
- 2.7.Navegadores (IE, Firefox, Chrome)
- 2.8.Técnicas de búsqueda de información
- 2.9.Web 2.0: Digg, Del.icio.us, YouTube, P2P, MySpace, BlogSpot, etc.
- + –
Sesiones prácticas:- Prácticas con el navegador web.
- + –
VÍDEOS
- 3. DISEÑO WEB
- + –
3.1.Diseño de Sistemas de Información Web- + –
Evaluación de sitios Web: ¿Qué evaluar?- + –
Requisitos:- Funcionales y no funcionales
- + –
Usabilidad:- Accesibilidad vs. Usabilidad
- Concepto de amigable (user friendly) e intuitivo
- Personalización (buena y mala): cookies, geolocalización
- + –
Estadísticas de uso- Accesos a páginas (logs o bitácoras del servidor)
- Clicks en enlaces: permiten reubicar enlaces
- + –
Servicios de métricas de acceso:
- + –
Diseño gráfico:- + –
Uso del espacio de pantalla- Diseños multidispositivo
- Uso de imágenes, animaciones y «peso» de las páginas
- ~ Infografía: Elements of Design
- + –
- + –
Contenidos:- Arquitectura de la información
- + –
Diseño infográfico- ~ Infografía (Wikipedia)
- + –
~ Let’s start by thinking about the most important aspects of the infographic design process:
-
1. Flow. We’re not talking about a chart of numbers. There should be some thinking behind the way your data is presented so that the viewer is walked through a story.
2. Colors. Infographics first need to catch the eye before they can be read.
3. Data. Infographics need precise data and good analysis. That’s why there’s a code of ethics about infographics.
4. Sources. Infographics aren’t pretty pictures that spice up a brochure. They present information, and that information needs to be sourced.
5. Words. Don’t forget that infographic design is a mix of writing and graphic design. Make your case concisely and clearly.
-
- + –
~ Ejemplo de imágenes en Google
- ~ Infografía (Wikipedia)
- + –
Mapa de sitio (sitemaps) - + –
Migas de pan (breadcrumbs) - + –
Cabezales y pies de página
- + –
- + –
Lecturas introductorias:
- + –
- + –
3.2.Arquitectura de la información- + –
Lecturas introductorias: - Infografías
- + –
- + –
3.3.Usabilidad y accesibilidad- + –
Lecturas introductorias:
- + –
- + –
Sesiones prácticas:- Técnicas de diseño mediante prototipos: wireframes, mockups, storyboards.
- + –
VÍDEOS- + –
Lecture 1.2 The Power of Prototyping (1349) (Scott Klemmer) - + –
Lecture 1.3 Evaluating Designs (1215) (Scott Klemmer) - + –
3.1.Técnicas de diseño mediante prototipos: wireframes, mockups, storyboards.
- + –
- + –
- 4. CREACIÓN DE PÁGINAS WEB
- + –
4.1.El lenguaje HTML - + –
4.2.CSS: Hojas de estilo en cascada - 4.3.Los lenguajes XML y XHTML
- 4.4.Introducción a los lenguajes de scripting (p.ej. JavaScript)
- + –
Sesiones prácticas:- Prácticas con editores especializados
- Hojas de estilos CSS / XSL
- + –
Manuales de referencia (web) - + –
VÍDEOS Y TUTORIALES- + –
4.0 – Herramientas portables para su uso en prácticas (PortableApps) - + –
4.1.El lenguaje HTML- + –
2 Partes de un documento HTML - 3 – Formatos de texto
- 4 – Formatos de párrafo
- + –
5 – HTML-Colores - + –
6 – HTML-Listas - + –
7 – HTML-Hiperenlaces - + –
8 – HTML-Imágenes - + –
9 – HTML-Tablas - + –
10 – HTML-Formularios - + –
11 – Frames / iFrames - + –
12 – HTML-Insertar-Vídeos - + –
Markdown, una alternativa a la codificación en HTML- ~ Markdown – Wikipedia
- ~ 78 Tools for Writing and Previewing Markdown
- ~ VoodooPad Markdown
- ~ Doxygen: Manual Markdown support
- ~ Why I Love Markdown – Press Up
- ~ GitHub Flavored Markdown · GitHub Help
- + –
~ Ultimate Markdown Maestro Guide – RocketINK
- ~ Coding Horror The Future of Markdown
- + –
REFERENCE- ~ Markdown Cheatsheet – Ahren Code
- ~ Markdown syntax reference guide – iA Writer Support
- + –
~ Daring Fireball: Markdown Syntax Documentation
- + –
~ Quick Markdown Syntax Guide
- ~ Markdown, A MacSparky Field Guide – MacSparky (eBook)
- ~ Markdown Editing Help – Stack Overflow
- ~ GitHub Flavored Markdown · GitHub Help
- ~ Markdown Cheatsheet – Ahren Code
- ~ Markdown – Wikipedia
- + –
- 4.2.CSS: Hojas de estilo en cascada
- + –
4.3.Los lenguajes XML y XHTML- + –
4.30 – XML-Copy-Editor en 20 minutos - + –
4.31 – Cómo recuperar-XML no-valido - + –
4.32 Diferentes-usos-del-XML - + –
4.33 Entendiendo las DTD y los Schemas - + –
4.34 Transformaciones-XSLT
- + –
- + –
4.4.Introducción a los lenguajes de scripting (p.ej. JavaScript) - + –
Tutoriales y recursos web:- ~ W3C: Markup Validation Service
- + –
CSS - + –
XHTML- ~ Guía Breve de XHTML
- ~ Introducción a XHTML_LibrosWeb.es
- ~ Primeros pasos hacia XHTML_Maestros del Web
- ~ Manual XHTML
- ~ Introduction to XHTML_w3schools.com
- ~ XHTML Reference_xhtml.com
- ~ W3C: XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)
- ~ Chuleta: HTML Help Sheet
- ~ Manual de XHTML y CSS
- ~ Tutorial XHTML (Luis Canada)
- ~ Guía Breve de XHTML
- ~ W3C: Markup Validation Service
- + –
Lectura complementaria
- + –
- + –
- 5. APLICACIONES WEB
- + –
5.1.Nociones prácticas sobre servidores web (p.ej. Apache, MySQL, PHP) - + –
5.2.Sistemas gestores de contenidos (CMS)- + –
WordPress - + –
PostNuke - Joomla!
- Drupal
- + –
dotCMS - + –
Plone
- + –
- + –
5.3.Entornos colaborativos- + –
Collabtive - + –
dotProject - + –
Web2project
- + –
- + –
5.4.Web 2.0: Blogs, Wikis, Google Apps, etc.- + –
BLOGS - WIKIS
- + –
GOOGLE APPS
- + –
- + –
Sesiones prácticas:- Publicación de páginas en la web
- Instalación y configuración de servidores web (Server2go o XAMPP Portable)
- Prácticas con herramientas Web 2.0: Blogs, Wikis, Google Apps…
- + –
VÍDEOS- + –
5.1 Servidores-PHP - 5.4.Web 2.0: Blogs, Wikis, Google Apps, etc.
- 5.3.Entornos colaborativos
- 5.2.Sistemas gestores de contenidos (CMS)
- + –
- + –