Formato para la elaboración de la “Planeación didáctica del docente”

PLANEACIÓN DIDÁCTICA DEL DOCENTE

Carrera: Ing. en Desarrollo de Software Ciclo Escolar: 2018-2

Asignatura: Programación Net III Semestre: 7 Bloque: 1

Nombre del Docente: Esther Lozano Candia

UNIDAD II. Diseño de interfaces mediante .NET

Competencias:
 General: Implementar aplicaciones con acceso y manipulación de bases de datos para resolver problemas de procesamiento de
información a partir del uso de la tecnología .NET.

 Específicas: Diseñar interfaces gráficas de usuario con los estándares de usabilidad para interactuar con la base de datos a partir
de la tecnología .NET

Propósito (s):

 Identificar los tipos de controles de bases de datos mediante la tecnología .NET.

 Resolver problemas de procesamiento de información, mediante una interfaz gráfica de usuario desarrollada con .NET.
 Desarrollar formularios en el entorno de desarrollo Visual Studio utilizando el lenguaje Visual Basic. NET.

MATERIAL DE
TEMAS Y NOMBRE Y NUMERO DE ACTIVIDAD, PROPÓSITO E ESTRATEGIAS INTENTOS EN FECHA
ESTRATEGIAS APOYO Y/O CRITERIOS DE
SUBTEMAS INDICACIONES DE LA ACTIVIDAD DE PLATAFORMA DE
DE ENSEÑANZA RECURSOS EVALUACIÓN
APRENDIZAJE ENTREGA
DIDÁCTICOS

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.
 Actividad 1: Entorno de desarrollo
El propósito de esta actividad es que identifique los
2.1 Entorno
de desarrollo elementos del entorno Visual Studio para Visual Basic, así
*Estudio
como sus funciones, para ello, sigue estos pasos: individual Contenido de Correcto mapa

2.1. Entorno
*Exploración la unidad 2 de mental 2 Del 26
(imágenes,
de desarrollo del entorno *Investigación, la asignatura palabras e ideas
al 30 de
1. Realizar un Mapa Mental donde presente y
2.1.1. gráfico de tarea clave) 30% Julio
Herramientas explique el entorno de desarrollo Visual Studio, la Visual Studio individual
Contenido del
2.1.2. explicación incluye las herramientas, examinador Aplicación entorno de Visual
Examinador online para Studio 40%
de objetos de objetos, barra de propiedades, explorador de
*Identifica- *Análisis y mapas
Ejemplo sencillo
2.1.3. Barra soluciones, vistas (diseño y código). ción de selección de mentales 20%
de
propiedades 2. Incluir un ejemplo sencillo donde se explique el uso elementos algún ejemplo
Fuentes
2.1.4. consultadas y
de las herramientas de Visual Studio. Reportar al
mapa legible 10%
Explorador de
soluciones final las fuentes de información consultadas. *Relación
2.1.5. Vistas 3. Revisar los Criterios de evaluación incluidos en la
imágenes con
acciones clave
6ta. Columna de esta Planeación. del software
4. Guardar su archivo (ó extraer el link según sea el
caso de la aplicación) y/o exportarlo como pdf.
5. Incluir el link en un documento, guardarlo en
formato PDF con el nombre DPRN3_U2_A1_XXYZ.
Sustituye las XX por las dos primeras letras de tu
primer nombre, la Y por tu primer apellido y la Z por

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.
 tu segundo apellido y sube tu actividad en el
apartado correspondiente en la Unidad 2.

Actividad 2: Interfaces
*Contenido
2.2. El propósito de esta actividad es analizar y trabajar con el de la unidad 2 *Diseño de la 2 Del 30
Aplicaciones interfaz
problema propuesto (de la siguiente página) y seleccionar * Diseñar de la de julio
de escritorio completa del
2.2.1.
*Planteamiento ejercicio en asignatura proyecto
al 03 de
una plataforma de las que se le mencionan en la siguiente
de Proyecto forma agosto
Creación de propuesto,
un nuevo página para que después realice lo siguiente: individual considerando
proyecto  Diseñar la interfaz de todo el proyecto cada módulo
2.2.2. *Análisis, *Aprendizaje *Plataformas solicitado,
Formularios (maquetación) en la plataforma seleccionada. comprensión Valor: 70%
basado en para el diseño
2.2.3.  Integrar todos los elementos requeridos del y solución al proyecto de interfaces
Componentes Planteamiento *Uso de
comunes proyecto, es decir el diseño detallado de cada de proyecto alguna
2.2.4. pantalla y sus componentes según lo que el sistema plataforma
*Organizador
Componentes para el diseño,
para acceso a requiere. de información Valor 25%
bases de  En un archivo PDF integrar cada una de sus
datos *Archivo PDF
2.2.5. Menús interfaces así como el link donde llevó a cabo su 5%
diseño, envía tu archivo a la docente en línea
para recibir retroalimentación, nomenclatura
correspondiente DPRN3_U2_A2_XXYZ.
Nota: El proyecto propuesto es el que estará trabajando
en actividades siguientes y el que presentará como
evidencia

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.
 PROBLEMA PROPUESTO:
SUMINISTRO DE AGUA
Se te solicita desarrollar el sistema que permita la
administración de agua potable para la ciudad, para ello
considere cada uno de los siguientes procesos (interfaces):

* Registrar las casas ó negocios (en este apartado almacenar

el número de contrato, nombre del titular del servicio y su
domicilio)
* Registrar el precio del consumo por metro cúbico

*Capturar el consumo de agua por mes de cada uno de los

domicilios(Cantidad de m3),

Permitir realizar las diferentes consultas:

- Consumo por hogar ó negocio (número de contrato) y total

a pagar por mes.

-Consumo anual del usuario

-Consumo Total de hogar y negocios por mes mostrando el

total de m3 consumidos y la cantidad económica a la que
asciende el consumo.

Plataformas para el diseño de interfaces, utilice la

versión gratuita

https://www.mockflow.com/

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.
 (En la anterior aplicación puede incluir varias interfaces en
cada página a través de rectángulos para lograr el diseño
completo de su interfaz)

https://ninjamock.com

Actividad 3: Usabilidad
Esta actividad tiene el objetivo e importancia de Del 03
2.3. conocer y aplicar los principios de usabilidad en el Reporte con
proyecto seleccionado.
*Análisis, de
Propuesta de las imágenes
*Investigación comprensión Agosto
diseño tanto del
2.3.1. 1. Investigar que es UX User experience y UI en fuentes de la Fuentes Antes y
al 07 de
Usabilidad User Interface especializadas usabilidad a especializadas Después de 2 Agosto
2.3.2. través de las haber
Analizar los siguientes artículos: *Aplicación de lecturas
Creación de comprendido
 Principios de User experience mejoras a la
formularios Ejemplos de la usabilidad,
http://52weeksofux.com/post/475093254/10-principles-of-
en VB.NET actividad *Revisión de usabilidad en el reporte
ux
previa ejemplos se integran las
especializados pantallas de
 Cómo diseñar formularios
manera
https://articles.uie.com/web_forms/
*Mediante la legible así
mismo
 Guía para el contraste de colores en tu aplicación: información
considera
https://medium.com/@erikdkennedy/color-in-ui-design-a- especializada observaciones
practical-framework-e18cacd97f9e aplican de mejora
elementos de previamente
http://paletton.com/#uid=34c0X0ksGn5dxhmm6kICKoBRspl usabilidad a hechas en su
proyecto actividad 2 (si
2. Retomar el proyecto propuesto de la actividad
fuera el caso).
2 y realizar lo siguiente:

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.
 *Informe Breve
 Obtener (retomar) las pantallas de su proyecto comparativo descripción
antes de hacer los cambios y guardarlas en del antes y por pantalla
su documento de Actividad 3, (El Antes) después de considerando
los
aplicar
 Aplicar cambios necesarios (considerando y conocimientos
aplicando lo aprendido en los links usabilidad revisados.
proporcionados) y nuevamente obtenga todas
las pantallas e incluirlas en la segunda parte de
su documento. (El Después) Aplicación de
la usabilidad
3. Preparar el documento haciendo el de manera
comparativo del antes y el después incluyendo correcta
una breve descripción por pantalla según la
considerando los conocimientos revisados en información y
el punto 1.
recomenda-
4. Enviar a tu facilitador mediante la opción de
ciones
Adjuntar la tarea en la sección correspondiente
con la Nomenclatura DPRN3_U2_A3_XXYZ. revisadas

Evidencia Aprendizaje Diseño de interfaces mediante .NET

Esta actividad tiene como propósito diseñar la interfaz de su
proyecto en Visual Studio, con base al diseño realizado en su *Realiza *Se incluye 2 Del 07
Contenido de actividad anterior utilizando las herramientas existentes bosquejo en Contenido de una lista de al 11 de
la unidad 2 realice lo siguiente: cotejo al final
Visual Studio la unidad 2 de Agosto
de esta
1. Retomar sus bosquejos y generar la interfaz en
*Elaboración la asignatura planeación
Visual Studio utilizando sus herramientas. de la interfaz para guiarse
2. Capturar las pantallas desarrolladas en Visual de proyecto *Experimenta el Entorno de en los puntos
Studio e integrarlas en un archivo PDF, con el propuesto trabajo con el Visual Studio que se
nombre DPRN3_U2_EA_XXYZ entorno de evalúan.
3. Guardar su proyecto y archivo PDF en un archivo visual studio
comprimido con el nombre DPRN3_U2_EA_XXYZ

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.
 4. Enviar el archivo a tu facilitador para recibir
