webs

95 entradas

Integración Continua: la importancia de las pruebas automáticas

Imaginemos que somos mecánicos y tenemos un coche. Le estamos arreglando un faro, un faro que se ha roto o que alumbra poco o tiene un golpe. Ya tenemos la pieza de recambio, quitamos el faro antiguo y le ponemos el nuevo. Acto seguido ¿qué debemos hacer? ¿llamamos al dueño a que lo recoja directamente? Tenemos mucha prisa porque estamos reparando una cosa tras otra. Nos han hecho una llamada de última hora y no nos hemos dado cuenta de que no hemos hecho las conexiones correctamente. Llega el dueño, va a arrancar y revienta un fusible porque no hemos hecho las conexiones bien. Ahora es cuando se nos cae la cara de vergüenza porque ni siquiera hemos arrancado el coche a ver si funcionaba el nuevo faro.. En el desarrollo de software es de vital importancia hacer los programas rápidamente, entregarlos en el tiempo y forma, además de que deben funcionar bien. Estas prisas nos pueden jugar malas pasadas pero hay soluciones profesionales, formas de trabajo para controlar o evitar estos problemas. Pruebas unitarias y funcionales Esto que le ha pasado al mecánico con prisas es lo mismo que nos puede pasar si entregamos un programa sin haber hecho […]

Abduction, complemento de Firefox

Hoy traigo un sencillo complemento para Firefox. Siguiendo con la serie de utilidades para todo el mundo. Abduction sirve para capturar una imagen instantánea de una web que estés visitando. Una vez instalado en tu Firefox, simplemente le das al botón derecho de la zona de la web que quieras y te saldrá un menú desplegable. Le das a la opción que pone ‘Save Page As Image’ y te saldrá un recuadro encima de la web como el de la imagen de aquí al lado. Sólo tienes que elegir la zona exacta que quieras guardar y le das al botón que pone ‘Save…’ arriba a la derecha, que significa guardar en castellano. Eliges dónde la quieres guardar y ya tendrás una captura de la zona de la web que quieres. Un truco, si quieres capturar la web completa le haces doble click al recuadro y automáticamente se ampliará al total de la web. Si estas viendo una web muy larga no te preocupes, cuando guardes te saldrá una imagen muy larga de igual manera. Sólo me falta poner la dirección del complemento: https://addons.mozilla.org/es/firefox/addon/abduction/ Simplemente visita la dirección con el navegador Firefox y le das al botón verde que pone ‘Add […]

MozillaFirefox1

Mozilla y su navegador Firefox ya son de los grandes

  Cómo no, siguiendo con la serie de utilidades de código abierto, no me podía olvidar de una de las grandes joyas de la informática. Estoy hablando, como indica el titular, del navegador Mozilla Firefox. Es uno de mis mejores aliados al conectarme a la web, vela por mi seguridad, por mi privacidad, sigue fiel a los estándares, es gratuito, de código abierto, está hecho por todos, es para todos.. si enumero todas sus características me puedo quedar aquí escribiendo toda una eternidad así que mejor voy a ir un poco al grano. Situación actual Son muchas las bondades que tiene éste navegador. Muchos ya lo conocerán, alrededor del 17-18% de los usuarios navegamos con él. Según los últimos datos que encuentro a fecha en que escribo, el ranking de navegadores queda en el orden siguiente: Internet Explorer Firefox Chrome Safari Opera Si quieren corroborar los datos pueden consultar las estadísticas de StatCounter o NetMarketShare, por ejemplo. Hay muchos datos muy interesantes dispersados por Internet, como el uso de los navegadores por país, donde podemos ver que en muchos países Firefox es el navegador más utilizado. Probablemente que tengamos a Internet Explorer como ganador en el ranking mundial se debe […]

Logo de PHP

PHP 3: Condicionales

