SlideShare una empresa de Scribd logo
1 de 22
Descargar para leer sin conexión
9.Interfaz de Usuario en C++
Ramiro Estigarribia Canese
Interacción y Usabilidad.
➔ Vivimos en un mundo de productos de alta
tecnología, y virtualmente todos ellos requieren
interacción humana.
➔ Si un producto ha de alcanzar el éxito, debe tener
buena usabilidad: medición cualitativa de la
facilidad y eficiencia con la que un humano emplea
las funciones y características que ofrece el
producto de alta tecnología.
➔ La usabilidad importa, ya sea en una interfaz para
un reproductor de MP3 o un sistema espacial.
¿Qué es el diseño de
interfaz de usuario?
➔ El diseño de la interfaz de usuario crea un medio
eficaz de comunicación entre los seres humanos y
la computadora.
➔ Siguiendo un conjunto de principios de diseño de la
interfaz, el diseño identifica los objetos y acciones
de ésta y luego crea una plantilla de pantalla que
constituye la base del prototipo de la interfaz de
usuario.
¿Por qué es importante la
interfaz de usuario?
➔ Porque si el software es difícil de usar, fuerza al
usuario a cometer errores, o si frustra sus
esfuerzos para alcanzar las metas, entonces no le
gustará, sin que importe el poder computacional
que tenga, el contenido que entregue o las
funciones que ofrezca.
➔ La interfaz tiene que estar bien hecha porque
moldea la percepción que el usuario tiene del
software.
Las Reglas del Diseño.
1. Dejar el control al usuario.
2. Reducir la carga de memoria del usuario.
3. Hacer que la interfaz sea consistente.
1.Dejar el control al usuario
“Es mejor diseñar la experiencia del usuario que
corregirla.”
Se preguntó a una usuaria, acerca de la interfaz gráfica:
“Lo que realmente me gustaría”, “es un sistema que lea
mi mente. Que sepa lo que quiero hacer antes de que
necesite hacerlo y que sea fácil.
No hay nada descabellado en la solicitud de la usuaria.
Un sistema que reacciona a sus necesidades y la ayuda
para que las cosas se hicieran.
2. Reducir la necesidad de
que el usuario memorice
➔ Entre más cosas tenga que recordar el usuario,
más fácil será que cometa errores.
➔ Es por esto que una interfaz de usuario bien
diseñada no sobrecarga la memoria del usuario.
➔ Siempre que sea posible, el sistema debe
“recordar” la información pertinente y ayudar al
usuario con un escenario de interacción que lo
ayude a recordar.
3. Hacer consistente la
interfaz
➔ Toda la información debe organizarse de acuerdo
con reglas de diseño que se respeten en todas las
pantallas desplegadas.
➔ Los mecanismos de entrada se limitan a un
conjunto pequeño usado en forma consistente en
toda la aplicación.
➔ Los mecanismos para pasar de una tarea a otra se
definen e implementan de modo consistente.
¿Qué es la Usabilidad?
Es una medida de cuán bien un sistema:
➔ Facilita el aprendizaje.
➔ Ayuda a quienes lo emplean a recordar lo
aprendido.
➔ Reduce la probabilidad de cometer errores.
➔ Permite ser eficientes a los usuarios.
Usabilidad
Ventajas
1. Mayor competitividad.
2. Repercusión automática en los medios.
3. Recomendaciones de boca en boca.
4. Menores costos de apoyo.
5. Más productividad del usuario final.
6. Menos costos de capacitación y documentación.
7. Disminución de la probabilidad de litigios por parte
de clientes insatisfechos.
wxWidgets
Es una librería para el desarrollo de interfaces gráficas
programadas en lenguaje C++.
Crear un Proyecto Gráfico
Sistema Informático 1.0
1. Agregar 1 botón: Cambiar el nombre: “Salir”
2. Agregar 1 wxStaticText: Cambiar el Nombre: “Sistema
Informático 1.0”
Evento Click del Botón
➔ Haciendo click en Salir, hay que llamar a la función Close.
Programación por Eventos.
➔ Es un paradigma de programación en el que tanto la
estructura como la ejecución de los programas van
determinados por los sucesos que ocurran en el
sistema, definidos por el usuario.
➔ Al comenzar la ejecución del programa se llevarán a
cabo las inicializaciones y demás código inicial y a
continuación el programa quedará bloqueado hasta que
se produzca algún evento.
➔ Cuando alguno de los eventos esperados por el
programa tenga lugar, el programa pasará a ejecutar el
código del correspondiente administrador de evento.
1.Bienvenido
Agregar 1 Bóton, 2 TextCtrl y 1 StaticText.
1.Bienvenido
Evento Click del Botón
1. Tomar el texto ingresado en TextCtrl1
2. Colocar en el texto en StaticText1
2.Calculadora Gráfica
1. Agregar 4 botones: suma, resta, multiplicación, división.
2. Agregar 2 TextCtrl y 1 StaticText.
3. Cambiar los nombres de los botones, y otros.
Calculadora Gráfica
Doble click sobre el botón de suma:
Se abre automáticamente el evento click de botón:
Agregar el siguiente código:
Repetir el proceso con las demás operaciones.
wxString valor1 = TextCtrl1->GetValue();
wxString valor2 = TextCtrl2->GetValue();
int numero1 = wxAtoi(valor1);
int numero2 = wxAtoi(valor2);
int resultado=numero1 - numero2;
wxString resultado2;
resultado2 << resultado;
StaticText1->SetLabel (_("Resultado:") + resultado2);
Superclase y Subclase.
Definiciones.
➔ Una subclase es una clase que desciende de otra
clase. Una subclase hereda el estado y el
comportamiento de todos sus ancestros.
➔ El término superclase se refiere a la clase que es el
ancestro más directo, así como a todas las clases
ascendentes.
Herencia en C++.
➔ Consiste en crear nuevas clases partiendo de clases
existentes, que tendrán todas los atributos y los
métodos de su 'superclase' o 'clase padre' y además
se le podrán añadir otros atributos y métodos propios.
➔ Las relaciones de herencia forman estructuras
jerárquicas en forma de árbol.
➔ Una superclase existe en una relación jerárquica con
sus subclases.
➔ En algunos casos, una clase es tanto superclase
como subclase.
Ejemplo: Figuras.
➔ Esta jerarquía empieza con la superclase Figura.
➔ Se extiende con FiguraBidimensional y Tridimensional.
➔ El tercer nivel contiene tipos más específicos.
Por ejemplo, un Triángulo es FiguraBidimensional.

