Herramientas del Profesor. Google Forms

En muchas ocasiones tenemos que realizar un pequeño test, una encuesta o simplemente lanzar un formulario para tener los datos o las respuestas de un número de personas:

• Si eres educador, y quieres realizar un pequeño test de control para conocer el nivel de tus alumnos.
• Si eres alumno y quieres incorporar estadísticas de las respuestas de un grupo de personas.
• Si en ciclos formativos quieres conocer o realizar una encuesta entre las empresas con las que tienes contacto.
• Si dentro del departamento símplemente quieres recoger las valoraciones de los compañeros.

En estos y otras muchas mas aplicaciones, la herramienta de Google Forms es perfecta para realizar estas encuestas y tests. Por ese motivo vamos a ver y realizar tanto un pequeño test como conocer como enviarlo, así como recoger las respuestas y analizarlas

Primer paso. Crear un Test o Formulario

Nos ponemos manos a la obra y el primer paso será generar un nuevo test. Para ello necesitaremos una cuenta gratuita en Gmail, y mi recomendación es la utilización del Navegador Chrome. Una de las ventajas que no hemos comentado en la introducción es que la herramienta se utiliza y almacena en la "nube". Esto es fantástico ya que podremos acceder, visualizar, utilizar y modificar nuestros formularios desde cualquier ordenador.

Segundo paso. Recoger respuestas

Una vez que tenemos realizado un primer test o encuesta tenemos que enviarlo a nuestros alumnos y/o clientes. En el vídeo aprenderéis dos formas de poder realizar esta acción:

• Correo: Google Forms permite la opción de poder enviar el formulario/test a los usuarios que les indiquemos via correo.
• Enlace: Otro mecanismo es copiar el link del formulario y publicarlo en nuestro blog, en moodle, en nuestra web o incluso enviar un correo electrónico con dicho link.

A partir de este envío, comenzaremos a recibir respuestas que podremos analizar directamente a través de nuestro formulario o bien a través de un excel que generemos.

Java. Creación de una interfaz para el Registro y Login de usuario

En prácticamente todas las aplicaciones que pensemos realizar interacción con base de datos vamos a necesitar dos interfaces iniciales para arrancar nuestra aplicación.

• Login A través de esta ventana recogemos el usuario y su contraseña para poder acceder a nuestra aplicación con un determinado usuario recogido desde la BBDD
• Registo A través de esta interfaz realizamos la inserción en la base de datos de un nuevo usuario para poder acceder a la aplicación

El siguiente ejemplo es un poco más largo que las anteriores aportaciones sin embargo nos permitirá ver paso a paso y con mucho detalle cómo poder crear dichas dos ventanas.

Si eres educador o profesor utiliza la siguiente plantilla para tus alumnos
PLANTILLA

Paso 1. Creando el esqueleto

Siguiendo la metodología MVC , crearemos el esqueleto dentro de nuestro ejemplo/aplicación que nos permita separar nuestro código en Modelo, Vistas y la parte de Controlador. De esta forma será mucho más sencillo posteriormente poder mantener nuestro código y realizar ampliaciones futuras.

Paso 2. Creando las interfaces

Tal y como hemos visto en anteriores lecciones, el uso de los Managers (Managers básicos o Managers más avanzados), nos permite estructurar de una forma ordenada todos los elementos de nuestras interfaces, hacienddo que se redistribuyan de acuerdo a unas dimensiones dependientes del dispositivo donde se visualiza la aplicación. En nuestro caso utilizaremos principalmente el GridBagLayout.

Paso 3. Contraseña

En el momento que trabajamos con usuarios y contraseñas, entramos en un mundo bastante delicado donde es muy muy importante utilizar adecuadamente los sistemas de seguridad para mantener a salvo contraseñas. Uno de esos elementos es el JPasswordField, que aunque resulta muy parecido en apariencia con el JTextField, internamente utiliza métodos más seguros pero por otro lado un poco más complejos de utilizar.

Paso 4. Formulario de Registro

En la ventana de registro es importante realizar una comprobación de todos los campos, en primer lugar para que no estén vacíos, en segundo lugar en su corrección de forma y contenido. En este segundo caso no realizaremos un análisis exhaustivo de cómo realizarlo, sin embargo dejaremos perfectamente descrito el proceso general y en particular el más crítico como es el de las contraseñas.

