04 ISC 302 Manual Técnico
Contents
1. Haga clic en Siguiente para continuar o en Cancelar para salir de la instalaci n PHP MYSAL APACHE FOR WINDOWS Cancelar o E v Figura 2 Pantalla de Bienvenida EasyPhp UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web 3 Aceptar el acuerdo de licencia y clic en siguiente E Instalar EasyPHP Acuerdo de Licencia Por favor lea la siguiente informaci n de importancia antes de continuar ES Porfavor lea el siguiente acuerdo de licencia Debe aceptar los t rminos de este acuerdo antes de continuar con la instalaci n E PHP License lt http www php net gt E Apache Software License lt http httpd apache ore gt E MySQL Licenses lt http www mysql com gt E PhpMyAdmin License lt http 4www phpmyadmin net gt E GNU GENERAL PUBLIC LICENSE http www snu ore licenses gt The PHP I icense v 8 Acepto el acuerdo O No acepto el acuerdo About lt Atr s Siguiente gt Cancelar Figura 3 Acuerdo de Licencia EasyPhp 4 Seleccionar la ruta en donde se va a instalar EasyPhp y siguiente dejar la ruta por defecto E Instalar EasyPHP B Seleccione la Carpeta de Destino D nde debe instalarse EasyPHP e L El programa instalar EasyPHP en la siguiente carpeta Para continuar haga clic en Siguiente Si desea seleccionar una carpeta diferente haga clic en Examinar SC AProgram Files x8 asyt 9 Examinar2. Se requieren al menos 98 6 MB de espacio libre en el disco About lt Atr s Siguiente gt Cancelar Figura 4 Ruta de instalaci n UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web 5 Dejar el nombre de carpeta por defecto o cambiarlo si se desea y dar clic en siguiente E Instalar EasyPHP me Seleccione la Carpeta del Men Inicio D nde deben colocarse los accesos directos del programa E El programa de instalaci n crear los accesos directos del programa en la siguiente carpeta del Men Inicio Para continuar haga clic en Siguiente Si desea seleccionar una carpeta distinta haga clic en Examinar Examinar About lt Atr s Cancelar Figura 5 Selecciona Carpeta 6 Dar clic en instalar E Instalar EasyPHP ag Listo para Instalar Ahora el programa est listo para iniciar la instalaci n de EasyPHP en su sistema E Haga clic en Instalar para continuar con el proceso o haga clic en Atr s si desea revisar o cambiar alguna configuraci n Carpeta de Destino C Program Files 86 MEasyPHP 5 3 2 Carpeta del Men Inicio EasyPHP 5 3 2 Cancelar Figura 6 Pantalla de Instalaci n UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web 7 Finalizar la instalaci n E Instalar EasyPHP S Completando la instalaci n de EasyPHP KUERSION El programa complet la instala
3. cotizacion CS E mm X 22 TT detalle_cotizacion ES mm gt SE IT doc_sugerencias ES mm Xx a TT fotos_inicio E E m x contactos D E cotizacion C informacion E E mm X Se DO instalaciones Ss UH mx E fotos_inicio P ar MES informacion O iva s c i x lt E instalaciones O linea_productos E E m Xx iva e Ei ee TT marcas_productos ES mM X marcas_productos z E noticias O noticias E E as C preguntas_encuesta ES Fe Mm Xx O E E mx O E E mM x m E ef M ai A Y Ie Me Figura 9 Crear Base de Datos Una vez que la base de datos est funcional se debe configurar Codeigniter para que acepte la base de datos el framework trabaja con los m s importantes gestores de bases de datos como Oracle o Postgres pero para este proyecto se trabajar con el gestor de Mysql esto se hace en el archivo que se encuentra en application config database php se debe poner el nombre de usuario y password con el que accede a Mysql tambi n el driver Mysql las otras variables se las deja con los valores por defecto UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web portalmegasystem NetBeans IDE 6 9 1 Archivo Editar Ver Navegar Fuente Reestructurar Ejecutar Depurar Equipo Herramientas ventana Ayuda Zi a E 5 L gt lt default gt E ZE P gina de Inicio x ka crud_tablas php Dt vista_admin php x ke database php x Ebr
4. tiene las siguientes funciones Funci n inicio presenta pantalla inicio contiene submen s Funci n noticias muestra p gina de las noticias de la empresa Funci n productos_cot presenta p gina con productos para cotizar Funci n cargar_cot carga nuevamente la cotizaci n luego de ingresar elementos al carro de compras Funci n add adiciona productos a la cotizaci n Funci n remove elimina datos de la cotizaci n Funci n sumar suma elementos de cada tem al carrito Funci n restar resta elementos de cada tem al carrito Funci n registrar_voto registra los votos de la encuesta Funci n guardar_cotizacion guarda la cotizaci n en la BDD Funci n pgarantia muestra p gina de pol ticas de garant a Funci n descargar_politicas permite descargar las pol ticas de garant a Funci n descargar presenta la lista de precios Funci n descargar_lista permite descargar la lista de precios CONTROLADOR DE LOGIN LOGIN_CONTROL Este controlador realiza la verificaci n de login usuario y autenticaci n para ingresar al modulo de administrador y usuario registrado contiene las siguientes funciones Funci n index verifica si ya se logeo anteriormente si no abre el formulario para logearse Funci n olvido_passw muestra mensaje de error cuando se olvida las claves de acceso Funci n registro llama al formulario registrarse Funci n login verifica el logeo de usuario y crea una sesi n 12 UTN FICA Estudio d
5. TAS A a a A E E 14 VISTA PARA ADMINISTRADOR VISTA ADMIN 14 VISTA PARA USUARIO NO REGISTRADO VISTA_GENERAL e 14 VISTA PARA USUARIO REGISTRADO VISTA_COTIZAR oeren 14 VISTA LATERAL IZQUIERDA GIDERBART 15 VISTA LATERAL DERECHA SIDEBAR2 0ooococcncncccnnconannonnnnnconononnnnnnnnoncononnannnos 15 VISTA DE PIE DE PAOINA 15 VISTA LATERAL IZQUIERDA DE VISTA DE COTIZACON SIDEBAR_COT UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web INSTALACI N DEL SERVIDOR DE APLICACIONES Para trabajar con el framework Codeigniter se debe instalar herramientas que contengan un servidor de aplicaciones como Wamp Server EasyPhp Xammp estas herramientas tienen la facilidad de tener incorporado el servidor de aplicaciones Apache el motor de PHP y el gestor de base de datos Mysql Se pueden instalar dichas herramientas por separado si es necesario Para este manual se usa la instalaci n de EasyPhp 1 Ejecutar el instalador y en la primera pantalla elegir el idioma Seleccione el Idioma de la Instalaci n Seleccione el idioma a utilizar durante la a instalaci n Espa ol v Aceptar Cancelar Figura 1 Ejecuta Instalador EasyPhp 2 En la pantalla de bienvenida dar clic en siguiente E Instalar EasyPHP D Bienvenido al asistente de instalaci n de EasyPHP Este programa instalar EasyPHP 5 3 2 en su sistema Se recomienda que cierre todas las dem s aplicaciones antes de continuar
6. UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web TECNIC eg CAS NS Gel E SE UNIVERSIDAD T CNICA DEL NORTE FACULTAD DE INGENIER A EN CIENCIAS APLICADAS CARRERA DE INGENIER A EN SISTEMAS COMPUTACIONALES TRABAJO DE GRADO PREVIO A LA OBTENCI N DEL T TULO DE INGENIERO EN SISTEMAS COMPUTACIONALES TEMA ESTUDIO DE LA TECNOLOG A CODEIGNITER APLICADA AL DESARROLLO DE PORTALES WEB CON UNA ARQUITECTURA MVC AUTOR WILSON JAVIER CEVALLOS AVIL S DIRECTOR ING MARCO PUSD IBARRA ECUADOR 2014 UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web T CNICO Wa Manuales UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web INDICE DE CONTENIDOS Contenido INSTALACION DEL SERVIDOR DE APLICACIONES o0oooocccoconccccocnnnncconanannnonanos 4 INSTALACI N DEL PROYECTO EN EL SERVIDOR DE APLICACIONES 7 CONTROLADORES ninia EEN 10 CONTROLADOR ADMINISTRADOR CRUD_TABLAS Backend cccccccncnnnncnn 10 CONTROLADOR USUARIO NO REGISTRADO CONTENIDO_CONTROL A A A EA COENA EERE 11 CONTROLADOR USUARIO REGISTRADO COTIZACION _CONTROL A A A E TER a aai 12 MODELOS cota an 13 MODELO PARA USUARIOS NO REGISTRADOS CONTENIDO_MODEL 13 MODELO PARA USUARIOS REGISTRADOS COTIZACION_MODEL 14 MODELO PARA LOGIN LOGIN_MODEL 0ooooococoncnoncnnnonnnanoncnnncononanannnnononccnoninnnnos 14 VIS
7. ados y tiene las siguientes funciones Funci n principal genera la p gina principal con bienvenida Funci n b squeda realiza b squedas de productos Funci n empresa muestra la informaci n de la empresa Funci n instalaciones muestra informaci n de las instalaciones Funci n asesores muestra informaci n de los asesores de cuenta Funci n productos muestra lista de todos los productos Funci n prod_nuevo genera lista de productos nuevos Funci n prod_promocion genera lista de productos de promoci n Funci n recibe_linea recibe el pedido de generar productos por l nea Funci n prod_linea genera productos por l nea Funci n servicios informaci n de los servicios de la empresa Funci n marcas muestra lista de productos por marcas Funci n form_contact genera formulario de contacto Funci n valida_contacto valida datos ingresados al formulario de contacto Funci n valida_distribuidor valida informaci n ingresada en formulario para registro como distribuidor Funci n form_sugerencia genera el formulario de reclamos y sugerencia 11 UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web Funci n valida_sugerencia valida datos de formulario sugerencias y reclamos CONTROLADOR USUARIO REGISTRADO COTIZACION_CONTROL Frontend Este controlador se ejecuta una vez que el usuario ingresa su login y password muestra al usuario la informaci n de productos con m s detalles
8. ci n de EasyPHP en su sistema Puede ejecutar la aplicaci n haciendo clic sobre el icono instalado u Haga clic en Finalizar para salir de programa de instalaci n S d Ae Ayuda g v Ejecutar EasyPHP Y H T L H PHP MYSAL About Finalizar Figura 7 Fin de Instalaci n INSTALACI N DEL PROYECTO EN EL SERVIDOR DE APLICACIONES Una vez instalado el servidor de aplicaciones el proyecto que se llama portalmegasystem se va alojar dentro de la carpeta EasyPhp www y A Equipo OS C Archivos de programa x86 EasyPHP 5 3 2 www A I Favoritos Nombre Fecha de modifica Tipo e Descargas de portalmegasystem 20 01 2014 16 23 Carpeta de archivos BZ Escritorio E Sitios recientes A Bibliotecas 4 Documentos Im genes di M sica S V deos j Equipo ZS DI Ga DATA D a WILSON EI Figura 8 Instalaci n del Proyecto UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web El proyecto trabaja con llamadas a la base de datos bddmegasystem por lo que hay que abrir PhpMyAdmin y crear la base de datos crear las tablas e ingresar datos Me B reclamo_sugerencia E respuestas_encuesta E servicios E sessions productos reclamo_sugerencia phoMIy Admi Tabla a Acci n oe mm 84 a agg CT administrador Es m xX Base de datos O clientes ES mx bddmegasystem v O contactos E eg H E gt hall mag papis IT
9. e la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web Funci n login_admin verifica el logeo de administrador y crea una sesi n Funci n cerrar_sesion elimina la sesi n MODELOS Los modelos permiten manejar la informaci n que se encuentra en la base de datos y enviarla a los controladores MODELO PARA USUARIOS NO REGISTRADOS CONTENIDO_MODEL Este modelo maneja la informaci n de la base de datos considerada general y que presentan al usuario no registrado Funci n getDatos saca productos de la tabla y genera la plantilla de vista y la paginaci n Funci n getProdnuevos saca productos de la base de datos dependiendo de la consulta pueden ser productos nuevos de promoci n o todos Funci n getProductos consulta todos los productos Funci n getProductos1 consulta productos nuevos Funci n getProductos2 consulta productos de promoci n Funci n getCantidad1 consulta la cantidad de elementos de tabla por productos Funci n getProd genera las p ginas completas a ver por el usuario Funci n getEmpresa consulta informaci n de la empresa Funci n getInstalaciones consulta informaci n de las instalaciones Funci n getAsesores consulta informaci n de los asesores Funci n getServicios consulta informaci n de los servicios de la empresa Funci n getMarcas consulta informaci n de las marcas Funci n getDetsuger consulta las sugerencias o reclamos 13 UTN FICA Estudio de la Tecnolog a C
10. encias Funci n administrar_docsugerencias crea crud de doc_sugerencias Funci n administrar_tipocliente crea crud de tipo_cliente Funci n administrar_clientes crea crud de clientes Funci n administrar_usuarios crea crud de usuarios_cliente Funci n administrar_marcasprod crea crud de marcas Funci n administrar_lineaprod crea crud de l neas Funci n administrar_productos crea crud de productos Funci n administrar_precios crea crud para administrar de precios de productos Funci n administrar_pregencuesta crea crud de las preguntas de la encuesta Funci n administrar_respencuesta crea crud de las respuestas a las preguntas de la encuesta 10 UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web Funci n administrar_reportes administra los reportes Funci n encuesta_grap genera tabla con las encuestas realizadas Funci n administrar_grafico llama a la vista que genera el gr fico Funci n tarta genera el gr fico de tarta Funci n reporting genera varios reportes Funci n cot_fecha genera reportes de informaci n por fechas Funci n rep_cot genera el reporte de las cotizaciones Funci n rep_sug reporte de sugerencias Funci n rep_continv reporte de contactos invitados Funci n rep_encuesta reporte de encuestas CONTROLADOR USUARIO NO REGISTRADO CONTENIDO_CONTROL Frontend Este controlador maneja toda la informaci n general que ver n los usuarios no registr
11. odeigniter Aplicada al Desarrollo de Portales Web MODELO PARA USUARIOS REGISTRADOS COTIZACION_MODEL Este modelo administra la informaci n que se mostrar a los usuarios registrados Funci n get_all reporte de todos los productos Funci n get reporte de productos por el id MODELO PARA LOGIN LOGIN_MODEL Este modelo administra los datos que se necesitan para el proceso de logeo Funci n login consulta las claves del usuario Funci n loginadmin consulta las claves del administrador VISTAS Las vistas presentan la informaci n generada por los controladores el proyecto maneja tres vistas generales para cada uno de los tipos de usuarios el administrador el usuario no registrado y el usuario registrado VISTA PARA ADMINISTRADOR VISTA_ADMIN Esta vista genera la p gina principal que se presenta al administrador del portal VISTA PARA USUARIO NO REGISTRADO VISTA_GENERAL Esta vista presenta la p gina principal que ver n los usuarios no registrados VISTA PARA USUARIO REGISTRADO VISTA_COTIZAR Esta vista genera la p gina principal que ver n los usuarios registrados luego de logearse correctamente 14 UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web VISTA LATERAL IZQUIERDA SIDEBAR Esta plantilla genera la vista del men lateral izquierdo y es llamado en la vista general de usuarios no registrados VISTA LATERAL DERECHA SIDEBAR2 Esta vista genera la
12. oyectos ax system T RS 04FE FLL 4900 40 E plication Sei cache 52 db default username lroot config 53 db default passvword titne f ka autoload php 54 db default database bddmegasystern bs config php SIE do default dbdriver mysql bei constants php 56 db default dbprefix d ke 57 db default pconnect TRUE ka doctypes php 58 d default db_debug TRUE bai email php 59 db default cache_on FALSE bei Foreign_chars php 60 db default cachedir JOS ka grocery_crud php 6l db default char_set ut ER ke hooks php 62 db default dbcollat utf8 general ci 8 index html 63 do default svap_pre ES ka migration php 64 db default autoinit TRUE bo mimes php 65 db default stricton FALSE k profiler php 66 L i redux auth oho 67 Figura 10 Configurar Base de Datos Y ya est listo con los servicios de Apache y Mysql iniciados en EasyPhp poner la siguiente direcci n en un navegador web http localhost portalmegasystem y saldr la p gina principal del proyecto ejecut ndose PRINCIPAL MEGASYSTE x CG a localhost Busqueda Avanzada QUIENES SOMOS aj TECLADOS MOUSE MONITOR PROCESADORES MOTHERBOARD IMPRESORAS ACCESORIOS DVD WRITER DISCOS DUROS MEGASYSTEM SERVICIOS MARCAS CONTACTENOS TU CUENTA PROMOCIONES o EE Qu Toda empr saber para conocemos mejor e
13. st en ienes Somos Productos la informaci n referente a la esa que usted necesita y quiere La informaci n sobre los productos la puede encontrar en esta secci n Puede ver catalogos de productos productos SVA VD Figura 11 P gina de inicio de proyecto UTN FICA Estudio de la Tecnolog a Codeigniter Aplicada al Desarrollo de Portales Web CONTROLADORES Los controladores son la base de una aplicaci n desarrollada con Codelgniter estos mantienen toda la l gica y hacen las llamadas a las vistas El proyecto contiene cuatro controladores crud_tablas contenido_control cotizacion_control login_control CONTROLADOR ADMINISTRADOR CRUD_TABLAS Backend Este controlador maneja la administraci n del m dulo de Administrador del portal y contiene las siguientes funciones Funci n index Funci n que llama al formulario de login de administrador Funci n function _example_output funci n privada que genera la llamada a las vistas Funci n inicio llama a la primera p gina de administrador Funci n administrar_contactos crea el crud de contactos Funci n administrar_servicios crea crud de servicios Funci n administrar_informacion crea crud de informaci n Funci n administrar_fotos crea crud de carrusel para las fotos Funci n administrar_noticias crea crud de noticias Funci n administrar_instalaciones crea crud de instalaciones Funci n administrar_recsug crea crud de reclamo y suger
14. vista lateral derecha de la plantilla y es llamada en la vista general de usuarios no registrados VISTA DE PIE DE P GINA Esta vista genera el pie de p gina que es llamado en la vista general VISTA LATERAL IZQUIERDA DE VISTA DE COTIZACON SIDEBAR_COT Esta vista genera el men lateral que se muestra en la vista de usuarios registrados 15
Download Pdf Manuals
Related Search