Categorías
Desarrollo web Diseño web google

Material Design Lite, un nuevo framework de Google para páginas web

Google ha presentado un nuevo framework, una herramienta web denominada Material Design Lite (MDL) para construir páginas web basadas en el diseño visual del Material Design que ya presentaron hace unos meses y que gustó a los usuarios.

Según Google, el Material Design es un lenguaje visual para los usuarios que sintetiza los principios clásicos de buen diseño con la innovación y la posibilidad de la tecnología y la ciencia.

Con la llegada del Material Design Lite ahora se podrán aplicar estos principios también a los sitios web y aplicaciones gracias a su biblioteca de componentes como los botones, tarjetas, tablas, tipografías o menús. Todos estos elementos serán responsive y por lo tanto adaptados a cada dispositivo.

material design lite
www.getmdl.io

En esta web se puede descargar el código para implementar el Material Design Lite. Los componentes MDL están creados con CSS, JavaScript y HTML y se pueden personalizar para utilizar en páginas web o aplicaciones.

¿Cuál es vuestra opinión acerca de esta nueva herramienta de diseño web? ¡Nosotros seguiremos bien atentos a las novedades en este ámbito y os seguiremos informando!

Categorías
Desarrollo web Programación Web

¿Qué es PHP? ¿Para qué sirve?

En este post, intentaremos responder a preguntas cómo: ¿Qué es PHP? ¿Para qué sirve? ¿Que ventajas y desventajas tiene? ¿Cuál es su sintaxis?…

Definición PHP

PHP (Hypertext Preprocessor) es un lenguaje de programación interpretado que se utiliza para la generación de páginas web de forma dinámica. Éste código se ejecuta al lado del servidor y se incrusta dentro del código HTML. Cabe destacar que es un lenguaje de código abierto, gratuito y multiplataforma.

Funcionamiento

  1. Enviamos una petición al servidor, ejemplo www.ibrugor.com/blog/index.php
  2. El servidor recibe la petición y busca la página a entregar.
  3. Si la página contiene la extensión «.php», el intérprete de PHP la procesa.
  4. El servidor ejecuta el código PHP de la página y prepara el resultado final, el HTML.
  5. Se envía la página HTML al cliente final.

Ventajas

  • Lenguaje multiplataforma.
  • Fácil de aprender.
  • Orientado para desarrollar aplicaciones web donde la información esté en una base de datos.
  • Buena integración con la mayoría de conectores a base de datos. MySQL, PostgreSQL, Oracle, etc.
  • Lenguaje modular.
  • Mucha documentación debido a su gran popularidad y una gran comunidad. (Web Oficial php.net).
  • Programación orientada a objetos.
  • Lenguaje de código libre y gratuito.
  • Biblioteca muy amplia de funciones nativas.
  • Múltiples Frameworks PHP que permiten que tu código sea más ordenado, estructurado, manejable y permiten trabajar utilizando patrones de diseño cómo Modelo-Vista-Controlador (MVC).

Desventajas

  • Se necesita instalar un servidor web.
  • Se realiza todo el trabajo en la parte del servidor, por esto, si se tienen muchas peticiones, el rendimiento de nuestra aplicación podría verse afectado sensiblemente.
  • Al mezclar HTML + PHP, dificulta la legibilidad de nuestro código.
  • Seguridad. Como es un lenguaje de código abierto, todas la personas pueden ver el código fuente, y si hay errores, la gente puede utilizar estas debilidades de codificación.
  • Es un leguaje de programación NO tipado.
  • Difícil de mantener.

Ejemplo

A continuación mostramos un ejemplo de página web utilizando PHP.

<!DOCTYPE html>
<html lang="es">
     <head>
          <meta charset="utf-8">
          <title>Ejemplo Página PHP</title>
     </head>
     <body>
          <?php echo "<p>Hello World</p>"; ?>
     </body>
</html>

 Recuerda:  El fichero que contiene el código anterior, tiene que terminar con la extensión ‘.php’. Por ejemplo, index.php

Frameworks PHP

Hay una amplia gama de frameworks para aplicaciones web disponibles que utilizan PHP, entre los más conocidos destacan:

  • CakePHP
  • Zend Framework
  • Symfony
  • Yii
  • CodeIgniter
  • Silex
  • Laravel

La utilización de un framerowk es necesaria, pero es muy importante escojer el framework según las necesidades del cada proyecto.

Categorías
Desarrollo web Programación Web

Apache HTTP Server: ¿Qué es, cómo funciona y para qué sirve?

¿Qué es Apache HTTP Server?

El servidor Apache HTTP , también llamado Apache, es un servidor web HTTP de código abierto para la creación de páginas y servicios web. Es un servidor multiplataforma, gratuito, muy robusto y que destaca por su seguridad y rendimiento.

El servidor Apache se desarrolla dentro del proyecto HTTP Server (httpd) de la Apache Software Foundation.

Servidor Web

Para entender mejor  lo que es Apache, primeramente definiremos lo que es un servidor web. La definición más sencilla de servidor web, que es un programa especialmente diseñado para transferir datos de hipertexto, es decir, páginas web con todos sus elementos (textos, widgets, baners, etc). Estos servidores web utilizan el protocolo http.

Los servidores web están alojados en un ordenador que cuenta con conexión a Internet. El web server, se encuentra a la espera de que algún navegador le haga alguna petición, como por ejemplo, acceder a una página web y responde a la petición, enviando código HTML mediante una transferencia de datos en red.

HistoriaApache Server

