Anuncios

Dibujando con matemáticas (HTML5)

publicado a la‎(s)‎ 1 sept. 2015 18:41 por Jorge Girbau   [ actualizado el 1 sept. 2015 18:53 ]

Pues sí, aunque parezca de locos, ahora la tendencia es hacer los gráficos con figuras geométricas y efectos calculados con algunas ecuaciones matemáticas. De esta forma los gráficos pueden crearse, redimensionarse o transformarse de acuerdo a las necesidades del requerimiento, e inclusive pueden hacerse animaciones, si la velocidad del procesador del cliente lo permite.

Para esto el nuevo HTML-5 viene con 2 herramientas simples, pero muy poderosas:
SVG y CANVAS
Cual de las 2 es mas poderosa?, es una pregunta irrelevante, porque aunque ambos son objetos de HTML5 y sus funciones parecen casi equivalentes, hay una diferencia clave, que las hace a cada una muy práctica, para propósitos muy distintos. Y no se dejen engañar por lo complicado que suena la idea, es realmente una de las mas poderosas herramientas del nuevo HTML-5.

Termometro



SVG: este objeto está basado en un formato tipo XML, que nos permite dejar un fuente transportable, que inclusive ahora existe como un objeto separado. Pueden salvarlos en un fuente aparte, con extension ".svg" y luego este archivo fuente puede ser contenido de un objeto de imagen. Por ejemplo <img src="fire.svg" />
También puede ser modificado con javascript, de hecho tiene parámetros para definir algunas acciones de animación, pero es un poco más limitado que las canvas en este sentido.

CANVAS: Este objeto , también es para dibujar, pero funciona como un lienzo en blanco, en el cual se puede dibujar con instrucciones desde javascript. Es decir que el dibujo es literalmente creado cada vez que se muestra. Si adicionalmente colocamos estas instrucciones en una funcion que pueda ser disparada cada cierto tiempo (Interval), entonces realmente el procesador está creando cada cuadro de nuestra animación y allí las posibilidades son infinitas. 

De forma que las aplicaciones prácticamente definen cuál herramienta es mejor candidata para cada utilidad. Si necesitan un control dinámico para ser ejecutado y manipulado por sus aplicaciones, la respuesta es CANVAS. Ahora si necesitan un gráfico portable y que tenga un fuente que puedan guardar, su respuesta es SVG.

Si aun estan nuevos con estos conceptos, les recomiendo que empiecen con SVG, porque es mas facil de entender la idea, pues el grafico es mas palpable. Pero cuando sean verdaderos expertos van a adorar más les CANVAS y sus aplicaciones gráficas estarán llenas de CANVAS.

Siempre me preguntan, y donde puedo aprender mas de eso, y como todo lo de la WEB, la respuesta siempre conduce a W3Schools.com. Yo siempre recomiendo este lugar para aprender cualquier nueva tecnología WEB. En este caso pueden visitar:


Pero la base de esta programación, nos lleva a nuestra geometría básica, así que ahora van a tener que programar con la "Geometría y Trigonometría de Baldor" debajo de brazo. Espero que hayan sido bueno en matemática aplicada, geometría, cálculos con ángulos (radianes), senos, cosenos, tangentes, cálculos de áreas, hipotenusa, perímetros. Todas estas herramientas que no estudiabamos desde que salimos de la universidad ahora vuelven a ser muy importantes (como siempre pasa). Si lo aprender a usar bien, les aseguro que sacarán provecho de la herramienta Math de JavaScript como nunca antes.

Mientras más figuras geométricas y cálculos asociados puedan manejar, mayor será su potencial como programador, así que tal vez pronto veamos algún anuncio de empleo buscando un programador-diseñador WEB, con talento para las matemáticas aplicadas. Si te gusta la computacion y tambien las matemáticas, tal vez esta es una nueva profesión con futuro.

Espero que se diviertan dibujando con su calculadora científica y javascript.

Bootstrap 3 --> Framewrok #1 !!

publicado a la‎(s)‎ 8 oct. 2014 20:07 por Jorge Girbau

La gran variedad de frameworks para programación WEB es muy extensa, en la antigüedad utilizábamos el framework que mas se adaptara a nuestra programación java o de scripts en el servidor, pero las nuevas tendencias de programación WEB han cambiado para siempre y para mejor.

Las nuevas tendencias de desarrollo WEB en HTML5, Javascript y CSS3 (ahora tambien con gráficos Canvas y SVG) crearon una nueva competencia por conseguir quien seria el mejor Framework para desarrollo WEB. Y aunque aun pueden encontrarse una gran variedad de opiniones, ya se puede reconocer como un hecho que Bootstrap 3 (el famoso de Twiter), ha conseguido llevar la batuta de este importante liderazgo.

He estado estudiando mas de 20 listas, top-10 y revistas sobre desarrollo WEB y todas terminan concluyendo que Bootstrap está siempre entre las primeras 2 posiciones. Y ahora para guinda, la mayoría de otros frameworks lo llevan incluido, como YUI (de Yahoo), Microsoft Visual Studio for WEB, etc. Es la referencia en casi todas las nuevas aplicaciones WEB de tecnología avanzada.

Así que si quieren programar una aplicación WEB, no lo piensen mas, APRENDAN BOOTSTRAP 3 YA!!!, o cualquier otra versión que salga después de esa. Por supuesto como muchos otros frameworks esta basado en jQuery y ahora permite adoptar la mayoría de los componentes de jQuery-UI o los plug-ins de jQuery.

