Modelo vista controlador MVC

Introducción:

Cuando programamos siempre deberíamos tener tres componentes  básicos, la interfaz para el usuario, la lógica del negocio y un componte que conecte estos dos elementos; los docentes de programación y software siempre intentan que separemos estos componentes para tener una mayor organización y rendimiento en nuestros proyectos, sin embargo nosotros nos resistimos a este cambio con la excusa de "que estos funcionan igual" o "yo entiendo mi desorden", la idea de este articulo es contribuir a mejorar en estos aspectos y dar una introducción al paradigma de modelo vista controlador de ahora en adelante MVC.

El patrón de arquitectura de programación MVC descrito por primera vez en 1979 por Trygve Reenskaug, un programador que trabajaba en los laboratorio de investigación de Xerox, 33 años despues se sigue usando y ha tomado mucha fuerza con el desarrollo web.

Elementos:

La idea es muy simple, separar nuestro código en tres grupos:

La lógica del negocio: MODELO

La la interfaz de usuario: VISTA

La conexión entre el modelo y la vista: CONTROLADOR

Modelo: son las partes de la aplicación que implementan la lógica del negocio, a menudo estos recuperan y almacenan los objetos que están registrados en una base de datos. En este caso se haría referencia a las clases genéricas que creamos como "Persona", "Animal", "Universidad", entre otras, estas clases son representaciones estructurales de sus similares en el mundo real, tienen atributos (características del objeto) y métodos(operaciones relacionadas con el objeto).

Vista: son los componentes que muestran la interfaz de usuario de la aplicación (UI), esta interfaz se crea a partir de los datos del modelo y sirve para que el usuario final interactue con la aplicación. En este caso se habla de lo que ve el usuario la aplicación, osea la estructura con botones, campos de texto, casillas de verificación, párrafos entre otros, y las características de estos elementos.

Controlador: son los componentes que manejan la interacción del usuario, con el modelo de trabajo, y finalmente seleccionan una vista para mostrar información al usuario. En este caso es la parte que controla las interacciones del usuario y dependiendo el caso administra que modelos y que vistas usar para responder a estas interacciones, como las clases que se encargaban de controlar los eventos de los dispositivos de entrada del computador en los primeros programas que realizamos.

Ejemplo:

En una restaurante también se separa las funciones:

En la cocina se maneja la lógica del negocio, se prepara la comida y se organizan los platos este componente seria el modelo.

En la recepción se manejan los pedidos ( a cada cliente se le tiene que mandar preparar el plato que pidió) osea este seria el controlador. 

Y por ultimo los meseros serian la vista pues son quienes tratan con los usuarios finales. 

Proceso del  MVC

1. El usuario interactúa con la aplicación de alguna forma (por medio de algún elemento de la vista, como un botón o la pulsación de una tecla).

2. Se dispara el evento y el controlador lo recibe la notificación de la acción solicitada por el usuario (se entera que el usuario realizo una interacción).

3. El controlador gestiona el evento (decide que hacer con el).

4. El controlador accede al modelo y realiza la operación pertinente (generalmente se realiza un acceso a la información de la base de datos de la aplicación).

5. El controlador gestiona el despliegue de la vista adecuada ye en ella se reflejan los cambios en el modelo (la vista en si puede ser la misma pero la información del modelo ha cambiado).

6. La vista queda dispuesta para futuras interacciones del usuario.

MVC Architecture por http://developer.chrome.com

Ventajas de usar MVC:

• Es más sencillo trabajar sobre una aplicación cuando esta esta ordenada y claramente separada en las áreas que se propone en MVC.
• Es más fácil gestionar una aplicación que usa MVC, debido a las las interacciones de los usuarios pueden ser controladas.
• Se mejora el campo de la reutilización de componentes.
• Facilita las tareas de mantenimiento.
• Los programas se vuelven más escalables (lo que quiere decir que si se añade elementos o se modifica el programa no se tienen tantos problemas).

Conclusiones:

El MVC esta siendo muy usado en el desarrollo web y es prácticamente un estándar de facto en el desarrollo actual de aplicaciones, por ello es importante conocerlo y usarlo desde nuestros proyectos más básicos.

El IF, el mejor amigo del programador

If:

La sentencia "if" es una de las sentencias mas sencillas y a la vez mas importantes en el mundo de la programación, esta expresión permite evaluar una condición y terminar si es verdadera o falsa, en caso de que sea verdadera permite la ejecución de más código.

Ejemplo:

                 if(5 > 3){

System.out.print("El numero 5 es mayor que que numero dos.");

}

Como le aprecia la estructura del if es muy simple, el nombre de la sentencia seguida de unos paréntesis donde va la condición que debe cumplirse para que se ejecute el código que esta encerrador por los corchetes.

Para poder sacarle provecho al if es necesario revisar los operadores relacionales y lógicos.

Operadores relacionales: permiten evaluar expresiones numéricas y en caso de "igual a" y "diferente de" también expresiones booleanas, recordando una expresión booleana solo puede tener dos valores "True" o "False", en java para evaluar la expresión "igual a" se usa "==" y para la expresión  "diferente de" se usa "!=".

Operador   Definición

<                menor que

>                mayor que

=                igual a

<>             diferente de

<=             menor que o igual a

>=             mayor que o igual a

Operadores lógicos: son operadores que permiten evaluar expresiones a nivel lógico son muy usados cuando se intenta evaluar un conjunto de expresión o para reducir la complejidad del código.

Operador   Definición

AND          Y (en java &&)

OR             O (en java ||)

NOT           No (en java !)

Ejemplo:

int numero = 10;

if(numero > 5 && numero < 15){

System.out.print("El numero es mayor que 5 y menor que 15.");

}

Como se aprecia se evaluar dos condiciones para el mismo elemento y se unieron con operador AND, para hacer que las dos se tengan que cumplir.

Else:

Adicional al operador if simple existe un complemento llamado else que evalúa el caso contrario, en este momento hay que resaltar que como se había mencionado el if solo tiene dos opciones, o la condición se cumple o no se cumple, el else entra en caso de que la condición no se cumpla y permite ejecutar código para este caso. 

Ejemplo:

int edad = 10;

if(edad >= 18){

System.out.print("Ud es mayor de edad");

}else {

System.out.print("Ud es menor de edad");

}

En este caso solo existen dos opciones, que el numero sea mayor o igual a 18 o que sea menor, gracias al else podemos trabajar con la segunda opción.

Else if:

Como se vio anteriormente, el else es muy útil en el caso de que solo queramos evaluar dos opciones, sin embargo nos vamos a encontrar con casos donde queremos evaluar más posibilidades, para ello podemos usar una combinación del if con el else llamada else if, esta va a seguir la misma estructura explicada anteriormente pero de una forma que va permitir evaluar más opciones.

Ejemplo:

int semestre = 10;

if(semestre == 1){

System.out.print("Ud esta en primer semestre. bienvenido.");

}else if(semestre == 10) {

System.out.print("Ud esta en décimo semestre, buena suerte.");

}else{

System.out.print("Ud no esta ni en primer ni  en décimo semestre, siga estudiando.");

}

Como se aprecia, se evalúan tres opciones, la primera si el estudiante esta en primer semestre, la segunda si esta en décimo y la tercera abarcaría el resto de semestres.

Ifs anidados

En muchas ocasiones nos encontramos con la necesidad de evaluar una expresión habiendo evaluado previamente una condición anterior, la solución es ordenar los ifs, uno dentro de otro.

Ejemplo:

int semestre = 10;

if(semestre < 4){

System.out.print("Ud tiene clase de programación: ");

if(semestre == 1){

System.out.print("I");

}else if (semestre == 2) {

System.out.print(" II");

}else {

System.out.print("III");

}

}

Como se aprecia, primero se evalúa si es semestre es inferior a cuarto, así podemos tomar un grupo especial, los estudiantes con semestre menor a cuarto, ahora a ese grupo le vamos a dejar un mensaje común o general para todos "Ud tiene clase de programación: ", eso quiere decir que ya evaluamos la primera condición, ahora dependiendo del semestre podemos ser más específicos con el mensaje.

Al tener un if dentro de otro podemos armar estructuras complejas y optimizar nuestro código.

Optimizar los if

Como programadores nuestro deber es optimizar nuestro código para ello podemos hacer cosas muy sencillas, incluso desde el uso de los if.

