Ago 24

Empezando con CodeIgniter

Pero ¿No estaba trabajando en la nueva web de Ajedrez en Madrid?

Bueno, la verdad es que actualmente tengo demasiadas cosas en la cabeza y es necesario poner un poco de orden en todas ellas si no quiero que esto termine en un caos.

Tengo en mente el cambio de servidor, eso implica migrar toda la web de Ajedrez en Madrid a PHP, lo que significa que tengo que aprender a utilizar este lenguaje de programación.

También hay que mejorar el diseño de la página y la programación del sitio, en este sentido de nuevo interviene el saber manejar el PHP, pero además hay que añadir el conocimiento de HTML5, el CSS3 y el Javascript. Así que me tengo que reciclar en profundidad porque, aunque sé algo de HTML y CSS, el Javascript que conozco es de «andar por casa» y el ASP ya no me va a servir de mucho en esta aventura.

Y por si no fuera suficiente con toda esta ensalada de siglas, además entra en escena mi obsesión por hacer las cosas bien.

Si tienes que hacer una cosa ¿por qué no hacerla lo mejor posible?

¿Y eso qué significa?

Pues significa que si quiero combinar todas estas cosas lo tengo que hacer de una forma ordenada y organizada, no de cualquier manera. Y ahí entran en escena las herramientas de desarrollo de aplicaciones, o frameworks. Estas herramientas tienen como objetivo ayudar al programador a realizar sus aplicaciones en un entorno «controlado» y con una metodología específica que proporciona un resultado final más organizado desde el punto de vista del desarrollador y más eficaz para el usuario.

Pero frameworks hay unos cuantos ¿Cual elegir?

Un amigo mío se decantó por el Symphony. Tardo algún tiempo en aprender a utilizarlo, pero como es un gran programador, cuando consiguió dominarlo las aplicaciones le empezaron a salir como churros, incluso las más complejas. Yo estuve valorando esta opción, por un lado tenía la ventaja del soporte personal de mi amigo, pero me pareció que para el uso que yo quería dar a mi proyecto era como «matar moscas a cañonazos«, y si además añadimos que la curva de aprendizaje es lenta, especialmente para alguien como yo con un coeficiente intelectual de lo más normalito, lo tuve que descartar y pensar en otras soluciones.

Así que empecé a buscar entornos de trabajo ligeros, con curva de aprendizaje rápida y que no dieran muchos problemas en el lado del servidor. Ésto último es un factor importante porque no es lo mismo trabajar con el localhost de tu ordenador que trabajar con un servidor de pago, ya que éstos tienen normalmente sus peculiaridades propias que te pueden permitir unos hacer ciertas cosas y otros no, y una de las razones por las que quiero rediseñar la web de Ajedrez en Madrid es que, si una vez instalada en un servidor PHP, la tengo que migrar a otro servidor, no tenga problemas en el lado de los servidores.

Después de mucho analizar artículos y comentarios en la web me quedé con dos candidatos: Laravel 4 y CodeIgniter.

Los dos son ligeros y su aprendizaje es más asumible que el de los otros framewroks.

Según algunos expertos Laravel 4 es en la actualidad mejor producto que CodeIgniter. Sin embargo a la hora de trabajar con ellos parece ser mucho más sencillo de instalar en el servidor el CodeIgniter, además de algunas otras ventajas que comentaré más adelante.


CodeIgniter es un entorno de trabajo para el desarrollo de páginas web dinámicas en PHP que facilita el desarrollo de proyectos ecritos en este lenguaje.

CodeIgniter es un framework escrito en PHP que se caracteriza por su bajo impacto en el servidor y el elevado número de librerías que incluye para trabajar con distintos objetos: calendario, bases de datos, correo electrónico, manipulación de imágenes, FTP, lenguaje, tablas, sesiones, compresión ZIP, etcétera.

A diferencia de otros frameworks, CodeIgniter cuenta con una documentación excelente que permite conocer todos los secretos de este entorno de trabajo. La cantidad de clases definidas por defecto, unido a su interfaz clara y facilidad de acceso ha hecho que CodeIgniter sea avalado incluso por Rasmus Lerdorf, creador del lenguaje PHP.

Codeigniter está basado en el sistema MVC (Modelo Vista Controlador – Model View Controller) para el desarrollo de aplicaciones web. Este sistema permite a los programadores Web mejorar la forma de trabajar y hacerlo a mayor velocidad.

¿Qué es MVC?

El Modelo Vista Controlador (MVC) es un estilo de programación en el que la aplicación está dividida en 3 capas:

  • Modelo (Model): Es dónde se procesan y obtienen los datos, la conexión con la base de datos. El Modelo representa una base de datos, tabla ó registro, así como sus relaciones con otras tablas ó registros. Los Modelos contienen las reglas para las validación de datos. Estas reglas son aplicadas cuando en el Modelo se insertan o actualizan datos.
  • Vista (View): Presenta los datos en pantalla, es donde va el código HTML que verá el usuario. Son archivos HTML con código PHP incluido
  • Controlador (Controller): Se encarga de obtener datos de un Modelo, procesalos, y pasarlos a la vista. Los Controladores manejan las peticiones del servidor. Toman las entradas del usuario (URL y datos de POST), aplican la logica de negocios, utilizan los Modelos para leer y escribir en la base de datos y otras rutas, y mandan la salida apropiada de datos junto con los archivos de Vistas

