LA WEB 2.0

La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología.

La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.

Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. Muchos aseguran que hemos reinventado lo que era el Internet.

EJEMPLOS DE LA WEB 2.0:

Y es que cuando el web inició, nos encontrábamos en un entorno estático, con páginas en HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario.

Pero para entender de donde viene el término de Web 2.0 tenemos que remontarnos al momento en que Dale Dougherty de O’Reilly Media utilizó este término en una conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive.

Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y así se dio la pauta para la Web 2.0 conference que arranca en el 2004

* La web es la plataforma
*La información es lo que mueve al Internet
*Efectos de la red movidos por una arquitectura de participación.
*La innovación surge de características distribuidas por desarrolladores independientes.
*El fin del círculo de adopción de software pues tenemos servicios en beta perpetuo.

General:

• El sitio no debe actuar como un "jardín cerrado": la información debe poderse introducir y extraer fácilmente




• Los usuarios deberían controlar su propia información
  Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito pueden ser utilizados enteramente desde un navegador




• La existencia de links es requisito imprescindible

APLICACIONES:

En el centro docente se debe tener una intranet educativa, aulas con ordenadores suficientes para todos los alumnos y con conexión a internet.
Los estudiantes necesitan disponer de ordenador y conexión a internet también en casa.
El profesorado deberá tener a su alcance un buen equipo para realizar y preparar todas las actividades.
Disponer de recursos para que los ciudadanos puedan acceder a internet como bibliotecas, centros cívicos, zonas wifi.

COMPONENTES DE UNA RED:

ADSL: es una técnica de transmisión que, aplicada sobre los bucles de abonado de la red telefónica, permite la transmisión sobre ellos de datos sobre a alta velocidad.

HUB:es un equipo de redes que permite conectar entre sí otros equipos y retransmite los paquetes que recibe desde cualquiera de ellos a todos los demás.

ROUTER:es un dispositivo de hardware para interconexión de red de ordenadores que opera en la capa tres (nivel de red). es un dispositivo para la interconexión de redes informáticas que permite asegurar el enrutamiento de paquetes entre redes o determinar la ruta que debe tomar el paquete de datos.

ARCHIVOS:es una colección de información (datos relacionados entre sí), localizada o almacenada como una unidad en alguna parte de la computadora.
son el conjunto organizado de informaciones del mismo tipo, que pueden utilizarse en un mismo tratamiento; como soporte material de estas informaciones.

MULTIMEDIA:Es cualquier combinación de texto, arte gráfico, sonido, animación y vídeo que llega a nosotros por computadora u otros medios electrónicos. Es un tema presentado con lujos de detalles.
SE COMPONE DE DOS TIPOS:

Multimedia Interactiva:
Es cuando se le permite al usuario final - el observador de un proyecto multimedia - controlar ciertos elementos de cuándo deben presentarse.
1.1.1. Hipermedia:

Es cuando se proporciona una estructura ligados a través de los cuales el usuario puede navegar, entonces, multimedia interactiva de convierte en Hipermedia.

CORREO:es un servicio de red que permite a los usuarios enviar y recibir mensajes rápidamente mediante sistemas de comunicación electrónicos. Principalmente se usa este nombre para denominar al sistema que provee este servicio en Internet, mediante el protocolo SMTP, aunque por extensión también puede verse aplicado a sistemas análogos que usen otras tecnologías.

IMPRESION:es un proceso para la producción de textos e imágenes, típicamente con tinta sobre papel usando una prensa. A menudo se realiza como un proceso industrial a gran escala, y es una parte esencial de la edición de libros.

SWITCH:es un dispositivo digital de lógica de interconexión de redes de computadores que opera en la capa 2 (nivel de enlace de datos) del modelo OSI. Su función es interconectar dos o más segmentos de red, de manera similar a los puentes (bridges), pasando datos de un segmento a otro de acuerdo con la dirección MAC de destino de las tramas en la red.

