desarrollo web – Instituto FOC | Informática ONLINE | FP Informática ONLINE

USABILIDAD WEB

Las páginas web deben diseñarse pensando en la facilidad que deben tener los usuarios para utilizar la web. A este principio lo conocemos como es la usabilidad y principio nos permite crear páginas que sean sencillas de utilizar por parte de los usuarios que las utilizan.

La usabilidad Web está vinculada a la simpleza, la facilidad, la comodidad y la practicidad de uso de una página web. Es decir, que la web sea lo más sencilla de usar por el usuario y que el usuario obtenga el máximo rendimiento de la web.

Es fundamental para conseguir un sitio usable, definir o determinar el objetivo del sitio web. Teniendo identificado para qué se quiere diseñar nuestro sitio web, si es para mostrar información, si requiere que el usuario se registre, si es una web de la administración pública, etc., la forma de diseñar el sitio web será diferente.

Para que una página alcance la usabilidad deseada, hay que conocer los diferentes tipos de usuarios que la van a visitar, que barreras van a poner a la navegación y si les va a resultar fácil o difícil navegar por la página. Una página de acceso público, no tendrá los mismos requerimientos de usabilidad que una página que va a ser accedida, fundamentalmente por usuarios registrados y con un alto nivel de conocimientos técnicos.

Otra de las características que hemos descubierto vitales para la usabilidad, es tener en cuenta la velocidad de conexión de los usuarios, y la necesidad de no realizar páginas “pesadas”. Si prevemos que nuestros usuarios navegan con fibra óptica, nuestros sitios pueden tener gran cantidad de contenido multimedia, con ficheros pesados, etc., pero si nuestra página va a ser utilizada por usuarios que usan móviles o conexiones lentas, tendremos que adaptar nuestro diseño a estos requerimientos.

Existen herramientas, como Selenium IDE o los mapas de calor nos  indican si nuestras páginas van a ser fáciles de utilizar y el tiempo de aprendizaje que deben tener los usuarios de nuestro sitio web.

Mapa de Calor-H Selenium

Webs amigables. Usabilidad y Accesibilidad.

Habréis observado que cada día la webs son más fáciles de usar y de acceder. Pues no es una pequeña casualidad. Detrás de todas las técnicas y procedimientos que hacen las webs amigables están los siguientes conceptos básicos:

  • Usabilidad
  • Accesibilidad

Al hablar de accesibilidad Web, nos referimos a algo tan sencillo y tan actual como el acceso universal a la Web, con independencia del tipo de hardware, software, tipo de red, idioma, nivel cultural, edad, localización geográfica y de las capacidades de los usuarios.

En esta época que estamos viviendo con el Coronavirus, se hace si cabe más necesaria esta accesibilidad.

Esta idea surgió con el objetivo de facilitar el acceso a la web, a las personas con discapacidad mediante:

  • El desarrollo de pautas de accesibilidad
  • Mejora de herramientas de evaluación y reparación de accesibilidad Web
  • Llevado a cabo una labor educativa y de concienciación de la sociedad en la importancia de un diseño web accesible.
  • Y apostado por iniciativas de mejora de la accesibilidad a través de la investigación es esta área.

De hecho el consorcio  World Wide Web (W3C) juega un papel fundamental en el momento  de determinar la accesibilidad. El Consorcio World Wide Web (W3C) es una asociación internacional formada por organizaciones, personal y público en general, que trabajan conjuntamente para desarrollar normas y estándares para la Web.

Este consorcio desarrolla normas, estándares web, pautas y recomendaciones sobre cómo deben usarse los diferentes formatos, y lenguajes web.

