Do Fin 103 GT Asuc00957 2020
Do Fin 103 GT Asuc00957 2020
Do Fin 103 GT Asuc00957 2020
MISIÓN
Somos una organización de educación superior dinámica que, a
través de un ecosistema educativo estimulante, experiencial y
colaborativo, forma líderes con mentalidad emprendedora para crear
impacto positivo en el Perú y en el mundo.
Universidad Continental
Material publicado con fines de estudio
Código: ASUC00957
Gestión Curricular
Asignatura: Diseño de Software
Presentación
Los autores
ucontinental.edu.pe | 3
Gestión Curricular
Asignatura: Diseño de Software
Índice
VISIÓN 2
MISIÓN 2
PRESENTACIÓN 3
ÍNDICE 4
Primera unidad
Práctica N°1: Descomposición Modular 5
Práctica N°2: Diagramas de Componentes 6
Práctica N°3: Diagramas de Distribución 9
Práctica N°4: Arquitectura de Software 12
Práctica N°5: Arquitectura de Software 18
Segunda unidad
Práctica N°6: Arquitectura de Software – Casos 23
Práctica N°7: Arquitectura de Software 25
Práctica N°8: Arquitectura de Software 26
Práctica N°9: Diagrama de Flujo de Pantallas 28
Tercera unidad
Práctica N°10: Diseño de Wireframes 30
Práctica N°11: Diseño de Mockups 31
Práctica N°12: Diseño con normas Microsoft-CUA 33
Práctica N°13: Diseño de APPs 34
Cuarta unidad
Práctica N°14: Diseño de Prototipos 36
Práctica N°15: Diseño de Aplicaciones Web 37
Práctica N°16: Diseño de Datos Relacionales 41
Práctica N°17: Diseño de Cubos 42
Práctica N°18: Diseño de Componentes 43
Referencias bibliográficas 44
ucontinental.edu.pe | 4
Gestión Curricular
Asignatura: Diseño de Software
Primera unidad
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 5
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 6
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 7
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
…………………………
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 8
Gestión Curricular
Asignatura: Diseño de Software
CASO
1
CASO
2
ucontinental.edu.pe | 9
Gestión Curricular
Asignatura: Diseño de Software
CASO
3
CASO
4
ucontinental.edu.pe | 10
Gestión Curricular
Asignatura: Diseño de Software
CASO
5
CASO
6
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 11
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 12
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 13
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 14
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 15
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 16
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
…………………………..
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 17
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 18
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 19
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 20
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 21
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 22
Gestión Curricular
Asignatura: Diseño de Software
SOFTWARE “RESTAURANTE”
• Presentación de menús a comensales: Los camareros utilizan Tablet PCs para presentar
en las mesas los menús y platos que ofrece el restaurante a los clientes, incluyendo sus
precios. Cada camarero gestiona un grupo de mesas, numeradas de 1 a n. El gerente
utiliza el sistema para configurar cada semana, el número de mesas y la asignación de
camareros a éstas. La información de los camareros (DNI, apellidos y nombres) es
obtenida del subsistema de recursos humanos. El gerente puede realizar consultas para
obtener una lista ordenada por mesas en la que se indica el resumen de ventas en dicha
mesa y los camareros asignados en un determinado periodo de tiempo.
• Recepción de peticiones en las mesas: Utilizando este mismo dispositivo los camareros
anotan las peticiones de los clientes, y se calcula un presupuesto inicial que se le indica
a los comensales. El sistema almacena la hora de la petición.
• Gestión en cocina de solicitudes, elaboración de platos y avisos de fin de elaboración de
platos: Estas peticiones son visualizadas en la cocina utilizando una pizarra interactiva
conectada a un PC. Esta pizarra muestra los platos solicitados ordenados por hora y mesa.
Sobre ella, interaccionando con un dedo, los cocineros indican los platos ya listos para
ser servidos una vez los han terminado de cocinar. El sistema tiene que recoger la hora
de finalización de un plato.
• Entrega de platos: Los camareros consultan en su Tablet PC, si los platos están terminados
y los recogen en la cocina para llevárselos a los comensales. Los platos que no requieren
elaboración en cocina (bebidas, pan, algunos postres) son recogidos directamente por
el camarero en el almacén de la cocina.
Facturación: Las boletas y facturas son emitidas directamente por los camareros desde
sus Tablet PCs, utilizando una impresora común conectada “sin cables”. Las boletas y
facturas se emiten cuando los clientes piden la cuenta.
ucontinental.edu.pe | 23
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 24
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 25
Gestión Curricular
Asignatura: Diseño de Software
Para ello, mantiene una base de datos con los candidatos que buscan empleo y con las
ofertas de empleo de las empresas que buscan trabajadores. Las ofertas de puestos de
trabajo recibidas son debidamente publicadas en la red, para lo cual el sistema proporciona
dicha información a un proveedor de servicios de Internet.
Cuando una persona se inscribe en la empresa de selección debe rellenar una solicitud de
inscripción donde debe indicar los siguientes datos:
Una vez que el sistema ha seleccionado a los mejores candidatos para cada puesto debe
remitir a las empresas implicadas un informe con los candidatos aptos para una determinada
oferta, ordenados por idoneidad.
De igual forma se debe enviar una carta a los candidatos indicándoles que han sido
seleccionados para un determinado puesto de trabajo y los datos de contacto del
departamento de personal de la empresa para la cual han sido elegidos. Con dicha
información los candidatos deben enviar una carta a la empresa pidiendo una cita con el
jefe de personal de la misma.
ucontinental.edu.pe | 26
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas trabajados, insertándolos como imágenes en un documento de Microsoft
Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 27
Gestión Curricular
Asignatura: Diseño de Software
Instalar las herramientas ForeUI y Balsamiq Mockups. Diseñar en ambas herramientas, el diagrama
de flujo de pantallas para el caso 1 y 2. Instalar la herramienta Power Designer y diseñar la
arquitectura “llamar-regresar” y el diagrama de flujo de pantallas para los casos 3 y 4.
ucontinental.edu.pe | 28
Gestión Curricular
Asignatura: Diseño de Software
NOTA: Incluya el proceso de devoluciones y los reportes de registro de compras y de cuentas por
pagar a proveedores.
2. FECHA DE ENTREGA
…………………………..
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar en archivo de Microsoft Word. Los elementos trabajados en ForeUI, Mockups y Power
Designer, deben insertarse como imágenes en Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 29
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
…………………………..
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar en un archivo de Microsoft Word, insertando el wireframe como una imagen.
• Subir al enlace en el aula virtual.
ucontinental.edu.pe | 30
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 31
Gestión Curricular
Asignatura: Diseño de Software
d) Diseñar un mockup simplificado, para una página web de una red social.
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar en archivo de Microsoft Word, insertando los 03 Mockups creados como imágenes.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 32
Gestión Curricular
Asignatura: Diseño de Software
Instalar la herramienta Mockups – versión de prueba. Re-diseñar las siguientes pantallas GUI de
escritorio, utilizando las normas Microsoft-CUA estudiadas en clase. Debe hacer mejoras en el
diseño visual de las pantallas:
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar el archivo de Microsoft Word, insertando los diseños como imágenes.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 33
Gestión Curricular
Asignatura: Diseño de Software
a) Instalar la herramienta Mockups o ForeUI o Pencil. (Trabajar solo en una de las tres
herramientas)
b) Para el caso del software “Peajes Vehiculares”, rediseñe los mockups de las pantallas de
escritorio, para implementarlas en pantallas de dispositivos móviles. Debe buscar ejemplos de
diseños y estilos en su celular o internet.
ucontinental.edu.pe | 34
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
…………………………..
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar en archivo de Microsoft Word, insertando las pantallas trabajadas como imágenes.
• Subir al enlace en el aula virtual.
ucontinental.edu.pe | 35
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
……………………………
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar las capturas de pantallas del prototipo, insertándolas como imágenes en un documento
de Microsoft Word
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 36
Gestión Curricular
Asignatura: Diseño de Software
Tome como modelo el caso de desarrollo de software de su trabajo grupal. Diseñe una página web
(portal) para la organización o empresa de su caso de trabajo grupal. Implemente los siguientes
elementos:
a) Implementar el wireframe y el mockup para una página principal. Utilice las secciones y
componentes de la página que considere convenientes.
ucontinental.edu.pe | 37
Gestión Curricular
Asignatura: Diseño de Software
b) Definir una plantilla con los colores oficiales del sitio web. Puede utilizar nombres de colores o
códigos.
ucontinental.edu.pe | 38
Gestión Curricular
Asignatura: Diseño de Software
ucontinental.edu.pe | 39
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
…………………………..
3. FORMA DE ENTREGA
• El trabajo es individual.
• El wireframe y el mockup debe elaborarlos en Mockups u otra herramienta de versión de prueba.
Entregar el trabajo en un documento de Microsoft Word, insertando todos los elementos gráficos
como imágenes en Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 40
Gestión Curricular
Asignatura: Diseño de Software
a. Se desea construir una base de datos para mantener información sobre los equipos y
partidos de una liga deportiva de baloncesto. Un equipo tiene cierto número de
jugadores, y no todos participan en cada partido. Se desea registrar en la base de datos
por cada partido, los jugadores de cada equipo que intervienen, posiciones en que
juegan y los resultados de los encuentros. Obtener el diseño más adecuado, realizando
todas las suposiciones necesarias.
b. Una base de datos para una pequeña empresa debe contener información acerca de
clientes, artículos y pedidos. Se necesita almacenar los siguientes datos:
• Para cada cliente: Número de cliente (único) Direcciones de envío (varias por cliente)
Saldo Límite de crédito (depende del cliente) Descuento
• Para cada artículo: Número de artículo (único). Descripción del artículo.
• Para cada pedido: Cada pedido tiene una cabecera y el cuerpo del pedido. La
cabecera está formada por el número de cliente, dirección de envío y fecha del
pedido. El cuerpo del pedido son varias líneas, en cada línea se especifican el número
del artículo pedido y la cantidad.
d. Un centro comercial está organizado por departamentos, cuyos empleados puede ser
jefes o vendedores, cada uno de ellos perteneciente a un único departamento. Cada
departamento tiene un único jefe y un jefe lo es únicamente de un departamento. Cada
departamento tiene sus propios productos que son suministrados por distintos
proveedores a un determinado precio. Una venta la realiza un vendedor a un cliente en
una fecha y puede incluir varios productos.
e. La panadería “La Casa del Pan”, fabrica diferentes productos. Estos incluyen pan blanco,
pan dulce, pasteles especiales y muchos otros artículos horneados. Se compran
ingredientes tales como harina, especies, leche, etc. a diversos proveedores. A veces un
ingrediente es comprado a un solo proveedor, pero por lo general es a muchos
proveedores minoristas independientes. La panadería tiene clientes comerciales, tales
como escuelas y restaurantes, que colocan pedidos regularmente de artículos de
panadería. Cada artículo de panadería tiene un especialista que supervisa la realización
de las operación de horneado e inspecciona el producto terminado.
2. FECHA DE ENTREGA
…………………………..
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar las imágenes de los modelos de bases de datos físicas, insertadas en un documento de
Microsoft Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 41
Gestión Curricular
Asignatura: Diseño de Software
2. FECHA DE ENTREGA
………………………….
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar las imágenes de los modelos de bases de datos físicas (cubos), insertadas en Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 42
Gestión Curricular
Asignatura: Diseño de Software
a. Dibuje el grafo de flujo, calcule la complejidad ciclomática y determine los caminos básicos para
el siguiente algoritmo: (puede utilizar la herramienta de su preferencia – versión libre o de prueba)
2. FECHA DE ENTREGA
…………………………..
3. FORMA DE ENTREGA
• El trabajo es individual.
• Entregar los diagramas insertados como imágenes en un documento de Microsoft Word.
• Subir al enlace en el aula virtual
ucontinental.edu.pe | 43
Gestión Curricular
Asignatura: Diseño de Software
Referencias bibliográficas
Básica
Clements, P. (2011). Documenting Software Architectures. Views and Beyond. 2ª ed. New
Jersey, Estados Unidos: Pearson Education.
Complementaria:
Sommerville, L. (2011). Software Engineering. 9ª ed. New York, Estados Unidos: Pearson
Education.
Kendall, K., y Kendall, J. (2014). Systems analysis and design. 9ª ed. Upper Saddle River, NJ:
Pearson.
ucontinental.edu.pe | 44