GESTIÓN DE FORMACIÓN PROFESIONAL INTEGRAL

PROCEDIMIENTO DESARROLLO CURRICULAR

GUÍA DE APRENDIZAJE

1. IDENTIFICACIÓN DE LA GUIA DE APRENIZAJE

 Denominación del Programa de Formación: Técnico en Programación de Software.

 Código del Programa de Formación: 228120 Ver. 102
 Nombre del Proyecto (si es formación Titulada): 1352853 Implementación De Un Sistema De
Información Digital Para La Gestión De Pymes
 Fase del Proyecto (si es formación Titulada): FASE 3. Ejecución del Proyecto
 Actividad de Proyecto (si es formación Titulada): Actividad 5. Desarrollo de interfaces y Validación
de campos
 Actividad de Aprendizaje: Diseñar la interfaz gráfica y estructura de clases utilizando la
programación orientada a objetos.
 Competencia: 220501007 Construir el sistema que cumpla con los requisitos de la solución
informática.
 Resultados de Aprendizaje Alcanzar: 22050100704 Construir la matriz CRUD en el lenguaje de
programación seleccionado para verificar la funcionalidad del sistema de acuerdo con el diseño
entregado.
 Duración de la Guía: 56 horas presenciales, 24 horas desescolarizadas.

2. PRESENTACION

2.1. MVC (Modelo Vista Controlador) en ASP

Se ha de empezar aclarando que MVC es un patrón de diseño de software, es decir, un modelo de

arquitectura que separa los datos de lógica de negocio de la interfaz gráfica de usuario (GUI) en una
aplicación, facilitando el desarrollo organizado de esta y su posterior mantenimiento.
Hasta el momento, los ejemplos de aplicaciones que se han desarrollado, no contemplan una
separación del código sino, más bien, trabajan a partir del uso de varios lenguajes de programación en un
solo conjunto de ficheros y la organización de estos no se venía trabajando de forma estandarizada. Con
MVC lo que se gana es organización, reutilización del código, facilidad en la gestión de la aplicación,
optimización de los tiempos de codificación y corrección de errores.

GFPI-F-019 V3
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

El patrón MVC consiste entonces

en separar la estructura de la aplicación
en tres componentes distintos, el
modelo, la vista y el controlador. El
modelo contiene la lógica del negocio, es
decir, las clases y métodos que se
comunican directamente con la base de
datos. La vista es la encargada de mostrar
la información al usuario, de forma
gráfica y legible. El controlador es el
intermediario entre la vista y el modelo,
se encarga de controlar las interacciones
Figura 1, Fuente: https://codigofacilito.com/articulos/mvc-model-view-
controller-explicado del usuario en la vista, pide los datos al
modelo y los devuelve de nuevo a la vista
para que esta los muestre al usuario. Es decir las llamadas a clases y métodos, y los datos recibidos de
formularios.
Con el desarrollo de esta guía el aprendiz podrá implementar el patrón de diseño MVC al desarrollo de su
proyecto de formación, utilizando los estándares recomendados y garantizando la codificación de una
aplicación ordenada y de fácil mantenimiento.
Erick Recaman

3. FORMULACION DE LAS ACTIVIDADES DE APRENDIZAJE

3.1. Actividades de Reflexión inicial.

Actividad de Aprendizaje 13_01: Identificar los conceptos asociados a los patrones de diseño en
aplicaciones web.

Uno de los principales inconvenientes al desarrollar software, es que cada programador utiliza su propia
metodología, de acuerdo a la lógica que aplique, lo que resulta en desarrollos complejos que solo su
creador entiende. Teniendo en cuenta lo anterior y lo plasmado en el documento
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

“13_01_Que_Son_Patrones_de_Diseño.pdf” que se encuentra en el material de apoyo, debata con sus

compañeros sobre las conclusiones obtenidas de la misma y sobre la pregunta ¿Cuál es la diferencia entre
el uso de patrones de diseño y la metodología que se venía trabajando para el desarrollo de aplicaciones
en ASP?
(Duración de la actividad: 5 horas)

3.2. Actividades de contextualización e identificación de conocimientos necesarios para el

aprendizaje.

Actividad de Aprendizaje 13_02: Asociar los conceptos relacionados con el patrón de diseño MVC
aplicados al desarrollo de aplicaciones web en ASP

Al hacer uso de patrones de diseño en nuestras aplicaciones web ASP, se obtienen varias ventajas y con el
fin de analizarlas, se propone que el aprendiz realice la lectura
“13_02_LECTURA_Entendiendo_MVC_en_ASP.pdf” Además, de acuerdo a los diagramas representativos
y al ejemplo que se encuentra en el archivo
“13_03_CONTEXTUALIZACIÓN_Modelo_Vista_Controlador.pdf” identifique la secuencia de eventos de
interacción entre el modelo, la vista y el controlador teniendo en cuenta la siguiente situación: En un sistema
de gestión de inventario, un usuario realiza una petición de consulta al sistema, que le permita visualizar
todos los productos con los que cuenta en bodega.

Utilice un modelo de diagrama similar al desarrollado en el material de apoyo y, de forma individual,

