DIPLOMADO EN DOCENCIA

UNIVERSITARIA Y EDUMÁTICASesión #2

CONTENIDO

Sesión Tema

Sesión 2 Tecnologías WEB

Navegador y Lenguaje HTML

Correo Electrónico y Mensajería Instantánea

Aplicaciones Google

Video en Internet

Compartir presentaciones

TECNOLOGÍAS WEB

Sesión #2

INTERNET

NAVEGADORES - BROWSERS

Son programas que permiten visualizar la información que contiene una página web (ya se encuentre ésta alojada en un servidor dentro de la World Wide Web o en un servidor local).

El navegador interpreta el código, HTML generalmente, en el que está escrita la página web y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervínculos.

PRINCIPALES NAVEGADORES

Los principales navegadores:

Internet Explorer

Mozilla FireFox

Safari

Googlel Chrome

Opera

EJEMPLO: MOZILLA FIREFOX

FireFox es un navegador multiplataforma. Su código fuente es

software libre, publicado bajo una triple licencia GPL/LGPL/MPL.

Incluye navegación por pestañas, corrector ortográfico, búsqueda

progresiva, marcadores dinámicos, un administrador de descargas y

un sistema de búsqueda integrado que utiliza el motor de búsqueda

que desee el usuario.

EJEMPLO: MOZILLA FIREFOX (CONTINUACIÓN)

Además se pueden añadir

funciones a través de

complementos desarrolladas

por terceros, entre las más

populares están Adblock

Plus, Video

DownloadHelper, NoScript,

DownThemAll!, Cooliris,

Xmarks (antiguo Foxmarks

Bookmark Synchronizer),

Forecastfox, Boost a

Facebook, WOT, Tab Mix

Plus y FoxyTunes.

BUSCADORES

Un buscador se define como el sistema informático que indexa archivos almacenados en servidores web cuando se solicita información sobre algún tema. Por medio de palabras clave, se realiza la exploración y el buscador muestra una lista de direcciones con los temas relacionados.

CLASIFICACIÓN DE BUSCADORES

ÍNDICES O DIRECTORIOS TEMÁTICOS: Los índices o buscadores temáticos son sistemas creados con la finalidad de diseñar un catálogo por temas.

MOTORES DE BÚSQUEDA: Este tipo de buscadores son los de uno más común, basados en aplicaciones llamadas spiders ("arañas") o robots, que buscan la información con base en las palabras escritas.

METABUSCADORES: Son sistemas que localizan información en los motores de búsqueda más utilizados. No tienen una base de datos, por lo que no almacenan páginas web y realizan una búsqueda automática en las bases de datos de otros buscadores.

Google Inc. es la empresa propietaria de la marca Google, cuyo principal producto es el motor de búsqueda del mismo nombre. Dicho motor surge como una tesis doctoral por Larry Page y Sergey Brin.

Web 1.0

(1993-2003)

Muchas páginas web

bonitas para ser

vistas a través de un

navegador.

Comparación Web 2.0

(2003- )

Multitud de

contenidos

compartidos a través

de servicios de alta

interactividad

Lectura Modo Escritura compartida

Página Mínima unidad de

contenido

Mensaje - Artículo –

Post

Estático Estado Dinámico

Navegador Modo visualización Navegador, Lector

RSS

Cliente - Servidor Arquitectura Servicio Web

Webmasters Editores Todos

"geeks” Protagonistas Aficionados

NAVEGADOR Y LENGUAJE HTML

Sesión #2

QUÉ NECESITAMOS PARA HACER UNA

PÁGINA WEB?

Editor de Texto

Un browser

Probar, Depurar, Pulir

nuestro sitio

localmente

Publicarlo al mundo!

¿QUÉ ES HTML?

Lenguaje que da formato

Define la sintaxis y ubicación de imágenes, instrucciones y

objetos al navegador

Posibilidad de conectar un documento con otros, o con otros

recursos en Internet a través de hipertexto

¿QUÉ NO ES HTML?

No es un procesador de palabra

No es una herramienta de escritorio para diagramación

No es un lenguaje de programación

No es multimedia

COMO FUNCIONA

Protocolo

HTTP

Browser Servidor WEB

Dame el archivo

Aquí está

TERMINOLOGÍA

HTTP: (Hypertext Transfer Protocol)

Parámetros de comunicación cliente

- servidor Web

HTML: (Hypertext Markup Language)

Lenguaje nativo para documentos

