Universidad Nacional Abierta y a Distancia

Vicerrectoría Académica y de Investigación

Curso: Programación de sitios web
Código: 301127

• Guía de actividades y rúbrica de evaluación – Fase 4 Diseño

e implementación backend

1. Descripción de la actividad

Tipo de actividad: En grupo colaborativo

Momento de la evaluación: Intermedio
Puntaje máximo de la actividad: 130 puntos
La actividad inicia el: La actividad finaliza el: domingo,
viernes, 29 de octubre de 2021 28 de noviembre de 2021
Con esta actividad se espera conseguir los siguientes resultados
de aprendizaje:

Implementar sitios web interactivos haciendo uso de lenguajes de

programación web del lado del servidor, bases de datos y librerías para
la ejecución proyectos web que den solución a problemáticas planteadas.

La actividad consiste en:

En grupo deben realizar las actividades citadas a continuación con

respecto a la propuesta que venían trabajando en la fase 3:

• Dentro del menú de administrador, debe colocar un link a un script

en PHP que permita crear la base de datos de su aplicativo en
MYSQL, dicha base de datos se llamará: bdunadXX, donde XX
corresponde al número de su grupo de trabajo colaborativo.

• Dentro del menú de administrador, debe colocar un link a un script

en PHP que permita crear una tabla en la base de datos creada
anteriormente. Dicha tabla debe llamarse: tablaXX, donde XX
corresponde al número de su grupo de trabajo colaborativo.

Ejemplo:

1
Recuerden que la base de datos y la tabla no se deben crear
manualmente en phpmyadmin, sino que deben crearse
automáticamente mediante los códigos de PHP que diseñaron
anteriormente.

Recuerden que en la fase 2 ustedes establecieron la clave para acceso

al motor phpMyAdmin que debía ser: 12345678 y el usuario para
acceso al motor phpMyAdmin es: root

Nota: a partir de esta Fase 4 se trabaja de lado del servidor y es de vital

importancia recalcar que los códigos que usted diseñe deben ser
ejecutados de una forma muy diferente a como lo hacía para códigos de
HTML o JavaScript que trabajan de lado del cliente. Los códigos HTML y
JavaScript se ejecutan simplemente dando doble clic sobre los mismos
y no importa la carpeta donde estén alojados.

Para el caso de PHP al trabajar de lado del servidor usted debe ubicar la
ruta C:\AppServ\www para el caso de Appserv, ó la ruta
C:\Xampp\htdocs en caso de usar Xampp y allí alojar la carpeta que
contiene los códigos de su aplicativo. Suponiendo que la carpeta del
aplicativo se llama computerstore, entonces quedaría así:
C:\AppServ\www\computerstore y allí en esa carpeta deben quedar
alojados todos sus códigos. No olvide que la página principal de su
aplicativo debe llamarse index.html

Y para ejecutar el aplicativo no puede dar doble clic a los archivos ya

que no van a funcionar entonces debe dirigirse al navegador de su
preferencia (Mozilla o Google Chrome) y en la barra de direcciones
digitar: localhost/computerstore/index.html

• Dentro del menú de Inventario debe enlazar el formulario de

ingreso de productos (diseñado en la fase anterior) a la tabla de la
base de datos para que el usuario pueda guardar los registros allí,
por medio de la sentencia INSERT de MySQL. No olvide que para
2
 este proceso debe crear un código en PHP que permita ejecutar la
sentencia de MySQL.

• Dentro del menú de Inventario debe enlazar el formulario de

consulta de productos (diseñado en la fase anterior) con la base
de datos y permitir mostrar el registro asociado a ese número,
mediante la sentencia SELECT de MySQL. No olvide que para este
proceso debe crear un código en PHP que permita ejecutar la
sentencia de MySQL.

• Dentro del menú de inventario debe enlazar el formulario de

actualización de productos (diseñado en la fase anterior) con la
base de datos y permitir actualizar la información de ese registro
mediante la sentencia UPDATE de MySQL. No olvide que para este
proceso debe crear un código en PHP que permita ejecutar la
sentencia de MySQL.

• Dentro del menú de inventario debe enlazar el formulario de

eliminación de productos (diseñado en la fase anterior) con la base
de datos y permitir eliminar ese producto de la base de datos,
mediante la operación DELETE de MySQL. No olvide que para este
proceso debe crear un código en PHP que permita ejecutar la
sentencia de MySQL.

Nota: para enlazar cada formulario HTML creado en la fase anterior con
el script correspondiente en PHP que permite Insertar, eliminar,
actualizar y visualizar registros en la base de datos usted debe ubicar el
parámetro action=”” dentro de la etiqueta <form> de su formulario
HTML y colocar allí el nombre del script en PHP que realiza la consulta
en la base de datos de MySQL. Ejemplo: Suponga que el formulario para
insertar datos en HTML se llama insertar.html y el script PHP que
contiene la consulta de MySQL se llama insertar.php entonces usted
debe ubicar la etiqueta <form> dentro del formulario insertar.html y
en el parámetro action colocar el nombre del script en PHP así:
action=”insertar.php” de esa forma se enlaza el formulario con la
acción a ejecutar y se pueden ejecutar las consultas a la base de datos
de forma satisfactoria.