TARJETA DE RED:permite la comunicación entre diferentes aparatos conectados entre si y también permite compartir recursos entre dos o más equipos.
actúan como la interfaz entre un ordenador y el cable de red. La función de la tarjeta de red es la de preparar, enviar y controlar los datos en la red.

QUE ES EXTRANET!!!

extranet es:

Una extranet es una red privada virtual que utiliza protocolos de Internet, protocolos de comunicación y probablemente infraestructura pública de comunicación para compartir de forma segura parte de la información u operación propia de una organización con proveedores, compradores, socios, clientes o cualquier otro negocio u organización.

QUE ES INTRANET!!!

intranet es:

una red de ordenadores privados que utiliza tecnología Internet para compartir dentro de una organización parte de sus sistemas de información y sistemas operacionales. El término intranet se utiliza en oposición a internet, una red entre organizaciones, haciendo referencia por contra a una red comprendida en el ámbito de una organización.

su funcion es:

• proveer lógica de negocios para aplicaciones de captura, informes y consultas con el fin de facilitar la producción de dichos grupos de nivel de grupo de trabajo.


• Las redes internas corporativas son potentes herramientas que permiten divulgar información de la compañía a los empleados con efectividad, consiguiendo que estos estén permanentemente informados con las últimas novedades y datos de la organización.


• También es habitual su uso en universidades y otros centros de formación, ya que facilita la consulta de diferentes tipos de información y el seguimiento de la materia del curso.

QUE ES INTERNET!!!

internet es:

un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial.

CLASIFICACION DE REDES!!!

1._QUE ES UNA RED?
Una red de cómputo esta formada por un grupo de computadoras interconectadas a través de uno o varios medios de transformación
Su finalidad es compartir los recursos y la información entre los equipos que la conforman.

2._EXTENCION
Pueden ser:

LAN: red de área local no excede los 10 km, como en una oficina.

MAN: Red de área metropolitana no excede los 1000 km, en una ciudad

WAN: red de área amplia, se extiende por un país o el mundo

3._MEDIO DE TRANSMICION

Se utilizan:

Coaxial: de dos tipos delgado y grueso, se esta dejando de usar por no soportar mas de 10mbits.

Par trenzado (UTP): Se usa por cableados horizontales, soporta más de 100mbits .

Es el tipo de cable más común y se originó como solución para conectar teléfonos, terminales y ordenadores sobre el mismo cableado. Cada cable de este tipo está compuesto por un serie de pares de cables trenzados.

Fibra óptica: backbones de enlace entre edificios o cableado vertical de los edificios, soporta mas de 100 mbits.
Este cable está constituido por uno o más hilos de fibra de vidrio, cada fibra de vidrio consta de:
· Un núcleo central de fibra con un alto índice de refracción.
· Una cubierta que rodea al núcleo, de material similar, con un índice de refracción ligeramente menor.
· Una envoltura que aísla las fibras y evita que se produzcan interferencias entre fibras adyacentes, a la vez que proporciona protección al núcleo. Cada una de ellas está rodeada por un revestimiento y reforzada para proteger a la fibra.

Microondas:enlace punto a punto entre entidades o edificios lejanos

4.-TOPOLOGIA
La topología es la forma en que se distribuyen los elementos que conforman la red.

Estrella:

se caracteriza por tener todos sus nodos conectados a un controlador central, el cual esta encargado de gestionar y controlar todas las comunicaciones. Normalmente el controlador central puede ser el servidor de la red aunque también puede ser ser un dispositivo especial de conexión denominado comúnmente concentrador o hub.

Ventajas:
Tiene flexibilidad que ayuda a incrementar el numero de equipos conectados a la red.
Si alguna de las computadoras falla, la red sigue sin problemas, aunque si se presenta en el controlador central se afecta toda la red.
El diagnostico de problemas es simple ya que todos los euipos están conectado a un mismo controlador.

