Ingeniería de

Software
Sesión 07
• Herramientas para el
diseño
• Herramientas para la
codificación
Herramientas para el diseño
 Prototipo de interfaz de usuario
 Marca la forma en la que el usuario
interactuará con el sistema
 Especifica los pasos a seguir para realizar
una tarea en el sistema
 Puede servir para concretar
funcionalidades ambiguas
 Es un auxiliar en la producción de los
diagramas de flujo
Herramientas para el diseño

Apellido paterno
Nombre
Area 

Buscar Limpiar

Apellido Paterno Apellido Materno Nombre Area

[HHHHHHH] [HHHHHHH] [HHHHHHH] [HHHHHHH]
[HHHHHHH] [HHHHHHH] [HHHHHHH] [HHHHHHH]
[HHHHHHH] [HHHHHHH] [HHHHHHH] [HHHHHHH]
[HHHHHHH] [HHHHHHH] [HHHHHHH] [HHHHHHH]
Herramientas para el diseño
 Diagrama de flujo
 Representación gráfica de un algoritmo o
proceso
 A diferencia del diagrama de proceso, se
centra únicamente en un proceso hecho
enteramente por el sistema
 Puede tomar como base el diagrama de
proceso a nivel caso de uso
 Debe apoyarse en el diseño de pantallas
Herramientas para el diseño
CU05: Busqueda de productos en venta

Cliente Vendedor Sistema

Inicio

Busca el producto
Solicita un Busca el producto
solicitado en la
producto en el sistema
base de datos

Informa al cliente Muestra la lista de

de los productos productos
encontrados encontrados

Fin
 Inicio

Nombre = criterio
nombre producto
Clave = criterio
clave producto

Busca en la tabla
productos todos los
registros donde
productos.nombreProdu
cto sea igual a nombre y
productos.claveProducto
sea igual a clave

Hay Por cada registro

si
resultados? encontrado

no

Desplegar la clave
Mostrar el del producto,
mensaje ‘No hay nombre del
resultados’ producto y precio
del producto

Fin por cada

registro
encontrado

Fin
Herramientas para el diseño
 Diagrama de base de datos
 Representación gráfica de un esquema
físico de una base de datos
 Debe indicar
 Nombres de tablas
 Nombres de campos
 Propiedades de los campos
 Tipo de dato
 Llave primaria
 Relación entre tablas
Herramientas para la
codificación
Herramientas para la
codificación
 Pseudocódigo
 Es una interpretación más detallada del
diagrama de flujo
 Especifica nombres de variables, tablas,
campos
 A pesar de tener un nivel de abstracción
apenas arriba del código real, debe ser
independiente del lenguaje de programación
 El pseudocódigo se puede emplear para
docomentar el código final
Herramientas para la
codificación
//Obtener de usuario el nombre y almacenarlo en la variable n
//Obtener de usuario el apellido paterno y almacenarlo en la variable
ap
//Buscar en la tabla clientes donde clientes.nombre sea igual a n y
clientes.apellidoPaterno sea igual a ap
//Si se encontró un resultado
//Desplegar clientes.nombre, clientes.apellidoPaterno, clientes.email
//Si no
//desplegar mensaje «No hay resultados»
//Fin si
Herramientas para la
codificación
 Peer review
 Consiste en la revisión del código por parte
de otro programador con el objetivo de
identificar errores
 No debe confundirse con pruebas al
sistema
© 2011 Creative Commons
Atribución-NoComercial-Compartir
Igual 2.5 México.
http://creativecommons.org/licenses
/by-nc-sa/2.5/mx/

Ing. Miguel Angel Ibarra Romero