Siguiendo con la serie de minitutoriales, hoy les voy a dejar uno sobre los condicionales en PHP. Estamos viendo lo que se llaman estructuras de control, y dentro de ellas pretendo dividirlas y ver aquí sólo los condicionales if y switch. Si buscas un tutorial breve y concreto, sin rodeos y sin entrar en detalles, aquí lo tienes. A saber.. If Los condicionales comprueban si se cumple una condición, como su nombre indica, y en ése caso ejecutan el código programado en él. Por ejemplo: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> </head> <body> <p> <?php $variable = 2; if ($variable == 2) { echo “La variable vale dos.”; } else { echo “La variable no vale dos.”; } ?> </p> </body> </html> El código habla por sí sólo. Tenemos una web que utiliza el estándar HTML5 como indica su DOCTYPE, y en el cuerpo de la página tenemos incrustado código PHP. Simplemente mira si la variable vale 2 y como así es imprimirá ‘La variable vale dos.” en la web. Si no valiera dos entonces ejecutaría lo que hayas puesto en el else. El meollo de los condiciones está en la expresión de comparación ($variable == 2). Tenemos disponibles varios […]

Actualización de la web

Estoy doblemente contento, una razón es porque es sábado, la otra porque acabo de terminar y actualizar la página madre: https://jnjsite.com Se han aplicado las últimas técnicas en accesibilidad, usabilidad y diseño web. Validando los códigos fuentes y buscando un equilibrio entre el cumplimiento de las normas. La página ahora es totalmente compatible con dispositivos de pantalla pequeña, es decir, se adapta el menú, los tamaños de imagen, párrafos, etcétera.. incluso los formularios de los prototipos de gestión se adaptan a dispositivos pequeños como smartphones. Es lo que se llama responsive design, el diseño se acomoda al tamaño de pantalla. También desde el punto de vista de la accesibilidad se aplicado otras normas como establecer textos alternativos a las imágenes o el uso de teclas de acceso.  Desde el punto de vista de la usabilidad se han establecido caminos de uso de no más de 3 clicks. Salvo en los prototipos de gestión, que por su funcionalidad son un caso aparte de la norma. La disposición de menú, página inicial y organización conceptual del sitio se ha rediseñado para dar una imagen visual completa del contenido de la web. Con respecto al diseño se ha usado la herramienta Bootstrap de […]

¿Sabía cómo se hacen los gestores de contenido más conocidos?

Al hablar de gestores de contenido hablamos por ejemplo de los archiconocidos WordPress, Joomla!, Drupal, etc.. Muchos usan herramientas comunes, por ejemplo, para el envío de emails tenemos PHPMailer, Swift Mailer, SendMail o la herramienta básica mail() de PHP. Por otro lado tenemos dichas herramientas disponibles para crear las webs de forma más artesanal, más a medida, según la web que se necesite. Es decir, se pueden usar los componentes que usan los gestores de contenido y hacer nuestra propia web creando nuestro propio gestor de contenido sin gastar demasiado tiempo. En el lenguaje PHP tenemos una gran librería de utilidades donde la comunidad de programadores comparte de forma totalmente gratuita: https://packagist.org/Si tiene alguna utilidad compártala, en la comunidad de desarrollo PHP lo agradecemos 😉 Ni qué decir que todas éstas herramientas son indispensables para el desarrollo de buenos sistemas de información cumpliendo con los plazos de entrega y con las mejores calidades. Resumiendo, de igual manera que puedes pedir un ordenador a medida, en Jnjsite.com le ofrecemos webs a medida. Con las opciones que necesite, con los mejores estándares de calidad. Webs a medida que suplirán todas las necesidades y encajarán como un traje hecho sólo para usted. Un […]

Joomla! equilibrio entre potencia y flexibilidad

Un CMS es un gestor de contenidos para una web, un software para administrar su web. Como todo buen software debe tener flexibilidad y muchas opciones, eso nos da la potencia. ¿Has visto el nuevo panel de administración de la nueva versión de Joomla 3.2? Web oficial: http://www.joomla.org/ Es un gestor muy potente: Gran cantidad de extensiones, plantillas de diseño. Buena documentación en Internet. Comunidad de usuarios muy grande. Compatible por defecto con dispositivos móviles. Gestión de usuarios con roles, privilegios, permisos, grupos.. Sistema de actualización automatizado. Adaptable por defecto a muchos tipos de web. Y un largo etcétera. Un saludo!

Drupal, un gestor de contenidos muy flexible