Paso 5. Inserción de nuevo usuario

El siguiente paso es comenzar a interactuar entre las dos ventanas de creadas y la base de datos. Para ello introduciremos lo aprendido sobre inserción en base de datos, recuperar información o actualizar la base de datos, sin perder de vista incluir el patrón SingleTon para manejar las conexiones de contra la base de datos.

Más complicado será generar el hash en MD5 para poder almacenar nuestra contraseña en la base de datos, ya que no podemos almacenarla como un texto plano, sería un problema de seguridad. Sin entrar en detalles utilizaríamos la clase MessageDigest, que nos permite realizar dicha operación:

// Cargamos en ejecución
      m = MessageDigest.getInstance("MD5");
      m.reset();
      byte[] digest = m.digest(toBytes(pass));

Paso 6. Finalizando y comprobando usuario

Por último sólo nos queda por comprobar el usuario y su login a través de la pantalla de logado. Para poder realizarlo reutilizaremos el código inicial añadiendo tanto una consulta a la base de datos con la que comprobamos el usuario y la librería MD5 para la contraseña introducida.

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB

Java. Actualizando la base de datos

Siguiendo con la dinámica de trabajo con la base de datos de Java, después de haber visto la sentencia SELECT e INSERT, le llega el turno a la de UPDATE.

Una actualización necesita de dos informaciones para que resulte efectiva:

• Los datos que se necesitan para poder actualizar la información.
• La fila y el identificador necesario para poder actualizar dicho registro

Si eres educador o profesor utiliza la siguiente plantilla para tus alumnos
PLANTILLA

PreparedStatement

La clase PreparedStatement la podemos revisar en los documentos de Oracle con fantásticos ejemplos para poder utilizar directamente sobre nuestro código. Debido a que la acción de actualizar los datos de un registro es un poco más complejo que una búsqueda o inserción, podemos utilizar clases que permiten separar la parte de definición de la consulta de los datos mismos, haciendo mucho más flexible la construcción y ejecución de la misma.

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB

Java. Patrón SingleTon

Tal y como indico en el primer vídeo, la definición y documentación que aparece en la Wikipedia sobre el patrón SingleTon, me parece excelente. Por ese motivo me remito a su definición:

“En ingeniería de software, el patrón singleton (instancia única en inglés) es un patrón de diseño diseñado para restringir la creación de objetos pertenecientes a una clase o el valor de un tipo a un único objeto. Su intención consiste en garantizar que una clase sólo tenga una instancia y proporcionar un punto de acceso global a ella.”

Por lo tanto que nos va a permitir esta metodología o patrón, en primer lugar poder acceder desde cualquier parte de nuestro proyecto y/o aplicación a dicho objeto sin necesidad de ir "pasando" el objeto por el constructor o por un método. En segundo lugar asegurarnos de que el objeto es único.

Si eres educador o profesor utiliza la siguiente plantilla para tus alumnos
PLANTILLA

Utilizándolo con BBDD

Uno de los usos más directos y útiles es cuando utilizamos el patrón junto con nuestras clases de BBDD, y en concreto con la clase que se encarga de la conexión a la base de datos. Una vez que nos hemos conectado a la base de datos, nos interesa mantener abierta dicha conexión, y sobre todo que SEA ÚNICA, ya que esto si que sería un problema importante y una fuga de memoria

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB

Android. Leyendo JSON desde un servicio web

Desde Android y en general desde tecnología de desarrollo para móviles, el uso de interfaces o librerías para atacar a bases de datos es totalmente imposible por varias razones:

• La principal es para evitar problemas de seguridad. Un usuario que está más o menos registrado realizaría accesos a la base de datos, al final, lo más importante de las aplicaciones de una forma directa y no controlada
• Escalabilidad y mantenimmiento. Tener el desarrollo preparado para realizar todo el proceso contra una tecnología de base de datos no proporciona la escalabilidad para poder realizar cambios o mejoras

Por este motivo es necesario poder realizar consultas a servicios en la nube que nos permita devolver contenido e incorporar a nuestra aplicación. Y actualmente el protocolo más legible, rápido y fácil de incorporar es el uso de JSON

Conexión al servicio

