“Año de la Universalización de la Salud”

Estudiantes:
 Johana Elizabeth Vidal García

 Jesús Rafael Arevalo Aguirre

 Isabel Yahaira Sobrino Saavedra

 Vanessa Marisol Pacherrez Juarez

 Ricardo Nathanael Vilchez Arcela

Docente: Mgtr.Ing Oswaldo Gabiel Coronado Zuloeta

Asignatura: Controles Básicos y Avanzados

Tema: Actividad de Informe del trabajo colaborativo

Ciclo: V
 Introducción
Podemos Relatar la situación actual de la Web, en la cual tiene una gran relevancia en
las paginas dinámicas e interactivas, convirtiéndolas de una manera u otra en
prácticamente aplicaciones web. los estándares HTML han tenido que evolucionar,
convirtiéndose en HTML5. También explica el papel que juega el lenguaje de
programación JavaScript, como medio o herramienta para utilizar estas nuevas
tecnologías

 Esquemas HTML5: Elementos semánticos de HTML5, como mark, progress, etc.

 Formularios HTML5: Se emplea código JavaScript
controladores básicos y avanzados

 En el formulario todos los botones que se van a utilizar van a permitir

ingresar(insertar) información entre ellos(Input, Type, Select, Id).

Si nos vamos a referir a cajas de texto , etiqueta, imágenes , los botones que también
pueden insertar un formulario además son de complemento incluso se puede incluir
cantidad de botones necesarios, cambiar, ampliar y / o modificar en color, cuerpo,
estructura de tal manera poder obtener un impacto importante y satisfactorio.

Eventos en JavaScript

Los eventos de JavaScript permiten la interacción entre las aplicaciones

JavaScript y los usuarios. Cada vez que se pulsa un botón, se produce
un evento. Cada vez que se pulsa una tecla, también se produce un
evento. No obstante, para que se produzca un evento no es obligatorio
que intervenga el usuario, ya que, por ejemplo, cada vez que se carga
una página, también se produce un evento.(1)

Los scripts:

Lo primero que vamos a hacer, es definir lo que es un script. Este

término viene de una palabra inglesa que significa “Guión”, como el de
cine o teatro y, literalmente, esto es lo que es. Tenemos entonces, que
un script, es un conjunto de órdenes guardadas en un archivo de texto,
generalmente muy ligero y, que es ejecutado por lotes o línea a línea, en
tiempo real por un intérprete.

Los scripts son pequeños programas que no son compilados, es decir,

por lo general necesitan de un programa lector o interprete que codifique
la información del script y lo lleve a lenguaje de máquina, para que la
información sea procesada y ejecutada por el ordenador.(2)

LAS CAPAS:

Las capas son bloques con contenido HTML que pueden posicionarse de
manera
dinámica y organizables en 3D. Realmente tienen sentido dentro de los
estilos

CSS,(<layers>,<div>.).

Drupal:
Drupal es un CMS o sistema de gestión de contenidos que se utiliza para
crear sitios web

dinámicos y con gran variedad de funcionalidades.

Drupal es un software libre, escrito en PHP, que cuenta con una amplia y
activa comunidad de usuarios

y desarrolladores que colaboran conjuntamente en su mejora y

ampliación.

Esta ampliación es posible gracias a que se trata de un sistema modular

con una arquitectura muy consistente,

que permite que los módulos creados por cualquier desarrollador puedan
interactuar con el núcleo del sistema

y con los módulos creados por otros miembros de la comunidad.

Con Drupal es posible implementar una gran variedad de sitios web: un

blog personal o profesional,

un portal corporativo, una tienda virtual, una red social o comunidad

virtual.(3)
 WordPress:
Es un sistema de gestión de contenido CMS (siglas en del inglés de
Content Management System) enfocado a la creación de bitácoras web
(sitios web periódicamente actualizados). Desarrollado en PHP para
funcionar en ambientes MySQL - Apache, bajo licencia GPL y código
modificable, tiene como fundador a Matt Mullenweg.(4)

Diferencias entre Drupal y WordPress.

 La interfaz de Drupal tiene muy pocas entradas superiores y muchas en niveles
intermedios.
 WordPress ofrece miles de plantillas, personalizables fácilmente mediante páginas de
opciones o edición directa. (5)

Según Tapia “Los controles avanzados son controles similares para

introducir un dato analógico en una o características profesionales a una
aplicación, se toma directamente de la caja de herramientas y tiene
aspectos parecidos a de un control volumen y un equipo de sonido por
ejemplo encontramos el Calendar y AdRotator, etc”.

AdRotator: Tiene como finalidad mostrar anuncios publicitarios.

Calendar: Permite obtener un calendario el cual podrá posee un nivel alto

personalizable.

control Panel: Tiene como característica principal el de un contenedor de

otros controles, permite ocultar o mostrar una serie de controles. (6)
Características
 Audio & Video

 Canvas

 Almacenamiento local

 WebSockets

 Semántica

 Compatibilidad hacia atrás

 Eficacia en el renderizado

CONCLUSIÓN
En conclusión, HTML5 es un lenguaje avanzado que, a diferencia de las versiones

anteriores, concentra una gran flexibilidad para estructurar y presentar páginas Web. Este

contiene nuevos objetos que aportan un sinfín de oportunidades en diseño y desarrollo.

Gracias a HTML5 las páginas web pueden contar con:

• Webcams

• Micrófonos

• Datos binarios

• Animaciones vectoriales

• Componentes de interfaz complejos

• Entre muchas otras cosas.

También se puede proporcionar un estándar para mostrar videos y escuchar audios,

haciendo que su incorporación sea sencilla y popular. HTML5 ha sido creado para ofrecer
 un código más limpio, que soluciona el tan aquejado problema de tener que hacer

modificaciones en un sitio Web.

REFERENCIAS BIBLIOGRAFICAS
1. Eventos | JavaScript [Internet]. [cited 2020 Jun 28]. Available from:
https://www.arkaitzgarro.com/javascript/capitulo-15.html

2. ¿Qué son los Scripts? - Culturación [Internet]. [cited 2020 Jun 28]. Available from:
https://culturacion.com/que-son-los-scripts/

3. ¿Qué es Drupal? ¿Para qué se usa? | Drupal Groups [Internet]. [cited 2020 Jun 28].
Available from: https://groups.drupal.org/node/148379

4. Qué es WordPress y sus características principales [Internet]. [cited 2020 Jun 28].
Available from: https://www.webempresa.com/wordpress/que-es-wordpress.html

5. Drupal vs WordPress ¿Cuál plataforma de CMS es mejor para ti? [Internet]. [cited 2020
Jun 28]. Available from: https://www.hostinger.es/tutoriales/drupal-vs-wordpress-cual-
cms-es-mejor/

6. TAPIA R. SISTEMA DE INFORMACIÓN DE TRÁMITE DOCUMENTARIO BASADO EN

TECNOLOGÍA WEB PARA INSTITUTOS DE EDUCACIÓN SUPERIOR TECNOLÓGICOS. In.
ANCASH; 2016. p. 172./