ministerio de educaciÓn centro educativo bilingÜe …

MINISTERIO DE EDUCACIÓN

CENTRO EDUCATIVO BILINGÜE FEDERICO ZÚÑIGA FELIÚ ASIGNATURA: MULTIMEDIA Y DESARROLLO WEB

PROFESOR: CÉSAR A. DELGADO B.

Multimedia y Desarrollo Web

Profesor: César A. Delgado B. 2

M1 - INTRODUCCIÓN AL AMBIENTE WEB

Comenzamos este primer momento de la asignatura motivados por el aprendizaje y adquisición de conocimientos sobre los entornos donde se piensan, diseñan, se desarrollan y donde se consumen las aplicaciones Web.

Un ambiente o entorno Web, es un espacio amplio en el que encontramos una gran cantidad de herramientas y agentes involucrados en la red más grande a nivel mundial llamada: Internet.

En los últimos años, la red global Internet ha brindado respuestas a muchas necesidades de los seres humanos, a través de la evolución de los lenguajes de programación que han permitido desarrollar aplicaciones cada vez más robustas. Los diseñadores y programadores (desarrolladores) siguen la tendencia de aproximarse al desarrollo de tecnologías de software con altas prestaciones y fáciles de utilizar.

Hablar de páginas y sitios web, servidores,

dominios, protocolos entre otros conceptos más, es adentrarnos a

ese fascinante mundo de la tecnología que

invade nuestras vidas, con millones de

aplicaciones diseñadas para comunicarnos,

comercializar productos, realizar transacciones, educarnos y muchas otras cosas más.

Un desarrollador de aplicaciones es un especialista capaz de crear y diseñar aplicaciones informáticas de uso diario para las personas y empresas.

Existen diferencias entre

un desarrollador de

aplicaciones y un

diseñador web.

El diseñador web se

encarga de la estética del

proyecto: los colores,

estilos de letras, retoques

de fotografías, otros.

El desarrollador de

aplicaciones se encarga

del área funcional del

proyecto, utilizando

cálculos, estrategias y

sistemas.

A diferencia del diseñador

web, el trabajo de un

desarrollador de

aplicaciones no se

percibe, pero es muy

imprescindible para el

desempeño de un

diseñador. Y aunque

ambas existen diferencias

entre ambas, una

requiere de la otra para

poder garantizar el logro

final del proyecto.



1. INTERNET

El nombre Internet procede de las palabras en inglés Interconnected Networks, que significa “redes interconectadas”. Internet es la unión de todas las redes y computadoras distribuidas por todo el mundo, por lo que se podría definir como una red global en la que se conjuntan todas las redes que utilizan protocolos TCP/IP y que son compatibles entre sí.

En esta “red de redes” como también es conocida, participan computadores de todo tipo, desde grandes sistemas hasta modelos personales. En la red se dan cita instituciones oficiales, gubernamentales, educativas, científicas y empresariales que ponen a disposición de millones de personas su información.

Internet fue el resultado de un experimento del Departamento de Defensa de Estados Unidos, en el año 1969, que se materializó en el desarrollo de ARPAnet, una red que enlazaba universidades y centros de alta tecnología con contratistas de dicho departamento. Tenía como fin

el intercambio de datos entre científicos y militares. A la red se unieron nodos de Europa y del resto del mundo, formando lo que se conoce como la gran telaraña mundial (World Wide Web).

TCP/IP es un conjunto de protocolos que permiten la comunicación entre ordenadores (PC) que pertenecen a una red.

La sigla TCP/IP significa Protocolo de control de transmisión/Protocolo de Internet y se pronuncia "T-C-P-I-P".

World Wide Web o red

mundial en español

(también conocida

como "la Web") se trata

del servidor de

distribución de datos

más popular en la

actualidad, que

distribuye la

información a través de

hipertextos que son

interconectados y

accesibles vía Internet.



Internet es una red sostenida por grandes infraestructuras tecnológicas que permiten llevar a cabo las tecnologías de la información y comunicación (TIC), donde millones de personas, empresas, organizaciones y gobiernos, requieren presencia para comunicarse, comercializar productos, educarse, en fin, para muchas cosas más.

Por momentos pudiéramos pensar que trabajar en este entorno (de la Web, del Internet) será algo difícil porque está plagado de aplicaciones desarrolladas con diferentes lenguajes y plataformas. Sin embargo, podemos sentar las bases de conocimientos para diseñar y desarrollar aplicaciones personales y empresariales.