El primer e importante paso es conectarnos al servicio web o API que nos proporcione los datos necesarios, es decir el JSON para comenzar a tratar los datos.

Para ello utilizaremos los datos que nos proporciona el ayuntamiento de Valencia en el Portal de datos abiertos, y en concreto utilizaremos los datos referentes a las cámaras de tráfico y seguridad de Valencia.

Y ¿cómo hacemos esto? Pues tan sencillo o complicado como utilizando la clase AsynTask y HttpURLConnection de Android. El código en concreto sería el siguiente acompañado por supuesto de la explicación en vídeo:

// Setup the connection with the DB
        //Esta clase realizará la conexión devolviendo el JSON
        @Override
        protected JsonReader doInBackground(String... args) {
            String temp = "";
            try {
                URL url = new URL(urlCamaras);
                urlConnection = (HttpURLConnection) url.openConnection();
                temp = urlConnection.getResponseMessage();
                InputStream in = new BufferedInputStream(urlConnection.getInputStream());
                reader = new JsonReader(new InputStreamReader(in, "UTF-8"));
                CameraJSONReader cJSONReader=new CameraJSONReader();
                try {
                    camaras = cJSONReader.readJSONMsg(reader);
                } catch (IOException e) {
                    e.printStackTrace();
                }
            } catch (MalformedURLException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } finally {
                if (urlConnection != null) urlConnection.disconnect();
                return reader;
            }
        }

Parseando el JSON

El segundo paso es parsear los datos de acuerdo a nuestras necesidades y la estructura del JSON, para este procedimiento no existe un único método ni mecanismo de realizar el proceso ya que el objetivo, la aplicación y el documento JSON serán diferentes

En nuestro caso planteamos un ejemplo haciendo uso de la clase JSONReader, que permite avanzar y parsear el Buffer recogido de la conexión

Un trozo de ejemplo sería el siguiente, aunque para entender correctamente su funcionamiento es mejor visualizar el vídeo:

// Setup the connection with the DB
        reader.beginObject();
        while (reader.hasNext()) {
            String name = reader.nextName();
            Log.i("MENSAJE","LLEGO A JSON");
            if (name.equals("features")) {
                //Estamos en el array de camaras
                Log.i("MENSAJE","ENTRO EN FEATURES");
                reader.beginArray();
                while (reader.hasNext()) {
                    camaras.add(readCamara(reader));
                    Log.i("MENSAJE","CAMARA AÑADIDA");
                }
                reader.endArray();
            }else {
                reader.skipValue();
            }
        }

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB

Java. Layout Managers Segunda parte

Las ventanas que diseñamos pueden ser usadas en multitud de ordenadores y dispositivos, por ese motivo es muy importante:

• Utilizar Layouts que dinámicamente gestionen, recoloquen y redimensionen los diferentes componentes gráficos para una correcta visualización de las interfaces
• Por otro lado, no siempre podemos/debemos confiar en la gestión de nuestros layouts, debemos testar y comprobar su correcto funcionamiento en diferentes resoluciones y dispositivos.

Si eres educador o profesor utiliza la siguiente plantilla para tus alumnos
PLANTILLA

FlowLayout

El FlowLayout, es un gestor muy sencillo que adecúa los componentes uno al lado del otro hasta alcanzar el tamaño máximo de la ventana

GridLayout

El GridLayout, coloca los elementos dentro de una matriz de n columnas y m filas

GridBagLayout

GridBagLayout, es un manager muy flexible pero a su vez más complejo de configurar y gestionar

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB

Java. Recuperar información desde una base de datos

Una vez que tenemos información en nuestra base de datos, la actividad más común e importante que realizamos con la misma es la búsqueda, selección y visualización de la información. No vamos a profundizar en el uso de las sentencias SQL, aunque sí mostrar cómo se realiza una consulta básica a través de una sentencia SELECT, que utilizaremos con nuestro jdbc para devolver una o múltiples registros.

Si eres educador o profesor utiliza la siguiente plantilla para tus alumnos
PLANTILLA

Seleccionar datos de una BBDD

Seleccionar datos de una base de datos y almacenarlos o mostrarlos es exactamente igual al procedimiento que ya vimos en la lección sobre inserción de datos en una base de datos con JDBC.

