Archivo de la etiqueta: web

Recargar página automáticamente mediante la intrucción Meta refresh

Diseño y Programación Web, Programación,

Igual no es una instrucción muy conocida (o al menos yo no la conocía hasta ahora) pero existe una opción en html para indicar al navegador que la página se refresque pasado un cierto número de segundos.

Esta instrucción se representa mediante la etiqueta meta y se debería insertar dentro de la etiqueta <head> aunque en algunos casos pueda funcionar fuera de ella:


...

<header>

<META http-equiv=refresh content=10>

...

En el ejemplo anterior le estamos diciendo que la página se refresque automáticamente cada 10 segundos.

Existe la opción de indicarle al navegador que pasados un cierto número de segundos debe redirigir a una url especificada. En el siguiente ejemplo haremos que el navegador vaya a la url: «pagina.com» pasados 5 segundos.


<meta http-equiv="refresh" content="5; url=http://pagina.com/">

En este otro ejemplo que aparece a continuación le indicamos que redirija a la url «pagina.com» inmediatamente asignando a content el valor 0.


<meta http-equiv="refresh" content="0; url=http://pagina.com/">

Esta es una manera bastante elegante de recargar página automáticamente únicamente con html. Lógicamente existen otras maneras como pueden ser scripts realizados en javascript, php, asp, etc…

Diferencias entre autenticación y autorización

Diseño y Programación Web, Programación,

En muchas ocasiones no se llega a distinguir las palabras o términos que más se utilizan en el mundo del software o Internet.

Un ejemplo podría ser las diferencias entre autenticación y autorización que son fundamentales en el desarrollo del software.

  • La autenticación es el proceso por el cual se identifica un cliente (persona) como válida para posteriormente acceder a ciertos recursos definidos.
  • La autorización es el proceso sobre el cual se establecen que tipos de recursos están permitidos o denegados para cierto usuario o grupo de usuarios concreto.

Podríamos poner un ejemplo de un usuario que se autentifique (identificado) en una aplicación pero que no tenga acceso a ningún recurso porque no está autorizado a ello. Esto sería como que tu presentaras tus credenciales en un sitio web y al acceder a tu panel de administración no podrías realizar ninguna acción. En realidad este caso sería un caso poco realista pero serviría para explicar cual es la diferencia entre autenticación y autorización.

La autorización tiene mucho que ver con perfiles y roles de usuarios. Lo normal es que al diseñar una aplicación existan muchos tipos de usuario que englobemos en distintos perfiles: por ejemplo: administrador, editor, invitado…

Estos usuarios tendrán acceso a distintos recursos según sea el perfil al que pertenezcan. Un administrador de un sistema, por ejemplo, tendrá acceso a todos los recursos que ofrezca la aplicación. Hablamos de recursos como todos los recursos, no solamente los contenidos sino también ficheros, servicios, etc. que se encuentren en el servidor web o incluso fuera de él.

Existen hasta modos de establecer que nivel de autorización tiene un usuario que no está autenticado, es decir, un invitado de un sitio web a veces puede tener acceso a muchos pero no todos los recursos.

Diferenciar estos dos conceptos es importante para un desarrollador sobretodo a la hora de buscar documentación.

Herramientas para optimización masiva de imágenes

Diseño y Programación Web, Herramientas de desarrollo, ,

Existen muchos programas que te permiten optimizar imágenes para la web, entre todos ellos puede estar cualquier editor gráfico, desde el clásico photoshop hasta gimp, paint.net…
El problema de todos estos excelentes programas es que si tienes una cantidad inmensa de imágenes o fotografías que debes colgar en la web (por ejemplo para un catálogo de productos) deberías ir una a una modificándolas. Esto además de ser un trabajo pesado requiere un gran tiempo que muchas veces no tenemos.
De momento he encontrado dos herramientas muy útiles que nos permiten optimizar muchas imágenes con unos pocos clicks.

  • Image Resizer for Windows. Con este programa podemos cambiar de manera personalizada el tamaño de las imágenes disminuyendo su peso. Una vez instalado tan solo debemos hacer botón derecho en la carpeta que contiene las imágenes y pinchar en resize images. De esta manera se creará una nueva carpeta conservando la original donde se ubicarán las nuevas fotografías redimensionadas.
  • Image Optimizer. Esta aplicación funciona de una manera similar a la anterior permitiéndote reducir considerablemente el peso de cualquier imágen o grupo de imagenes contenidas en un directorio. Problema: en la versión de prueba se añade una pequeña etiqueta con publicidad sobre la herramienta.

Iré ampliando esta lista progresivamente si descubro alguno más interesante.

Mi filosofía sobre el diseño web

Diseño y Programación Web, Marketing on-line,

Una parte importantísima del desarrollo y programación web es un buen diseño. El diseño de su web ofrecerá, en gran parte, la impronta que su empresa dejará en la retina del usuario de internet.

Una de las premisas fundamentales para un diseño web sea de calidad es que sea visualmente atractivo. De hecho la primera impresión de una página web puede atraer a un visitante ocasional o fidelizar a un visitante habitual. Para ello es importante que el diseño se traduzca a un aspecto gráfico que sea agradable y llamativo sin llegar a ser exagerado.