• Dentro del menú de administrador, debe crear un link a un script

en PHP que permita generar el backup de la base de datos

3
 mediante el aplicativo mysqldump.exe incluido en la suite de
Appserv, Xampp y Mamp. No olvide que para este proceso debe
crear un código en PHP que permita ejecutar mysqldump.exe. La
ruta para llamar al aplicativo mysqldump.exe es
(C:\AppServ\MySQL\bin\mysqldump.exe) ó
(C:\Xampp\MySQL\bin\mysqldump.exe) ó
(C:\Mamp\MySQL\bin\mysqldump.exe)

• Dentro del menú de administrador, debe crear un link a un script

en PHP que permita generar un informe en PDF de los productos
registrados en la base de datos con cantidades en existencia,
mediante el uso de una librería, puede ser mPDF, FPDF, DomPDF,
etc.

Ejemplo:

Realizar un resumen donde describa aspectos importantes que deben

tenerse en cuenta en cuanto a la seguridad de aplicativos del lado del
servidor en PHP y MySQL, proponiendo ejemplos de uso.

Nota: Es de vital importancia que usted comparta en el foro el

documento con las capturas de pantalla de la ejecución de los códigos
con el fin de recibir una retroalimentación clara y oportuna.

Deben diseñar una tabla de control de cambios, donde se evidencie

que estudiante realizó aportes, que aportes hizo y la fecha de estos. Este
instrumento de gestión de cambios es de gran ayuda para que el grupo
controle la versión de su trabajo y para la respectiva verificación del
tutor del curso.

Versión
Fecha y
del Estudiante Aporte Descripción
hora
documento

4
 Códigos Aportó el diseño y
para programación de los
dd/mm/aaaa insertar ficheros para insertar
V1 Juan Cruz
hh:mm productos productos en la base de
en la base datos y funcionan
de datos correctamente

Consolidar el informe en un documento word, donde incluyan

(portada (con los integrantes que hayan aportado de forma
significativa), capturas de pantalla de con la explicación y descripción de
la creación de la base de datos, de la tabla, del reporte en PDF, del
backup, de las operaciones DELETE, INSERT, UPDATE y SELECT de
MySQL, resumen de aspectos de seguridad, tabla de control de cambios,
conclusiones, Bibliografía APA). Pueden trabajar en algún procesador de
texto que permita el trabajo colaborativo en línea como: Google docs,
office 365, etc. Pero en el foro se debe cargar un documento Word para
que el tutor pueda revisar y validar los aportes significativos de cada
estudiante.

Crear una carpeta comprimida en ZIP que contenga el informe en Word

o PDF y los ficheros (HTML, PHP, entre otros) derivados de la
programación web realizada.

Para el desarrollo de la actividad tenga en cuenta que:

En el entorno de Información inicial debe:

- Consulta la agenda del curso para revisar la fecha de entrega de

la actividad.

En el entorno de Aprendizaje debe:

- Documentarse sobre las temáticas en las lecturas sugeridas.

- Participar en el foro con aportes significativos sobre las

actividades planteadas.

En el entorno de Evaluación debe:

5
 - El estudiante líder del grupo debe cargar la carpeta comprimida en
ZIP que contenga el informe en Word o PDF y los ficheros (HTML,
PHP, entre otros) derivados de la programación web realizada.

Evidencias de trabajo independiente:

Las evidencias de trabajo independiente para entregar son:

1. Participación frecuente, asertiva y pertinente con aportes

significativos en el foro de la actividad.

Evidencias de trabajo grupal:

Las evidencias de trabajo grupal a entregar son:

- El estudiante líder del grupo debe cargar la carpeta comprimida en

ZIP que contenga el informe en Word o PDF y los ficheros (HTML,
PHP, entre otros) derivados de la programación web realizada.

6
2. Lineamientos generales para la elaboración de las evidencias
de aprendizaje a entregar.

Para evidencias elaboradas en grupo colaborativamente, tenga en

cuenta las siguientes orientaciones

1. Todos los integrantes del grupo deben participar con sus aportes en
el desarrollo de la actividad.

2. En cada grupo deben elegir un solo integrante que se encargará de

entregar el producto solicitado en el entorno que haya señalado el
docente.

3. Antes de entregar el producto solicitado deben revisar que cumpla

con todos los requerimientos que se señalaron en esta guía de
actividades.

4. Solo se deben incluir como autores del producto entregado, a los

integrantes del grupo que hayan participado con aportes durante el
tiempo destinado para la actividad.

Tenga en cuenta que todos los productos escritos individuales o

grupales deben cumplir con las normas de ortografía y con las
condiciones de presentación que se hayan definido.
En cuanto al uso de referencias considere que el producto de esta
actividad debe cumplir con las normas APA
En cualquier caso, cumpla con las normas de referenciación y evite el
plagio académico, para ello puede apoyarse revisando sus productos
escritos mediante la herramienta Turnitin que encuentra en el campus
virtual.