// Setup the connection with the DB
String sql = "SELECT nombre, apellido1, apellido2, edad FROM usuarios WHERE nombre='"+nombreBuscar+"'";
       rs = orden.executeQuery(sqlMal);

De la BBDD a un JComboBox

Uno de los componentes de la librería Swing más sencillos y versátiles para comenzar a utilizar con nuestra base de datos es el JComboBox, anteriormente habíamos comprobado cómo usarlo con objetos, ahora uniremos esa información al uso con base de datos.

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB

Unidad Didáctica. Crear Web con WordPress

En anteriores posts, he ido introduciendo el uso de Wordpress de una forma sencilla y mediante Wordpress.com para la creación, diseño y mantenimiento de una Web.

¿Cómo podemos utilizarlo en el aula, programarlo y evaluarlo? Os resultará muy fácil a través del siguiente documento:

ENLACE A LA UNIDAD DIDÁCTICA

Java. Utilizando JComboBox

Llega un momento en cualquier aplicación que necesitamos manejar datos e información y además necesitamos representarlos de forma visual. Uno de esos elementos visuales básicos que nos permiten manejar y presentar información en Java es el JComboBox. Con este elemento podemos almacenar información que después podemos presentar en un desplegable que al reaccionar con el teclado o con el ratón nos permite de una forma fácil realizar selecciones .

Si eres educador o profesor utiliza la siguiente plantilla para tus alumnos
PLANTILLA

Manejando eventos

Los dos eventos más usados dentro del JComboBox son tanto el ActionListener como el ItemLisener. Los dos tienen sentidos o usos diferentes, el primero se aplica cuando necesitamos información de comportamiento del JComboBox, mientras que el segundo Listener se aplica cuando necesitamos interactuar con un determinado item.

Manejando objetos

En el primer ejemplo mostramos como manejar String o un array de String, es casi el uso más directo que se nos viene a la cabeza cuando pensamos en un objeto de estas características. Pero la gran potencia de JComboBox es la posibilidad de manejar objetos, su visualización y posterior uso. Veamoslo a través de un ejemplo

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB

Java. Insertando en base de datos

Si eres educador o profesor utiliza la siguiente plantilla para tus alumnos
PLANTILLA

La interacción con la base de datos nos ofrece principalmente la posibilidad de persistencia de la información, es decir, poder disponer de la información para su búsqueda y/o modificación posterior aún cuando nuestra aplicación se haya apagado.

Por otro lado provoca que debamos ser meticulosos a la hora de diseñar nuestra aplicación, ya que diferentes no sólo estamos trabajando con ventanas que hacen uso de diferentes clases, sino que generamos una interacción con sistemas externos, y por lo tanto las buenas prácticas a la hora de diseñar nuestra aplicación es muy importante:

• Utilizar la metodología MVC para organizar nuestro código
• Utilizar una clase para cada tabla de la base de datos
• Separar las interfaces del resto del código
• Incluir el conector adecuado en nuestro proyecto

Buenas prácticas

Tal y como avanzábamos. Deberemos, nuestros proyectos cuando incorporan interacción y manejo de la base de datos, provoca un crecimiento importante del código y por lo tanto necesitamos tener una buena estructura de carpetas, paquetes y librerías

Insertando un nuevo registro

Para insertar un nuevo registro en la base de datos, necesitamos realizar tres pasos. En primer lugar cargar el jdbc adecuado para nuestro proyecto.

// Cargamos en ejecución
Class.forName("com.mysql.jdbc.Driver");

En segundo lugar conectarnos a la base de datos.

// Setup the connection with the DB
connect = DriverManager.getConnection("jdbc:mysql://XX.XX.XX.XX/baseDatos?"
          + "user=usuario&password=pass");

Insertar en la base de datos será definitivamente realizar la consulta en concreto

// Setup the connection with the DB
   orden = conexion.createStatement();
      String sql = "INSERT INTO usuarios (nombre,apellido1,apellido2,edad) " +
                     "VALUES ('"+nombre+"', '"+apellido1+"', '"+apellido2+"', "+edad+")";
      orden.executeUpdate(sql);

Descárgate o visualiza el código utilizado en el vídeo través de mi cuenta en GitHub
CÓDIGO EN GITHUB