Más contenido relacionado

La actualidad más candente

Tipos de consultas de access
Tipos de consultas de accessTipos de consultas de access
Tipos de consultas de accessMario Garces
 
Tópicos Avanzados de Programación - Unidad 3 programacion concurrente
Tópicos Avanzados de Programación - Unidad 3 programacion concurrenteTópicos Avanzados de Programación - Unidad 3 programacion concurrente
Tópicos Avanzados de Programación - Unidad 3 programacion concurrenteJosé Antonio Sandoval Acosta
 
Lenguajes Regulares.
Lenguajes Regulares.Lenguajes Regulares.
Lenguajes Regulares.guestdf1874
 
Reporte de practica sumador binario
Reporte de practica sumador binarioReporte de practica sumador binario
Reporte de practica sumador binarioDiego Ramírez
 
Operaciones Básicas con el Sistema Octal
Operaciones Básicas con el Sistema OctalOperaciones Básicas con el Sistema Octal
Operaciones Básicas con el Sistema Octalpafalconi
 
Sql comandos
Sql comandosSql comandos
Sql comandosJose
 
Excel+formulas+y+funciones
Excel+formulas+y+funcionesExcel+formulas+y+funciones
Excel+formulas+y+funcioneshumbertocano034
 
INTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICAS
INTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICASINTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICAS
INTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICASAlan EG
 
Comandos utilizados en sql
Comandos utilizados en sqlComandos utilizados en sql
Comandos utilizados en sqlByron Eras
 
Diapositivas De Excel
Diapositivas De ExcelDiapositivas De Excel
Diapositivas De ExcelGISELA
 

La actualidad más candente (20)

FUNDAMENTOS DEL LENGUAJE ENSAMBLADOR
FUNDAMENTOS DEL LENGUAJE ENSAMBLADORFUNDAMENTOS DEL LENGUAJE ENSAMBLADOR
FUNDAMENTOS DEL LENGUAJE ENSAMBLADOR
 