publicados en el Web independiente

del tipo de plataforma.

URL: (Uniform Resource Locator)

Dirección de un objeto en el Web

http://www.colnodo.org.co/

EJEMPLO

<HTML>

<HEAD>

<TITLE>Un mejor documento</TITLE>

</HEAD>

<BODY>

<P>Novedades sobre el <EM>World Wide

Web</EM> disponible en

<A HREF="http://www.w3.org/">W3C</A></P>

</BODY>

</HTML>

ELEMENTOS BÁSICOS

Rótulos Básicos

<HEAD> <TITLE> <P>

Rótulos de Formato Físico

<B> <I>

Rótulos de Formato Lógico

<STRONG> <EM> <UL> <LI>

Enlaces de Hipertexto

<A HREF="…">

TABLAS

Organización comparativa de información

Ubicación dentro de la página

Múltiples atributos para especificar

TABLAS

FORMULARIOS

Interactividad

Retroalimentación

Recolección de

datos

Pueden tabularse y

analizarse

Respuestas

personalizadas

Aceptado por todos

los navegadores

VENTAS Y DESVENTAJAS

Pueden ser creados usando editores simples como Notepad, vi, emacs.

Ventajas

Es barato

Se aprende a comprender el lenguaje HTML

Desventajas

Es fácil cometer errores

Necesita comprender la sintáxis HTML

Herramientas avanzadas

Interface amigable y fácil de usar para crear documentos

Ocultan a disposición las complejidades del código HTML

Pueden ser herramientas autónomas o insertas en procesadores de texto

EJEMPLO PRÁCTICO CON WORD

Hacer documento en Word

Grabarlo como página WEB

Verlo en el browser local

Subirlo a la “nube”

CREACIÓN DE NUESTRO SITIO WEB

Ingresemos a:

http://zulu.net46.net/

Vamos a

utilizar: 000webhost.com

Para editar la cuenta

usamos:

http://members.000webhost.

com/

CORREO ELECTRÓNICO Y

MENSAJERÍA INSTANTÁNEA

Sesión #2

CORREO ELECTRÓNICO O E-MAIL

El correo electrónico es el programa conectado a la red de Internet más utilizado, por la facilidad que representa la comunicación rápida con otros usuarios a bajo costo y con la facilidad de llegar a cualquier parte del mundo.

Todos los sistemas Windows cuentan con un sistema de correo electrónico que funciona de forma muy parecida.

El correo electrónico ofrece la posibilidad de incluir attachments o apéndices que pueden ser archivos, bases de datos, audio, etc.

CORREO ELECTRÓNICO O E-MAIL

Los mensajes enviados por un remitente ser almacenan en un buzón hasta que el destinatario se conecta a la red, recoge su correspondencia y lee su correo.

Los mensajes no van directamente a la computadora del usuario sino a una central en donde se depositan en la casilla designada por el administrador, por eso podemos recibir mensajes aunque nuestra computadora esté apagada.

CARACTERÍSTICAS COMUNES DEL CORREO

ELECTRÓNICO

Acuse de recibo automático- Se puede comprobar si el receptor ha recuperado el mensaje.

Distribución múltiple- Podemos dirigir un mensaje a varios destinatarios sin necesidad de repetirlo.

Respuesta automática- se puede dar respuesta al emisor sin repetir la dirección del destino en la cabecera.

Re direccionamiento- Trasmitir el mensaje a otra dirección simplemente introduciendo el destinatario

Privacidad- Restricción al acceso a los contenidos de los mensajes.

Caducidad- Automatización del borrado del mensaje por fecha de caducidad del mismo.

Archivo- El mensaje puede ser tratado como cualquier archivo y por lo tanto, puede ser almacenado, copiado, eliminado y clasificado.

DIRECCIONES

Usuario@dominio

Ej. jzuluaga55@gmail.com

en

CUIDADOS Y RECOMENDACIONES

¿Qué es SPAM? Spam son los mensajes publicitarios y cosas del estilo "hágase millonario mientras duerme“. Por definición son mensajes NO SOLICITADOS

¿Cómo saben tu dirección? Lo más común últimamente es que se roban las direcciones de mensajes que se envían masivamente como los chistes e informaciones políticas y que a su vez son reenviados con TODA LA LISTA DE DIRECCIONES DE EMAILS. Y después para colmo se venden/intercambian estas listas de e-mail con otros.

CUIDADOS Y RECOMENDACIONES

