INSTITUCIÓN EDUCATIVA RAFAEL NÚÑEZ

NIT. 823.000.487-9 DANE: 170001000091 – Resolución de Aprobación No. 1621 del 26 de Marzo del 2019
Guía No. 3
I. DATOS GENERALES:
Grado: 11B Área: PROGRAMACIÓN Período: II
Fecha recibida: 12 de junio Fecha de entrega: 17 de junio
Nombre del docente: FABIÁN ORTEGA Nombre del estudiante: ______________________________

II. OBJETIVOS DE APRENDIZAJE - ¿Qué voy a aprender?

 Entiende la importancia de los diagramas UML en la etapa de diseño
 Identifica la necesidad de normalizar y seleccionar de forma adecuado como se almacena los datos.
 Conoce la diferencia entre las distintas arquitecturas de software.
 Conoce la importancia del diseño de interfaz
¡Hola estimado estudiante!
Te presento la siguiente guía de aprendizaje, la cual vas a desarrollar una vez leas detenidamente su contenido.
Recuerda hacer un buen uso del tiempo y los materiales a emplear. Me puedes llamar o escribir de lunes a viernes
en el horario de clases para aclarar tus dudas, así que debes estar atento.
Antes de realizar las actividades y tareas de esta guía responde la pregunta problematizadora que activan tus
saberes previos sobre estos temas.
¿?
III. BASES TEÓRICAS (Conceptos y Temas en desarrollo) ¡Lo que estoy aprendiendo!
Diagramas UML(Unified Modeling Language), lenguaje de modelo unificado sirve para representar en un lenguaje
comprensible para todas las posibles interacciones que va tener un desarrollo de web.
Un diagrama de caso de uso no es más que una
descripción gráfica de un proceso desde su
inicio a su fin, tal cual como cuando
programamos utilizábamos los diagramas de
flujo para describir lo que haría nuestro
algoritmo, los diagramas de caso de uso nos
permiten describir la forma como los usuarios a
través de los requerimientos van a realizar
acciones en el software.

Un diagrama de secuencia permite mostrar la forma en que los componentes u

objetos del software se comunican entre sí al transcurrir el tiempo.

Página 1 de 4
 INSTITUCIÓN EDUCATIVA RAFAEL NÚÑEZ
NIT. 823.000.487-9 DANE: 170001000091 – Resolución de Aprobación No. 1621 del 26 de Marzo del 2019

El Diagrama de distribución
representa la estructura de hardware
necesaria para llevar a cabo el
desarrollo web

DISEÑO DE DATOS: El diseño de datos consiste en descubrir y definir completamente los proceso y características de
los datos de la aplicación.

Un ejemplo de diseño de datos adecuado ocurrió con el

sitio web Youtube.com y el mega éxito “Gangnam
Style” ya que el contador de visitas al video que maneja
YouTube estaba destinado para manejar una capacidad
máxima de 32 bits es decir 2.147.483.647 una cifra que
tiempo atrás se creía inalcanzable pero el Surcoreano
hizo cambiar esta situación y los desarrolladores de
YouTube gracias a un buen diseño de datos cambiaron el
tipo de dato de 32 bits a 64 bits alcanzando una cifra de
4.294.967.296.

Para un diseño de datos adecuado se debe incluir la identificación de datos, la definición de datos, la integridad
de datos, precauciones que se deben adoptar al diseñar datos.
Identificación de datos: Los datos nos permiten describir cosas, personas, productos, elementos, clientes entre
otras muchas cosas más que nos permiten realizar tareas de clasificación por categorías, organización y
mantenimiento. Algunas características típicas de los datos son las siguientes:
 Atributos de ubicación (dirección, país, lugar de almacenamiento).
 Atributos físicos (peso, dimensiones, volumen, color, material, textura).
 Atributos conceptuales (nombre, categoría, número de serie).
 Atributos relacionales (conjuntos formados por subconjuntos, escritores de varios libros).
 Atributos de valor (moneda, disposición, consideración).
Definición de datos: Para definir los datos se debe realizar las siguientes acciones:
 Definir tablas, filas y columnas: Por ejemplo un dato persona, contendrá los campos Nombre, Dirección y
Teléfono y un ID numérico.

 Insertar claves de índice (llaves primarias) Para el ejemplo anterior la llave primaria o clave de índice
sería el atributoHace referencia a una característica especifica de un objeto, cosa o persona. o campo Id el
cual nos permite crear una relación con el objeto único persona
 Insertar relaciones entre tablas.

Página 2 de 4
 INSTITUCIÓN EDUCATIVA RAFAEL NÚÑEZ
NIT. 823.000.487-9 DANE: 170001000091 – Resolución de Aprobación No. 1621 del 26 de Marzo del 2019
 Asignar tipos de datos: Por último nos queda solo asignar de forma adecuada los tipos de datos para cada
atributoHace referencia a una característica especifica de un objeto, cosa o persona. del dato.

Integridad de datos:
Normalizar datos
Explica el proceso que consiste en
perfeccionar las definiciones de datos
para eliminar grupos de dependencias
innecesarias.
 Definir reglas de empresa
 Proporcionar integridad
referencial
 Validar los datos

ARQUITECTURA CLIENTE/SERVIDOR