Drupal es otro sistema gestor de contenido (CMS). Es software que se instala en una web para gestionarla. Se dice que está hecho por programadores y orientado para programadores, de ahí su flexibilidad y potencia. Se puede hacer de todo con Drupal. La imagen es del panel de control, buscando actualizaciones.. Algunas de sus características   Excepcionalmente flexible.   Compatible con varias bases de datos, entre ellas MySQL, PostgreSQL y SQLite.   Muchas extensiones, plantillas de diseño, utilidades, aunque pocas en comparación con los otros dos principales WordPress y Joomla!   Al principio difícil de aprender pero muy potente después.   Impresionante comunidad de desarrolladores con gran cantidad de documentación.   Grandes cambios se vienen con la versión 8, aún en desarrollo.   Y un largo etcétera. La web: https://drupal.org/ Un saludo.

Poner tu negocio en “la nube”

No es lo mismo poner un negocio en la nube, que ponerlo por las nubes, o estar en las nubes. Es  lo llamado cloud computing en inglés, se traduce por computación en la nube. Pero ¿qué es eso de la nube? ¿dónde está? ¿no está ya mi web en la nube? ¿qué es exactamente la nube de Internet? Qué no es Tradicionalmente, si contratamos espacio para poner una web en Internet, o si conectamos un ordenador a Internet, no estamos montando una nube. Solemos venir contratando este servicio a una empresa que nos alquila una cantidad de espacio, una velocidad del ordenador, una cantidad de visitas posibles (traducido en tasa de transferencia), cantidad de emails almacenados, etcétera… Todo ésto es lo que no es, lo que se viene haciendo de manera tradicional limitando el uso de lo que ponemos en Internet. Hoy en día podemos encontrar soluciones cloud, en la nube, supuestos servicios en la nube que realmente no lo son. Se está utilizando esta forma de nombrar a la nube porque se vende bien, por eso debemos poner especial cuidado. Qué sí es En líneas generales, la nube es un conjunto de servicios que nos ofrece una empresa, los […]

¡Páginas web gratis!

Así empiezan muchas ofertas en éste negocio. ¡Crea tu página web gratis! ¡Webs gratis! ¡Webs profesionales, elige tu diseño, pon tu contenido y listo! Pero ¿ésto es profesional? Me van llegando comentarios del tipo: – Si puedo tener mi web gratis, ¿porqué voy a pagar? – Una web la puede montar cualquiera. – Ya tengo página web, tengo Facebook. – Y un largo etcétera… Después de lo visto en los últimos años de un servidor que les escribe, quiero hacer una crítica feroz y sin ánimos de ofender a nadie sobre todo ésto. No nos engañemos, nadie da duros a peseta, ninguna empresa te da nada gratis sin obtener nada a cambio. Caso aparte las organizaciones sin ánimo de lucro. En éste negocio, como en toda la informática en general, cambia todo a un ritmo vertiginoso. O nos actualizamos o morimos. Todo ésto me ha llevado a desarrollar éste artículo. Pongámonos en situación En los años que vivimos vamos a ver cómo los tradicionales medios de comunicación se ven absorbidos por el hambriento Internet. La competencia es feroz, las radios, televisiones, todas las empresas, los móviles conectados 24 horas a Internet, electrodomésticos, coches.. todo conectado. Ésto no ha hecho más […]

Conflictos Javascript entre Mootools y jQuery en Joomla solucionado

Me he pasado horas solucionando los conflictos Javascript de una web. Mi caso ha sido con una plantilla de Joomla 2.5 que usa Mootools y jQuery, además de otras extensiones instaladas y plugins internos que usan Javascript. Total, que se cargaba jQuery varias veces (no hay que hacerlo), el orden de carga de los archivos .js no era el correcto. Y el mayor de mis problemas: tanto Mootools como jQuery hacen uso del símbolo $ para programar. Y para colmo usaba el captcha con Aicontactsafe que no funcionaba por el mismo conflicto con el simbolo $, con lo que todo ésto que acabo de escribir es un lio ¿verdad? Navegando y mezclando soluciones, la solución es simple:   En el código fuente de la plantilla, añades en el <head> lo siguiente antes de cargar otros archivos de Javascript: <script src=”rutadondetienesjquery/jquery.min.js” type=”text/javascript”></script> <script type=”text/javascript”>jQuery.noConflict();</script> Y hay que desactivar la carga de jQuery de cualquier extensión, plantilla, módulo… para evitar que se vuelva a cargar.   Mirando el código fuente de la web puedes comprobar si ya tienes la cabecera correcta y entonces todo debe funcionar. Hay quien dice de desactivar Mootools pero se ha venido usando mucho en Joomla y dejarían […]