Desventajas:
No es adecuado en grandes instalaciones, debido a la cantidad de cable que debe agruparse en el controlador central.
Las comunicaciones entre instalaciones es lenta. AnilloUna topología de anillo se compone de un solo anillo cerrado formado por nodos y enlaces, en el que cada nodo está conectado solamente con los dos nodos adyacentes

Anillo

Una topología de anillo se compone de un solo anillo cerrado formado por nodos y enlaces, en el que cada nodo está conectado solamente con los dos nodos adyacentes.

Ventajas:
Permite aumentar o disminuir el número de estaciones sin dificultad.
La velocidad dependerá del flujo de información, cuantas mas estaciones intenten hacer uso de la red mas lento será el flujo de información.

Desventajas:
Una falla en cualquier parte deja bloqueada a toda la red.

Topología en árbol

La topología en árbol es similar a la topología en estrella extendida, salvo en que no tiene un nodo central. En cambio, un nodo de enlace troncal, generalmente ocupado por un hub o switch, desde el que se ramifican los demás nodos.El enlace troncal es un cable con varias capas de ramificaciones, y el flujo de información es jerárquico. Conectado en el otro extremo al enlace troncal generalmente se encuentra.

Ventajas:

El Hub central al retransmitir las señales amplifica la potencia e incrementa la distancia a la que puede viajar la señal.
Se permite conectar más dispositivos gracias a la inclusión de concentradores secundarios.
Permite priorizar y aislar las comunicaciones de distintas computadoras.• Cableado punto a punto para segmentos individuales. Soportado por multitud de vendedores de software y de hardware

Desventajas:
Se requiere más cable.
La medida de cada segmento viene determinada por el tipo de cable utilizado.
Si se viene abajo el segmento principal todo el segmento se viene abajo con él.
Es más difícil su configuración.

Red en bus:

Red cuya topología se caracteriza por tener un único canal de comunicaciones (denominado bus, troncal o backbone) al cual se conectan los diferentes dispositivos. De esta forma todos los dispositivos comparten el mismo canal para comunicarse entre sí.

Ventajas:
Facilidad de implementación y crecimiento.Simplicidad en la arquitectura.

Desventajas:
Longitudes de canal limitadas.
· Un problema en el canal usualmente degrada toda la red.
· El desempeño se disminuye a medida que la red crece.
El canal requiere ser correctamente cerrado (caminos cerrados).Altas pérdidas en la transmisión debido a colisiones entre mensajes.Es una red que ocupa mucho espacio

5.7 paginas basicas

Partiendo de la página que hemos creado, vamos a crear un par de páginas sencillas. La idea es tener páginas con algunos elementos, como texto, para poder comenzar con el diseño.
Otra opción podrá ser crear la páginas con un texto de prueba. En este caso, como ya sabemos lo que queremos poner podemos adelantar trabajo.

• Comenzamos por el título de la sección. Como estamos en la página inicial, y trata de ser una web amistosa, vamos a darle la bienvenida al usuario. Por ejemplo, lo cambiamos por ¡Bienvenidos a la web de Floramics!
• Al estar en la página inicial, vamos describir brevemente qué puede encontrar el usuario en nuestra página. Recuerda que la idea principal es que los usuarios visiten nuestra galería de fotos, que pensábamos dividir en cuatro categorías.

5.6 ESTRUCTURA DE LA PAGINA

pasos para crear una pagina base con estos elementos comunes que podemos utilizar como panilllas :
Vamos a ver qué elementos necesitamos en nuestro ejemplo:

1._ Un título, para lo que podemos utilizar un encabezado h1. En el se mostrará el nombre de la asociación, Floramics.
2._Un menú. En este caso pondremos un enlace a las siguientes secciones:

• Vamos a ver qué elementos necesitamos en nuestro ejemplo:
  Un título, para lo que podemos utilizar un encabezado h1. En el se mostrará el nombre de la asociación, Floramics.
  Un menú. En este caso pondremos un enlace a las siguientes secciones:
  Inicio (index.html)
  *Flores (flores/index.html)
  *Nosotros (nosotros.html)
  Contacto (contacto.html)
  *Noticias (noticias.html) Como son sólo cinco elementos, vamos a ponerlo en la parte superior, ya que en un lateral desperdiciaríamos espacio.
  *Un área para el contenido. Cambiará en cada página, pero tendrá un título para la sección.
  *El pie, por ejemplo para poner el copyright de la página. Podemos utilizar un elemento de bloque como un párrafo o un div. También existe una etiqueta específica,
  utilizada para contener información sobre el autor de la página.
  

5.5 ESTRUCTURA DEL MENU

Un menú no es más que una lista de enlaces relativos a nuestro sitio, llamados elementos del menú.
*Por lo general el menú se suele colocar en la parte superior de la página, junto al logo o debajo de él, o en un lateral, normalmente el izquierdo.
*El menú no debe de ser demasiado extenso. En un sitio grande no podemos pretender enlazar con todas las páginas, y no sería útil hacer buscar al usuario entre cincuenta enlaces.
*Normalmente, aparecerán las secciones de nuestro sitio web. Y por ejemplo, podemos utilizar diversos métodos para que el usuario pueda expandir cada sección y ver enlaces a los apartados de la sección, o utilizar menús desplegables.
*Los elementos del menú deben de ser descriptivos. Por ejemplo, no es útil poner una imagen, por bonita que sea, si puede que el usuario no entienda qué significa o a dónde lleva. O que para saberlo tenga que poner el cursor sobre él.
*El menú debe de ser ligero, y no ocupar demasiado espacio, ya que se repetirá en todas las páginas.

5.4 NAVEGACION

un usuario no debería de necesitar más de tres clics para llegar a la página que busca. Por eso lo primero que hemos de pensar es en facilitar a navegación.
El usuario debe de ser capaz de moverse de forma intuitiva por nuestro sitio sin perderse, para ello:

• Debe de saber dónde está. Debemos de dejarle claro en qué parte del sitio se encuentra. Para esto es muy útil el título de la página y utilizar un encabezado que identifique la sección.
• Debe de saber dónde ha estado. Debemos de evitar que el usuario pase una y otra vez por la misma página para buscar algo.
• Debe de saber dónde puede ir. Una página web se basa en enlaces, y estos deben de ser claramente identificables. Además, no deben de ofrecer dudas de a dónde llevan, por ejemplo con nombres de páginas entendibles
• Debe de poder seguir navegando. No le enviaremos a una página sin enlaces, desde la que no pueda continuar recorriendo el sitio.

La forma más habitual de solucionar todo esto es utilizar un menú, que se mostrará en todas las páginas

5.3 ORGANIZAR ARCHIVOS

¿cómo organizamos los archivos del sitio?

cuando accedemos a un sitio web, realmente accedemos a una carpeta de ese ordenador, que funciona como raíz del sitio. Internamente, dentro de esa carpeta, encontramos archivos y subcarpetas que nos permiten organizar el sitio, igual que organizamos los documentos en las carpetas de nuestro equipo

1. En la raíz del sitio, tendremos como mínimo la página de inicio, a la que llamaremos index.html (o .htm). abre una carpeta, busca el archivo index de la misma.
2. Organizaremos los tipos de archivo en carpetas.
3. Si tenemos secciones definidas, podemos guardar sus páginas en subcarpetas. Por ejemplo, en aulaclic.es
4. tenemos una carpeta para cada curso. Recuerda que es conveniente incluir en cada carpeta que contenga páginas htm, un archivo index.html, más que nada para que no se produzca un error si se accede directamente a la carpeta.
5. daremos un nombre descriptivo a los archivos.

5.2 LA TEMATICA DEL SITIO

