Interfaz grafica de usuario (1)

UNIVERSIDAD TÈCNICA DE COTOPAXI UNIDAD ACADÉMICA DE CIENCIAS DE LA INGENIERÍA Y APLICADAS CARRERA: ING. EN INFORMÁTICA Y SISTEMAS COMPUTACIONALES ASIGNATURA: PROGRAMACION DE DASE DE DATOS TEMA: CREAR BASE DE DATOS AUTORES: EDISON GAMBOY VERONICA LLUMIQUINGA CICLO: QUINTO “A” FECHA: 15/12/2016 LATACUNGA-ECUADOR LA INTERFAZ GRÁFICA DE USUARIO (GUI) CONCEPTO (Alegsa, 2016) Menciona que: “GUI es un conjunto de formas y métodos que posibilitan a los usuarios la interacción con un sistema, empleando para esto gráficos e imágenes. Con formas gráficas nos referimos a botones, íconos, ventanas, fuentes, etc. los cuales representan funciones, acciones e información en el contexto de ese sistema. Cuando hablamos de sistema nos referimos a cualquier dispositivo electrónico que cuente con pantalla y un sistema operativo gráfico: teléfonos inteligentes, computadoras de hogar, notebooks, cajeros automáticos, reproductores de música, dispositivos para juegos, equipos industriales y de oficina, terminales de puntos de venta (POS), kiosks, etc. Siempre que cuenten con pantalla visual, claro está. GUI significa Graphic User Interface o Interfaz Gráfica de Usuario. La interfaz GUI sin dudas facilita el uso y la curva de aprendizaje de los sistemas operativos y aplicaciones, en comparación a la línea de comandos que requiere memorizar comandos y parámetros, y son muy dependientes del teclado”. CARACTERÍSTICAS (Lamarca, 1997) Menciona las siguientes características:  Facilidad de comprensión, aprendizaje y uso  Representación fija y permanente de un determinado contexto de acción (fondo)  El objeto de interés ha de ser de fácil identificación  Diseño ergonómico mediante el establecimiento de menús, barras de acciones e iconos de fácil acceso  Las interacciones se basarán en acciones físicas sobre elementos de código visual o auditivo (iconos, botones, imágenes, mensajes de texto o sonoros, barras de desplazamiento y navegación...) y en selecciones de tipo menú con sintaxis y órdenes  Las operaciones serán rápidas, incrementales y reversibles, con efectos inmediatos  Existencia de herramientas de Ayuda y Consulta  Tratamiento del error bien cuidado y adecuado al nivel de usuario. IMPORTANCIA (Zamora, 2013) Menciona que la importancia de la interfaz gráfica de usuario son: La interfaz representa el punto de encuentro entre el usuario y la computadora. En esta interacción, el usuario juzga la utilidad de la interfaz; el hardware y el software se convierten en simples herramientas sobre los cuales fue construida la interfaz. Manipulación de archivos y directorios. Comunicación con otros sistemas. Configuración de la propia interfaz y entorno. Intercambio de datos entre aplicaciones. JAVA CONCEPTO (Rodrìguez, 2015) Menciona que: “Java es un lenguaje de programación orientado a objetos que se incorporó al ámbito de la informática en los años noventa. La idea de Java es que pueda realizarse programas con la posibilidad de ejecutarse en cualquier contexto, en cualquier ambiente, siendo así su portabilidad uno de sus principales logros. Fue desarrollado por Sun Microsystems, posteriormente adquirido por Oracle. En la actualidad puede utilizarse de modo gratuito, pudiéndose conseguir sin problemas un paquete para desarrolladores que oriente la actividad de programar en este lenguaje. Puede ser modificado por cualquiera, circunstancia que lo convierte en lo que comúnmente se denomina código abierto.” CARACTERÍSTICAS La principal característica de Java es la de ser un lenguaje compilado e interpretado. Todo programa en Java ha de compilarse y el código que se genera bytecodes es interpretado por una máquina virtual. De este modo se consigue la independencia de la máquina, el código compilado se ejecuta en máquinas virtuales que si son dependientes de la plataforma. Java es un lenguaje orientado a objetos de propósito general. Aunque Java comenzará a ser conocido como un lenguaje de programación de applets que se ejecutan en el entorno de un navegador web, se puede utilizar para construir cualquier tipo de proyecto. Su sintaxis es muy parecida a la de C y C++ pero hasta ahí llega el parecido. Java no es una evolución ni de C++ ni un C++ mejorado. Java también posee mecanismos para garantizar la seguridad durante la ejecución comprobando, antes de ejecutar código, que este no viola ninguna restricción de seguridad del sistema donde se va a ejecutar. También cuenta con un cargador de clases, de modo que todas las clases cargadas a través de la red tienen su propio espacio de nombres para no interferir con las clases locales. Otra característica de Java es que está preparado para la programación concurrente sin necesidad de utilizar ningún tipo de biblioteca. Finalmente, Java posee un gestor de seguridad con el que poder restringir el acceso a los recursos del sistema. Simple. Orientado a Objetos. Tipado estáticamente. Distribuido. Interpretado. Robusto. Seguro. De Arquitectura Neutral. Multihilo. Con Recolector de basura (Garbage Collector). Portable. De Alto Rendimiento: sobre todo con la aparición de hardware especializado y mejor software. Dinámico. IDES (AulaFormativa, 2016) Nos menciona las siguiente IDES para java: ECLIPSE Eclipse es una IDE que te permite crear aplicaciones en Java para móviles, web y ordenadores. Entre algunas de su útiles características tenemos la función autocompletar código, explorador remoto de sistema, editor XML, integración con Maven y una gran librería de plugins para extender las funciones de Eclipse. NETBEANS Es un entorno integrado de desarrollo para Java que se emplea ampliamente para desarrollo de software. NetBeans funciona en base a módulos, de modo que se puede extender de manera sencilla. Además se puede integrar fácilmente con controladores de versiones. Con ayuda de NetBeans puedes crear aplicaciones web o para ordenadores y móviles que funcionen en diversas plataformas. ANDROID STUDIO Android Studio es una IDE desarrollada por Google que ha sido basada en Intellij Idea. Como su nombre indica, ha sido diseñada para hacerle la vida más sencilla a los desarrolladores de Android. JDEVELOPER jDeveloper es una IDE cuyo objetivo es facilitar el proceso de desarrollo de aplicaciones en Javam XML, SQL, HTML, JavaScript y PHP. DR. JAVA Dr. Java, al igual que BlueJ, es una IDE para Java ligera que se emplea para propósitos educacionales. Posee una interfaz intuitiva que te permite evaluar tu código Java de manera interactiva. Puedes usar Dr. Java como una herramienta para pruebas unitarias, un panel para evaluar tu código o un editor inteligente, todo depende de las necesidades de tu proyecto. CONEXIÓN JAVA CON MYSQL (Navarro, 2007) Menciona los siguientes pasos para realizar una conexión: Primero que nada necesitas tener un servidor MySQL instalado en tu equipo o en su defecto en la máquina que actuará como servidor de bases de datos. Tener NetBeans instalado, de preferencia su última versión estable (al momento de esta publicación es la 5.5.1) que viene con el Java Development Kit (JDK) 1.6. Una vez que tengas ambas herramientas instaladas necesitaras el driver o conector a la base de datos de MySQ. Una vez que se tenga NetBeans y MySQL Server instalado, copiar el driver que descargo, en mi caso el mysql-connector-java-3.1.11-bin.jar dentro de la carpeta del JDK, en la siguiente ruta: C:\Archivos de programa\Java\jdk1.6.0_01\jre\lib\ext Configurar NetBeans Una vez que hayas abierto el NetBeans localiza la sección de Runtime o Tiempo de ejecución que se localiza en el lado izquierdo de la pantalla, como se muestra a continuación: Al expandir la sección de Databases o Bases de datos debe de aparecer el MySQL (Connector/J driver), en caso contrario debes de agregarlo manualmente como se describe a continuación: Da un clic derecho sobre Drivers y selecciona New Driver. En la ventana que aparece da clic en el botón de Add o Agregar y busca el archivo .jar que descargaste anteriormente, el mismo que copiaste dentro de la carpeta del JDK. Una vez hecho lo anterior da clic en el botón de Ok o Aceptar. Cuando realices los pasos anteriores debe de aparecer un elemento nuevo en la sección de Drivers dentro de Databases de nombre MySQL (Connector/J driver). Crear y probar una conexión Dentro de la sección de Runtime o Tiempo de ejecución > Databases o Bases de datos > Drivers da un clic derecho sobre MySQL (Connector/J driver) y selecciona Connect Using o Conectar usando... para que aparezca la pantalla de configuración de la conexión como se muestra a continuación: En la sección de Name o Nombre selecciona MySQL (Connector/J driver), en la sección Database URL cambia la parte indicada por por la dirección del servidor de bases de datos, si es la misma computadora escribe localhost, en la parte de establece el puerto que definiste al instalar el servidor MySQL , por defecto es el 3306, en la sección de escribe el nombre de la base de datos a la cual te quieres conectar. Un ejemplo completo sería jdbc:mysql://localhost:3306/base_de_datos. Posteriormente escribe el nombre de usuario para accesar a la base de datos y la contraseña respectivamente. Da un clic en el checkbox inferior para que NetBeans recuerde la contraseña durante la conexión. Si todo se realizó correctamente podrás ver un nuevo elemento debajo del Driver con las especificaciones de la conexión actual, si das un clic en el símbolo '+' que aparece de lado izquierdo del mismo podrás ver las tablas de la base de datos y realizar consultas hacia la misma. 7. Implementar el código Hasta aquí ya hemos establecido la conexión a la base de datos y probado su funcionamiento desde el NetBeans, sin embargo, nos hace falta implementar el código directamente en una aplicación. Para este ejemplo crearemos una clase de nombre Conexion que se podrá reutilizar las veces que sea necesario en cualquier tipo de aplicación Java que requiera conectarse y realizar consultas a una base de datos en MySQL. Da un clic en el menú de File o Archivo que se localiza en la esquina superior izquierda de la ventana de NetBeans. Selecciona la opción de Nuevo Proyecto o New Project, posteriormente en la sección de Categories o Categorías selecciona General y en Projects o Proyectos selecciona Java Application o Aplicación Java y da un clic en Siguiente. *NOTA: La clase que crearemos funciona con cualquier tipo de proyecto, para fines de este ejemplo utilizamos una aplicación java convencional. Posteriormente damos un nombre a la aplicación y definimos su ubicación, una vez hecho esto damos clic en el botón de Finish o Finalizar. En este momento aparece del lado izquierdo en la pestaña de Projects o Proyectos una especie de árbol jerárquico en el cual tenemos 4 carpetas, al dar clic en el símbolo '+' de la carpeta Source Packages o Paquetes Fuente nos desplegará el único paquete con el cual cuenta nuestra aplicación hasta este punto, dentro de él se crea la clase Main. Ahora debemos de dar un clic derecho sobre Source Packages o Paquetes Fuente y dar un nombre al paquete, en mi caso es database. Este paquete contendrá la clase desde la cual estaremos realizando todas las consultas a la base de datos. Posteriormente damos un clic derecho sobre el paquete recién creado y seleccionamos Nueva o New > Java Class. Posteriormente le damos el nombre de Conexion y damos clic en el botón de Finalizar o Finish. Dentro de la clase Conexion importamos algunas librerías con el siguiente código: 1 2 3 4 5 import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; Una vez que tenemos las librerías creamos los métodos a utilizar descritos a continuación: * Método utilizado para recuperar el valor del atributo conexion * @return conexion contiene el estado de la conexión * */ public Connection getConexion() {    return conexion; }   /** * Método utilizado para establecer la conexión con la base de datos * @return estado regresa el estado de la conexión, true si se estableció la conexión, * falso en caso contrario */ public boolean crearConexion() {    try {       Class.forName("com.mysql.jdbc.Driver");       conexion = DriverManager.getConnection("jdbc:mysql://host:puerto/baseDatos","usuario","contraseña");    } catch (SQLException ex) {       ex.printStackTrace();       return false;    } catch (ClassNotFoundException ex) {       ex.printStackTrace();       return false;    }      return true; }   /** * *Método utilizado para realizar las instrucciones: INSERT, DELETE y UPDATE *@param sql Cadena que contiene la instrucción SQL a ejecutar *@return estado regresa el estado de la ejecución, true(éxito) o false(error) * */ public boolean ejecutarSQL(String sql) {    try {       Statement sentencia = conexion.createStatement();       sentencia.executeUpdate(sql);    } catch (SQLException ex) {       ex.printStackTrace();    return false;    }      return true; }   /** * *Método utilizado para realizar la instrucción SELECT *@param sql Cadena que contiene la instrucción SQL a ejecutar *@return resultado regresa los registros generados por la consulta * */ public ResultSet ejecutarSQLSelect(String sql) {    ResultSet resultado;    try {       Statement sentencia = conexion.createStatement();       resultado = sentencia.executeQuery(sql);    } catch (SQLException ex) {       ex.printStackTrace();       return null;    }      return resultado; } Finalmente compilamos el archivo localizándolo en el árbol jerárquico del lado izquierdo dando un clic derecho sobre él y seleccionando la opción de Compilar o Compile. Podrás utilizar la clase en cualquier parte de tu proyecto creando una instancia de la misma en el momento que sea necesario. Bibliografía Alegsa, L. (23 de 06 de 2016). Alegsa. Obtenido de http://www.alegsa.com.ar/Dic/gui.php Lamarca, M. J. (25 de 08 de 1997). La interfaz Grafica. Obtenido de http://www.hipertexto.info/documentos/interfaz.htm Zamora, A. (09 de 07 de 2013). SlideShare. Obtenido de http://es.slideshare.net/adrianazamora/diseo-de-interfaz-importancia-y-proceso-24058181 AulaFormativa. (2016). AulaFormativa. Obtenido de http://blog.aulaformativa.com/alternativas-de-ide-para-java/ Navarro, L. (12 de 11 de 2007). Monillo. Obtenido de http://monillo007.blogspot.com/2007/11/conectar-una-base-de-datos-en-mysql-con.html Rodrìguez, A. (18 de 05 de 2015). APR. Obtenido de http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=368:ique-es-java-concepto-de-programacion-orientada-a-objetos-vs-programacion-estructurada-cu00603b&catid=68:curso-aprender-programacion-java-desde-cero&Itemid=188