Por otro lado, la usabilidad está vinculada a la simpleza, la facilidad, la comodidad y la practicidad de uso de una página web. Es decir, que la web sea lo más sencilla de usar por el usuario y que obtenga el máximo rendimiento. De hecho Jakob Nielsen propone diez principios de diseño para productos Software con el objetivo de conseguir un alto grado de usabilidad. Algunos de estos principios son los siguientes:

  • Visibilidad del estado del sistema: el producto software o sitio web debe siempre mantener informado a los usuarios de lo que ocurre, con un correcto feedback en un tiempo razonable.
  • Correspondencia entre los contenidos del sitio web y el mundo real: el sitio web debe hablar el lenguaje de los usuarios con palabras, frases y conceptos familiares. Es decir, el contenido debe seguir las convenciones del mundo real y el diseñador de sitios web debe ser capaz de mostrar la información de forma natural y lógica.
  • Control y libertad del usuario: los usuarios frecuentemente eligen opciones por error, por eso siempre debe ofrecerse a los usuarios un punto de salida a un lugar seguro.
  • Diseño minimalista: cualquier contenido que aparezca en un sitio web debería estar justificado, ya sean imágenes, vídeos, texto, multimedia, enlaces, etc.

Si te interesa este tema tan actual y de gran repercusión en la sociedad actual, te ofrecemos nuestro ciclo de grado superior en Desarrollo de Aplicaciones Web. En este ciclo grado superior aprenderás todo lo relacionado con la Web.

Webinar: Copias de Seguridad en Joomla

El último de los Webinar gratuitos que tenemos preparados este verano continúa con la serie de Joomla que hemos venido impartiendo y hablaremos sobre las copias de seguridad en Joomla. ¡Esperamos que os hayan sido útiles y somos todos oídos para las sugerencias que tengáis sobre los mismos para el verano que viene! 

Fecha y hora:

  • ? 30 de Julio de 2015
  • ⏰ 19:00 a 19:45 h

Objetivos:

  • 1⃣ Instalación de componentes para la realización de copias de seguridad en Joomla.
  • 2⃣ Administración de las copias de seguridad realizadas en Joomla.

Contenidos:

En esta sesión se aprenderá a instalar componentes para la realización y gestión de las copias de seguridad de nuestra aplicación web generada con Joomla.

Mediante Joomla se podrán crear portales de carácter profesional con unos conocimientos técnicos básicos, poniendo dicho CMS a la disposición del usuario final una gran herramienta de desarrollo web.

joomla backup seguridad

Lo mejor de todo es que, como siempre, es totalmente gratis para todos aquellos que quieran participar en el mismo. Os recordamos también las 2 modalidades de asistencia:

  • ✅ Asistente: para participar en directo de forma interactiva y poder hacer preguntas al profesor.
  • ❎ No asistente: si no puedes asistir en directo, grabamos la sesión para visualizarla posteriormente y te daremos acceso a la misma una vez finalizada, para que la veas cuando quieras.

Por último, no olvidéis que las plazas para asistir en directo son limitadas, así que… ¡corred a apuntaros! 

