TECNOLOGÍAS DE LA INFORMACIÓN

PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

Practice Manual

MANUAL DE PRÁCTICAS

Course

ASIGNATURA:

Web Applications

APLICACIONES WEB
Grade

3ER CUATRIMESTRE

Author

ELABORADO POR:
ING. DANIEL ERNESTO RUIZ ANZALDÚA
[email protected]

CD. REYNOSA, TAMAULIPAS SEPTIEMBRE 2024

 UNIVERSIDAD TECNOLÓGICA DE
TAMAULIPAS NORTE
TECNOLOGÍAS DE LA INFORMACIÓN
PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

PRESENTACIÓN
Este manual fue desarrollado con la finalidad de que el alumno conozca el contenido y desarrollo
de la materia de APLICACIONES WEB, además de proporcionarle la oportunidad de desarrollar
habilidades como el autoaprendizaje, habilidad práctica y expresión de ideas.

Este manual además ofrece un apoyo para el alumno con prácticas en las cuales podrá desarrollar
los conocimientos adquiridos en el desarrollo de la materia.

OBJETIVOS
Al finalizar el curso el alumno será capaz de desarrollar aplicaciones Web con acceso a base de
datos a través de lenguajes y herramientas especializadas para distribuirlas en internet.

EVALUACIÓN INTEGRAL
Esta asignatura lleva relación con otras asignaturas como lo son BASE DE DATOS e INTEGRADORA.

ii
 UNIVERSIDAD TECNOLÓGICA DE
TAMAULIPAS NORTE
TECNOLOGÍAS DE LA INFORMACIÓN
PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

INDEX

UNIT 1
LEARNING OUTCOME 1. – WEB SERVER GUIDE .................................................................................. 2

LEARNING OUTCOME 2. – MY FIRST WEB PAGE ................................................................................. 5

LEARNING OUTCOME 1. – WEB APP FRONTEND TESTING ................................................................. 9

LEARNING OUTCOME 2. – INTEGRATOR PROJECT DESIGN............................................................... 13

LEARNING OUTCOME 1. – WEB APP BACKEND TESTING .................................................................. 18

LEARNING OUTCOME 2. – INTEGRATOR PROJECT FUNCTIONALITY ................................................. 18

LEARNING OUTCOME 1. – WEB APP PUBLISH TESTING .................................................................... 19

LEARNING OUTCOME 2. – INTEGRATOR PROJECT BACKUP.............................................................. 20

CLASS RESOURCES ............................................................................................................................. 21

iii
 TECNOLOGÍAS DE LA INFORMACIÓN

PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

UNIT 1

1
 UNIVERSIDAD TECNOLÓGICA DE
TAMAULIPAS NORTE
TECNOLOGÍAS DE LA INFORMACIÓN
PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

Learning Activity #1

In the notebook, please write a summary with all the concepts about web development, also
including tools from client & server side.

Learning Activity #2

In the notebook, please elaborate a timeline about the web birth, evolution and growth of most
important protocols.

Learning Activity #3

To install a basic and an advanced IDE to code and test applications. Please include a list of
shortcuts and extensions.

To consider:

1. Notepad++ .
2. Visual Studio Code.

Learning Activity #4

IIS configuration following the instructions in class.

COURSE: WEB APPLICATIONS

GRUPO: NOMBRE DEL ALUMNO(S):
MATRÍCULA (S):
3 ___

VALOR: PUNTAJE
UNIDAD: PRACTICA:
1 #1 20% OBTENIDO:

TÍTULO DE LA PRÁCTICA:

LEARNING OUTCOME 1. – WEB SERVER GUIDE

2
 UNIVERSIDAD TECNOLÓGICA DE
TAMAULIPAS NORTE
TECNOLOGÍAS DE LA INFORMACIÓN
PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

TEMA:
1.1 Tecnologías para la creación de aplicaciones Web.
UNIDAD TEMÁTICA: Ambientes de desarrollo Web
1.2 Herramientas para el desarrollo de aplicaciones Web.

OBJETIVO DEL TEMA:

OBJETIVO DE LA PRÁCTICA:
Identificar los conceptos de aplicaciones web: - Internet
Identificar las ventajas y desventajas de las herramientas del lado del
y Web. - Aplicación Web. - Front end. - Back end. -
cliente en el desarrollo Web. Identificar las ventajas y desventajas de las
Hosting. - Protocolos (http, https). - Modelo Cliente -
herramientas del lado del servidor en el desarrollo Web.
Servidor.

NÚMERO DE PARTICIPANTES RECOMENDABLE: IN PAIRS

DURACIÓN: 4 hours

FECHA DE REALIZACIÓN:
LUGAR: CLASSROOM / LAB
[DUE FRIDAY SEP. 13th]
RESULTADO DE APRENDIZAJE:
Elabora un "Reporte de Configuración” del ambiente de desarrollo Web que incluya:

- Listado de herramientas.

- Secuencia de instalación.

- Secuencia de configuración.

- Pruebas de funcionamiento de la configuración

NIVEL COGNITIVO (TAXONOMÍA DE MARZANO O

BLOOM)
Marzano: Sistema de Comprensión
MARCO TEÓRICO

✓ Identificar los conceptos relacionados con tecnologías de desarrollo Web.

ACTIVIDADES PARA DESARROLLAR POR EL PROFESOR:

INTRODUCCIÓN: The practice instructions are presented, and an expected example (if possible) is discussed with the
present group. There will be an assignment in the official Teams group, but the teacher would answer in presential
classes any question about the requirements or content.

DESARROLLO: All digital documents must include an institutional cover and official format (letter with Arial font, size
12 and text with 1.5 line spacing, etc.). Please deliver all evidence in PDF format in a timely manner. If any activity
closes, please deliver it to the official contact or attach it to the digital evidence portfolio folder and notify the
professor.

