Julio 27th, 2010

Frases celebres del desarrollo

Las 3 grandes mentiras del programador
1. El programa está completamente probado y libre de errores
2. Estamos trabajando en la documentación
3. Por supuesto que podemos modificarlo
– Anónimo

“Debugging es dos veces más difícil que escribir el código en primer lugar. Entonces si escribes el código tan astutamente como sea posible, no eres -por definición- tan listo como para debugearlo.”
– Brian Kernighan

“Sólo hay dos tipos de lenguajes: aquellos de los que la gente se queja y aquellos que nadie usa.”
– Bjarne Stroustrup

“Cualquier tonto puede escribir código que un ordenador entiende. Los buenos programadores escriben código que los humanos pueden entender.”
– Martin Fowler

“Hay dos formas de diseñar software: la primera es hacerlo tan simple que obviamente no hay deficiencias y la segunda es hacerlo tan complicado que no hay deficiencias obvias. La primera forma es mucho más difícil.”.
– C.A.R. Hoare

“Mucho del software hoy en día se parece a una pirámide egipcia: con millones de ladrillos apilados uno encima del otro, sin integridad estructural y hecho por pura fuerza bruta y miles de esclavos.”
– Alan Kay

“Medir el progreso de la programación por líneas de código es como medir el progreso en la construcción de aviones por el peso.”
– Bill Gates

“Si deseas empezar y desarrollar algo grandioso, no necesitas millones de dólares de capitalización. Necesitas suficiente pizza y Diet Coke en la nevera, una PC barata y trabajo y dedicación para realizar tu idea.”
– John Carmack

“Los programas deben ser escritos para que la gente los lea y sólo incidentalmente, para que las máquinas los ejecuten.”
– Abelson / Sussman

“Pregunta: ¿Cómo se atrasa un año un proyecto grande de software? Respuesta: Un día a la vez.”
– Fred Brooks

“Nadie debe empezar un proyecto grande. Empiezas con uno pequeño y trivial y nunca debes esperar que crezca; si lo haces solamente sobre-diseñarás y generalmente pensarás que es más importante de lo que lo es en esta etapa. O peor, puedes asustarte por el tamaño de lo que tu esperas que crezca. Así que empieza pequeño y piensa en los detalles. No pienses acerca de la foto grande y el diseño elegante. Si no resuelve una necesidad inmediata, seguramente está sobre-diseñado. Y no esperes que la gente salte a ayudarte, no es así como estas cosas funcionan. Primero debes tener algo medianamente usable y otros dirán “hey, esto casi funciona para mí” y se involucrarán en el proyecto.”
– Linus Torvalds

Añadidos:
“Programa siempre tu código como si el tipo que va a tener que mantenerlo en el futuro fuera un violento psicópata que sabe donde vives.”
– Martin Goldin

“La mayoría de expertos coinciden en que la forma más probable de que se destruya el mundo es por accidente. Ahí es donde entramos los informáticos. Nosotros causamos accidentes.”
– Nathaniel S. Borenstein (Programming as If People Mattered)

El problema de las soluciones “provisionales” es que pueden convertirse en “definitivas”, porque aplicar la solución “definitiva” viola el principio de “si funciona, no lo toques”
–Miguel Armas (Kuko)

“Si pagas cacahuetes, obtienes monos”
– James Goldsmith

“Si la depuración es el proceso de eliminar errores, entonces la programación debe ser el proceso de introducirlos”
– Edsger Dijkstra

“Cuando evaluamos un producto, las personas solemos dar una importancia ridículamente alta a la belleza y a la estética. Esta es una de las razones por las que los iPods, y ya que estamos, Keanu Reeves, son tan enormemente populares.”
– Joel Spolsky

“Emplea tu tiempo cultivándote a través de los escritos de otros, así ganarás fácilmente lo que para nosotros ha sido una dura tarea”
- Sócrates, parece que ya picaba código por el 400 a. C.

Julio 27th, 2010

Módelo Vista Controlador y algunas variantes

Flex es un framework creado para poder llegar a usar otros frameworks. Nos centraremos en este artículo en la base de otros frameworks, como PureMVC o Cairngorm, esta característica es el patrón Módelo Vista Controlador (MVC). Analizaremos este patrón que tanto nos gusta y entonces veremos algunas otras aproximaciones para compararlas y adjuntaré proyectos de ejemplo para entender el concepto que representa cada uno.

Módelo Vista Controlador (MVC)

El Módelo Vista Controlador es el patrón arquitectural más usado en la ingeniería del software. Este patrón nos separa el modelos de datos, el modelo de la capa de presentación (vista) y de la parte de control.