Las tecnologías de la información y comunicación (TIC) son el resultado de poner en interacción la informática y las telecomunicaciones, con el fin de mejorar el procesamiento, almacenamiento y transmisión de la información.

El computador ha evolucionado desde su aparición y sigue haciéndolo a un ritmo vertiginoso con la aparición de dispositivos electrónicos portables, ofreciendo todo un mundo de posibilidades.

https://economipedia.com/definiciones/tecnologia.html



En este ámbito, hay que destacar, al menos, tres grandes hitos en el acercamiento del diseño web a los usuarios menos avanzados:

En primer lugar, está el desarrollo de programas informáticos específicos y fáciles de manejar (tan sencillos como cualquier procesador de textos convencional).

La proliferación de fuentes de documentación en la red es otro factor para tener muy en cuenta, sin olvidar la revolución que supuso Google en la búsqueda rápida y eficaz de contenidos.

Y, por último, el desarrollo de la Web 2.0: la creación de aplicaciones web que facilitan y popularizan la carga sencilla de contenidos (desde textos hasta imágenes, pasando por vídeos, música, etc.), sin dejar de lado su evolución hacia la Web 3.0 y Web 4.0.

Cabe mencionar que al hablar de diseñar...construir...desarrollar Sitios Web, se menciona una serie de lenguajes de marcado (html, html5, Xhtml, CSS, entre otros) y con ellos, la llegada de otros lenguajes de programación (PHP, Perl, JSP) que hacen posible que los Sitios Web pasen de ser estáticos a dinámicos. Esto ja sido posible por la llegada de los sistemas de gestión de bases de datos (Oracle, PostgreSQL, Microsoft SQL Server, MySQL) que han dado lugar a la llegada de los Sistemas de Gestión de Contenidos (CMS), que permiten a millones de personas administrar sus Sitios Web con un grado de interactividad y comunicación en tiempo real con las aplicaciones y con otros muchos usuarios.

La Web de hoy es un universo de aplicaciones y páginas web interconectadas lleno de vídeos, fotos y contenido interactivo. Lo que no ve el usuario es cómo interactúan los navegadores y las tecnologías web para hacer que esto sea posible.

A lo largo del tiempo, las tecnologías web han evolucionado hasta permitir que los desarrolladores puedan crear nuevas e increíbles experiencias web. La Web actual es el resultado de los continuos esfuerzos de una comunidad web abierta que ayuda a definir estas tecnologías web, tales como HTML5, CSS3 y WebGL, y garantiza que todos los navegadores web las admitan.



1. EVOLUCIÓN DE LA WEB

1.1 WEB 1.0

La Web 1.0 empezó en los años 60, de la forma más básica que existe,

con navegadores de sólo texto, como ELISA, después surgió el HTML

que hizo las páginas más agradables a la vista y a los primeros

navegadores visuales como Netscape e Internet Explorer. Esta Web es

de sólo lectura, el usuario no puede interactuar con el contenido de la

página, se encuentra limitada a lo que el Webmaster sube al sitio Web.

Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen:

− Páginas estáticas para el usuario que la visita

− El uso de framesets o marcos.

− Extensiones propias del HTML (parpadeo y marquesinas)

− Libros de visitas en línea o guestbook, botones gif.

− Formularios HTML enviados vía email.

1.2 WEB 2.0

El término Web 2.0, acuñado por Tom O' Reilly en el año 2004 hace referencia a una segunda generación de modelos de páginas Web.

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. HTML corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto”.

El término Webmaster es utilizado para referirse a un desarrollador web, que a su vez es considerado como la persona responsable del mantenimiento y actualización de un Sitio Web.

Las comunidades virtuales tienen como propósito el intercambio de información en torno a un tema o eje de temas.



Se entiende por Web 2.0 todos aquellos servicios de Internet cuya base de datos puede ser modificada en contenido, formato o ambos, donde los usuarios tienen un control total de su información.

Este modelo ha provocado un fuerte impacto social, porque el usuario puede expresarse libremente y ser escuchado. Las redes sociales proporcionan contenido interactivo y visual que es integrado en millones de Sitios Web, como puntos de encuentro para brindar información, produciendo un fenómeno que cambió para siempre nuestra relación con la información y la comunicación.

La Web 2.0 Estandariza los lenguajes para la reutilización del código, permitiendo interoperabilidad entre las aplicaciones y las máquinas (software-hardware). La Web 2.0 aplica los siguientes principios. − La Web es una plataforma. − La información es lo que mueve Internet. − Los efectos de Internet son motivados por la participación. − Las características de la red se desarrollan de manera