• Evaluar primero las opciones más probables, en nuestro programa siempre tendremos varias opciones y depende cual evaluamos primero el programa puede rendir más, en ocasiones sera más eficiente el uso de sentencias como el Switch, un ejemplo se esto lo vemos en el if anidado, primero se evaluó una condición grande, así no fue necesario evaluar otras condiciones innecesarias.
• No sobrecargar el if, aunque usando operadores lógicos podemos crear condiciones grandes, esto no es bueno para el rendimiento del programa, lo ideal es usar la técnica divide y vencerás para evaluar expresiones.
• Usar expresiones lógicas pude ayudar a simplificar nuestro código y a optimizarlo si estas se usan correctamente.

If simple

Existe una forma simple de escribir un if, es la siguiente: (condición) + ? + sentencia si es verdadero + : + sentencia si es falso + ; .

Ejemplo:

String respuesta = (5 > 3) ? "El numero 5 es mayor que 3." : "Error"; 

Eso fue todo, por esta entrega, recuerden aprender a usar el if pues esta sentencia tan simple se va a convertir en su aliada a la hora de resolver problemas de programación.

¿Por que es importante programar?

No voy a dar respuesta a esta pregunta, voy a dejar que grandes personalidades la contesten en este vídeo.

Aunque esta en ingles, es un excelente vídeo para motivar a la gente a programar y nos deja la duda ¿Ya es hora de que los colegios empiecen a enseñar programación?.

Pagina recomendada [5]

Cuando creamos un programa mechas veces necesitamos datos para probarlo, en ocasiones demasiados datos, esto se convierte en un problema pues no sabemos de donde obtener suficientes registros para asegurarnos que nuestro programa funcione adecuadamente, por ello la gente de GENERATE DATA nos ofrece una herramienta con este propósito.

Mediante una sencilla interfaz podemos generar los registros que necesitemos y exportarlos en un archivo ya sea SQL, HTML, Excel, XML o CSV.

Esta herramienta es muy útil para poner a prueba nuestros programas, pues cuando realizamos pruebas necesitamos tener en cuenta tanto variedad como cantidad en los datos.

Link: http://www.generatedata.com/#generator

Nuevo semestre (2013 - I)

Inicia un nuevo semestre y con el vienen cambios, en cuestión de ubicación seguiremos atendiendo las dudas de los estudiantes en el salón C-139 (Ges:rupo de investigación IFELCOM), pero los horarios para este semestre cambian pensando en la comodidad de los estudiantes:

Miercoles 8 am - 12 pm
Jueves 2 pm - 6 pm
Viernes 8 am- 12 pm

En los horarios mencionados, Alexander Castro y Jhefer Tellez estaremos atendiendo a los estudiantes.

Para todos un excelente semestre.

Consejos de programación [Pato de goma]

Cuando programamos siempre nos encontramos con algún problema que nos tiene desesperados por cierto tiempo, aunque existen varias formas para solucionarlo hoy vengo a contarles una muy espacial y útil vía http://mundogeek.net.

Se llama "Depuración de patito de goma" y consisten en tener algún muñeco a quien contarle el problema en cuestión, su efectividad radica en que al contar un problema a alguien muchas veces la solución aparece ante nuestros ojos.

Mediante esta técnica evitamos molestar a nuestros compañeros de trabajo y si trabajamos solo es ideal cuando definitivamente estamos bloqueados.

Una variante de esta técnica es contar el problema en cuestión a alguien con pocos conocimientos en el tema o mejor aun a un niño, ellos siempre lo abordaran de otra manera y nos ayudaran en nuestro proceso creativo.

Pagina recomendada[4]

Cuando queremos hacer prototipos de la interfaz gráfica de nuestra aplicación, muchas veces utilizamos herramientas que no son las adecuadas, por eso hoy les vengo a hacer unas recomendaciones para este tema.

Para eso primero les recomiendo leer el articulo: 10 Completely Free Wireframe and Mockup Applications.

Ahora mi recomendación: Balsamiq Mockups

Aunque esta pagina es un demo de la aplicación, es muy completa, tiene tomo lo necesario para hacer un buen prototipo de la interfaz gráfica, además es muy fácil de usar y los prototipos resultantes son muy agradables a la vista.