La idea de crear un sitio y un tema que puede resultar interesante.
por ejemplo, aunque crear una página Web con nuestros hobbies y aventuras cotidianas puede ser un buen ejercicio pero, a la hora de la verdad a poca gente le resultará interesante leerlo. es mejor crear una cuenta:

• El tema también debe de ser concreto.
• Es mejor crear un sitio independiente para cada una.
• No sólo debemos de elegir un tema que resulte atractivo , si no que debemos de tener información sobre él.
• No tiene demasiado sentido crear un sitio para escribir un sólo artículo de media página
• El tema elegido determinará el diseño de la página. esto de acuerdo al gusto de cada persona.
• El tema elegido determinará el diseño de la página.
• distinguir cuales son las categorías en las que vamos a dividir nuestro sitio

QUE ES UN SITIO WEB?

Un sitio web o website, es un conjunto de páginas web, más o menos extenso, agrupadas bajo un dominio.

el sitio web parte desde una página inicial, o home, desde la que podemos acceder, de forma jerárquica a todo el contenido del sitio, a través de hiperenlaces. podemos encontrar enlaces hacia otros sitios distintos, ya que cada sitio tiene una URL única que nos permite acceder a él.

• El contenido de las páginas del sitio, puede estar escrito directamente en HTML.
• genera un sitio estático, que sólo recibe actualizaciones de vez en cuando, ya que hay que hacerlas manualmente sobre el código.
• lenguajes, como PHP, ASP o JSP que generan en HTML a partir de datos, como contenidos de bases de datos, datos introducidos por el usuario, información global.Esto origina sitios dinámicos, ya que los cambios se producen frecuentemente y son generados desde la propia página.

ELEMENTOS DEL ENTORNO KOMPOZER

barra de título:en esta como su nombre lo dice podemos insertar el titulo.

barrra de menus: podemos acceder a todas las opciones del programa.

barras de formato:estas nos ayudan a formatear un documento.

encontramos dos desplegables muy interesantes:

El primero, que en la imagen muestra Texto en el cuerpo, nos permite elegir el elemento que contienen el texto que escribimos, por ejemplo un encabezado o un párrafo.

El segundo, que en la imagen muestra (sin clase) nos permite asignar una clase al texto.

En la parte central, encontramos el área de edición, donde podemos editar el contenido de nuestra página. Podemos tener varias abiertas en distintas pestañas

para poder trabajar en esta pagina depende del modo de edición, de las cuatros disponibles en la parte inferior:

normal:.Con este modo, vemos el diseño de la página como se mostraría en un navegador. Aunque aparecen algunas marcas más, como información de la ubicación de algunas etiquetas especiales, como comentarios y scripts.

etiquetas HTML:funciona como el anterior, pero mostrando en cada etiqueta un cuadradito amarillo con su identificador.

Código fuente:nos permite trabajar diretamente sobre el codigo.

Vista preliminar, muestra la página como se vería en un navegador, sin ninguna marca adicional

En la parte inferior, en la barra de estado encontramos una barra que muestra la jerarquía de etiquetas que hay sobre el lugar.esto nos permite seleccionar cualquier etiqueta haciendo clic sobre ella.

si hacemos clic derecho sobre una etiqueta nos aparece

Seleccionar hace lo mismo que la hacer clic sobre la etiqueta.
Eliminar etiqueta borra la etiqueta, pero no su contenido.
Cambiar etiqueta, sustituye una etiqueta por otra sin lateral si contenido.
ID muestra una lista de los ID que utilicemos en nuestros estilos, y nos permite asignárselos a un elemento.
Clases, como con ID, muestra las clases disponibles y nos permite asignarlas al elemento

estilos en linea:permite definir el estilo del elemento, para lo que creará el atributo style.

propiedades avanzadas: podemos ver todos los atributos del elemento y sus valores, editarlos, eliminarlos o añadir nuevos. También podremos definir el estilo incrustado.

unidades virtuales e imagenes iso