Familias lógicas digitales
Familias lógicas digitalesFamilias lógicas digitales
Familias lógicas digitales
 
Arreglos c++
Arreglos c++Arreglos c++
Arreglos c++
 
Tipos de consultas de access
Tipos de consultas de accessTipos de consultas de access
Tipos de consultas de access
 
Mapas k de 2 3 4 variables
Mapas k de 2 3 4 variablesMapas k de 2 3 4 variables
Mapas k de 2 3 4 variables
 
Tópicos Avanzados de Programación - Unidad 3 programacion concurrente
Tópicos Avanzados de Programación - Unidad 3 programacion concurrenteTópicos Avanzados de Programación - Unidad 3 programacion concurrente
Tópicos Avanzados de Programación - Unidad 3 programacion concurrente
 
Lenguajes Regulares.
Lenguajes Regulares.Lenguajes Regulares.
Lenguajes Regulares.
 
Reporte de practica sumador binario
Reporte de practica sumador binarioReporte de practica sumador binario
Reporte de practica sumador binario
 
Electrónica digital: Comparadores
Electrónica digital: ComparadoresElectrónica digital: Comparadores
Electrónica digital: Comparadores
 
Operaciones Básicas con el Sistema Octal
Operaciones Básicas con el Sistema OctalOperaciones Básicas con el Sistema Octal
Operaciones Básicas con el Sistema Octal
 
Sql comandos
Sql comandosSql comandos
Sql comandos
 
Excel+formulas+y+funciones
Excel+formulas+y+funcionesExcel+formulas+y+funciones
Excel+formulas+y+funciones
 
Catedra grafos
Catedra grafosCatedra grafos
Catedra grafos
 
INTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICAS
INTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICASINTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICAS
INTRODUCCIÓN A LAS FUNCIONES LÓGICAS BÁSICAS
 
Comandos utilizados en sql
Comandos utilizados en sqlComandos utilizados en sql
Comandos utilizados en sql
 
Recorrer objetos - Java
Recorrer objetos - JavaRecorrer objetos - Java
Recorrer objetos - Java
 
Manual winplot
Manual winplotManual winplot
Manual winplot
 
Diapositivas De Excel
Diapositivas De ExcelDiapositivas De Excel
Diapositivas De Excel
 
Circuito integrado y data sheets
Circuito integrado y data sheetsCircuito integrado y data sheets
Circuito integrado y data sheets
 
Cap4 memorias
Cap4 memoriasCap4 memorias
Cap4 memorias
 

Similar a 9.interfaz de usuario en c++

Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoadrianazamora
 
Exposicion eje tematico cuatro dialogo en linea
Exposicion eje tematico cuatro   dialogo en lineaExposicion eje tematico cuatro   dialogo en linea
Exposicion eje tematico cuatro dialogo en lineaDiosile Camargo
 
Anexo 18 actividad 5 adminsitracion de sistemas operativos en red
Anexo 18  actividad 5 adminsitracion de sistemas operativos en redAnexo 18  actividad 5 adminsitracion de sistemas operativos en red
Anexo 18 actividad 5 adminsitracion de sistemas operativos en redLuis Gerardo Carvajal
 
Prototipado rapido de interfaces
Prototipado rapido de interfacesPrototipado rapido de interfaces
Prototipado rapido de interfacesFahyr
 
sistema operativo
 sistema operativo sistema operativo
sistema operativocelenexs
 
Guisela sistema operativo
Guisela sistema operativoGuisela sistema operativo
Guisela sistema operativocelenexs
 
Bladimir q. huaman teves. sistema operativo
Bladimir q. huaman teves. sistema operativoBladimir q. huaman teves. sistema operativo
Bladimir q. huaman teves. sistema operativochoclito12
 
Estilos y paradigmas
Estilos y paradigmasEstilos y paradigmas
Estilos y paradigmasTensor
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
1.is.el software y la ingeniería del software
1.is.el software y la ingeniería del software1.is.el software y la ingeniería del software
1.is.el software y la ingeniería del softwareRamiro Estigarribia Canese
 

Similar a 9.interfaz de usuario en c++ (20)