Lógicamente diseñar una web es una tarea que depende en gran parte al sector, ámbito o temática al que pertenezca. Por ejemplo: no es lo mismo realizar un diseño para una empresa inmobiliaria que para una empresa organizadora de fiestas, o para un blog profesional. Por eso el diseño será exclusivo y personalizado.

Colores, disposición del contenido y menús, tipografías de caracteres, resaltado en palabras importantes… algunas de estas partes del diseño pueden pasar inadvertidas en apariencia para un usuario pero por contra son esenciales.

El diseño debe respetar la imagen de marca. Es decir es necesario adecuar los colores, formas y tipografías en base a los logotipos corporativos.

Todo el trabajo de diseño web y maquetación estará supervisado por el cliente aportando siempre que lo desee sus ideas, gustos y puntos de vista. Considero que la comunicación con el cliente es un punto esencial para poder conseguir su total satisfacción.

Mi filosofía sobre el posicionamiento web

Marketing on-line,

Google, Bing y Yahoo (en Europa, América y África), Baidu (en China) o Yandex (en Rusia) son los buscadores con mayores generadores de visitas rentables en la mayor parte de los sitios Web del planeta.

Que su negocio aparezca en los primeros puestos de estos buscadores puede ser crucial para su negocio. Esto significaría que su negocio tiene un buen posicionamiento web.

Para ello es necesario utilizar técnicas de programación web de posicionamiento web (SEO) y otras de marketing (SEM) que ayudan en gran medida que su sitio en la web y por tanto su negocio sea visible a sus posibles clientes.

Que no le engañen, desconfíen de aquellos provedores que le aseguran totalmente que conseguirán posicionar su empresa en los primeros puestos de búsqueda. Le recomiendo que pinche aquí si desea aprender más acerca del posicionamiento web en buscadores para evitar que se aprovechen de su buena fé.

El proceso de posicionamiento web es continuado durante el transcurso del tiempo, por lo tanto no llegará a ver los resultados deseados de la noche a la mañana.

Confíe en mí. Puedo favorecerle en gran medida destacándola de su competencia directa captando clientes a través de internet mediante técnicas de SEO y SEM.

Usabilidad Web

Diseño y Programación Web, Marketing on-line,

Las herramientas con las que interactúa el ser humano evolucionan constantemente. En la sociedad de la información también es así y además de una forma más acelerada.

El modo en el que nos conectamos ahora a lnternet ya no es el mismo que hace unos pocos años. Las páginas web deben estar preparadas para mostrarse correctamente en un ordenador de sobremesa, una tablet o un móvil.

De la misma manera una página web debe visualizarse correctamente en cualquiera que sea el navegador que utilice el usuario: Internet Explorer, Firefox, Chrome, Safari, Opera…

Al mismo tiempo que internet el usuario también ha evolucionado. Su posible visitante y/o cliente, al igual que usted o que yo, sabe escoger la información que le interesa y en general rehuye de páginas web con tiempos de carga lentos, poco intuitivas y difícilmente navegables.

Además en muchos casos el desarrollo y programación web deben estar enfocados para la globalización y ofrecer el mismo servicio a visitantes de diversos idiomas y países (multi-idioma, multi-cultura).

Tampoco debemos olvidar la accesibilidad para personas discapacitadas o con disfunción visual.

Últimas tecnologías Web

Diseño y Programación Web, , , , , , , , , , , , , , , , , , , , , , , ,

Muchas tecnologías avanzan vertiginosamente hacia un futuro que seguramente no podamos ni imaginar. Este mismo futuro no nos permite ni un solo descanso y nos obliga a seguir aprendiendo. En el área del desarrollo y programación web pasa lo mismo.

Cada cierto tiempo los lenguajes de programación como ASP.Net, PHP, silverlight, etc. realizan cambios y mejoras en su framework aumentando, refinando y adaptando su funcionalidad y, al mismo tiempo, dejando poco a poco obsoletas versiones anteriores.

Por eso es recomendable utilizar las últimas tecnologías al servicio de los clientes. Tecnologías Web:

  • Web 2.0 – jQuery, XHTML, HTML5, AJAX
  • PHP 5.x
  • .Net 4.0 y .Net 4.5 – ASP.Net, Silverlight, Web Services, WCF, Entity Framework
  • CMS – Joomla! 2.5, joomla! 3.0, Drupal 7, WordPress 3.x
  • Datos y SGDB – SqlServer, Oracle, MySql, Pervasive, ODBC, XML, csv…
  • Servidores Web – IIS 6, IIS 7 y Apache.

Si lo prefiere para posibles mantenimientos de antiguos sitios web también tengo amplia experiencia en las versiones anteriores de PHP, ASP Clásico, ASP.Net (1.0, 2.0, 3.0 y 3.5) y joomla 1.6

Establecer opciones de creación de cuenta en Mantis

Diseño y Programación Web,

Establecer opciones de creación de cuenta en Mantis. En la página de inicio de Mantis por defecto aparecen los siguientes enlaces:

  • Solicitar una cuenta nueva
  • Olvidaste la contraseña

