PENDIENTE

1. Para brindar una experiencia adecuada al usuario (en cuanto a facilidad de uso) es necesario implementar en el proyecto lo siguiente:

a) Ingreso de departamento, contará con una lista donde podrá seleccionar el nombre de las regiones.

b) Ingreso de municipios, contará con una lista donde podrá seleccionar el nombre del departamento del municipio a crear.

c) Al ingresar un nuevo ciudadano podrá seleccionar el nivel académico desde un listado, los demás datos los podrá  ingresar manualmente.

d) Agregar al proyecto un enlace con el nombre CIUDADANOS POR DEPARTAMENTO, al dar clic sobre este llevará a una página donde se podrá seleccionar por medio de una lista  el nombre del departamento y al dar clic en un botón deberá mostrar en una tabla los siguientes datos del ciudadano: DPI, nombre completo, fecha de nacimiento, teléfono móvil y nombre del municipio donde nació.

e) Inicio de sesión: crear un formulario que permita a los usuarios registrados ingresar al sistema.

    Crear una tabla en la BD con el nombre  usuarios  con los campos: usuario, contraseña y nombre.

JSF

Crear en el blog:

• Qué JSF? ACRONIMO 
• Para que sirve?
• Como se instala y configura (como se crea en netbeans)?

• Cual es el ciclo de vida de JSF? 
• Patron MVC 
•  Modelo 
•  Vista 
• Controlador 

• Estructura de una aplicación web creada con JSF 
• Comparativa entre las etiquetas de formulario de JSF vs. Formulario HTML

Crear una página en blog con el nombre JSF, alli colocar la información anterior

importante:

• Colocar imagenes. 
• Videos
• Cualquier otro material relacionado con el tema

Realizar Evaluación

JSP - Conexion a BD

En la página creada el día de ayer (JSP), agregar lo siguiente:

• Explicar como importar una clase a JSP.
• Como crear una conexión a base de datos utilizando una clase de conexión existente, desde archivo.JSP.

ACTIVIDAD:

• En el sitio web de ciudadanos (regiones, departamentos, municipios, ciudadanos, niveles académicos) deberá sustituir las cajas de texto utilizadas para las llaves foráneas (código región en departamento, código departamento en municipio, etc.) por listas desplegables donde se muestre el nombre de la categoría (esto con la finalidad de facilitar el uso de la aplicación del usuario del sistema) 

JSP

Crear una página el el blog con el nombre JSP allí deberá realizar lo siguiente:

1. Explicar con sus palabras:
1. JSP
2. Ventajas y Desventajas de JSP
3. Qué necesito tener instalado para crear y ejecutar JSP?
4. Qué es una directiva de JSP?
• Page
• TagLib
• Include
2. Elementos del Script
1. Como se agrega JSP
• Expresiones
• Scriptlet
• Declaraciones
2. Forma de Agregar comentarios
3. Acciones con JSP
4. Objetos Implicitos de JSP

Actividad:

Utilizar JSP para crear las siguientes páginas

• Solicitar cinco valores numéricos, calcular y mostrar el resultado de suma, multiplicación y promedio,
• crear un formulario que solicite código, nombre, apellido y fecha de nacimiento; la fecha debe contar con tres listas donde el usuario podrá seleccionar día (números del 1 al 31), mes (números del 1 al 12) y año (números de 1900 hasta 2017), luego deberá mostrar en una tabla los valores ingresados.
• Mostrar la tabla de multiplicación de un numero ingresado..
• Mostrar una tabla con la cantidad de filas y columnas ingresadas por el usuario, las filas pares deben poseer un color de fondo distinto a las impares.
• Mostrar 10 imagenes. 

EJEMPLO (CLIC AQUI)

Enlaces

• Enlace 1
• Enlace 2
• Enlace 3
• Enlace 4
• Enlace 5
• Enlace 6

Actividad

Descargar el siguiente proyecto:

• Clic Aquí

Ejemplo de Conexión

• Clic Aquí

Instrucciones:

Crear un CRUD para cada una de las entidades de la base de datos ciudadanos (descargar bd), puede utilizar el diseño del proyecto o si lo prefiere puede crear su diseño propio.

Importante:

• Crear una tabla en la base de datos con el nombre usuarios los campos de esta tabla son los siguientes: usuario, contra.
• Agregar 3 usuarios distintos.
• Crear en el sitio web una página de inicio de sesión (index principal), únicamente usuarios registrados podrán acceder al sitio web.
• Crear una cookie que guarde los datos del usuario.
• Crear una página con el nombre Ver Cookies al dar clic en un boton deberá mostrar los datos del usuario.

Blog:

Agregar en su blog, en la página SERVLET y MySQL creada el día de ayer (22/05) la explicación de lo siguiente:

• Cookie: concepto, función y uso con Java SERVLET
• Sesión: concepto, función y uso con Java SERVLET

CONEXION A BD

Crear en su blog una pagina con el nombre SERVLET y MySQL Realizar lo siguiente::

• Explique la importancia de las bases de datos en las aplicaciones web.
• Explique qué es JDBC?
• Cree un CRUD básico de una tabla utilizando JAVA SERVLET.
• Explique el proceso que utilizo para la conexión y el CRUD.  

Analice el siguiente enlace

• Enlace No.1

Importante: puede buscar algun otro enlace para la conexión.

JAVA SERVLET

Leer los siguientes documentos:

• Enlace 1
• Enlace 2
• Enlace 3

En tu blog crea una página con el nombre SERVLET donde explica lo siguiente:

• Cliente/Servidor
• CGI(Common Gateway Interface)
• Java Servlet
• Diferencias entre CGI y Java Servlet
• Características de Java Servlet
• Ciclo de Vida de un Servlet
• Ejemplo de código básico de un servlet
• Como se escribe código html en un servlet?

EJERCICIO NO.1

Crear un proyecto web con el nombre SERVLET-ACT1, alli deberá crear un index que permita acceder a las paginas que daran solucion a los siguientes problemas:

1. Solicitar cuatro números y mostrar los siguientes resultados:

a) Suma de los valores

b) Multiplicación de los últimos dos valores.

c) Resultado de la multiplicación (inciso b) menos suma (inciso a)

2. Solicitar nombre, apellido y edad, con ello deberá dar la bienvenida al usuario y acorde a su edad mostrar lo siguiente:

a) Menor de 12 años: usted es un niño

b) Entre 13 y 18 años: usted es un joven

c) Mayor de 18 años: usted es un adulto

d) Mayor de 65 años: usted es un adulto mayor o tercera edad.

3. Calcular el promedio de 7 valores numéricos.

4. Indicar cual de 3 valores es el mayor.

5. Solicitar tres textos y mostrar las letras conque inicia y finaliza cada texto.

PROBLEMAS CON CICLOS

1. Solicitar un valor numérico y mostrar la tabla de multiplicar de este.

2. Solicitar un numero y mostrar en una lista desordenada (viñetas) los numeros de pares desde el 2 hasta el valor ingresado.

3. Solicitar un texto y mostrar una tabla con 3 columnas y la cantidad de filas correspondiente a la longitud del texto.

4. Mostar en una pagina web 20 imagenes, el nombre de las imagenes debe ser imagen1, imagen2, imagen3 y asi sucesivamente hasta imagen20.

5. Solicitar dos valores numericos y generar una tabla con la cantidad de filas del primer valor y la cantidad de columnas del segundo valor.

Evaluación

Clic para iniciar evaluación

EJEMPLO AJAX

Ejemplo básico de AJAX:

• Cargar página en un DIV

Actividad:

Crear una página en su blog con el titulo AJAX y JQUERY, allí deberá colocar la siguiente información:

• Qué significan las siglas AJAX?
• para que sirve AJAX?
• Ventajas y desventajas de AJAX
• Navegadores que soportan esta tecnología.
• Qué es y para que sirve jQuery?
• Ventajas y desventajas de jQuery?
• qué se necesita para que funcione jQuery?

Sitio Web No.2

Descargar Instrucciones

HTML5

• Enlace 1
• Enlace 2

BOOTSTRAP

Agregar en el blog una página con el nombre BOOTSTRAP y realizar lo siguiente:

1. Explique con sus palabras lo que es bootstrap.
2. Indicar como se agrega bootstrap en un sitio web.
3. Explicar como funciona el sistema de cuadricula (Grid System) para maquetación de sitios web.
4. Explicar como se agrega diseño a los diversos componentes de HTML con Bootstrap.
5. Escriba un ejemplo donde distribuya las páginas de la siguiente forma:

Página1:

ENCABEZADO
MENU DE OPCIONES	CONTENIDO
PIE DE PAGINA

Página2:

ENCABEZADO
BARRA DE MENU
Inicio de sesión	CONTENIDO	LOGO INTECAP
PIE DE PAGINA

Agregar diverso contenido a las paginas y aplicar diseñon con bootstrap:

•   iconos
• menus
• diseño a tablas
• diseño a formularios
• botones
• formato a imagenes
• formato a bloques de texto.
• etc.

CSS

Crear una página en el blog con el nombre CSS, allí deberá realizar explicar lo siguiente:

1. ¿Qué significan las siglas CSS?
2. ¿Para que se utiliza CSS?
3. ¿Cuales son las versiones de CSS?
4. CSS y HTML 
• Incrustar o incluir CSS en el mismo documento HTML 
• Incluir CSS en HTML desde un archivo externo.
5. Selectores CSS:
• Universal
• Tipo etiqueta.
• Descendentes.
• Clase.
• ID
• Combinación de selectores

Importante: crear un ejemplo utilizando cada uno de los selectores.

Enlaces:

• CSS
• Como incluir CSS
• Selectores CSS

ACTIVIDAD

Instrucciones

Evaluacion


EJEMPLOS:

• Listas
• Tablas
• Tablas 2
• Formularios

ACTIVIDAD

INFOGRAFIA

Crear una infografía sobre protocolos de Internet, esta debe contar con los siguientes conceptos:

• Protocolo en informática
• FTP
• HTTP
• TCP
• IP
• POP
• ARP
• SMTP
• TelNet

Agregar imágenes acorde a la información presentada.

BLOG

Crear un blog donde explique algunas tecnologías fundamentales para el desarrollo de aplicaciones web; el blog debe contar con las siguientes páginas:

• ·         Conceptos generales: allí debe explicar lo siguiente:

o   Sitio web.

o   Página web.

o   XHTML

o   HTML5

o   Hosting

• ·         Estructura de un documento HTML y HTML5
• ·         Etiquetas HTML: colocar una tabla con una breve explicación de las diversas etiquetas del  HTML.
• ·         Ejemplos: Crear enlaces a los archivos creados, además debe contar con enlaces a diverso material de apoyo.
• ·         Videos: deberá colocar diversos videos (por lo menos 5) sobre HTML.
• ·         Brindar la dirección del blog al instructor.