11.interfaz de usuario en java
11.interfaz de usuario en java11.interfaz de usuario en java
11.interfaz de usuario en java
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
P02 - HEURISTICAS.pdf
P02 - HEURISTICAS.pdfP02 - HEURISTICAS.pdf
P02 - HEURISTICAS.pdf
 
Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
 
Actividad2u3
Actividad2u3Actividad2u3
Actividad2u3
 
Exposicion eje tematico cuatro dialogo en linea
Exposicion eje tematico cuatro   dialogo en lineaExposicion eje tematico cuatro   dialogo en linea
Exposicion eje tematico cuatro dialogo en linea
 
Anexo 18 actividad 5 adminsitracion de sistemas operativos en red
Anexo 18  actividad 5 adminsitracion de sistemas operativos en redAnexo 18  actividad 5 adminsitracion de sistemas operativos en red
Anexo 18 actividad 5 adminsitracion de sistemas operativos en red
 
Prototipado rapido de interfaces
Prototipado rapido de interfacesPrototipado rapido de interfaces
Prototipado rapido de interfaces
 
sistema operativo
 sistema operativo sistema operativo
sistema operativo
 
Guisela sistema operativo
Guisela sistema operativoGuisela sistema operativo
Guisela sistema operativo
 
Bladimir q. huaman teves. sistema operativo
Bladimir q. huaman teves. sistema operativoBladimir q. huaman teves. sistema operativo
Bladimir q. huaman teves. sistema operativo
 
Estilos y paradigmas
Estilos y paradigmasEstilos y paradigmas
Estilos y paradigmas
 
Trabajo grupo numero 3
Trabajo grupo numero 3Trabajo grupo numero 3
Trabajo grupo numero 3
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
1.is.el software y la ingeniería del software
1.is.el software y la ingeniería del software1.is.el software y la ingeniería del software
1.is.el software y la ingeniería del software
 

Más de Ramiro Estigarribia Canese

8.Flujo, Comportamiento, Patrones y WebApps.pdf
8.Flujo, Comportamiento, Patrones y WebApps.pdf8.Flujo, Comportamiento, Patrones y WebApps.pdf
8.Flujo, Comportamiento, Patrones y WebApps.pdfRamiro Estigarribia Canese
 

Más de Ramiro Estigarribia Canese (20)

8.Flujo, Comportamiento, Patrones y WebApps.pdf
8.Flujo, Comportamiento, Patrones y WebApps.pdf8.Flujo, Comportamiento, Patrones y WebApps.pdf
8.Flujo, Comportamiento, Patrones y WebApps.pdf
 
Principios que Guían la Práctica
Principios que Guían la PrácticaPrincipios que Guían la Práctica
Principios que Guían la Práctica
 
CSS - Hojas de Estilo en Cascada.pdf
CSS -  Hojas de Estilo en Cascada.pdfCSS -  Hojas de Estilo en Cascada.pdf
CSS - Hojas de Estilo en Cascada.pdf
 
Python conceptos básicos
Python   conceptos básicosPython   conceptos básicos
Python conceptos básicos
 
Diseño de WebApps
Diseño de WebAppsDiseño de WebApps
Diseño de WebApps
 
Diseño basado en patrones
Diseño basado en patronesDiseño basado en patrones
Diseño basado en patrones
 
Servicios web
Servicios webServicios web
Servicios web
 
Especificaciones de los procesadores
Especificaciones de los procesadoresEspecificaciones de los procesadores
Especificaciones de los procesadores
 
Lenguaje de programación awk
Lenguaje de programación awkLenguaje de programación awk
Lenguaje de programación awk
 
Bases de datos con PHP y PDO
Bases de datos con PHP y PDOBases de datos con PHP y PDO
Bases de datos con PHP y PDO
 
Bases de datos con PHP y Mysqli
Bases de datos con PHP y MysqliBases de datos con PHP y Mysqli
Bases de datos con PHP y Mysqli
 
Variables del sistema en php
Variables del sistema en phpVariables del sistema en php
Variables del sistema en php
 
Funciones en php
Funciones en phpFunciones en php
Funciones en php
 
