Regı́stro académico: 201900603 Facultad de Ingenierı́a

Nombre: Karen Michelle Gatica Arriola IPC I

0.0.1. Diagramas de Clases

LISTA SIMPLE CLASE Lista-Simple-usuarios()

* Tipo y Modificador: boolean.

* Método: vacio

* Descripción: verifica si la lista se encuentra vacia .

* Tipo y Modificador: void

* Método: delete.

* Descripción: vacia la lista de usuarios.

* Tipo y Modificador:

* Método: ListaSimple.

* Descripción: toma el valor de inicio.

* Tipo y Modificador: void

* Método: setInicio.

* Descripción: coloca el valor inicial.

LISTA DOBLE CLASE Lista-Simple-Categorias()

* Tipo y Modificador: boolean.

* Método: Vacia

* Descripción: verifica si la lista se encuentra vacia .

* Tipo y Modificador: void

* Método: add.

* Descripción: agrega elementos(categorias).

* Tipo y Modificador: void

* Método: delete.

* Descripción: vacia la lista de usuarios.

* Tipo y Modificador:

* Método: mostrarlista.

1
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

* Descripción: imprime el valor de lista.

LISTA Simple CLASE Lista-Simple-Imagenes

* Tipo y Modificador: boolean.

* Método: Vacia

* Descripción: verifica si la lista se encuentra vacia .

* Tipo y Modificador: void

* Método: add.

* Descripción: agrega elementos)imagenes.

* Tipo y Modificador: void

* Método: delete.

* Descripción: vacia la lista de imagenes dentro de categorı́as.

* Tipo y Modificador: void

* Método: mostrarlista.

* Descripción: imprime el valor de lista.

Modificar Imagen

* Tipo y Modificador: void.

* Método: blanco-y-negro.

* Descripción: Método para volver la imagen a escala de grises

* Tipo y Modificador: void

* Método: rojo().

* Modificador: crea una imagen .jpg.

* Descripción: Método para cambiar el color a rojo

* Tipo y Modificador: void

* Método: verde().

* Modificador: crea una imagen .jpg.

* Descripción:Método para cambiar el color a verde

2
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

* Tipo y Modificador: void

* Método: verde().

* Modificador: crea una imagen .jpg.

* Descripción:Método para cambiar el color a azul

* Tipo y Modificador: void

* Método: sepia().

* Modificador: crea una imagen .jpg.

* Descripción:Método para agregar ”ef ecto” sepia.

Convertir imagen

* Tipo y Modificador: void.

* Método:JPGE-BMP()

* Descripción: Método para realizar la conversión de una imagen JPGE A

BMP.

* Tipo y Modificador: void

* Método: BMP-JPGE()

* Descripción: Método para realizar la conversión de una imagen de BMP A

JPGE.

* Tipo y Modificador: void

* Método: Copiar()

* Descripción: Método para realizar copias del formato JPGE.

3
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

0.1. Información del Editor

Comenzamos definiendo que es un pixel: es la más pequeña unidad homogénea
en color que compone la imagen digital, también se conoce como la cantidad de
“cuadros de colores” de algún dispositivo.

Normalmente cada pı́xel está formado por tres subpı́xeles RGB (rojo, verde
y azul), unidos uno al lado del otro, todas las imágenes digitales están formadas
como una matriz rectangular de pı́xeles, suelen emplearse tres bytes para definir
un color, por lo que es posible representar 224 colores en total.

El sistema utilizado para el proyecto es RGB, es un sistema de tres colores

básicos que permiten componer las diferentes tonalidades de la paleta de colores.

Donde

R: (red) rojo

G: (green) verde

B: (blue) azul

Hay que conocer tamaño en bits de cada pı́xel para programar las matrices.

(255, 0, 0) es rojo

(0, 0, 255) es azul

(0,255,0) es verde

Figura 1: Sistema RGB

4
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

0.1.1. Imagenes RGB

Para realizar la conversión se usaron los siguientes valores
Para el color verde

resultado = (rojo*0.3) + (verde*0) + (Blue*0)

Parametros = resultado << 16|resultado << 8|0

Para el color rojo

resultado = (rojo*0) + (verde*0.59) + (Blue*0)

Parametros = resultado << 16|resultado << 8|0

Para el color azul

resultado = (rojo ∗ 0,3) + (verde ∗ 0,59) + (azul ∗ 0,11))

Figura 2: Ejemplo de imagen RGB

5
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

0.1.2. ”Ef ecto” Monocromático

Este cubre un rango limitado de valores de luminosidad entre el blanco, el gris
y el negro.

Se obtiene de la siguiente forma:

resultado = ((rojo*0.3) + (verde*0.59) + (azul*0.11))/3

parametro = resultado << 16|resultado << 8|resultado

Figura 3: Ejemplo de imagen monocromatica

0.1.3. Imagenes BMP

Las imágenes de tipo bitmap se encuentran limitadas por factores que no pue-
den ser modificados sin resignar calidad, como la altura, el ancho, la profundidad
de color y su resolución, valores fijos que determinan que dicha imagen no se pueda
ampliar a cualquier resolución sin sufrir el citado pixelado.

Figura 4: Ejemplo de imagen BMP

6
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

0.1.4. Imagenes JPGE

Por sus siglas JPGE: Joint Photographic Experts Group, este tipo de archivo
permite graduar el nivel de compresión de cada una de las imágenes de este modo
podemos decidir entre una imagen de baja calidad, que implica un menor tamaño
en el archivo o una imagen con alta calidad, que representa un mayor peso, este
se basa en reducir información promediándola en las zonas de degradado.

Es decir que se calcula el valor de color de algunos pı́xeles en función del color
de los pı́xeles que les rodean, el cual soporta imágenes de 8 bits en escala de grises
e imágenes de color de 24 bits (ocho bits para cada tono RGB; rojo, verde y azul).

Figura 5: Ejemplo de imagen JPG

7
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

0.2. Diagramas de Flujo

0.2.1. Biblioteca
Lista Simple

Figura 6: Diagrama de flujo general para agregar un usuario

8
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

Figura 7: Diagrama de flujo general para eliminar un usuario

Figura 8: Diagrama de flujo general para verificar si esta vacia la lista

9
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

Figura 9: Diagrama de flujo general para agrear una categoria

Figura 10: Diagrama de flujo general para eliminar una categoria

10
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

Figura 11: Diagrama de flujo general para mostrar las categorias

Figura 12: Diagrama de flujo general para verificar que la lista esta vacia

11
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

Figura 13: Diagrama de flujo general para agregar imagenes

12
Regı́stro académico: 201900603 Facultad de Ingenierı́a
Nombre: Karen Michelle Gatica Arriola IPC I

0.2.2. Diagrama de Flujo Panel Editor

Figura 14: Diagrama de flujo general para el editor

13