independiente.

1.3 WEB 3.0

La Web 3.0 apareció en un artículo de Jeffrey Zeldman (2006), como un salto tecnológico con importantes consecuencias en los usuarios de la red, al relacionar las Webs semánticas, que permiten encontrar datos en cualquier lengua y en formatos aptos para todo tipo de software, permitiendo encontrar la información de manera más rápida y eficaz.

Actualmente, una noticia acerca de una manifestación en contra del maltrato animal no está completa sin mostrar cuántos usuarios de Facebook leyeron y participaron de la misma, qué porcentaje de lectores está a favor del movimiento y los comentarios que hicieron, que, en muchas ocasiones, aportan datos o señalan errores.

El avance tecnológico hacia la inteligencia artificial y de la web semántica contribuyen a la aparición de la web 3.0 o data web. El uso de programas inteligentes que utilizan datos semánticos para crear un lenguaje que se puedan entender, compartir e integrar fácilmente.



La Web 3.0 se describe como una evolución del uso y la interacción en la red a través de diferentes caminos por medio de bases de datos. Es un movimiento dirigido a hacer los contenidos accesibles por múltiples aplicaciones (no solo por el navegador), el empuje de las tecnologías de inteligencias artificial, la web Geoespacial y la Web 3D que abre nuevas formas de conectar y colaborar, utilizando espacios tridimensionales.

1.4 WEB 4.0

Desde sus inicios en el 2016, la Web 4.0 se ha centrado en ofrecer un

comportamiento más inteligente, más predictivo, de modo que

podamos, con sólo realizar una afirmación o petición, poner en marcha

un conjunto de acciones que tendrán como resultando aquello que

pedimos o decimos.

Empresas como Google, Microsoft o Facebook, entre otras, están

desarrollando nuevos sistemas que gracias al Deep Learning y Machine

Learning serán capaces de procesar información de forma similar a

como lo haría el cerebro humano. Asistentes de voz como lo es Siri

(MacOS – iOS), Google Now o Cortana (Microsoft) entienden cada vez

de forma más precisa y correcta lo que les decimos o solicitamos.

El aprendizaje

automático o machine

learning (ML), aprender

imitando la forma en la

que aprendemos los

humanos, aunque el

machine learning no son

solo algoritmos es

también el enfoque

desde el que se aborda

el problema. El machine

learning es básicamente

una forma de conseguir

inteligencia artificial.

El Deep Learning (DL)

forma parte del

Machine Learning. De

hecho, se describe como

la evolución del Machine

Learning. Se trata de un

algoritmo automático

que imita la percepción

humana inspirada en

nuestro cerebro y la

conexión entre

neuronas. El DL es la

técnica que más se

acerca a la forma en la

que aprendemos los

humanos.



GUÍA DE TRABAJO 2

ESTUDIANTE: CÉDULA: NÚMERO GRADO 11°

LECTURA-GLOSARIO DE TÉRMINOS: M1 - INTRODUCCIÓN AL AMBIENTE WEB Valor 50 puntos

Actividad #1 - Presencial – Individual Fecha de entrega: viernes 9/4/2020. PARTE 1 – INDIVIDUAL

Trabaje individualmente. Haga lectura al MÓDULO M1 – 1NTRODUCCIÓN AL AMBIENTE WEB y busque por lo menos 50 conceptos

que considere importantes para el aprendizaje de la asignatura Programación. - Presente el listado de conceptos encontrados tal como aparece en esta guía de trabajo (escrito a mano o a

computadora). Entregue su archivo en PDF en la plataforma Teams y el enlace de Google que le suministrará el docente.

Criterios Evaluación E = Excelente B = Bueno R = Regular PM = Por Mejorar NO = Mínimo observado

1. 19. 37.

2. 20. 38.

3. 21. 39.

4. 22. 40.

5. 23. 41.

6. 24. 42.

7. 25. 43.

8. 26. 44.

9. 27. 45.

10. 28. 46.

11. 29. 47.

12. 30. 48.

13. 31. 49.

14. 32. 50.

15. 33. 51.

16. 34. 52.

17. 35. 53.

18. 36. 54.

GLOSARIO DE TÉRMINOS: CRITERIOS A EVALUAR E B R PM MO

Escala numérica (50 conceptos encontrados = 5.0) 5.0 4.0-4.9 3.0-3.9 2.0-2.9 1.0-19

Entrega preliminar de conceptos. (ND)