QUE ES UNA IMAGEN ISO?
Imagen ISO es un archivo donde se almacena una copia o imagen exacta de un sistema de ficheros, normalmente de un disco compacto (como un CD o un DVD). Se rige por el estándar ISO 9660 de la Organización Internacional para la Normalización.

que podemos hacer con una unidad iso?
Podemos hacer dos cosas quemar (grabar) en un CD/DVD para tener nuestro “lo que sea” a buen recaudo y portable ó guardarlo en nuestro disco duro y cuando lo necesitemos montarlo en una Unidad Virtual para usarlo.Unidad Virtual es un espacio creado por un programa dentro de nuestro Disco Duro qué emula a un lector CD/DVD, cuando montamos un ISO en la Unidad Virtual es como si metiéramos un disco original en el Lector/Grabador de nuestro PC.Existen varios programas con los que podemos crear una Unidad Virtual: Alcohol 120%, UltraISO, Daemon Tools, Nero, PowerISO, etc …, dependiendo del programa también nos sirven para crear, editar, convertir y grabar archivos ISO.Al mismo tiempo cada programa tiene su propio formato nativo de imagen que se pueden considerar y se manejan como ISO.

• NRG: Es el formato del programa Nero
CIF: Es el formato del programa Adaptec Easy CD Creator.
• CCD: Es el formato del programa Clone CD.
• BWI: Es el formato del programa BlindWrite.
• MDF: Es el formato del programa Alcohol 120%.
• CSO: Es el formato del programa Daxter Creator. También conocido como Imagen CISO o Compressed ISO.
• UIF: Es el formato del programa MagicISO. Es el acrónimo de Universal Image File.
• ISZ: Es el formato del programa UltraISO (ISo Zipped).
• DAA: Es el formato del programa PowerISO Cómo decía en otro tutorial los archivos ISO pueden tener diferente aspecto (icono que lo representa) según al programa que estén asociados, pero se identifican fácilmente por su extensión “.iso”

CONTENIDO TEMATICO

unidad 1.- Diseño Web1.1.- introducción
1.1.1-puesta en común
1.1.2-alternativas
1.1.3-direcciones y servidores URL
1.1.4-paginas y citios web 1.2-HTML básico
1.2.1-etiquetas
1.2.2-estructura básica de la pagina
1.2.3-estructura del texto
1.2.4-imagenes
1.2.5-direcciones absolutas y relativas
1.2.6-enlaces
1.2.7-diviciones o capas
1.3-Editor web
1.3.1-edicion e instalación del editor
1.3.2-entorno del editor
1.3.3-opciones de conflagración
1.3.4-preparacion del citio web (exponer)
1.3.5-diseño y usabilidad (exponer)1.3.6menus y formularios
evaluación
--practicas: 50%
--pruebas evaluativas:5%
--participaciones:5%
--examen:40%

UNIDAD 2 .- Redes y seguridad
2.1.-fundamentos de red
2.1.1-consepto de red y ventajas
2.1.2-clasificaciones ( tamaño, medio, ancho de banda, ubicación, y topología)
2.1.3-componentes de red física (tarjeta, concentrador, en caminador, y conmutador)
2.1.4-redes wi-fi
2.2-web 2.0
2.2.1- introducción
2.2.2-conversacion distribuida y sindicacion
2.2.3-marcadores sociales
2.2.4-wikis
2.2.5-podcast
2.2.6-multimedia
2.3- seguridad en redes informáticas
2.3.1-definicion
2.3.2-tipos de seguridad informática
2.3.3- amenazas humanas
2.3.4-amenazas lógicas y otras
2.3.5-medidas preventivas
2.3.6-bloqueo de ventanas emergentes

UNIDAD 3.- sistema operativo para móvil y lenguaje phyton
3.1-sistemas operativos para móvil
3.2-instalar aplicaciones
3.3-sistema operativo para desarrolladores
3.4-terminales
3.5-lenguaje phyton
3.6-valores y tipos
3.7-variables
3.8-nombres de variables
3.9-palabras reservadas