MVC

CodeIgniter está pensado para gente que tiene un dominio, al menos medio, del lenguaje de programación PHP. Hay que conocer los fundamentos básicos de PHP para empezar a trabajar de forma eficiente con este entorno de trabajo.

Ventajas de utilizar CodeIgniter

  • Las páginas se procesan más rapido, el núcleo de CodeIgniter es bastante ligero.
  • Es sencillo de instalar, basta con subir los archivos al servidor mediante ftp y modificar algunos archivos de configuración para definir el acceso a la base de datos.
  • Reutilización de código, desarrollo ágil.
  • Existe abundante documentación en la red.
  • Facilidad de edición del código ya creado.
  • Facilidad para crear nuevos módulos, páginas o funcionalidades.
  • Acceso a librerías públicas y clases. Entre otras, hay librerías para el login, paginador, calendarios, fechas, etc.
  • Estandarización del código. Fundamental cuando hay que tocar código hecho por otra persona o cuando trabaja más de una persona en un mismo proyecto.
  • URLs amigables con SEO – (Optimización en motores de búsqueda). Hoy en día nadie duda de la importancia del posicionamiento web.
  • Separación de la lógica y arquitectura de la web, el MVC.
  • CodeIgniter es bastante menos rígido que otros frameworks. Define una manera de trabajar, pero podemos seguirla o no (esto puede convertirse en un inconveniente también)
  • Cualquier servidor que soporte PHP+MySQL sirve para CodeIgniter.
  • CodeIgniter se encuentra bajo una licencia open source, es código libre.
  • CodeIgniter usa una versión modificada del Patrón de Base de Datos (Active Record). Este patrón permite obtener, insertar y actualizar información en la base de datos con mínima codificación (El patrón active record en PHP / Accesos a base de datos: Patrón ActiveRecord).
  • Permite queries más seguras, ya que los valores son escapados automáticamente por el sistema.

Evidentemente todas estas definiciones las he tomado de las muchas páginas que he visitado para documentarme para poder tomar una decisión sobre qué camino seguir, ya que yo no dispongo de momento de los conocimientos suficientes para poder emitir estas valoraciones.

Aprovecho para agradecer a tanta gente que comparte sus conocimientos y experiencias de forma altruista y que tanto ayudan a los que empiezan.

Ago 17

Páginas de enlaces convertida a PHP en localhost

El primer trabajo que he realizado es el más sencillo que se podía hacer, convertir una página ASP a PHP sin hacer acceso a bases de datos.

Algunas de las páginas que cumplían ese requisito son las de enlaces, que forman un conjunto de ocho páginas enlazadas entre si.

La tarea ha consistido en convertir la primera página enlaces_news.php.

He tenido que crear los siguientes subdirectorios colgando de htdocs.

  • aem/docs
  • aem/includes

Luego he ido viendo las necesidades que tenía la página para funcionar:

  • Añadir en el directorio aem los ficheros:
    • 2color.css – Agrupa los estilos 1reset.css, 1cabecera.css, 2estructura.css y 2color.css
    • 1reset.css – Afecta a toda la web
    • 1cabecera.css – Afecta a la cabecera de toda la web
    • 2estructura.css – Afecta a la estructura de las hojas de este nivel
    • 2estilos.css – Afecta a los estilos de este nivel
    • jquery.tools.min.js – Utilidad para paginar por solapas las páginas de la web
    • solapa.js – Complemento de jquery.tools.min.js
  • Añadir/crear en el directorio aem los includes los siguientes ficheros, cambiando la extensión .inc por .php
    • n_cabecera2.php – Crea la cabecera de este nivel
    • n_menu2.php – Crea el menú de navegación de este nivel
    • n_pie.php – Crea el pié de página
    • ini_enlaces.php – Conjunto de código de inicio para las páginas de enlaces
    • fin_enlaces.php – Conjunto de código final para las páginas de enlaces
  • Añadir las imágenes necesarias en el directorio aem/imagenes
  • Crear en el directorio aem/imagenes los siguientes subdirectorios
    • fondos
    • galerias

Una vez conseguido que funcionara perfectamente esta página he hecho lo mismo con el resto de páginas de enlaces:

  • enlaces_fede.php
  • enlaces_player.php
  • enlaces_teoria.php
  • enlaces_practica.php
  • enlaces_games.php
  • enlaces_com.php
  • enlaces_varios.php

El resultado se puede ver en local, una vez está arrancado el servidor Apache (Xampp) en la siguiente dirección:
localhost/aem/docs/enlaces_news.php

Aunque sea un primer paso sencillo hay que destacar que ya he resuelto algunos temas que son recurrentes en el resto de la web como las cabeceras, los includes necesarios, las imágenes más comunes que se utilizan y las rutinas de jquery que utilizo.

Todo esto significa que en los próximos pasos tendré que hacer frente a otras complejidades, pero éstas ya están solucionadas. Además me motiva para seguir ya que veo resultados.