Muestra interés en buscar conceptos para comprender el tema. (NA)



GUÍA DE TRABAJO 2

ESTUDIANTE: CÉDULA: NÚMERO GRADO 11°

LECTURA-GLOSARIO DE TÉRMINOS: M1 - INTRODUCCIÓN AL AMBIENTE WEB Valor 50 puntos

Actividad #1 – Individual – Semi Presencial - Virtual Fecha de entrega: viernes 30 de abril de 2021. PARTE 1 – INDIVIDUAL

Trabaje individualmente. Haga lectura al MÓDULO M1 – 1NTRODUCCIÓN AL AMBIENTE WEB.

- Realice una búsqueda de por lo menos 50 conceptos que considere importantes para el aprendizaje de la asignatura Multimedia

y Desarrollo Web e investigue su definición. - Confeccione el glosario en un archivo en Microsoft Word, ordenando alfabéticamente los conceptos y su definición. Recuerde

hacer una hoja de presentación.

- Envíe el archivo en formato PDF a través de la plataforma Team y el enlace de Google, según las indicaciones del profesor. - No escriba en cierre mayúscula. Cuide la ortografía. Recuerde utilizar un corrector ortográfico.

- Entregue la actividad con la guía como portada en la fecha acordada. Recuerde colocar su número en la guía y entregar en el

orden en que aparece en la lista de asistencia.

- No reproduzca este documento, a menos que el docente de la indicación.

Criterios Evaluación E = Excelente B = Bueno R = Regular PM = Por Mejorar NO = Mínimo observado

Aspectos para evaluar Descripción – Evaluación para Nota de Apreciación 5.0 4.0–4.9 3.0–3.9 2.0–2.9 1.0–1.9

Interés en la clase Se esfuerza y muestra interés en conocer sobre el tema.

Responsabilidad Hace entrega de un producto de calidad y en tiempo oportuno

Recursos Didácticos Revisión de material didáctico para realizar la actividad.

Trabajo Colaborativo Se evidencia el trabajo colaborativo (un documento de calidad)

Observación: el plagio dará lugar a colocar la mínima calificación (1.0) en todos los aspectos evaluados (en

notas diarias y de apreciación)

GLOSARIO DE TÉRMINOS: CRITERIOS A EVALUAR (ND) E B R PM MO

40 puntos / 10 valor máximo 10 7 5 3 1

Elabora correctamente el glosario (Conceptos y sus definiciones)

Muestra orden y aseo en la asignación

Muestra creatividad en la asignación

Escribe con letra legible – Ortografía

ND Total de Puntos (40)

GLOSARIO DE TÉRMINOS: CRITERIOS A EVALUAR (NA) E B R PM MO

Escala numérica (de 1.0 a 5.0) 5.0 4.0-4.9 3.0-3.9 2.0-2.9 1.0-19



M2 - NAVEGADORES WEB

Para establecer conexiones con los

servidores web y obtener la información

y los servicios que éstos prestan, el

usuario necesita tener instalado en su

equipo un programa cliente capaz de

comunicarse con ellos. Estos programas

son los llamados navehgadores web.

Un navegador web, navegador de

Internet o explorador web (browser), se

trata de un programa informático que

permite visualizar la información que contiene una página web desde servidores web

de todo el mundo a través de Internet. También nos permiten movernos entre

diferentes páginas web de forma hipertextual. Sin navegador no se puede acceder a

la red y navegar, siendo, por ello, fundamental si pretendemos utilizar Internet.

Principales Navegadores Web

Opera

− Opera es un navegador web creado por la empresa noruega Opera Software.

− Opera es más rápido con el botón Turbo, lo cual, mejora la velocidad cuando detecta que está lenta la conexión y puede realizar esto, de manera automática.

− Idiomas soportados: Soporta una gran cantidad de idiomas, entre ellos el español, aunque ya hay página en español desde finales del 2010.

− Speed Dial: Fue el primer navegador web que añadió como página de inicio miniaturas de sitios seleccionados.

− Elimina información privada: Permite eliminar con sólo un clic cookies, datos y páginas protegidos por contraseña, caché, historial de páginas visitadas, historial de direcciones escritas, historial de enlaces visitados, historial de archivos descargados y otros tipos de información privada.



Safari − Safari es un navegador web de código cerrado desarrollado por Apple Inc.

− Soporte para video en pantalla completa con subtitulado.

− Panel de línea de tiempo, que ofrece información acerca de todo lo que el navegador está realizando mientras navega.