Para referencia búsquenlo y descárguenlo en esta dirección:


Programación en JavaScript

publicado a la‎(s)‎ 8 oct. 2013 20:46 por Jorge Girbau   [ actualizado el 31 oct. 2013 19:45 ]

Para hacer muchos de los programas sencillos que antes solíamos hacer con lenguajes de programación básicos, que simplemente se manejaban únicamente con la pantalla. Todo eso quedo en el pasado, ahora con solo tener un editor de texto puede escribir sus programas simples (stand-alone) en JavaScript y ejecutarlos con su Navegador de Internet preferido. SI, como lo está oyendo: No necesita mas nada.

Para una muestra les anexo una pagina sencilla que escribe una secuencia de números primos, calculados hasta un cierto número máximo.  Descargue el archivo anexo a este artículo y renombrelo cambiando la extensión de .TXT a .HTML para que pueda ejecutarlo con su Navegador. Esta pagina fue desarrollada 100% usando solamente Notepad.exe (El editor de texto de Windows).

La nueva versión de este ejemplo fue mejorada usando un arreglo de los números primos que se van encontrando, para solo probar las divisiones por los números primos inferiores.




Cálculos de RIF e IVA - Venezuela

publicado a la‎(s)‎ 16 ago. 2013 22:31 por Jorge Girbau   [ actualizado el 20 nov. 2014 11:20 ]

Luego de trabajar un tiempo con la documentación del SENIAT sobre el Residuo 11 para el dígito verificador del RIF, nos esforzamos por dejarles a los usuarios de nuestra pagina una herramienta que pudiera servirles en sus labores diarias de oficina.

Con esta herramienta sencilla de Excel, pueden validar sus RIFs o Convertir una cédula de identidad en su RIF correspondiente, según la rutina de Residuo-11 que utiliza el SENIAT para el dígito verificador.

También para completar la herramienta les dejamos un calculo sencillo para calcular hacia atrás a partir del TOTAL de la factura, los valores del IVA 12% y la Base Imponible (Monto sin IVA sujeto al Impuesto).

Esperamos que les sirva y nos gustaría recibir sus comentarios.

Monitor de Errores

publicado a la‎(s)‎ 18 dic. 2012 20:21 por Jorge Girbau   [ actualizado el 18 dic. 2012 20:28 ]


En RPG-ILE y RPG Free, puedes monitorear cualquier error que pueda presentarse en alguna instrucción dudosa, que pueda procesar datos inválidos o que pueda resultar en algún tipo de error.

Para esto se utiliza la instruccion MONITOR, que tiene 2 secciones: Las instrucciones que se van a monitorear y las instrucciones que deben ejecutarse en caso de que ocurra algún error (On-Error).

En el ejemplo se monitorea la conversión de una variable numérica de 8 dígitos a una variable tipo fecha. Esta conversión puede terminar en error si la variable numérica no contiene una fecha válida. De forma que se realiza la conversión y se validan los datos al mismo tiempo.

Si la variable NUM8 no contiene una fecha válida, esta instrucción ejecutara los pasos contenidos en la sección "On-Error", y por lo tanto asignará la fecha del día a la variable llamada "Fecha" (Que es el resultado de la función %Date sin parámetros).

Hay infinidad de usos para esta instrucción "Monitor" que nos permite tomar acciones alternas ante cualquier falla.

Grupos de Contactos

publicado a la‎(s)‎ 3 sept. 2011 7:36 por Jorge Girbau

Ahora las cuentas corporativas de GMail le permiten realizar grupos con sus contactos organizandolos como mejor le convenga, lo cual le permite tener toda la funcionalidad de un completo Libro de Direcciones como lo haría tradicionalmente con un sistema ERP. 
Y lo mejor de todo es que la información de estos contactos puede ser utilizada en muchas de las aplicaciones de Google Apps.

Manejo de Errores y Excepciones

publicado a la‎(s)‎ 3 sept. 2011 7:26 por Jorge Girbau   [ actualizado el 28 ene. 2012 9:25 ]

Con las nuevas instrucciones de RPG-ILE Free el manejo de errores y excepciones  es muy sencillo y evita utilizar indicadores numéricos innecesariamente. Se acabó la época en que un programa complicado podría llegar a tener los 99 indicadores utilizados. Ahora hay funciones específicas para cada caso:
%EOF , para fin de archivo.
%Found , para determinar si una lectura directa encontró un registro.
%Error , para manejo de excepciones de errores.

Código RPG-ILE Free

publicado a la‎(s)‎ 7 ago. 2011 9:09 por Jorge Girbau

Sabían que con las nuevas versiones de RPG-ILE y con RPG-ILE-Free se pueden manejar las evaluaciones de fórmulas cada vez más parecidas a los lenguajes avanzados como C++ y Java, por ejemplo pueden hacer:

Variable += 1;    (en lugar de escribir 2 veces las variables en la formula Variable = Variable +1)

Cada vez estos lenguajes se modernizan y se adaptan a las nuevas tendencias de programación orientada a objetos. Si siguen estas tendencias muy pronto tendremos un único lenguaje de programación universal.

Inicio de Actividades de Sistemas400.com

publicado a la‎(s)‎ 6 ago. 2011 15:55 por Jorge Girbau

Este Lunes 15 de Agosto comienzan las actividades de la página WEB www.Sistemas400.com
Todos estamos trabajando duro para que se cumplan las metas.

1-9 of 9