Esta aplicación permite exportar nuestros diseño a imágenes o a archivos XML, tiene muchas opciones lo único malo es un aviso que sale cada cierto tiempo que nos recuerda que es un demo.

Dejo que uds revisen la pagina y me comente como les fue o si tienen una mejor alternativa.

Buenas practicas de programación [4]

La entrada del día de hoy es corta pero importante, se trata de la declaración un tema muy importante.

Este tema comprende:

+El numero de declaraciones por linea, es recomendado hacer solo una declaración por linea, ejemplo:

int edad; // Edad del estudiante
int nombre; // Nombre del estudiante

Es preferible sobre

int edad, nombre;

Lo que si se debe evitar a toda costa es declarar diferentes tipos de atributos:

int edad, calificaciones [];

+Inicialización: todas las variables deben ser inicializadas a no ser que dependan de un calculo que ya ha ocurrido.

+Se deben colocar las variables locales después de la inicialización del bloque de código(un bloque de código inicia con un "{"), ejemplo:

public void calcularEdad(){
      int edad = 0;
   
     if(condición){
     int aux = 0;
     }
}

Una cosa para evitar es declarar variables locales con nombres iguales a variables de alto nivel, ejemplo:

int contador = 0;

public void calcularCalificacion(){
     if(condicion){
     int contador = 0;
     }
}

+ Cuando se declaran los métodos hay que evitar espacios entre el nombre del método y el paréntesis "(" .
+ Es recomendable separar los métodos por una linea en blanco.
+ Los corchetes se ubican: El primero "{" en la misma linea de la declaración y el de cerrar "}" en una linea aparte.

Pagina recomendada [3]

Un objetivo común debería ser que nuestras aplicaciones luzcan bien, para ello el manejo de los colores es muy importante, por ello hoy les recomiendo HTML Color Code.

HTML Color Code es una excelente pagina para usar los colores HTML de una forma muy gráfica, la pagina permite un uso muy intuitivo.

Esta dividida en dos categorías:

"Tabla de colores", para seleccionar los colores de un cuadro.

"Selector de colores" que permite crear nuestro color o buscar un color ya sea por código HTML o por codigo RGB.

Muy útil, recordemos algo de uso de color en java.

Queremos usar el color #013ADF

new Color(0x013ADF);

El RGB es 1, 58, 223.

new color (int r, int g, int b);
new color (1, 58, 223);

No olviden visitar HTML Color Code, a mi me sirvió mucho espero que a uds también.

Buenas practicas de programación [3]

Lineas y espacios en blancos, aunque para algunos este tema no tiene importancia, hace parte de la estética y el orden en el código, saber usar estos elementos permite tener un código más legible y ordenado.

Lineas en blanco:

Una linea:

* Entre métodos
* Entre variables locales en un método y su primera declaración
* Después de un comentario
* Entre secciones lógicas de un método, para que sea más fácil leerlo y entenderlo(si tienes muchos puede indicar que deberias dividir el método).

Dos lineas:

* Entre secciones de un archivo fuente
* Entre definiciones de clases e interfaces

Espacios en blanco:

- Después de una de las palabras reservadas (de las que ya hablamos) que este seguida por un paréntesis.

   if () {
   }

- Cuando se tiene una lista de elementos separados por comas después de cada coma debe haber un espacio.

   String [] lista = new String [] {"Hola", "Mundo", "?"};

- Todos los operadores binarios excepto el (.) deben ser separados de sus operandos con espacios. Los únicos que no se separan son los operadores de incremento y decremento (++ y --).

a += c - b;

a = (c + b) * (x - y);

if (a++ == b--) {
}

- En los for entre sus condiciones e incremento, recuerden:

for (int i = 0; i < lista.length; i++) { }

- En las conversiones ("cast").

metodo((int) (salario + 5));

Yo también ignoraba estas buenas practicas, pero ahora no soporto ver un código sin ellas, un consejo es irlas implementado de a poco en su código, así no se complican.

Buenas practicas de programación [2]

Hoy vamos a hablar de documentación, tema demasiado importante y que siempre se deja de lado.

Siempre sucede lo mismo, como generalmente desarrollamos solos, no nos interesa que otros lean nuestro código, pero en el sector productivo es muy importante el trabajo en equipo y por lo tanto la documentación,  tenemos que pensar que nuestro código sera una parte del producto final y que no va a ser una pieza asilada.