ELEMENTOS DEL DISEÑO

 Familiaridad del usuario: Utilizar lenguaje y términos reconocidos por el usuario.
 Consistencia: Todos los procesos similares deben cumplir el mismo proceso.
 Mínima sorpresa: No debe haber comportamientos distintos al que espera el usuario en el uso del mismo.
 Recuperabilidad: Se debe proveer de mecanismos para proteger al usuario de errores o deshacer acciones.
 Guía al usuario: Debe existir un manual de usuario que permita al usuario retroalimentarse y ayudar en ciertos
contextos.
 Diversidad de usuarios: Se debe proveer características de interacción apropiada para los diferentes tipos de usuarios.

ACTIVIDADES – ¡Práctico lo que aprendí! ¿Cómo sé que aprendí? De acuerdo a la información teórica
referenciada en esta guía, desarrollo mis competencias: interpreto, analizo y respondo en mi cuaderno.
1. Para cada una de las siguientes afirmaciones responder Falso o Verdadero según corresponda.
 Un stakeholders es una parte física de hardware que permite optimizar el rendimiento de nuestro aplicativo
web. Falso Verdadero
 Con la integridad de datos buscamos garantizar que el desarrollo web solo acepte, almacene y mantenga los
datos adecuados generando control sobre los mismos y generando los mecanismos para la corrección.
Falso Verdadero
 Un diagrama de caso de uso no es más que una descripción gráfica de un proceso desde su inicio a su fin.
Falso Verdadero
 El diagrama de componentes está compuesto por actores, casos de uso, límite del sistema, incluides y
extendes. Falso Verdadero
 Entre los activos más importante de una empresa está el activo de la información.
Falso Verdadero
 La identificación de los datos nos permite describir cosas, personas, productos, elementos, clientes entre
otras muchas cosas más que nos permiten realizar tareas de clasificación por categorías, organización y
mantenimiento. Falso Verdadero
 Un total de 20 tipos de diagramas son los existentes en el lenguaje de modelado unificado ó sus siglas en
ingles UML Falso Verdadero
 Los mensajes es la información que se transportan entre objetos y se representan de forma horizontal,
pueden ser de 3 tipos, el mensaje simple, que ocurre cuando se hace la transferencia de control de un objeto

Página 3 de 4
 INSTITUCIÓN EDUCATIVA RAFAEL NÚÑEZ
NIT. 823.000.487-9 DANE: 170001000091 – Resolución de Aprobación No. 1621 del 26 de Marzo del 2019
a otro, los mensajes síncronos que se utilizan cuando un objeto solicita a otro una información y queda a
espera de su respuesta y por último tenemos los mensajes asíncronos. Falso Verdadero
 La normalización de una tabla de datos busca aumentar la complejidad de la tabla de datos para disminuir el
rendimiento de la base de datos. Falso Verdadero
 El Diagrama de caso de uso representa la estructura de hardware necesaria para llevar a cabo el desarrollo
web. Falso Verdadero

2. Completar los siguientes enunciados teniendo en cuenta los elementos del diseño.
 ____________________es utilizar lenguaje y términos reconocidos por el usuario.
 El diseño de _________________es la construcción del contenido con el cual el usuario final va
interactuar con el sistema.
 ____________________ este tipo de cliente hace referencia a estaciones de trabajo que no tienen disco
y por lo tanto no almacenan información, para poder realizar su función se basa en una conexión por red
para realizar las funciones.
 _______________________ todos los procesos similares deben cumplir el mismo proceso.
____________________________hace referencia a un dispositivo de hardware o software que no usa sus
recursos propios para ejecutar funciones, sino que realiza una conexión a otro dispositivo de hardware o
software para que ejecute y realice las peticiones.
 __________________ es una aplicación que ofrece un servicio a usuarios de una red, el servidor puede
estar instalada en la misma máquina o puede estar instalada en otra máquina.
3. A partir del problema que escogieron para dar solución deberán construir toda el diseño del desarrollo web,
esto incluye el desarrollo de interfaces gráficas en páginas web tales como mockflow o balsamic, incluir los
diagramas de casos de uso como en cacoo herramienta online.
4. Deberán definir el tipo de arquitectura que van a usar si por capas o modelo cliente servidor
5. deberás entregar 5 casos, 2 diagramas de secuencia, 1 diseño de base de datos, 3 interfaces gráficas como
mínimo
IV. EVALUACIÓN - ¿Qué aprendí?

Has terminado este recorrido. ¡Te felicito!

Ahora, vas a reflexionar respecto a cómo te sentiste y qué tanto aprendiste en el desarrollo de esta guía.
En tu cuaderno registra las conclusiones a las que llegaste
¡Debes de ser muy sincero!
1. ¿Qué fue lo más difícil al resolver las tareas de la guía?
2. ¿Qué fue lo que te pareció más fácil en la guía?
3. ¿Qué aprendiste durante el desarrollo de la guía?

Las actividades debes resolverlas con letra clara y legible. Puedes enviarlas con tus padres o acudientes a la escuela, a
más tardar, el día _____________; tomar una foto y compartir vía WhatsApp o al correo
_________________________________

Si no las puedes entregar a través de estas opciones, no te preocupes; nos llamaremos y así haremos seguimiento de tus
actividades.

V. BIBLIOGRAFIA –
Puede profundizar en el siguiente enlace
https://www.edx.org/es/course/introduccion-al-desarrollo-de-aplicaciones-web-2
https://www.youtube.com/watch?v=KSZCccIXvL4
https://www.campusmvp.es/recursos/post/infografia-las-6-etapas-del-desarrollo-de-proyectos-web.aspx
https://www.youtube.com/watch?v=wnRbyuqtGWg

Página 4 de 4