[minti_button link=»#» size=»large» target=»_blank» lightbox=»false» color=»orange»]Plazo Finalizado[/minti_button]

 

Webinar: Modificación de la Apariencia en Joomla!

[minti_alert type=»success» close=»false»]ACTUALIZACIÓN: ¡Ya tienes disponible la grabación de este Webinar en nuestro canal de YouTube![/minti_alert]

[minti_button link=»https://youtu.be/vitCeBl5MaQ» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]


El segundo webinar gratuito que tenemos programado para la semana que viene continúa con la serie de Joomla que venimos impartiendo este verano y hablaremos sobre la modificación de la apariencia de Joomla.

Fecha y hora:

  • ? 23 de Julio de 2015
  • ⏰ 19:00 a 19:45 h

Objetivos:

  • 1⃣ Instalación de plantillas en Joomla.
  • 2⃣ Modificación del estilo asociado a una plantilla en Joomla.

Contenidos:

En esta sesión se aprenderá a modificar el aspecto visual asociado a la aplicación web generada en Joomla, mediante la instalación de plantillas y la modificación del estilo asociado a dichas plantillas.

Mediante Joomla se podrán crear portales de carácter profesional con unos conocimientos técnicos básicos, poniendo dicho CMS a la disposición del usuario final una gran herramienta de desarrollo web.

joomla themes templates temas

Lo mejor de todo es que, como siempre, es totalmente gratis para todos aquellos que quieran participar en el mismo. Os recordamos también las 2 modalidades de asistencia:

  • ✅ Asistente: para participar en directo de forma interactiva y poder hacer preguntas al profesor.
  • ❎ No asistente: si no puedes asistir en directo, grabamos la sesión para visualizarla posteriormente y te daremos acceso a la misma una vez finalizada, para que la veas cuando quieras.

Por último, no olvidéis que las plazas para asistir en directo son limitadas, así que… ¡corred a apuntaros! ?

[minti_button link=»https://youtu.be/vitCeBl5MaQ» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]

 

Webinar: Plugins y Componentes en Joomla (II)

[minti_alert type=»success» close=»false»]ACTUALIZACIÓN: ¡Ya tienes disponible la grabación de este Webinar en nuestro canal de YouTube![/minti_alert]

[minti_button link=»http://youtu.be/waCr12V_xjI» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]


Nuestro siguiente webinar gratuito de esta semana, que será continuación del que ya tuvimos la semana anterior, tendrá lugar este jueves y continuaremos explicando y hablando sobre la instalación de plugins y componentes en Joomla.

Fecha y hora:

  • 📅 16 de Julio de 2015
  • ⏰ 19:00 a 19:45 h

Objetivos:

  • 1⃣ Instalación y configuración de plugins.
  • 2⃣ Instalación y configuración de componentes.
  • 3⃣ Instalación y configuración de módulos.

Contenidos:

En esta sesión se continuará con la instalación de componentes, módulos y plugins que permitirán añadir funcionalidad adicional a la versión de Joomla instalada.

Mediante Joomla se podrán crear portales de carácter profesional con unos conocimientos técnicos básicos, poniendo dicho CMS a la disposición del usuario final una gran herramienta de desarrollo web.

joomla-por-que-joomla

Lo mejor de todo es que, como siempre, es totalmente gratis para todos aquellos que quieran participar en el mismo. Os recordamos también las 2 modalidades de asistencia:

  • ✅ Asistente: para participar en directo de forma interactiva y poder hacer preguntas al profesor.
  • ❎ No asistente: si no puedes asistir en directo, grabamos la sesión para visualizarla posteriormente y te daremos acceso a la misma una vez finalizada, para que la veas cuando quieras.

Por último, no olvidéis que las plazas para asistir en directo son limitadas, así que… ¡corred a apuntaros! 😉

[minti_button link=»http://youtu.be/waCr12V_xjI» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]

Webinar: Plugins y Componentes en Joomla (I)

[minti_alert type=»success» close=»false»]ACTUALIZACIÓN: ¡Ya tienes disponible la grabación de este Webinar en nuestro canal de YouTube![/minti_alert]

[minti_button link=»https://www.youtube.com/watch?v=2V5aStCSPyQ» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]


Nuestro nuevo webinar gratuito tendrá lugar este jueves (después del Webinar sobre creación de Bases de Datos que se impartirá mañana martes) que viene y tratará sobre la instalación de plugins y componentes en Joomla.

Fecha y hora:

  • 📅 09 de Julio de 2015
  • ⏰ 19:00 a 19:45 h

Objetivos:

  • 1⃣ Instalación y configuración de plugins.
  • 2⃣ Instalación y configuración de componentes.
  • 3⃣ Instalación y configuración de módulos.

Contenidos:

En esta sesión se aprenderá a instalar una amplia gama de componentes que permitirán añadir funcionalidad adicional a la versión de Joomla instalada.

Mediante Joomla se podrán crear portales de carácter profesional con unos conocimientos técnicos básicos, poniendo dicho CMS a la disposición del usuario final una gran herramienta de desarrollo web.

joomla-por-que-joomla

Lo mejor de todo es que, como siempre, es totalmente gratis para todos aquellos que quieran participar en el mismo. Os recordamos también las 2 modalidades de asistencia:

  • ✅ Asistente: para participar en directo de forma interactiva y poder hacer preguntas al profesor.
  • ❎ No asistente: si no puedes asistir en directo, grabamos la sesión para visualizarla posteriormente y te daremos acceso a la misma una vez finalizada, para que la veas cuando quieras.

Por último, no olvidéis que las plazas para asistir en directo son limitadas, así que… ¡corred a apuntaros! 😉

[minti_button link=»https://www.youtube.com/watch?v=2V5aStCSPyQ» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]

Webinar: Gestión de Usuarios en Joomla!

[minti_alert type=»success» close=»false»]ACTUALIZACIÓN: ¡Ya tienes disponible la grabación de este Webinar en nuestro canal de YouTube![/minti_alert]

[minti_button link=»https://www.youtube.com/watch?v=JVm8PEn1tHs» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]


Nuestro nuevo webinar gratuito tendrá lugar el martes que viene y tratará sobre la gestión de usuarios en Joomla!

Fecha y hora:

02 de Julio de 2015
19:00 a 19:45 h

Objetivos:

  1. Creación de usuarios en Joomla.
  2. Administración de usuarios en Joomla.

Contenidos:

En esta sesión se tratará como crear y administrar usuarios en Joomla, definiéndose control de acceso sobre el contenido generado.

Mediante Joomla se podrán crear portales de carácter profesional con unos conocimientos técnicos básicos, poniendo dicho CMS a la disposición del usuario final una gran herramienta de desarrollo web.

Gestión de Usuarios JoomlaLo mejor de todo es que, como siempre, es totalmente gratis para todos aquellos que quieran participar en el mismo. Os recordamos también las 2 modalidades de asistencia:

  • Asistente: para participar en directo de forma interactiva y poder hacer preguntas al profesor.
  • No asistente: si no puedes asistir en directo, grabamos la sesión para visualizarla posteriormente y te daremos acceso a la misma una vez finalizada, para que la veas cuando quieras.

Por último, no olvidéis que las plazas para asistir en directo son limitadas, así que… ¡corred a apuntaros!  😉

[minti_button link=»https://www.youtube.com/watch?v=JVm8PEn1tHs» size=»small» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]

Webinar: Generación de Contenidos en Joomla!

[minti_alert type=»success» close=»false»]ACTUALIZACIÓN: ¡Ya tienes disponible la grabación de este Webinar en nuestro canal de YouTube![/minti_alert]

[minti_button link=»https://www.youtube.com/watch?v=wEpXTRdL_xg» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]


Nuestro nuevo webinar gratuito tendrá lugar el martes que viene y tratará sobre la generación de contenidos en Joomla!

Fecha y hora:

23 de Junio de 2015
19:00 a 19:45 h

Objetivos:

  1. Creación y gestión de categorías en Joomla.
  2. Publicación de artículos en Joomla.
  3. Creación y gestión de menús y módulos en Joomla.

Contenidos:

En esta sesión se tratarán los temas relacionados con la generación y publicación de contenido en Joomla.

Mediante Joomla se podrán crear portales de carácter profesional con unos conocimientos técnicos básicos, poniendo dicho CMS a la disposición del usuario final una gran herramienta de desarrollo web.

administrador-articulos-joomla

Lo mejor de todo es que, como siempre, es totalmente gratis para todos aquellos que quieran participar en el mismo. Os recordamos también las 2 modalidades de asistencia:

  • Asistente: para participar en directo de forma interactiva y poder hacer preguntas al profesor.
  • No asistente: si no puedes asistir en directo, grabamos la sesión para visualizarla posteriormente y te daremos acceso a la misma una vez finalizada, para que la veas cuando quieras.

Por último, no olvidéis que las plazas para asistir en directo son limitadas, así que… ¡corred a apuntaros!  😉

[minti_button link=»https://www.youtube.com/watch?v=wEpXTRdL_xg» size=»large» target=»_blank» lightbox=»false» color=»orange»]Ver el Webinar[/minti_button]

Comienzan los Webinar de FOC.es con Joomla!

[minti_alert type=»success» close=»false»]ACTUALIZACIÓN: ¡Ya tienes disponible la grabación de este Webinar en nuestro canal de YouTube![/minti_alert]

[minti_button link=»https://youtu.be/eKRu9b0SxV0″ size=»large» target=»_blank» lightbox=»true» color=»orange» icon=»»]Ver el Webinar[/minti_button]


Como anunciamos la semana pasada, estaban próximos a comentar los Webinar gratuitos que cada verano imparten nuestros profesores para acercar el mundo de la informática a todos aquellos que estén interesados.

Bien, pues ese momento ya ha llegado: a través del enlace que podéis ver en nuestra página principal (www.foc.es), podréis apuntaros a los Webinar que más os interesen y que iremos impartiendo a lo largo de los próximos meses.

Captura-de-pantalla-enlace-webinars

Los Webinar son conferencias a través de la web que, a modo de microcursos y en tan sólo 45 minutos, te enseñarán cómo realizar una determinada tarea, ya sea programar un componente web, configurar algún aspecto de la red, instalar algún programa o script, el funcionamiento de un CMS… las posibilidades son infinitas.

Nosotros los impartimos de forma totalmente gratuita a todos aquellos que se apunten a los mismos a través de nuestra página web, sin condiciones de ningún tipo. El único requisito es llegar a tiempo, puesto que las plazas son limitadas, eso sí.

No obstante, hay dos opciones para asistir a los mismos:

  1. Hacerlo como asistente en directo, de forma totalmente interactiva, participando y haciendo preguntas al profesor que los imparta (en este caso las plazas, te recordamos, son limitadas).
  2. Hacerlo como «no asistente», ya que posteriormente a la celebración del Webinar correspondiente, se colgará el vídeo de la sesión tanto en nuestro Campus Virtual, como YouTube para que puedas visualizarlo cuando mejor te venga y tantas veces como quieras.

Primer Webinar: Instalación de Joomla!

 

mundo Joomla

Para comenzar, hemos programado un Webinar titulado «Instalación de Joomla!», en el que se tratarán los siguientes temas:

  • Instalación de Joomla.
  • Creación y configuración de la base de datos asociada a Joomla.
  • Configuración inicial Joomla.

Profundizaremos en la instalación y configuración inicial de un CMS (Content Management System) de propósito general como es Joomla!. Mediante Joomla! podrás crear portales de carácter profesional con unos conocimientos técnicos básicos, poniendo dicho CMS a la disposición del usuario final una gran herramienta de desarrollo web.

Este primer Webinar será el primero de una serie dedicada a este CMS, que os enseñaremos a manejar perfectamente.

Estamos seguros de que estáis impacientes por comenzar, así que apuntaros rápido, que la fecha es para el próximo martes 16 de junio de 2015.

¡Nos vemos en unos días! 😉

Prácticas erróneas que cometen los desarrolladores de PHP

En la actualidad hay muchas aplicaciones realizadas por los desarrolladores de PHP. Muchos de estos desarrollares caen en los siguientes errores a la hora de realizar un desarrollo web.

Los principales errores que suelen cometer son:

1.- Utilizar el motor de base de datos MyISAM en vez de INNODB.

Normalmente en las bases de datos MySQL se suele poner por defecto el motor de base de datos MyISAM. Este motor no permite establecer claves foráneas o la utilización de transacciones. Por lo que si queremos crear una base de datos consistente MyISAM se nos quedara corto.

Mi recomendación es que siempre se utilice INNODB para, al menos, mantener la integridad referencial de los datos con los que vamos a interactuar con nuestras aplicaciones.

2.- Utilizar las funciones mysql de php

Otro error muy común es la utilización de las funciones que proporciona php para acceder a una base de datos MySQL. Desde la versión de PHP 4.1..3 tenemos disponible la clase MySQLi que dispone de constructores y método para realizar una gestión mucho mas eficiente de las sesiones con MySQL.

3.- No sanear la entrada de datos

Un error muy común es no proteger nuestros formularios de la inyección sql. Una de las formas mas correctas de evitar que se produzcan este tipo de ataques es no permitir caracteres como «‘» o «;» que puenda hacer ejecutar una sentencia SQL distinta de la que nosotros utilizamos.

4.- No utilizar UTF-8

Por defecto las bases de datos MySQL utilizan una calificación UTF8 pero los desarrolladores de PHP al realizar las web utilizan otro tipo de codificación basados en el idioma o paÃís en el que realizan la página.  Esto implica que la información que se almacena en nuestra base de datos no se introduce de forma correcta.

Para que no suceda esto lo mejor es utilizar siempre UTF8 de esta forma aseguramos que nuestra página se visualice bien en cualquier sitio.

5.- Favorecer el uso de PHP sobre SQL

Siempre debemos tener claro que debemos dividir la carga entre los distintos sistemas que nos componen nuestra aplicación. Así si nosotros queremos saber una media o el número de ventas producido en una fecha. Es mas simple y rapido realizar sobre SQL que utilizar PHP para realizar el cálculo sobre toda la información que obtenemos de la base de datos.

Muchos desarrolladores no tienen en cuenta esto y provocan que sus páginas tarden mas en cargarse para realizar una operación que desde la base de datos se realiza en pocos segundos.

6.- No optimizar las consultas realizadas en nuestros programas.

A la hora de realizar las consultas, en la gran mayoría de los casos, si esta muestra la información que deseamos la dejamos como esta. Esto puede provocar que cuando incremente nuestro volumen de datos esta consulta tarde mas en ejecutarse de lo esperado.

Muchos desarrolladores no conocen la orden de MySQL Exaplain. Esta orden de MySQL realiza un análisis de nuestra consulta mediante el cual podemos ver en que parte de nuestra consulta ralentiza la devolución de resultados y podremos optimizar la consulta para que se ejecute mas rápido.

7.- Utilizar tipos de dato erróneos para almacenar la información.

8.- Utilizar el * en las consultas select

Un error muy común a la hora de interaccionar con las bases de datos es realizar consultas en las que me devuelvan todos los campos de una tabla o vista. Esto puede hacer que tarden mas en visualizar el resultado de nuestra página ya que tiene que procesar toda la información cuando nosotros, en la mayoría de los casos, solo vamos a utilizar unas columnas determinadas.

Lo recomendable es evitar el * y seleccionar aquellas columnas que vamos a necesitar para nuestras páginas en PHP.

9.- Olvidar realizar backups

Espero que todas estas recomendaciónes las tengáis en cuenta en futuro para vuestros desarrollos sean en PHP o en otro lenguaje.

¿Que es Django?

Django es un entorno de desarrollo web escrito en Python que fomenta el desarrollo rápido y el diseño limpio y pragmático.

Django es un framework web de código abierto escrito en Python que permite construir aplicaciones web más rápido y con menos código.

Django fue inicialmente desarrollado para gestionar aplicaciones web de páginas orientadas a noticias de World Online, más tarde se liberó bajo licencia BSD. Django se centra en automatizar todo lo posible y se adhiere al principio DRY (Don’t Repeat Yourself).

En el siguiente enlace podéis ver algunos ejemplos, tutoriales Django