Bootstrap menues, contenedores y formularios
Bootstrap   menues, contenedores y formulariosBootstrap   menues, contenedores y formularios
Bootstrap menues, contenedores y formularios
 
Estructuras de control en bash
Estructuras de control en bashEstructuras de control en bash
Estructuras de control en bash
 
Visual studio code
Visual studio codeVisual studio code
Visual studio code
 
Diseño de software
Diseño de softwareDiseño de software
Diseño de software
 
Herramienta cacti
Herramienta cactiHerramienta cacti
Herramienta cacti
 
Monitoreo de datacenter
Monitoreo de datacenterMonitoreo de datacenter
Monitoreo de datacenter
 
Comprensión de los requerimientos
Comprensión de los requerimientosComprensión de los requerimientos
Comprensión de los requerimientos
 

Último

Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.marianarodriguezc797
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...OLGAMILENAMONTAEZNIO
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSLincangoKevin
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfangelinebocanegra1
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....Aaron Betancourt
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2montoyagabriela340
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfcastrodanna185
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 

Último (20)

Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.Tecnológia 2024.docx.
Tecnológia 2024.docx.Tecnológia 2024.docx.
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
Actividad 1-PRESENTACIÓN ANIMADA.pptxPreservación y conservación de los docum...
 
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOSPRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
PRESENTACION DEL TEMA LOS MEJORES SIMULADORES DE CIRCUITOS ELCTRONICOS
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
Carta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdfCarta de Premio y Excel angeline 11-2pdf
Carta de Premio y Excel angeline 11-2pdf
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....La Electricidad y La Electrónica.pdf....
La Electricidad y La Electrónica.pdf....
 
La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2La tablet trabajo en grupo del grado 9-2
La tablet trabajo en grupo del grado 9-2
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
Análisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdfAnálisis de artefactos tecnologicos .pdf
Análisis de artefactos tecnologicos .pdf
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 