− Permite ver todas las redirecciones HTTP, junto a la información completa del encabezado, incluyendo el código de estado HTTP.

Mozilla Firefox − Firefox proporciona una navegación ininterrumpida cuando hay un fallo de los plugins de Adobe Flash, Apple QuickTime o Microsoft Silverlight.

− Con tiempos de inicio más rápidos, aceleración de gráficos renderizados y mejoras en la velocidad de carga de las páginas.

− Explora muchos sitios web al mismo tiempo de una forma fácil y sencilla.

− Llega rápidamente a tus sitios favoritos.

Internet Explorer

− Internet Explorer utiliza una seguridad basada en zonas y grupos de sitios sobre determinadas condiciones.

− Texto, vídeo y gráficos acelerados por hardware. − Vídeos más fluidos y gráficos más nítidos. − Identificación de los complementos que podrían

ralentizar el explorador.

Google Chrome − Google Chrome ejecuta páginas web interactivas, aplicaciones web y JavaScript a gran velocidad.

− Decora tu navegador con colores, patrones, imágenes e ilustraciones.

− Chrome descarga periódicamente actualizaciones de dos listas negras (para sitios de suplantación de identidad y para aquellos que contengan software malicioso) y advierte a los usuarios cuando intenten visitar una página de contenido peligroso.

− Realiza búsquedas y desplaza a páginas web desde el mismo cuadro.



M3 - BUSCADORES WEB

Hoy en día la navegación por Internet

cada vez se hace más complicada,

debido a la ingente cantidad de

información que aparece

continuamente. Encontrar de forma

rápida y sencilla algo que andamos

buscando, puede convertirse en una

tarea ardua y, a veces, con resultados

no deseados. La mejor forma de

encontrar información en la Web es

utilizar alguno de estos denominados buscadores web.

Estos buscadores web, o motores de búsqueda, son más que aplicaciones informáticas

que rastrean la Web catalogando, clasificando y organizando la información, para

después ofrecérsela a los navegantes. Podrían definirse como grandes bases de datos

indexadas de páginas web.

Internet cuenta con decenas de millones de páginas web con lo que parece difícil que

de entre semejante cantidad de información podamos encontrar lo que buscamos.

Pues bien, para encontrar la página que nos interesa tenemos que usar el buscador.

Una vez que tenemos la página del buscador en el monitor, escribimos la palabra de la

que queremos información y le damos a buscar. ¡Así de fácil! En pocos segundos,

aparecerán en nuestra pantalla los datos solicitados.

Reglas para búsqueda de información

− La regla fundamental es elegir bien las palabras claves al realizar una búsqueda.

− Introduzca términos sencillos. Si estás buscando un concepto, una empresa, un

lugar o un producto determinado, empieza introduciendo su nombre.

− Piense en cómo estará escrita la página que estás buscando. Los motores

de búsqueda no son humanos, sino programas que buscan coincidencias

entre las palabras que proporcionas y las páginas de la web.

− Cada buscador tiene una página de ayuda la cual conviene leer. Explica cómo

utilizar correctamente el buscador.



Principales Buscadores Web

Google

Sin lugar a dudas Google hoy por hoy es el buscador más utilizado en el mundo a nivel general. Existiendo aún países donde no son la primera fuente de consultas. Google, aunque su buscador es la fuente prioritaria de sus ingresos y utilización, tienen desarrolladas herramientas, que por sí mismas son de interés para gran mayoría de usuarios. También ofrece un buscador específico de imágenes, libros y documentos académicos.

Yahoo!

Yahoo! es el motor de búsqueda que te ayuda a encontrar exactamente lo que buscas. Encuentra la información, los vídeos, imágenes y respuestas más relevantes de toda la Web. Yahoo! Inc. es una empresa global de medios con sede en Estados Unidos, cuya misión es "ser el servicio global de Internet más esencial para consumidores y negocios". Posee un portal de Internet, un directorio web y una serie de servicios, incluido el popular correo electrónico Yahoo!.

Bing

Bing es una herramienta de búsqueda con un aspecto y un funcionamiento totalmente nuevo, que te ayuda a encontrar lo que buscas de forma más rápida y sencilla. Cambios notables incluyen la lista de sugerencias de búsqueda en tiempo real, y una lista de las búsquedas relacionadas (llamado "Panel de explorador" en el lado izquierdo de los resultados de búsqueda), basado en tecnología semántica de Powerset2 que Microsoft compró en el 2008.

Otros buscadores

ministerio de educaciÓn centro educativo bilingÜe …

Documents