La historia de Apache se remonta a febrero de 1995, donde empieza el proyecto del grupo Apache, el cual esta basado en el servidor Apache httpd de la aplicación original de NCSA. El desarrollo de esta aplicación original se estancó por algún tiempo tras la marcha de Rob McCool.

Fueron Brian Behlendorf y Cliff Skolnick quienes a través de una lista de correo coordinaron el trabajo y lograron establecer un espacio compartido de libre acceso para los desarrolladores.

En 1999, se formó la Fundación de Software Apache (Apache Software Foundation) para obtener apoyo financiero, organizativo y legal para el servidor.

Ventajas

  • Instalación/Configuración.  Software de código abierto.
  • Coste. El servidor web Apache es completamente gratuito.
  • Funcional y Soporte. Alta aceptación en la red y muy popular, esto hace que muchos programadores de todo el mundo contribuyen constantemente con mejoras, que están disponibles para cualquier persona que use el servidor web y que Apache se actualice constantemente.
  • Multi-plataforma. Se puede instalar en muchos sistemas operativos, es compatible con Windows, Linux y MacOS.
  • Rendimiento. Capacidad de manejar más de un millón de visitas/día.
  • Soporte de seguridad SSL y TLS.

Inconvenientes

  • Falta de integración
  • Posee formatos de configuración NO estándar.
  • No posee un buen panel de configuración
Categorías
Desarrollo web Programación Web

Lenguaje de programación ASP

¿Qué es el ASP?

ASP fue introducido por Microsoft en diciembre de 1996. Es parte del Internet Information Server (IIS) desde la versión 3.0. La definición textual de Microsoft es :

Las Active Server Pages son un ambiente de aplicación abierto y gratuito en el que se puede combinar código HTML, scripts componentes ActiveX del servidor para crear soluciones dinámicas y poderosas para el web».

En resumen, el lenguaje ASP (Active Server Pages), es un lenguaje de programación de servidores para generar páginas Web dinámicamente.

Funcionamiento

Para insertar instrucciones ASP dentro del código HTML se incluye encerrado entre «<% %>». Estos comandos son los que procesa el servidor antes de enviar la página al navegador.

A continuación vemos un pequeño ejemplo…

 <!DOCTYPE html>
<html>
<body>
 <% response.write(«Hola Mundo!») <%>
</body>
</html>

Ventajas

  • ASP se encarga de detectar el tipo de navegador utilizado por el cliente y determina la versión HTML que éste soporta.
  • Se puede utilizar siempre que la computadora esté conectada a la red y dispongo de un navegador.
  • Fácil de utilizar.
  • Permite crear aplicaciones interactivas.
  • Cuenta con códigos prediseñados lo cual da una mayor facilidad a la hora de diseñar una página web.
  • Actualizaciones automáticas del Software.

Desventajas

  • Solo funciona en plataforma Windows.
  • El programador no lleva el control de las aplicaciones porque ya están prediseñadas.
  • Es de licencia propietaria y el costo es muy elevado.
  • Dificultad en la contratación de hostings que soporten este lenguaje de programación.

 

Categorías
Desarrollo web Programación Web

¿Qué es AJAX? ¿Para qué sirve?

En este post, entraremos de lleno en el mundo de la programación actual, viendo una de las técnicas de desarrollo web que está teniendo un gran auge en los últimos años. Esta técnica permite realizar cambios sobre les páginas sin necesidad de recargarlas, mejorando la interactividad, velocidad y usabilidad en las aplicaciones.

Definición de AJAX

AJAX es el acrónimo de Asynchronous Javascript and XML, es decir, Javascript y XML Asíncrono.  Éste término, se presento por primera vez en el artículo «Ajax: A New Approach to Web Appllications» publicado por Jesse James Garret el 18 de Febrero de 2005.

Para entender esta técnica, vamos a ver las tecnologías que la componen:

  • Javascript: Lenguaje de programación interpretado por los navegadores modernos.
  • XML: Lenguaje de marcas utilizado para almacenar datos en forma legible. Se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas.
  • Asíncrono: Tipo de comunicación entre procesos en que quien envía el mensaje continúa con su ejecución sin esperar respuesta del receptor. El tipo de comunicación opuesto es la comunicación síncrona (Quien envía permanece bloqueado esperando a que llegue una respuesta del receptor antes de realizar cualquier otro ejercicio).

Conclusión: AJAX és una técnica que permite la comunicación asíncrona entre un servidor y un navegador en formato XML mediante programas escritos en Javascript.

¿Para qué sirve?

El principal objetivo del AJAX, es intercambiar información entre el servidor y el cliente (navegadores) sin la necesidad de recargar la página. De esta forma, ganamos en usabilidad, experiencia y productividad del usuario final.

Ventajas

  • Rapidez en las operaciones.
  • Menos carga del servidor (menos transferencia de datos cliente/servidor).
  • Menos ancho de banda.
  • Soportada por la mayoría de navegadores.
  • Interactividad (El usuario no tiene que esperar hasta que llegen los datos del servidor).
  • Portabilidad
  • Usabilidad
  • Velocidad (Debido a que no hay que recargar la página nuevamente)

Desventajas

  • Se pierde el concepto de «volver a la página anterior».
  • Problemas con navegadores antiguos.
  • No funciona si el usuario tiene desactivado el Javascript en su navegador.
  • Se requieren conocimiento sobre las tecnologías que forman AJAX.
  • Problemas SEO, los buscadores no indexan la información recibida vía AJAX.

Consideraciones: Cabe destacar que no es suficiente el hecho de utilizar AJAX para garantizar que tu aplicación web sea usable, rápida, etc. Es una técnica que favorece a ello, pero como todo en este mundo, el secreto está en el uso correcto del AJAX.