9.interfaz de usuario en c++

  • 1. 9.Interfaz de Usuario en C++ Ramiro Estigarribia Canese
  • 2. Interacción y Usabilidad. ➔ Vivimos en un mundo de productos de alta tecnología, y virtualmente todos ellos requieren interacción humana. ➔ Si un producto ha de alcanzar el éxito, debe tener buena usabilidad: medición cualitativa de la facilidad y eficiencia con la que un humano emplea las funciones y características que ofrece el producto de alta tecnología. ➔ La usabilidad importa, ya sea en una interfaz para un reproductor de MP3 o un sistema espacial.
  • 3. ¿Qué es el diseño de interfaz de usuario? ➔ El diseño de la interfaz de usuario crea un medio eficaz de comunicación entre los seres humanos y la computadora. ➔ Siguiendo un conjunto de principios de diseño de la interfaz, el diseño identifica los objetos y acciones de ésta y luego crea una plantilla de pantalla que constituye la base del prototipo de la interfaz de usuario.
  • 4. ¿Por qué es importante la interfaz de usuario? ➔ Porque si el software es difícil de usar, fuerza al usuario a cometer errores, o si frustra sus esfuerzos para alcanzar las metas, entonces no le gustará, sin que importe el poder computacional que tenga, el contenido que entregue o las funciones que ofrezca. ➔ La interfaz tiene que estar bien hecha porque moldea la percepción que el usuario tiene del software.
  • 5. Las Reglas del Diseño. 1. Dejar el control al usuario. 2. Reducir la carga de memoria del usuario. 3. Hacer que la interfaz sea consistente.
  • 6. 1.Dejar el control al usuario “Es mejor diseñar la experiencia del usuario que corregirla.” Se preguntó a una usuaria, acerca de la interfaz gráfica: “Lo que realmente me gustaría”, “es un sistema que lea mi mente. Que sepa lo que quiero hacer antes de que necesite hacerlo y que sea fácil. No hay nada descabellado en la solicitud de la usuaria. Un sistema que reacciona a sus necesidades y la ayuda para que las cosas se hicieran.
  • 7. 2. Reducir la necesidad de que el usuario memorice ➔ Entre más cosas tenga que recordar el usuario, más fácil será que cometa errores. ➔ Es por esto que una interfaz de usuario bien diseñada no sobrecarga la memoria del usuario. ➔ Siempre que sea posible, el sistema debe “recordar” la información pertinente y ayudar al usuario con un escenario de interacción que lo ayude a recordar.
  • 8. 3. Hacer consistente la interfaz ➔ Toda la información debe organizarse de acuerdo con reglas de diseño que se respeten en todas las pantallas desplegadas. ➔ Los mecanismos de entrada se limitan a un conjunto pequeño usado en forma consistente en toda la aplicación. ➔ Los mecanismos para pasar de una tarea a otra se definen e implementan de modo consistente.
  • 9. ¿Qué es la Usabilidad? Es una medida de cuán bien un sistema: ➔ Facilita el aprendizaje. ➔ Ayuda a quienes lo emplean a recordar lo aprendido. ➔ Reduce la probabilidad de cometer errores. ➔ Permite ser eficientes a los usuarios.
  • 10. Usabilidad Ventajas 1. Mayor competitividad. 2. Repercusión automática en los medios. 3. Recomendaciones de boca en boca. 4. Menores costos de apoyo. 5. Más productividad del usuario final. 6. Menos costos de capacitación y documentación. 7. Disminución de la probabilidad de litigios por parte de clientes insatisfechos.
  • 11. wxWidgets Es una librería para el desarrollo de interfaces gráficas programadas en lenguaje C++.
  • 12. Crear un Proyecto Gráfico
  • 13. Sistema Informático 1.0 1. Agregar 1 botón: Cambiar el nombre: “Salir” 2. Agregar 1 wxStaticText: Cambiar el Nombre: “Sistema Informático 1.0”
  • 14. Evento Click del Botón ➔ Haciendo click en Salir, hay que llamar a la función Close.
  • 15. Programación por Eventos. ➔ Es un paradigma de programación en el que tanto la estructura como la ejecución de los programas van determinados por los sucesos que ocurran en el sistema, definidos por el usuario. ➔ Al comenzar la ejecución del programa se llevarán a cabo las inicializaciones y demás código inicial y a continuación el programa quedará bloqueado hasta que se produzca algún evento. ➔ Cuando alguno de los eventos esperados por el programa tenga lugar, el programa pasará a ejecutar el código del correspondiente administrador de evento.
  • 16. 1.Bienvenido Agregar 1 Bóton, 2 TextCtrl y 1 StaticText.
  • 17. 1.Bienvenido Evento Click del Botón 1. Tomar el texto ingresado en TextCtrl1 2. Colocar en el texto en StaticText1
  • 18. 2.Calculadora Gráfica 1. Agregar 4 botones: suma, resta, multiplicación, división. 2. Agregar 2 TextCtrl y 1 StaticText. 3. Cambiar los nombres de los botones, y otros.
  • 19. Calculadora Gráfica Doble click sobre el botón de suma: Se abre automáticamente el evento click de botón: Agregar el siguiente código: Repetir el proceso con las demás operaciones. wxString valor1 = TextCtrl1->GetValue(); wxString valor2 = TextCtrl2->GetValue(); int numero1 = wxAtoi(valor1); int numero2 = wxAtoi(valor2); int resultado=numero1 - numero2; wxString resultado2; resultado2 << resultado; StaticText1->SetLabel (_("Resultado:") + resultado2);
  • 20. Superclase y Subclase. Definiciones. ➔ Una subclase es una clase que desciende de otra clase. Una subclase hereda el estado y el comportamiento de todos sus ancestros. ➔ El término superclase se refiere a la clase que es el ancestro más directo, así como a todas las clases ascendentes.
  • 21. Herencia en C++. ➔ Consiste en crear nuevas clases partiendo de clases existentes, que tendrán todas los atributos y los métodos de su 'superclase' o 'clase padre' y además se le podrán añadir otros atributos y métodos propios. ➔ Las relaciones de herencia forman estructuras jerárquicas en forma de árbol. ➔ Una superclase existe en una relación jerárquica con sus subclases. ➔ En algunos casos, una clase es tanto superclase como subclase.
  • 22. Ejemplo: Figuras. ➔ Esta jerarquía empieza con la superclase Figura. ➔ Se extiende con FiguraBidimensional y Tridimensional. ➔ El tercer nivel contiene tipos más específicos. Por ejemplo, un Triángulo es FiguraBidimensional.