retroalimentación.

AUTORREFLEXIÓN 2 Comentarios
Contenido de INDICACIONES: Analizar detenidamente cada una de las de Su respuesta
la unidad 2 preguntas para que redacte la respuesta de manera Propuesta investigación. *Investigación completa y Un solo Del 10
correspondiente a lo solicitado y con ello obtenga el 100% correcta para
para especializada cada intento al 13 de
esperado.
investigar y Análisis de en la web pregunta Agosto
1. Mencionar 3 situaciones que pueden suceder
analizar conocimientos. tiene un valor
en el usuario si en una interfaz no se
temáticas *Experiencia de 25 puntos.
consideran los elementos UX, UI.
diferentes Análisis de y aprendizajes
2. Lista 4 aplicaciones que se pueden desarrollar
con tecnología NET
(pero reflexión de del estudiante
3. Describe la importancia del boceto (sinónimos:
relacionadas a aprendizaje.
maquetación, bosquejo, prototipo, mockup).
la asignatura)

---Pregunta institucional--- Pregunta de

4. Revisa detenidamente El Perfil de egreso del reflexión
ingeniero en Desarrollo de Software y con tus acerca de la
propias palabras coméntalo. experiencia y
conocimientos
 Guardar su archivo con la nomenclatura previos
correspondiente y con formato PDF.
 Adjuntar en la sección correspondiente,
verificando que corresponde su archivo a la
Autorreflexión 2.
LISTA DE COTEJO PARA LA EVIDENCIA 2
Actividad Puntos Cumplimiento
Interface de registro de casas ó negocios (en este apartado almacenar el número de contrato, nombre del titular del 20
servicio y su domicilio)
Interface de registro de precio de consumo por metro cúbico 10
Interface de captura de consumo de agua por mes de cada uno de los domicilios(Cantidad de m3) 20

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.
 Interface de Consulta de consumo por hogar ó negocio (número de contrato) y total a pagar por mes. 20
Interface de Consulta de consumo anual del usuario 15
Interface de Consulta de consumo Total de hogar y negocios por mes mostrando el total de m3 consumidos y la 15
cantidad económica a la que asciende el consumo
TOTAL 100

Horas sugeridas de teoría: Horas sugeridas de práctica: Horas totales requeridas para el cumplimiento de
8 10 las competencias: 18

Fuentes de Referencia:
 Alcalá, M. (2007). Medida de la usabilidad en aplicaciones de escritorio. Un método práctico. Tesis de licenciatura no publicada.
Universidad Nacional de Educación a Distancia. Recuperado de http://www.issi.uned.es/CalidadSoftware/Noticias/PFC_2.pdf
 Luna, L. (2004). El diseño de interfaz gráfica de usuario para publicaciones digitales. Recuperado de
http://www.revista.unam.mx/vol.5/num7/art44/ago_art44.pdf
 Luzardo, A. (2009). Diseño de la interfaz gráfica web en función de los dispositivos móviles. Caso de estudio: diarios digitales. Buenos
Aires: Universidad de Palermo- Facultad de Diseño y Comunicación-Maestría en diseño.
 Martínez, A. y Cueva, J. (2001). Estándares y guías. Recuperado de http://www.aipo.es/libro/pdf/09Estand.pdf
 MSDN. (2013a). Escritorio de desarrollo de plataforma ¿Qué es el desarrollo de escritorio? Recuperado de
http://msdn.microsoft.com/es-mx/ff380143
 MSDN. (2013b). Explorador de soluciones. Recuperado de http://msdn.microsoft.com/es-es/library/26k97dbc(v=vs.90).aspx
 MSDN. (2013c). Interfaces en Visual Basic .NET. Recuperado de http://msdn.microsoft.com/es-
es/library/cc436896%28v=vs.71%29.aspx
 MSDN. (2013d). Propiedades (ventana). Recuperado de http://msdn.microsoft.com/es-es/library/ms171352.aspx
 Stephens, R. (2010). Visual Basic 2010 Programmer's Reference. Indianapolis: Wiley Publishing.

DESARROLLO DE LA UNIDAD 2 DEL 26 DE JULIO AL 13 DE AGOSTO 2018

ENTREGAS EXTEMPORÁNEAS DEL 14 AL 16 DE AGOSTO CON LA CALIFICACIÓN MÁXIMA DE 80

“las actividades serán evaluadas conforme los Criterios de Recepción y Evaluación de Actividades publicados en el aula virtual”. Coordinación de Ing. en D.S.