Considere que en el acuerdo 029 del 13 de diciembre de 2013, artículo

99, se considera como faltas que atentan contra el orden académico,
entre otras, las siguientes: literal e) “El plagiar, es decir, presentar como
de su propia autoría la totalidad o parte de una obra, trabajo,
documento o invención realizado por otra persona. Implica también el
uso de citas o referencias faltas, o proponer citad donde no haya
coincidencia entre ella y la referencia” y liberal f) “El reproducir, o copiar
con fines de lucro, materiales educativos o resultados de productos de

7
investigación, que cuentan con derechos intelectuales reservados para
la Universidad”

Las sanciones académicas a las que se enfrentará el estudiante son las

siguientes:
a) En los casos de fraude académico demostrado en el trabajo
académico o evaluación respectiva, la calificación que se impondrá será
de cero puntos sin perjuicio de la sanción disciplinaria correspondiente.
b) En los casos relacionados con plagio demostrado en el trabajo
académico cualquiera sea su naturaleza, la calificación que se impondrá
será de cero puntos, sin perjuicio de la sanción disciplinaria
correspondiente.

8
 3. Formato de Rúbrica de evaluación

Tipo de actividad: En grupo colaborativo

Momento de la evaluación: Intermedio
La máxima puntuación posible es de 130 puntos
Nivel alto: Evidencia el manejo de lenguajes de programación web
del lado del servidor y de bases de datos ya que crea la base de datos
en MySQL e implementa las operaciones CRUD como insertar,
actualizar, consultar, eliminar, genera reportes en PDF y copias de
seguridad.
Primer criterio de Si su trabajo se encuentra en este nivel puede obtener
evaluación: entre 61 puntos y 100 puntos

Diseño e Nivel Medio: Evidencia parcialmente el manejo de lenguajes de

implementación de programación web del lado del servidor y de bases de datos ya no
sitios web del lado del entregó la totalidad de la creación de base de datos en MySQL e
servidor implementación de las operaciones CRUD como insertar, actualizar,
consultar, eliminar, generación de reportes en PDF y copias de
Este criterio seguridad y/o no funcionan al 100%
representa 100 Si su trabajo se encuentra en este nivel puede obtener
puntos del total entre 31 puntos y 60 puntos
de 130 puntos de
la actividad. Nivel bajo: No evidencia el manejo de lenguajes de programación
web del lado del servidor y de bases de datos ya que no crea la base
de datos en MySQL ni implementa las operaciones CRUD como insertar,
actualizar, consultar, eliminar, tampoco genera reportes en PDF ni
copias de seguridad.
Si su trabajo se encuentra en este nivel puede obtener
entre 0 puntos y 30 puntos
Segundo criterio Nivel alto: Evidencia conocimientos en seguridad de sitios web del
lado del servidor ya que contribuyó a la realización del resumen donde
de evaluación:
explica los aspectos más importantes a tener en cuenta en seguridad
de sitios web del lado del servidor y propone ejemplos de uso.
Seguridad en sitios
Si su trabajo se encuentra en este nivel puede obtener
web del lado del
servidor entre 13 puntos y 20 puntos

Nivel Medio: Evidencia parcialmente conocimientos en seguridad de

Este criterio sitios web del lado del servidor ya que no contribuyó con aportes de
calidad a la realización del resumen donde explica los aspectos más
representa 20
importantes a tener en cuenta en seguridad de sitios web del lado del
puntos del total servidor proponiendo ejemplos de uso.

9
de 130 puntos de Si su trabajo se encuentra en este nivel puede obtener
la actividad entre 7 puntos y 12 puntos

Nivel bajo: No evidencia conocimientos en seguridad de sitios

web del lado del servidor ya que no contribuyó a la realización del
resumen donde explica los aspectos más importantes a tener en
cuenta en seguridad de sitios web del lado del servidor proponiendo
ejemplos de uso.
Si su trabajo se encuentra en este nivel puede obtener
entre 0 puntos y 6 puntos
Nivel alto: La carpeta presentada contiene los ítems solicitados en
la guía de actividades, como lo son: informe de ejecución de
Tercer criterio de actividades y ficheros derivados de la programación web realizada.
evaluación: Si su trabajo se encuentra en este nivel puede obtener
entre 6 puntos y 10 puntos
Estructura del
Nivel Medio: La carpeta presentada no contiene todos los ítems
producto final solicitados en la guía de actividades, como lo son: informe de
ejecución de actividades y ficheros derivados de la programación web
realizada.
Este criterio Si su trabajo se encuentra en este nivel puede obtener
representa 10 entre 2 puntos y 5 puntos
puntos del total
de 130 puntos de Nivel bajo: No presentó la carpeta solicitada.
la actividad Si su trabajo se encuentra en este nivel puede obtener
entre 0 puntos y 1 puntos

10