¿Que hacer para evitar esto? Cada

vez que mandes un e-mail a mas de 1

destinatario y no sea importante que

se vean las direcciones entre ellos,

Como por ejemplo un chiste, usa

CCO, (conocido como "con copia

oculta"). El CCO hace que NO

FIGURE la lista de destinatarios en

el mensaje. POR FAVOR, POR FAVOR

usen CCO.

Otra mas es que cuando hagas un

forward (REENVIO) de un

mensaje, tomate un segundo y BORRA

las direcciones de

e-mail del mensaje anterior.

MUY FACIL TAMBIEN.

CUIDADOS Y RECOMENDACIONES

¿Que son esos e-mails de "salve a una pobre niña" con cáncer? Todos, TODOS esos e-mails que piden que hagas un *forward* REENVIO) SON MENTIRAS. Borra estos mails. OJO algunos traen virus o porquerías por el estilo. NINGUNA EMPRESA (como MICROSOFT, por ejemplo) NUNCA, NUNCA dona dinero por re-enviar este tipo de mensajes.

¿Y los virus? No mandes ni abras archivos .exe, ni .doc !!!, a menos que tu sepas que viene de alguien confiable. Ahí es el típico lugar donde van los virus. No basta con pasar un antivirus, los antivirus SIEMPRE están atrasados. Y en una "campaña" de e-mails en un día llegan a millones y los anti-virus apenas van a detectarlo en unos días o una semana o más.

CUIDADOS Y RECOMENDACIONES

¿Y las cuentas "REMOVE" / "QUITAR"? ¡¡¡ES MENTIRA TAMBIEN!!! Es decir, cuando mandan un spam (correo no solicitado) y te piden que si quieres ser eliminado de sus listas, contestes, es solo para constatar, de una lista de e-mails, cuales son verdaderas. Al responder automáticamente les estas diciendo que tu dirección es válida y no solo te siguen mandando mails, sino que la venden masivamente o otros spamers. JAMAS respondas, JAMAS!.

¿Que más puedo hacer? Cada vez que te llega un spam puedes hacerle un forward o reenvio a la cuenta "abuse" de ese dominio. Por ejemplo si te viene un e-mail de UltraGay@ciudad.com mándaselo a abuse@ciudad.com y a postmaster@ciudad.com Ellos se encargaran de tomar accion contra el spamer JAMAS le compres nada al que te mande spam.

APLICACIONES GOOGLE

Sesión #2

APLICACIONES GOOGLE

Son 72 aplicaciones Google (y aumentando)

Google.com : el buscador

Google Base : anuncios clasificados

Google Alerts : alertas sobre artículos de interés

Google News : servicio de noticias

Google Calendar : el organizador

Google Docs&Spreadsheets : creación de documentos, hojas de calculo y presentaciones

Google Search History : historial de búsquedas

Google Webmaster tools : herramientas para webmasters

Google Analytics : estadísticas de webs

Google Adsense : servicio para webmasters que quieran poneranuncios

Google Adwords : servicio para anunciantes

Google Video : buscador de videos

Google Maps : mapas satelitales

Google Earth : mapas satelitales 3D

… ver mas en: http://vagabundia.blogspot.com/2008/01/72-aplicaciones-de-google.html

