CodeIgneiter es un framework que nos facilita la gestion y organizacion que estaremos teniendo al momento de realizar nuestros proyectos. Explico de una manera breve y sencilla el uso de esta herramienta para implementarla en nuestros nuevos proyectos
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Gestionar mis proyectos con ayuda de CodeIgniter
1. “GESTIONAR MIS PROYECTOS CON AYUDA DE
CODEIGNITER”
Andrés A. Morales G.
Universidad de Panamá
andrewzg28@gmail.com
Resumen – En el siguiente artículo, nos
basamos en la facilidad que debemos tener al
momento de implementar este framework en
nuestros próximos proyectos. Demostrando
así que al momento de utilizar este
framework nos ayuda a administrar y
gestionar el orden de nuestros trabajos, de
igual manera obtener un estándar de
programación para establecer facilidades de
al implantarlos en empresas. El objetivo
principal de este framework es permitir
desarrollar proyectos mas rápidos de lo que
podría hacerlo si estuviera escribiendo código
desde cero, donde esta herramienta nos
proporciona un amplio conjunto de
bibliotecas para las tareas mas comunes, así
como un interfaz sencillo para personas que
no tienen mucha experiencia en la
programación de código.
Palabras Clave - Framework, CodeIgniter,
Carpetas, Controlador, Vistas, Modelos,
Autoload, PHP, Enrutamiento, Clases,
Subclases, Funciones, Bibliotecas, Application,
System, Css, JS, Ventanas, Fonts, Base de datos,
Errores, Localhost.
Introducción
Probablemente ya sepamos que un framework es
un programa para desarrollar otros programas,
CodeIgniter, por tanto, es un programa o
aplicación web desarrollada en PHP para la
creación de cualquier tipo de aplicación web
bajo PHP. Es un producto de código libre, libre
de uso para cualquier aplicación.
Como cualquier otro framework, CodeIgniter
contiene una serie de librerías que sirven para el
desarrollo de aplicaciones web y además
propone una manera de desarrollarlas que
debemos seguir para obtener provecho de la
aplicación.
CodeIgniter no es magia, pero contiene muchas
ayudas para la creación de aplicaciones PHP
avanzadas, que hacen que el proceso de
desarrollo más rápido. A la vez, define una
arquitectura de desarrollo que hará que
programemos de una manera más ordenada y
contiene diversas herramientas que ayudan a
hacer aplicaciones más versátiles y seguras.
Puntos que debes tener en cuenta al
momento de utilizar el Framework
CodeIgniter tiene una fácil configuración de
comandos y carpetas para poder realizar nuestros
proyectos. Si quieres obtener una excelente
configuración en tus proyectos. CodeIgniter te
ayuda de la siguiente manera:
• Framework ligero.
• Si necesitas un rendimiento excepcional
• Si quieres compatibilidad con cuentas
hosting estándar que ejecutan variedad
de versiones y configuraciones PHP
• Configuración Sencilla
• No requiere aprenderse lenguajes de
plantillas.
• Busca soluciones simples sin
complicaciones.
• Si quieres una documentación clara y
completa.
2. Ventajas y Desventajas
Ventajas:
✓ Las páginas se procesan más rápido, el
núcleo de CodeIgniter es bastante
ligero.
✓ Es sencillo de instalar, basta con subir
los archivos al ftp y tocar un archivo de
configuración para definir el acceso a
la base de datos.
✓ 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.
✓ Estandarización del código
✓ Separación de la lógica y arquitectura
de la web, el MVC.
✓ CodeIgniter se encuentra bajo una
licencia open source, es código libre.
Desventajas:
✓ Pertenece a una empresa. La cual puede
decidir un día dejar de actualizarlo, dar
soporte o hacerlo de pago.
✓ La compatibilidad con tantas versiones
de PHP hace que no podamos hablar de
un framework completamente Orientado
a Objetos.
✓ No trabaja con módulos por lo que
separar la aplicación en éstos requiere de
plugin, modificación de la estructura
básica o ser muy ordenados.
✓ Debido a que pretende ser el núcleo de
nuestra aplicación y no la aplicación en sí
no vienen integrado con ningún
framework de JavaScript, esto puede ser
incluso una ventaja.
Descargar y configurar CodeIgniter
La última versión e instrucciones de las
actualizaciones desde versiones anteriores las
puedes encontrar en el sitio de web de
CodeIgniter. Descargar y configurar este
framework es muy sencillo, te mostrare los pasos
necesarios que debes seguir para poder
configurar de forma correcta el framework en tus
proyectos.
Link de Sitio Web: http://codeigniter.com
Figura 1: Captura de pantalla del sitio web de CodeIgniter
Sigue los siguientes pasos sencillos para poder
descargar y empezar a utilizar el Framework:
✓ Paso 1: Ingresar al sitio web de
CodeIgniter.
✓ Paso 2: Seleccionar la opción de
descargar la ultima versión que tiene el
framework.
✓ Paso 3: Descomprimir el archivo
descargado.
✓ Paso 4: Colocar las carpetas y archivos
de CodeIgniter en el nuevo proyecto que
vas a crear.
✓ Paso 5: Abrir la carpeta
application/config/config.php con un
editor de texto y configure la URL base,
colocando en la URL el nombre del
proyecto. Ej(‘localhost/proyecto’).
✓ Paso 6: Para configurar el proyecto con
la base de datos que vas a utilizar, abre el
archivo application/config/database.php
con el editor de texto y coloca la
información de la base de datos que vas a
utilizar.
✓ Paso 7: Si sigues estos pasos tendrás
listo la configuración y puedes empezar a
utilizar el framework con el proyecto.
3. Empezar en CodeIgniter
Toda aplicación de software requiere algún
esfuerzo para aprender, hemos hecho todo lo
posible para minimizar la curva de aprendizaje y
hacer que el proceso sea lo más agradable
posible.
Debes tener 4 puntos muy importantes para
iniciar a utilizar y programar con ayuda de
CodeIgniter.
1. Donde crear tus ventanas (HTML, PHP)
2. Donde hago las transiciones de ventanas.
3. Como agrego imágenes y estilos.
4. Donde interactuó con la Base de Datos.
Para iniciar, el framework ya viene configurado
por defecto con una ventana de bienvenida. Para
trabajar con esta herramienta debemos tener en
cuenta que interactuamos con 2 archivos al
mismo tiempo. El archivo mas importante que
tiene este framework es el Controlador.
Podemos encontrarlo en application/controllers
abres el archivo welcome.php donde veras la
configuración por defecto que tiene el
framework.
Mi Controlador de Proyecto
Tal como se menciono anteriormente, podemos
encontrar el controlador de nuestro proyecto en
application/controllers/ donde abrimos el
archivo php que tiene por defecto establecido.
Encontramos algo familiar si ya has programado
anteriormente en otro lenguaje.
Encontramos una función llamada índex donde
esa función hace llamado a un views para poder
ser visualizado.
Estaremos utilizando esta misma estructura para
poder visualizar todas nuestras ventanas que
estaremos creando en nuestro proyecto.
Ejemplo:
public function menu()
{
$this->load->view('menu_principal');
}
Importante: Como se muestra en el ejemplo,
tenemos una función llamada menú, donde esta
tiene configurado visualizar la ventana de
menu_principal, donde este es el que
redirecciona la ventana creada en la carpeta
views de CodeIgniter. El archivo php que es
creado en la carpeta views del framework debe
coincidir con el nombre que estaremos llamando
dentro de las diferentes funciones que estaremos
creando en el controlador. (menu_principal).
Mi primera ventana de Visualización
Para crear mis ventanas de visualización, con
esto nos referimos a los archivos HTML o php
que va a tener en si nuestro código para ser
ejecutado. Como hemos estado mencionando,
esta sección con la sección anterior que es la del
controlador, van junto de la mano. Pues el
controlador es el que llama con funciones las
ventanas, y el proyecto realiza transiciones con
diferentes ventanas llamando al controlador.
Encontramos esta sección en application/views.
En esta sección vas a crear todos tus archivos
php o HTML.
Ejemplo:
Como en el controlador que se mencionó en la
sección anterior, creamos una función llamada
menú, donde esta hace un llamado a la ventana
menu_principal. Entonces dentro de la carpeta
views creamos un archivo con extensión .php
donde nombraremos menu_principal.
Figura 2: Captura de pantalla de la carpeta views, donde
creamos un archivo .php llamado menu_principal.
4. Importante: Como mencionamos anteriormente,
el nombre del archivo debe coincidir con el
nombre que vas a colocar en el llamado dentro
de la función que tienes en él controlador.
Una vez hayas creado el archivo con su
extensión y verificado que coinciden con el
nombre que colocaste en la función que tienes en
el controlador. Entonces podemos comenzar a
programar las ventanas que estaremos utilizando
en nuestro proyecto.
Ejemplo:
Figura 3: Captura de pantalla del proyecto ejemplo que estamos
utilizando para explicar.
Creamos un proyecto llamado primer_proyecto donde el hace
llamado a menu_principal que copiamos el siguiente ejemplo
para mostrar.
Importante: Cada vez que creas un nuevo
archivo en la carpeta de views, debes crear su
respectivo controlador para poder ser
visualizado al momento de ser llamado en el
navegador. Si esto no coincide vas a tener
problemas al momento de ser llamado.
Figura 4: Función creada en el controlador
Figura 5: Archivo creado en la carpeta views.
Implementación y uso de Imágenes,
CSS, JavaScript, Font.
Para colocar imágenes, estilos, scripts, fonts a
nuestro proyecto es sencillo. Recalcamos que
todos los agregamos de la misma manera.
En la carpeta del proyecto, creamos nuestras
respectivas carpetas donde guardaremos nuestras
imágenes, css, JavaScript, Font; de esta manera
podemos tener de una manera organizada lo que
vamos a utilizar.
Figura 6: Captura de pantalla de las carpetas dentro del
proyecto. (css, fonts, images, js)
Una vez creada nuestras carpetas, lo que sigue es
agregar nuestras imágenes y todo lo demás
dentro de las carpetas que nos ayudara a hacer
que nuestra aplicación web se vea mucho mas
estético.
¿Como llamamos a los css, js, imágenes en
nuestras ventanas?
Pues es muy fácil llamar estas herramientas
cuando las queramos utilizar.
Agregar CSS:
Para agregar nuestros CSS a nuestra ventana
debemos colocar la siguiente línea de código.
Agregar JS:
Para agregar nuestros JS a nuestra ventana
debemos colocar la siguiente línea de código.
Agregar Imágenes
Para agregar nuestras imágenes a nuestra
ventana debemos colocar la siguiente línea de
código.
5. Agregar Fonts
Para agregar nuestros Fonts a nuestra ventana
debemos colocar la siguiente línea de código.
Si nos damos cuenta mayormente, para llamar a
estas herramientas, tienen la misma forma de
llamado en nuestras ventanas que estamos
realizando en nuestro proyecto.
Al ingresar estas herramientas solo debemos
colocar la dirección en donde se encuentra con
el enlace http://localhost/primer_proyecto/...
Luego del ultimo (/), escribimos que es lo que
queremos y luego el nombre del archivo. Tal
como se mostro en los comandos anteriores.
Interacción con la Base de datos.
CodeIgniter ofrece una gran variedad de
compatibilidad con diferentes tipos de base de
datos. Solo es cuestión de configurar el
framework con la base de datos.
¿Como lo configuro?
Para configurar la base de datos que vallamos a
utilizar en nuestro proyecto, es sencillo.
Nos dirigimos a la carpeta
application/config/database.php abrimos el
archivo con el editor de texto que etaremos
utilizando y nos dirigimos al final.
Figura 7: Captura de pantalla del archivo database.php en config
de framework.
Para configurar el framework, solo debemos
colocar la información requerida. El username
de la base de datos, la contraseña, el tipo de base
de datos que se utilizar “versión” y que base de
datos vamos a utilizar, en la imagen anterior esta
mostrando oci8, esto solo quiere decir que estoy
trabajando con la base de datos Oracle. Puedes
colocar MySQL, MariaDB, SQL Server la base
de datos que mas te guste.
Una vez verificamos que la información
proporcionada en la configuración de la base de
datos este correcto. Entonces podemos empezar
a interactuar con la base de datos.
Debemos tener muy en claro que las
interacciones que vamos a realizar con la base de
datos tienen su carpeta especifica.
Nos dirigimos a application/models
Al inicio esta carpeta esta vacía, o en ocasiones
tendrá solo un archivo index.html, creamos un
nuevo archivo con extensión .php podemos
llamarlo como deseemos, pero para no
confundirnos es recomendable llamarlo modelo.
Dentro de ese archivo es donde colocaremos la
lógica de interacciones con la base de datos.
Figura 8: Captura de pantalla del archivo modelo en el framework
– Primera línea de código principal solo puedes cambiar el
nombre del archivo. Dentro creas las funciones que van a ser
llamadas.
Una vez creado el modelo de la base de datos que
estaremos utilizando. Proseguimos finalizar
nuestros proyectos.
6. Para poder llamar estos modelos debe interactuar
con el controlador. Un ejemplo:
Como se muestra en la imagen anterior, es una
captura de pantalla de un login que ya he
realizado en otro proyecto, donde antes de cargar
el login el hace la función de llamar al modelo
de base de datos. Luego guardo en variables el
username y el password donde las verifico con
sentencias SQL de la base de datos y luego
redirecciono a donde quiero que se dirija los
usuarios. De esta manera, es la que funciona el
modelo de la base de datos con el controlador.
Recuerda que las variables que se van a guardar
en la base de datos o verificar, debe coincidir con
los campos que son establecidos en las ventanas
que son creadas en la carpeta views.
Nota: Si se dan cuenta todo esta conectado con
todo, si tienes alguna dirección errónea, entonces
tendrás problemas para interactuar con el
proyecto.
Errores en Interacciones
CodeIgniter te facilita una lista de posibles
errores que puedes tener al momento de ejecutar
nuestra aplicación web, adicional a eso si
tenemos un comando mal escrito, o problemas
con la base de datos, o con los controladores, o
con las ventanas, o cualquier tipo de error;
CodeIgniter nos muestra el error que estamos
teniendo, la carpeta en donde se encuentra, el
archivo que tienen error y la línea en donde esta
el error. En pocas palabras CodeIgniter nos
brinda ayuda al momento de tener problemas
con nuestro proyecto.
Referencias
[1] Manual de Usuario de CodeIgniter
http://www.codeigniter.xyz/CodeIgniter_3_1_9_Ma
nual_Esp.pdf
[2] Ventajas que nos brinda el Framework
CodeIgniter
https://www.coriaweb.hosting/codeigniter-cuales-
algunas-ventajas/