Para documentar un método se pueden tener en cuenta 6 partes.

1. Nombre completo del método. 
2. Propósito del método. 
3. Descripción del método. 
4. Autor original. 
5. Modificaciones que se le han hecho. 
6. Autores que realizan las modificaciones.

Además es necesario mencionar si existe algún problema con el método, explicar brevemente las entras y salidas.

Otra recomendación es usar un lenguaje sencillo pero utilizando términos técnicos. También evitar comentarios obvios, comentar los sets y gets. Por ultimo es recomendable agrupar las notas, a no ser que sea una anotación muy importante para una linea.

Ah se me olvidaba un buen ejercicio es documentar en ingles por obvias razones.

Pagina recomendada [2]

Nombre: TechOnTheNet.

Descripción: Una nueva semana una nueva pagina recomendada, esta vez hablo de TechOnTheNet.com una excelente pagina llena de interesantes recursos.

En esta pagina no solo encontraremos tutoriales de diferentes lenguajes de programación, lo más importante es su sección de "chuletas", que vienen a ser la explicación de funciones (para la suite MS Oficce, Oracle SQL/Pl, SQL Linux, entre otros) con ejemplos muy sencillos de comprender.

Muy recomendad cuando se inicia a trabajar con bases de datos.

No se olviden de visitar http://www.techonthenet.com/index.php y de recomendarnos otras paginas en sus comentarios.

Buenas practicas de programación [1]

Para programar correctamente hay que seguir algunos consejos, que no solo hace que los programas sean más eficientes sino que tambien permiten mejorar la presentación del código y hacerlo más fácil de entender.

Estos consejos son denominados oficialmente "buenas practicas en programación", la idea es ir recopilando estos consejos, así que vamos con el primero.

Algo muy importante son los nombres, llamados identificadores, a la hora de nombrar un elemento (ya sea clase, atributo o método), es necesario ser muy claros.

Hay que evitar nombrar un elemento como "a" o "variable", estos nombres son ambiguos y no dan una idea de lo que son, nombres más claros serian "Carro" o "numeroEstudiantes", estos nombre si dan una idea clara   de la naturaleza del elemento.

Hay que evitar usar símbolos y palabras reservadas, estas palabras son propias del lenguaje de programación (en este caso Java) y no se deben usar.

abstract	boolean	break	byte	case	catch
char	class	const	continue	default	do
double	else	extends	final	finally	float
for	goto	if	implements	import	instanceof
int	interface	long	native	new	package
private	protected	public	return	short	static
strictfp	super	switch	synchronized	this	throw
throws	transient	try	void	volatile	while
assert	enum

Por otra parte para nombrar elementos de programación en Java hay que tener en cuenta los siguientes consejos.

- Para clase: la primera letra en mayúscula y luego usar notación camelCase (primera letra de cada palabra en mayúscula), los nombres deben ser sustantivos y estar en singular.

-Para interfaces: aplica lo mismo que clases excepto que los nombres deben ser adjetivos.

-Para métodos:  la primera letra en minúscula y luego usar notación camelCase, los nombres deben ser o un verbo o una mezcla de verbo y sustantivo.

-Para variables: la primera letra en minúscula y luego usar notación camelCase, deberían ser nombres con significados claros y en lo posible corto.

- Las constantes: en este caso todas las letras deben estar en mayúscula y se debe separar cada palabra con un "_".

Con este consejo ya sera más fácil entender su código, no es lo mismo ver la variable "x" que la variable "nombreUsuario".

Pagina recomendada [1]

Nombre: java2s

Descripción: Esta pagina contiene información de muchas cosas relacionadas con la programación, pero lo mas importante es que contiene la explicación de como usar diferentes clases, métodos y librerías, lo mejor es que se explica usando ejemplos del funcionamiento de cada método, el código es muy claro y generalmente esta documentado.

Aunque su interfaz no es la mejor, cumple su cometido, para entender mejor como funciona, veamos un ejemplo, queremos buscar como colocar un icono a un botón en Java:

1. Se selecciona el lenguaje de programación.

2. Se selecciona la clase de la que se quiere más información.

3. Se selecciona el método.