El procesador de textos, la hoja de cálculo y el programa de presentación que forman el núcleo de Google Docs(http://docs.google.com) son todas herramientas completas, compatibles con los archivos que usted ha creado con otros programas.

Hay también buenas razones para comenzar a experimentar con versiones online de aplicaciones que hasta ahora sólo han podido ser usadas sobre el escritorio de la computadora. Primero, se puede acceder a ellas donde quiera que se encuentre una computadora pública o no pública con acceso a Internet. Segundo, los documentos que se crean con Google Docs pueden ser trabajados en colaboración con otros usuarios de Docs. Y, tercero, muchos fabricantes están preparando versiones online de sus propias aplicaciones.

PRÁCTICA EN GOOGLE DOCS

Subir un documento existente

Crear documentos y compartirlos

Crear un formulario tipo examen y enviarlo a los

estudiantes para que lo respondan

Crear una presentación

La herramienta de Google www.blogger.com es una de las formas más fáciles de expresarse en Internet. Simplemente hay que ingresar, poner el nombre y seleccionar una dirección, para posteriormente elegir la presentación y la apariencia. En sólo cinco minutos el usuario ya podrá comenzar a escribir la primera página de su blog.

Por otra parte, ya no hay que gastar dinero en software para organizar fotos digitales. Sólo basta con descargar y buscar el programa gratuito Picasa (http://picasa.google.com) .

En su versión 3, esta herramienta de Google respalda una decena de formatos de imágenes, incluyendo muchos de los formatos RAW usados por las más avanzadas cámaras reflex digitales. Picasa está disponible tanto para PC como para Mac.

El proceso es simple. Hay que poner Picasa en la carpeta de fotografías y el programa las catalogará rápidamente, creando reproducciones en miniatura. Si se da un doble clic sobre una foto, ésta aparecerá en versión más grande, junto a las herramientas que permitirán ejecutar algunas de las más comunes funciones de edición, incluyendo ajustar la luz, enderezar, cortar o corregir ojos rojos.

Las Alertas (www.google.com/alerts) rastrean el principal motor de búsqueda de Google para notificar al usuario cuando aparecen nuevos ingresos en un nuevo ítem de noticias en especial, un blog, una página Web o un video.

Para definir una alerta hay que entrar en la página Alertas de Google, especificar el tipo de alerta que se quiere recibir, detallar la frecuencia y proporcionar una dirección de correo electrónico a la cual se le debe enviar.

Por otra parte, Google debe su fama a su tecnología de búsqueda, que ha mejorado para producir herramientas que catalogan fuentes de información no disponible mediante motores de búsqueda convencionales. Google Académico o, en inglés, Google Scholar(http://scholar.google.com), por ejemplo, pone a disposición lo que aparece en publicaciones académicas en todo el mundo.

En tanto, Búsqueda de Libros o Book Search (www.google.com/books) se enfoca a la catalogación de libros. Esta aplicación proporciona el texto completo de libros clásicos de dominio público, dando prólogos y abundante información del editor en caso de que se trate de libros protegidos por derechos de autor.

VIDEO EN INTERNET

Sesión #2

CÓMO INSERTAR VIDEOS DESDE INTERNET

EN MI AULA VIRTUAL?

PASO 1: BUSCAR EL VIDEO

Existen varios sitios web que son repositorios de video.

En estos sitios puedo ver videos subidos por otros usuarios o subir los propios.

Algunos ejemplos de estos sitos:

YouTube: http://www.youtube.com

BlipTV: http://www.blip.tv

DotSub: http://www.dotsub.com

PASO 1: BUSCAR EL VIDEO, EJEMPLO

YOUTUBE

PASO 2: COPIAR CÓDIGO Y PEGARLO EN

NUESTRO SITIO

Copiamos el código de nuestro video, para mi caso es: X7bHBYjh8Z8

Copiamos este código:

Reemplazamos las XXXXXX con el código del video que deseamos aparezca en nuestra página.

Insertamos toda esa porción de código HTML a nuestro sitio.

<div style="text-align:center;"><object width="425"

height="350"><param name="movie"

value="http://www.youtube.com/v/XXXXXXXXXX&hl=es&fs=1&rel=0

&autoplay=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0"

/><param name="allowFullScreen" value="true" /><param

name="movie"

value="http://www.youtube.com/v/XXXXXXXXXX&hl=es&fs=1&rel=0

&autoplay=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0"

/></object></div>

COMPARTIR PRESENTACIONES

Sesión #2

COMPARTIR PRESENTACIONES

Los servicios de compartimiento de diapositivas te permiten cargar y distribuir tu presentación de PowerPoint en tu sitio web o sitios de social media de tu preferencia. La mayoría de estos servicios de compartimiento de diapositivas también son completamente gratis.

Subir tu presentación en línea no requiere conocimientos técnicos avanzados o habilidades. Lo único que tienes que hacer es tomar el archivo de la presentación y hacer clic en "subir" en tu servicio preferido de compartimiento de diapositivas.

BENEFICIOS

Basado en la web: Sube la presentación a la web y accede a tus diapositivas en cualquier lugar.

Distribución: Incorpora tu presentación en cualquier sitio web, blog o página de los social media, o envíala por correo electrónico..

Acceso: Ajusta tu presentación como privada, para permitir que sólo los espectadores seleccionados tengan acceso a ella.

Download: Disponibiliza tu presentación la descarga gratuita

Estadísticas: Obtén estadísticas detalladas sobre los espectadores y cuántas veces tu presentación es descargada.

ESO ES TODO POR HOY

Sesión #2