De este modelo podemos decir, que gestiona la información y advierte a las otras capas de cambios en sus datos. Representa el dominio de datos. La vista representa gráficamente el modelo para que el usuario pueda interactuar él, es la interfaz de datos. El controlador recibe las peticiones de la vista y le responde actualizando el modelo de datos. Debido a que la vista observa los cambios en el modelo de datos, esta actualiza sus componentes en función de éstos.

La finalidad de este patrón será la de conseguir un bajo acoplamiento en sus aplicaciones. Este lo logra desacoplando los modelos de las vistas, reduce la complejidad en el diseño arquitectural e incrementando la flexbilidad y mantenimiento del código.

La aplicación para el ejemplo será esta:

Módelo Vista Presentación (MVP)

Módelo Vista Presentación

Este patrón es un derivado del anterior. Está centrado en la interfaz de usuario y también pensado para facilitar el la unidad de testeo y mejorar la separación conceptos en la presentación de la lógica del programa. Genera una implementación limipia del patrón Observer entre el modelo y la vista.

El modelo funciona como una interface que define los datos que serán mostrados luego en la vista. La vista es una interface que nos muestra los datos del modelo y lanza llamadas a la capa presentacion para que luego actúe con los datos. La presentacion recupera los datos del modelo y los modera y hacia la vista.

Normalmente, la vista instancia su objecto presentacion con el que se relacionará y luego le proporciona una referencia suya.
El grado de lógica permitida en las vistas variara en función de la implementación que usemos: podremos hacer que la vista sea totalmente pasiva, alegando todas las operaciones a la presentacion. Otras versiones del MVP nos permiten más autonomía a la vista.

Si nos centramos en un punto de vista de capas, la presentacion se consideraría la capa de aplicación entre el modelo y la vista.

El creador del patrón MVP, Martin Fowler, decidió separarlo en dos patrones de presentación que ya hemos tratado en madeinflex, son el supervising presenter y el passive view.

MVC vs MVP

Los une la idea de que el modelo alberga los datos y la vista los representa. Tanto el controller como el presenter se encargan de coordinar la aplicación y es en estas clases donde está la diferencia: el Presenter tiene más responsabilidades, maneja los datos del modelo y trata las propiedades de la vista que recibirá como parámetro.

Modelo Vista Adaptación (MVA)

Como en los dos patrones anteriores, se pretende separar el modelo de datos de la vista para poder realizar cambios en la vista y que estos no afecten al modelo de datos.

MVA y MVC intentan solucionar este problema con dos aproximaciones diferentes:

  • MVC mantiene un estructura triangular entre el modelo, la vista y el controller, en la cual las tres entidades serían los vértices del triángulo y las aristas las vías de comunicación entre éstas.
  • MVA lo soluciona de otra forma, lo hace mediante una estructura lineal en la cual en una punta estará la vista, en la otra el modelo y en el centro el adapter o mediating controller, pero se evita la comunicación directa entre la vista y el modelo.

Así pués, en este modelo, la vista está totalmente separada del modelo de datos y estas entidades sólo se pueden comunicar a través el adapter, dicho de otro modo, sólo el adapter tiene conocimiento del modelo y de la vista.

Con esta separación de comportamientos, conseguiremos que una amplia variedad de vistas puedan acceder indirectamente al modelo de datos mediante el mismo adapter. Las vistas también se olvidan del modelo de datos, ya que es el adapter quien las comunica con éste.

Esto también nos permite poder usar diferentes adapters para cada par vista / modelo. Un ejemplo podría ser la aplicación de una entidad bancaria, para cada una de sus delegaciones, puede ser que con los mismos datos y la misma vista se tengan que manipular los datos de maneras diferentes, para eso podremos tener diferentes adapters sin tener que modificar ni la vista ni el modelo de los datos.

MVA también es conocido como “mediating-controller”. Hay quien cree que como base sigue la misma idea que MVP, aunque hay gurús del software que se matan y defienden diferencias entre ellos.

Aquí os dejo un enlace de un proyecto de ejemplo para que podais analizarlo vosotros mismos.

Autor: Sergi Dote Teixidor

Octubre 18th, 2009

Tabla de caracteres ANSI

Cuando escribimos en el ordenador, este no “interpreta letras”, sino los códigos numéricos que representan a estas, esto es lo que se conoce como juego de caracteres, en este post, veremos un popular juego de caracteres ANSI (American National Standards Institute), que asigna letras y números.

La tabla es bastante útil cuando tienes que poner algún determinado código que no aparece en el teclado.