CIERRE: The professor must return all assignments. This refers to "release" the work and continue with the course. Each
student must make sure that their evaluation is being registered in the official "DICA-06" document. You can always
approach your teacher and ask about the individual performance.

ACTIVIDADES PARA DESARROLLAR EN LA PRÁCTICA POR EL ESTUDIANTE:

DESARROLLO:

U1-LO1

3
 UNIVERSIDAD TECNOLÓGICA DE
TAMAULIPAS NORTE
TECNOLOGÍAS DE LA INFORMACIÓN
PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

To work in pairs, elaborate a tech manual (with installation and configuration) about the
development environment based in the XAMPP solution. Must contain evidence from testing
the localhost server.
MATERIAL:

Teams application, Internet connection and Office Suite.

REQUIRED SOFTWARE:

• Notepad++
• Visual Studio Code
• XAMPP
EQUIPO:

Computer
CRITERIOS DE EVALUACIÓN

o Personal evidence.
o Personal review in a timely manner.
o Document format & methodoly.

RÚBRICA

GRADE WORK RESULT REQUIREMENTS & SPECIFICATIONS

Practice submitted on time, includes all content and the report is delivered
10 OUTSTANDING
in the digital portfolio
The student doesn’t know how to test it. The document may be pending to
9 COMPLETE
back up in the digital portfolio.
The document could have 1 to 3 errors in the format in general.
8 DECENT
The work is reviewed after the assignment deadline
7 INCOMPLETE
There is no registered any work and so there is nothing to evaluate
0 NO EVIDENCE

OBSERVACIONES Y CONCLUSIONES:
This practice is a student’s collaborative investigation, the documentation compiles all the evidence of their co-workers. As a result,
the student will have the correct server to test their development.

4
 UNIVERSIDAD TECNOLÓGICA DE
TAMAULIPAS NORTE
TECNOLOGÍAS DE LA INFORMACIÓN
PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

SUBJECT: WEB APPLICATIONS

GRUPO: NOMBRE DEL ALUMNO(S):
MATRÍCULA (S):
3 ___

VALOR: PUNTAJE
UNIDAD: PRACTICA:
1 #2 20% OBTENIDO:

TÍTULO DE LA PRÁCTICA:

LEARNING OUTCOME 2. – MY FIRST WEB PAGE

TEMA:
UNIDAD TEMÁTICA: Ambientes de desarrollo Web
1.3 Configuración del ambiente de desarrollo Web.
OBJETIVO DEL TEMA:
OBJETIVO DE LA PRÁCTICA:
Describir el proceso de instalación y configuración del
Realizar la instalación y configuración del ambiente de desarrollo Web.
ambiente de desarrollo Web.

NÚMERO DE PARTICIPANTES RECOMENDABLE: IN TEAMS (4-5 MEMBERS).

DURACIÓN: 6 hours

FECHA DE REALIZACIÓN:
LUGAR: CLASSROOM / LAB
[DUE FRIDAY SEP. 20th]
RESULTADO DE APRENDIZAJE:
Familiarizarse con soluciones de tipo .NET.

NIVEL COGNITIVO (TAXONOMÍA DE MARZANO O

BLOOM)
Marzano: Aplicación
MARCO TEÓRICO

✓ Comprender el proceso de instalación y configuración del ambiente de desarrollo Web.

ACTIVIDADES PARA DESARROLLAR POR EL PROFESOR:

INTRODUCCIÓN: The practice instructions are presented, and an expected example (if possible) is discussed with the
present group. There will be an assignment in the official Teams group, but the teacher would answer in presential
classes any question about the requirements or content.

DESARROLLO: All digital documents must include an institutional cover and official format (letter with Arial font, size
12 and text with 1.5 line spacing, etc.). Please deliver all evidence in PDF format in a timely manner.
If any activity closes, please deliver it to the official contact or attach it to the digital evidence portfolio folder and
notify the professor.

CIERRE: The professor must return all assignments. This refers to "release" the work and continue with the course. Each
student must make sure that their evaluation is being registered in the official "DICA-06" document. You can always
approach your teacher and ask about the individual performance.

5
 UNIVERSIDAD TECNOLÓGICA DE
TAMAULIPAS NORTE
TECNOLOGÍAS DE LA INFORMACIÓN
PLAN 2018
TSU ÁREA DESARROLLO DE SOFTWARE
MULTIPLATAFORMA

ACTIVIDADES PARA DESARROLLAR EN LA PRÁCTICA POR EL ESTUDIANTE:

DESARROLLO:

U1-LO2:

To develop and review in teams an individual web application of ASPX type. Follow class
instructions and must have evidence from all students.

MATERIAL:

Teams application, Internet connection, guides & manuals.

• IIS
• Visual Studio Community 2022
EQUIPO:

Computer, projector, working IDE.

CRITERIOS DE EVALUACIÓN

o Pages working and loading correctly.

o Personal info for profesional purpose.
o Review presential in a timely manner.

RÚBRICA

GRADE WORK RESULT REQUIREMENTS & SPECIFICATIONS

Practice reviewed on time, includes all requirements and the testing app is
10 OUTSTANDING
complete.
The app may not be working correctly but at least the student has evidence
9 COMPLETE
of their testing phase.
The student knows the basic demonstrating the implementation of the
8 DECENT
default page.
The work is reviewed after the assignment deadline
7 INCOMPLETE
There is no registered any work and so there is nothing to evaluate
0 NO EVIDENCE

OBSERVACIONES Y CONCLUSIONES:
Finishing this practice, the student will be capable to test data from code files in a browser view. This also helps student to discover,
try and test all the ASP .NET elements and syntax for high performance web applications.