SlideShare a Scribd company logo
1 of 6
Download to read offline
“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.
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.
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.
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.
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.
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/

More Related Content

Recently uploaded

Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxLudy Ventocilla Napanga
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfpatriciavsquezbecerr
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxRAMON EUSTAQUIO CARO BAYONA
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 

Recently uploaded (20)

Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdf
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 

Featured

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 

Featured (20)

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
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/