4. Se obtiene el código que necesitamos.

No se olviden de visitar http://www.java2s.com/ y de recomendarnos otras paginas en sus comentarios.

Tutorial Hola Mundo en C++

Luego de la exitosa instalación realizada en el tutorial anterior, lo siguiente es verificar que todo esté listo para programar en C++ usando Eclipse.

1. Se crea un nuevo proyecto, la opción C++ Project.

2. Se le asigna un nombre al proyecto y en “Project Type” se elige la carpeta “Executable” y opción “Hello World C++ Project”.

3. Se presiona el botón “Finish” y se espera un momento.

4. Se genera el siguiente código, observen la estructura de las carpetas e investigue, ahora un paso muy importante es compilar el programa, para ello pulsamos el icono del martillo.

El proyecto va a compilar lo que tardara un momento.

5. Ahora como en un programa normal, se ejecuta usando el icono Run.

6. Por ultimo en consola se muestra el Hello World.

Tutorial Instalacion C/C++ en Eclipse

Recursos

• IDE Eclipse Indigo
  • Windows 32 http://www.eclipse.org/downloads/download.php?file=/eclipse/downloads/drops/R-3.7.2-201202080800/eclipse-SDK-3.7.2-win32.zip

• MinGW(Compilador de C/C++ para Windows)
  • http://sourceforge.net/projects/mingw/files/latest/download?source=files

• Plugin CDT para eclipse* NO descargar, se instala directamente en Eclipse
  • http://www.eclipse.org/cdt/downloads.php

Instalación

Primer es necesario descargar eclipse y descomprimirlo.
Luego se descarga el instalador de MinGW y se ejecuta.

El instalador requiere permisos de administrador y crea accesos directos a la aplicación.

Se elije la segunda opción en esta ventana, para descargar los últimos paquetes.

Leemos cuidadosamente los términos y condiciones y para continuar la instalcion los aceptamos.

En este punto se elije la carpeta de instalación, se requieren al menos 1,7 MB libres.

El instalador crea una carpeta con accesos directos en el menú de inicio.

Ahora viene lo importante, se elije “C++ Compiler” en este caso y se continua con la instalación.

Ahora el programa esta listo para descargar los archivos, muestra un resumen de nuestras preferencias y solicita permiso para instalar.

Instala los archivos iniciales.

Y comienza a descargar el resto de los archivos, esto puede tomar un tiempo, no hay que cerrar la ventana hasta que termine.

Acá se muestra el progreso de la instalación hay que tener paciencia.

Cuento el programa termina muestra este mensaje y nos permite ver un archivo de texto con los resultados de la instalación.

Lo siguiente es instalar el complemento para poder programar con C++ en Eclipse, para eso en la barra de menú se selecciona el ítem “Help” y la opción “Install New Software”.

Lo que mostrara la siguiente pantalla, en el campo “Work with” se introduce la dirección http://www.eclipse.org/cdt/downloads.php y se pulsa “Next”.

El resultado será el siguiente.

El la siguiente ventana se muestra lo siguiente, se elije la primera opción, como se ve en la imagen y se pulsa “Next”.

El asistente de instalación tomara un momento para calcular las dependencias y los requisitos, el progreso se mostrara en la una barra en la parte inferior de la ventana.

Luego se muestra la siguiente ventana de confirmación, se pulsa “Next” para continuar.

Para continuar se leen los términos y condiciones y se aceptan y con eso concluye la etapa de configuración.

A continuación se inicia la instalación.

Es necesario esperar un tiempo, pero el progreso se ve claramente.

Aunque para que se agregue correctamente el complemento será necesario reiniciar eclipse.

Se hace necesario cambiar las variables de entorno, es algo sencillo, click derecho en “Mi Pc”, se elije la opción propiedades.

En la pestaña “Opciones avanzadas” se pulsa el botón “Variables de entorno”

En la tabla de “Variables del sistema” se selecciona la fila “Path” y se pulsa “Modificar”.

En la ventana que aparece, se agrega la ruta donde se instalado en compilador y donde esta la carpeta bin, pero antes se pone un “;” sin comillas, que separa las diferentes rutas, se oprime aceptar y eso es todo.

Con eso ya se puede programar en C++ usando eclipse.