socialícelo con sus compañeros

(Duración de la actividad: 15 horas)

3.3. Actividades de apropiación del conocimiento (Conceptualización y Teorización).

Actividad de Aprendizaje 13_03: Comprender la implementación del patrón Modelo Vista controlador
en aplicaciones web ASP

Siga el ejemplo básico de implementación del patrón MVC, que se encuentra en el archivo
“13_04_EJEMPLOS_Modelo_Vista_Controlador.pdf” Y realice los ejercicios propuestos en el archivo
“13_05_EJERCICIOS_MVC.pdf”

Guarde sus evidencias copiando y pegando el código desarrollado y tomando pantallazos de los resultados,
en un único de Word con el nombre “Evidencias_Ejercicios_13_MVC_ASP” con el título “Evidencias
Actividad de Aprendizaje 13_03”

(Duración de la actividad: 25 horas)

3.4. Actividades de transferencia del conocimiento.

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

Actividad de Aprendizaje 13_04: Construir un proyecto utilizando el patrón MVC

Teniendo en cuenta los ejemplos desarrollados anteriormente, y los ejemplos de implementación de una
CRUD con MVC y ASP, que se encuentran dentro del material de apoyo en los archivos
“13_06_CRUD_MVC.pdf” y “13_07_Creacion_CRUD_ASP_SQL SERVER_PORCAPAS.pdf” implemente las
operaciones CRUD propias de su proyecto de formación.

Agregue sus evidencias (Pantallazos del funcionamiento) a un archivo de Word, con el nombre
“CRUD_ASP_MVC_Proyecto”

(Duración de la actividad: 35 horas)

4. ACTIVIDADES DE EVALUACIÓN

Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de

Evaluación

Evidencias de Conocimiento :

 Responder sobre que es el  Identifica los principios  Actividad de Pre Saberes

patrón de diseño MVC, el
esquema de ficheros y la
interacción entre cada
una de las capas que lo 
componen
Evidencias de Desempeño
(Evidencias_13_MVC_PHP):
 Presentar sustentación  Elabora aplicaciones web
de ejercicios propuestos
en la guía de aprendizaje.
teóricos de la  Cuestionario sobre MVC
implementación de MVC en  Lista de Chequeo
aplicaciones web  Entregable CRUD con MVC
Reconoce las diferencias aplicada a proyecto de
entre aplicaciones que formación
implementan patrones de
diseño con las que no lo
hacen
haciendo uso del patrón de
diseño MVC

Evidencias de Producto
(CRUD_ASP_MVC_Proyecto):

 Desarrollar ejercicios
propuestos en la guía, en
los cuales aplique los
conceptos de MVC de
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

acuerdo a las situaciones

planteadas

5. GLOSARIO DE TERMINOS

PATRÓN DE DISEÑO: “Los patrones de diseño son el esqueleto de las soluciones a problemas comunes en
el desarrollo de software.” En otras palabras, brindan una solución ya probada y documentada a problemas
de desarrollo de software que están sujetos a contextos similares.

ARQUITECTURA DE SOFTWARE: Conjunto de patrones que proporcionan un marco de referencia necesario

para guiar la construcción de un software

FRAMEWORK: Podemos definir a un Framework, como un marco de trabajo, como un conjunto de código
que podemos utilizar y reutilizar es un sistema personalizado, también en sistemas complejos o simples.

MVC: El MVC o Modelo-Vista-Controlador es un patrón de arquitectura de software que, utilizando 3

componentes (Vistas, Models y Controladores) separa la lógica de la aplicación de la lógica de la vista en
una aplicación.

ASP: Active Server Pages (ASP) también conocido como ASP, es una tecnología de Microsoft del tipo "lado
del servidor" para páginas web generadas dinámicamente

PROGRAMACIÓN POR CAPAS: es un modelo de desarrollo software en el que el objetivo primordial es la

separación (desacomplamiento) de las partes que componen un sistema software o también una
arquitectura cliente-servidor: lógica de negocios, capa de presentación y capa de datos. De esta forma, por
ejemplo, es sencillo y mantenible crear diferentes interfaces sobre un mismo sistema sin requerirse cambio
alguno en la capa de datos o lógica.

6. REFERENTES BILBIOGRAFICOS

[1] El paradigma de Programación Orientada a Objetos en ASP y el patrón de arquitectura MVC:

http://www.duea.umss.edu.bo/documentos/Plan_car_184799.pdf

[2] Programación en ASP a través de ejemplos:

http://servicio.uca.es/softwarelibre/publicaciones/apuntes_php

[3] Manual de ASP y SQLServer:

http://editorial.udistrital.edu.co/contenido/c-1032.pdf
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

7. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha

Autor (es) Erick Felipe Recamán Instructor Articulación con 31/01/2018

Guzmán la media

8. CONTROL DE CAMBIOS

Nombre Cargo Dependencia Fecha Razón del Cambio

Autor (es)
GESTIÓN DE FORMACIÓN PROFESIONAL INTEGRAL
PROCEDIMIENTO DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

GFPI-F-019 V3