Mantis-inicio-de-sesion

Los siguientes pasos son para habilitar o deshabilitar dichas opciones en el inicio de sesión de Mantis.

1 – Editar archivo config_inc.php con un editor de texto, por ejemplo notepad.

2 – Buscar el siguiente texto y si no existe habrá que crearla (esta es la variable que contendrá la configuración que buscamos)

$g_enable_email_notification

3 – Para habilitar:

$g_enable_email_notification = ON;

4 – Para deshabilitarlo:

$g_enable_email_notification = OFF;

Como crear una cuenta paypal sandbox para realizar pruebas

Diseño y Programación Web,

Paypal permite a sus usuarios crear gratuitamente cuentas de este servicio para poder realizar pruebas. Para ello es necesario distinguir dos conceptos:

  • Developer account, una cuenta paypal para administrar nuestro entorno Paypal como desarrollador.
  • Sandbox accounts, cuentas falsas de distintos tipos para poder realizar las pruebas.

Lo primero que hay que hacer es darse de alta como usuario de paypal en

https://developer.paypal.com/. 

Cualquier cuenta de paypal te permite autenticarte aquí.

Una vez autenticado haremos click en la pestaña «Applications» del menú superior y aparecerá en el menú de la izquierda entre otras cosas una opción para visualizar las cuentas sandbox.

índice

Desde aquí podrás administrar todas las cuentas sandbox de paypal. Puedes crear básicamente dos tipos de cuenta: businesss (como si fuera la cuenta de una tienda on-line)  y personal. Al crear una cuenta business se te concederán los datos necesarios para integrarlo en tu web pero sin que se llegue a realizar compras reales. La dirección del servidor al que se debe conectar paypal en modo pruebas será

https://www.sandbox.paypal.com/cgi-bin/webscr

en vez del servidor necesario cuando está en real que es:

https://www.paypal.com/es/cgi-bin/webscr

Se puede elegir la cantidad de dinero que tiene cada cuenta pero logicamente se trata de dinero ficticio. Por ejemplo puedes crear una cuenta que no tenga absolutamente nada de dinero y otra que tenga lo suficiente para poder comprar en tu web.

Cada cuenta sandbox tiene asociada un usuario (correo electrónico que no tiene por que ser real) y una contraseña.

Una vez creada una cuenta sandbox puedes acceder a ella con las credenciales creadas en tu cuenta developer en la siguiente dirección:

https://www.sandbox.paypal.com/

Con todo esto podrás utilizar paypal como si de dinero de monopoly se tratará y probar las distintas posibilidades que se pueden dar durante una transacción de este tipo.

Ventajas de contratar un freelance

Bases de Datos, Diseño y Programación Web, Marketing on-line, Programación, , , ,

Últimamente está aumentando la contratación de freelance, autónomos, trabajadores por cuenta propia (o como quiera que lo queramos llamar) por parte de numerosas empresas. ¿Cuál es la razón de esta tendencia?. Existen multitud de beneficios que puede aportar un profesional de este tipo:

  • El perfil habitual de freelance es el de una persona experimentada que ha trabajado en varias industrias, agencias, sectores y/o empresas. De este modo puede ofrecer múltiples puntos de vista sobre un mismo problema, ideas nuevas o aportar conocimientos de su sector.
  • Con un profesional freelance la comunicación es directa. ¿que quiere esto decir?… pues muy sencillo: no necesita de intermediarios como gerentes o gestores que pueden estropear la comunicación. Por lo general es el propio trabajador freelance quien hace todas las tareas. Además un profesional freelance es, entre otras cosas, un comercial que puede asesorar de primera mano a sus clientes sobre como abordar los trabajos.
  • Costes menores: un trabajador freelance suele trabajar  desde casa. Todo esto repercute en los costes ya que un autónomo de este tipo no tiene gastos de local. Además si un empresario contrata a un  empleado tiene que hacer frente a una nómina con sus consiguientes gatos fiscales incluso cuando el trabajador no tenga carga de trabajo o esté  en períodos de formación. Todo esto se puede ahorrar contratando un freelance.
  • Recurrir a un freelance puntualmente para cubrir  ciertas necesidades de negocio que, aún siendo importantes, no son el  principal objetivo de negocio permite externalizar servicios. Esto permite una alta flexibilidad. Por ejemplo: sería absurdo contratar como empleado a un fontanero en  nómina cuando quieres realizar una reforma puntual en tu local o reparar cierta avería.
  • El freelance tiene rapidez de respuesta, no tener que rendir cuentas a nadie salvo a su cliente simplifica mucho las cosas. Él es su propio jefe de proyecto. El cliente de un autónomo solamente dispondrá de un teléfono para hablar sobre su proyecto.
  • El trabajador freelance está en general altamente motivado. Dedica casi el 100% de su tiempo a realizar un proyecto, son responsables con su trabajo y tiene un gran compromiso con el cliente.
  • Si una empresa apuesta por un profesional de este tipo durante largo tiempo éste podrá adquirir el conocimiento de negocio necesario para ofrecer trabajos de mayor calidad y en menor cantidad de tiempo.