chr(33) = ! chr(34) = “ chr(35) = # chr(36) = $ chr(37) = % chr(38) = &
chr(39) = ‘ chr(40) = ( chr(41) = ) chr(42) = * chr(43) = + chr(44) = ,
chr(45) = - chr(46) = . chr(47) = / chr(48) = 0 chr(49) = 1 chr(50) = 2
chr(51) = 3 chr(52) = 4 chr(53) = 5 chr(54) = 6 chr(55) = 7 chr(56) = 8
chr(57) = 9 chr(58) = : chr(59) = ; chr(60) = < chr(61) = = chr(62) = >
chr(63) = ? chr(64) = @ chr(65) = A chr(66) = B chr(67) = C chr(68) = D
chr(69) = E chr(70) = F chr(71) = G chr(72) = H chr(73) = I chr(74) = J
chr(75) = K chr(76) = L chr(77) = M chr(78) = N chr(79) = O chr(80) = P
chr(81) = Q chr(82) = R chr(83) = S chr(84) = T chr(85) = U chr(86) = V
chr(87) = W chr(88) = X chr(89) = Y chr(90) = Z chr(91) = [ chr(92) = \
chr(93) = ] chr(94) = ^ chr(95) = _ chr(96) = ` chr(97) = a chr(98) = b
chr(99) = c chr(100) = d chr(101) = e chr(102) = f chr(103) = g chr(104) = h
chr(105) = i chr(106) = j chr(107) = k chr(108) = l chr(109) = m chr(110) = n
chr(111) = o chr(112) = p chr(113) = q chr(114) = r chr(115) = s chr(116) = t
chr(117) = u chr(118) = v chr(119) = w chr(120) = x chr(121) = y chr(122) = z
chr(123) = { chr(124) = | chr(125) = } chr(126) = ~ chr(127) =  chr(128) = €
chr(129) = chr(130) = ‚ chr(131) = ƒ chr(132) = „ chr(133) = … chr(134) = †
chr(135) = ‡ chr(136) = ˆ chr(137) = ‰ chr(138) = Š chr(139) = ‹ chr(140) = Œ
chr(141) =  chr(142) = Ž chr(143) =  chr(144) =  chr(145) = ‘ chr(146) = ’
chr(147) = “ chr(148) = ” chr(149) = • chr(150) = – chr(151) = — chr(152) = ˜
chr(153) = ™ chr(154) = š chr(155) = › chr(156) = œ chr(157) =  chr(158) = ž
chr(159) = Ÿ chr(160) = chr(161) = ¡ chr(162) = ¢ chr(163) = £ chr(164) = ¤
chr(165) = ¥ chr(166) = ¦ chr(167) = § chr(168) = ¨ chr(169) = © chr(170) = ª
chr(171) = « chr(172) = ¬ chr(173) = ­­ chr(174) = ® chr(175) = ¯ chr(176) = °
chr(177) = ± chr(178) = ² chr(179) = ³ chr(180) = ´ chr(181) = µ chr(182) = ¶
chr(183) = · chr(184) = ¸ chr(185) = ¹ chr(186) = º chr(187) = » chr(188) = ¼
chr(189) = ½ chr(190) = ¾ chr(191) = ¿ chr(192) = À chr(193) = Á chr(194) = Â
chr(195) = Ã chr(196) = Ä chr(197) = Å chr(198) = Æ chr(199) = Ç chr(200) = È
chr(201) = É chr(202) = Ê chr(203) = Ë chr(204) = Ì chr(205) = Í chr(206) = Î
chr(207) = Ï chr(208) = Ð chr(209) = Ñ chr(210) = Ò chr(211) = Ó chr(212) = Ô
chr(213) = Õ chr(214) = Ö chr(215) = × chr(216) = Ø chr(217) = Ù chr(218) = Ú
chr(219) = Û chr(220) = Ü chr(221) = Ý chr(222) = Þ chr(223) = ß chr(224) = à
chr(225) = á chr(226) = â chr(227) = ã chr(228) = ä chr(229) = å chr(230) = æ
chr(231) = ç chr(232) = è chr(233) = é chr(234) = ê chr(235) = ë chr(236) = ì
chr(237) = í chr(238) = î chr(239) = ï chr(240) = ð chr(241) = ñ chr(242) = ò
chr(243) = ó chr(244) = ô chr(245) = õ chr(246) = ö chr(247) = ÷ chr(248) = ø
chr(249) = ù chr(250) = ú chr(251) = û chr(252) = ü chr(253) = ý chr(254) = þ

Espero que sirvan de ayuda

Octubre 6th, 2009

El tag video en html 5

Entre los nuevos atributos de html 5, hay algunos muy importantes como los , , etc.. Pero sin duda, la estrella de este nuevo estándar, es el tag . Este tag, podrá revolucionar el mundo multimedia muy pronto. No obstante, hasta Youtube tiene una versión preparada para desprenderse del flash.

Hasta ahora

El método de visualizar un video web actualmente, es similar a la que muestro en el siguiente código. Mediante el elemento </object>

Con html 5

Con HTML5, además de poder dejar más claro que este contenido es un archivo de formato video, nos permite informar de una alternativa a los usuarios que no posean un navegador compatible o incluso insertando el <object>

<video src=”mirutaalvideo” >formatos alternativos</video>
Si tu navegador acepta html 5, veras el reproductor

Conclusiones

Es un avance, pero parece haber problemas con el que será el códec estándar, parece que finalmente no habrá un códec estándar y cada navegador usara el suyo. Actualmente en firefox, hay que subir videos .ogg, y en webkit .mp4. IE no se ha pronunciado aún.

Julio 22nd, 2008

Modelo Vista Controlador

Posiblemente, si te dedicas a la programación, habrás oido hablar del Modelo Vista Controlador (MVC), ese mismo que tus profesores te insistían en usar tanto. El objetivo de este tipo de modelos es de intentar repetirse lo menos posible y de tenerlo todo organizado o sea hacer una distinción entre la lógica de toda la aplicación y presentación.

Los Fundamentos básicos del MVC son los siguientes:

  • Modelo: Esta sirve como representación específica de toda la información con la cual el sistema va a trabajar. La lógica de datos nos puede llegar a asegurar la integridad de ellos y nos permitirá derivar nuevos datos. ¿Como lo hace?  Pues , no permitiendonos comprar un número de unidades negativas, y también calculando si hoy puede ser el cumpleaños del usuario/a o también los totales, impuestos o importes en un sistema de venta.
  • Vista: Presenta el modelo con el que va a interactuar el usuario, más conocida como interfaz.
  • Controlador: El controlador responde más bien a eventos, normalmente son acciones que el usuario invoca, implica cambios en el modelo y también en la vista (interfaz).

¿Cuáles son los origenes del Modelo Vista Controlador?

Buscando un poco de información historica, podemos decir que este fue descrito por primera vez en 1979 por Trygve Reenskaug (hace ya basante tiempo, para el sector que tratamos), trabajador de Smalltalk, en unos laboratorios de gran investigación de Xerox.

La implementación del modelo fue descrita en este documento.

Frameworks MVC

Los MVC cumplen perfectamente el fin particular de cualquier frameworks, (una estructura bien definida que da soporte a un proyecto web también nos ayuda a que nuestro proyecto sea organizado y bien desarrollado).
Diagrama de Flujo de un framework MVC

Modelo Vista Controlador
Modelo Vista Controlador

1. El index.php nos inicializa el nucleo de nuestra aplicación.
2. El enrutador nos examina nuestra petición HTTP y nos ayuda a determinar que se debe de hacer.
3. Si existe, la cache nos devuelve nuestro archivo HTML sin necesidad de pasar por el sistema , ahorrandos la carga que esto nos conlleva.
4. La Seguridad, ya que antes de que se cargue el controlador se filtran los datos enviados para que estos puedan resultar fiables.
5. El controlador nos carga el modelo, librerias, helpers, plugins y todos los demás recursos necesarios para satisfacer nuestra petición.
6. Finalmente, cuando la Vista está renderizada, esta es enviada al navegador, encontes si la cache se encuentra habilitada, se almacena el resultado para la próxima ocación que la URL sea servida.

Marzo 7th, 2008

.301 Cambio de dominio

neleste.com

Pues por fín, neleste ha dejado atrás el .uni.cc, justo cuando habíamos conseguido el pagerank 3, aunque no es un tema que me preocupe. Gracias a las redirecciones por error 301 conseguiremos transfirlo en unos meses al nuevo www.neleste.com

Noviembre 7th, 2007

Ruby on Rails Vs PHP

Hoy en el trabajo me plantee un comparación Ruby on Rails Vs PHP. Buscando por internet, llegué a una conclusión, no podemos comparar un lenguaje de programación con un framework y un lenguaje de programación. La propia naturaleza de PHP como un lenguaje extremadamente liberal, no lo ata con ninguna tecnología extra. Sin embargo, la mejora del modelo de OOP en PHP5 trajo aparejado un número importante de Frameworks (Cake, PRADO, Symfony, etc.) que se van agregando al lote del Zend Framework. Por eso, las comparaciones serían PHP On Zend Framework vs. Ruby On Rails o PHP on Cake vs. Ruby On Rails, por ejemplo.

Andi Gutmans, tampoco considera que se pueda hacer la comparación, pero dice algo interesante al respecto “Sentimos que PHP con Zend Framework es superior a RoR, y mientras otras personas lo vean de otra forma en cuanto a sus funcionalidades, definitivamente significa que Ruby estuvo siendo mejor publicitado. El diseño ingenioso del sitio de RoR y el marketing viral usado por 37signals le dio a RoR un mejor boca a boca que a PHP. Afortunadamente, esto ayuda a elevar la imagen de Zend y a incitar aun más el uso de su Framework.”

Fuente de apoyo |Maestros del Web