Video de la creación de formularios

Aquí presento el video de esta semana, el cual trata sobre el tema que expusimos en esta semana, la creación de formularios. Para ver el video dar clic en el siguiente enlace.

https://www.youtube.com/watch?v=SdvUhIA9Nlw

Semana del 22 - 26 de Septiembre

Durante esta semana entregamos avances de lo que es nuestro diseño de como pensamos que podría quedar nuestra página web de acuerdo a las tablas y a las funciones que tiene que hacer el proyecto de reunir todas las aplicaciones de solicitudes en una misma. Al igual comenzaron y terminaron las exposiciones de los temas de la unidad 2, los cuales son:

2.1.Introducción.

2.2.Representación de documentos.

2.3.Tipos de datos básicos.

2.4. Estructura global de un documento.

2.5.Elementos básicos:texto, vínculos, listas, objetos, imágenes y aplicaciones.

2.6.Estructura y disposición.

2.7.Formularios.

Donde nuestro equipo el cual es el equipo Puma le había tocado exponer el tema de Tipos de datos básicos y el profesor decidió que no expusiéramos ese tema y que nos uniéramos con el equipo Microweb y les apoyáramos con la exposición del tema Formularios. Realizamos la presentación el día viernes 26 de Septiembre y también expusimos un ejemplo de un formulario sencillo en el que el maestro le anexó una etiqueta para la fecha. 

Y así concluimos las actividades de esta semana.

Exposición del tema 2.7 Formularios

A continuación una muestra de nuestra exposición del tema 2.7 Formularios, con la participación del equipo Microweb y Puma.

2.7. Formularios

También utilizando el software Notepad++ realizamos un ejemplo de un formulario básico al cual el maestro realizó unos anexos como lo era la etiqueta <input type="date" id="fecha" name="fecha" maxlength="8"/>

Al ejecutar el archivo html en nuestro navegador se muestra de la siguiente manera.

2.7.Formularios

Documento que explica el tema 2.7 del temario de la materia Programación Web, el cual lleva el nombre de Formularios.

Ver documento 2.7. Formularios

Modificación de la base de datos

Aquí les dejo un video de las modificaciones que realizamos en nuestra base de datos la semana del 17 - 19 de Septiembre en la clase de Programación Web.

Ver el video.

Semana del 17 - 19 de Septiembre

Durante esta corta semana realizamos ciertas modificaciones a nuestra base de datos al agregar las tablas nuevas de nuestro proyecto, y al haber agregado nuevas tablas también hicimos nuevas vistas que hicieran referencia a dichas tablas. Aquí les muestro unas imágenes de nuestras modificaciones.

Al igual al realizar las vistas nuevas teníamos un detalle al mostrar los datos. En las tablas que requeríamos mostrar los nombres completos de los estudiantes teníamos que hacer una modificación para que no aparecieran los datos los cuales son Nombre, Paterno y Materno en columnas separadas sino que estuvieran como si los hubiéramos ingresado en una sola columna. A continuación les mostrare como quedó esa modificación.

Semana del 8 - 12 de Septiembre

Durante esta semana el profesor nos indicó que teníamos que realizar unas modificaciones a nuestras bases de datos ya que nos dijo que hay que hacer como proyecto una sola aplicación web en donde incluyéramos todas las aplicaciones de solicitudes que se encuentran en la página de centro de servicios del ITVH. Las cuales son las siguientes:

Respecto a ese proyecto nosotros decidimos realizar tablas individuales de acuerdo a cada una de las aplicaciones para unirlas todas con vistas y relacionarlas con las tablas que ya teníamos elaboradas.

Al igual en esta semana realizamos la evaluación teórica de la Unidad 1.

Creación de vistas en Navicat Premium

A continuación un video acerca de la creación de las vistas con la herramienta Navicat Premium.

Vistas en Navicat Premium

Semana del 1 - 5 de Septiembre

Durante esta semana en la clase de Programación web realizamos la base de datos que nos pidió el profesor de acuerdo a las tablas que nos dio. Esta base de datos fue diseñada con la herramienta Navicat Premium que ya había mencionado en otra publicación.

También le agregamos datos a las tablas de acuerdo a como el maestro nos pidió. Este proceso fue algo laborioso ya que teníamos que estar al tanto de cada uno de los datos que requería cada tabla.

Ya con las tablas llenas de datos realizamos vistas. Las cuales consisten en relacionar las tablas unas con otras y solo seleccionar los datos que quieres que se muestren en ellas.

Al seleccionar la vista que deseas ver solo necesitas hacer doble clic y la vista se mostrará en una tabla de la siguiente forma. 

Desarrollo de aplicaciones web

Ensayo de acuerdo al tema desarrollo de aplicaciones web. Ver.

Instalación de XAMPP y Navicat Premium

A continuación les mostraremos el video en el que realizamos la instalación de las herramientas que utilizamos para la creación de nuestra base de datos, las cuales son el xampp y el Navicat Premium.

http://www.youtube.com/watch?v=knLEwW_Der4