You are on page 1of 45

Proyecto: Lucas

Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Arquitectura y Jerarquizacin del sito web


Lucas.pe

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 1 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Tabla de contenido
Plugins externos para Lucas.pe............................................................................................................ 7
Plugin: All in One SEO Pack........................................................................................................... 7
Plugin: Contact Form 7....................................................................................................................8
Plugin: Contact Form DB................................................................................................................ 9
Plugin: Amazon S3 Plugin for WordPress..................................................................................... 10
Plugin: Types - Custom Fields and Custom Post Types Management...........................................11
Plugin: User Role Editor................................................................................................................13
Plugin: Google Maps made Simple............................................................................................... 14
Plugin: WP Mail SMTP................................................................................................................. 14
Plugin: PageNavi........................................................................................................................... 16
Plugin: WP Super Cache................................................................................................................17
Plugins propios para Lucas.pe............................................................................................................ 19
Plugin: Cupon - Para administrar los cupones...............................................................................19
Plugin: Pago...................................................................................................................................20
Plugin: Para establecer un ttulo para el envio de email masterbase............................................21
Plugin: Para consultar cupon y usarlo...........................................................................................22
Plugin: Estado Lucas..................................................................................................................... 23
Plugin: Liquidacin de cupon....................................................................................................... 24
Plugin: Maestros............................................................................................................................ 27
Plugin: Para reporte de ofertas.......................................................................................................28
Plugin: Socios................................................................................................................................ 31
Arquitectura y Jerarquizacin del WordPress.....................................................................................35
Introduccin................................................................................................................................... 35
Jerarqua de Wordpress.................................................................................................................. 36
Home......................................................................................................................................... 36
Single........................................................................................................................................ 36
Archive......................................................................................................................................36
Category.................................................................................................................................... 37
404.............................................................................................................................................38
Page........................................................................................................................................... 38
Taxonomy..................................................................................................................................40
Templates. Descripcin y funcin de cada template del theme..........................................................43

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 2 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Arquitectura de almacenamiento de archivos.


La estructura de archivos est definida de la siguiente manera:

Fig 01

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 3 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

El directorio raz de Wordpress contene una serie de archivos y carpetas de donde destacamos:
WP-CONFIG.PHP
Es el archivo de confguracin principal, en l se encuentran los parmetros de conexin a la base
de datos entre otros.
PDF
Este directorio contene las libreras y rutnas de creacin de los archivos PDF para los cupones.
WP-ADMIN
Contene toda la programacin del Backend por defecto de Wordpress
WP-INCLUDES
Contene diversos archivos del Core de Wordpress
WP-CONTENT
Contene los directorios de cach, plugins, themes, y uploads para el sito web

Fig 02
Cach
Este directorio contene el cach HTML esttco generado para el sito web. Su contenido puede
ser eliminado manualmente de ser necesario.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 4 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugins
Contene los plugins del sito web, en esta carpeta residen los plugins actvos como los inactvos.
Uploads
Contenen los archivos subidos a la web a travs del panel de adeministracin del CMS, estos
archivos se organizan en carpetas con el nombre del ao y sub carpetas con el nmero del mes
correspondiente.
Themes
Contene los temas/plantllas del sito web, cada carpeta representa a un theme que debe
contener como mnimo los archivos:
Index.php (archivo principal para mostrar el contenido del sito)
Style.css (Hoja de estlos en cacscada que contene la informacin bsica del theme)
Screenshot.png (Vista previa en miniatura del theme para su reconocimiento dentro del panel)
En el caso de Lucas se est usando solo el tema Lucas para el cual no se ha usado plantlla alguna
de base y fue creado a medida para el aplicatvo.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 5 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Fig 03

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 6 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

1. CSS Contene las hojas de estlo adicionales del sito


2. Cupon Contene las rutnas para el envo de cupones
3. Html Plantllas para los envos del mailing propio
4. Img Imgenes del tema
5. Js Javascript usado en el tema
6. Lib Libreras para la interaccin con Facebook
7. Mailing Rutnas para la interaccin con Masterbase
8. Oferta Vistas e interaccin para campaa ofertas
9. Php-plugin Rutna de generacin del cdigo de barras
10. Variante Vistas e interaccin oferta - variante

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 7 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugins externos para Lucas.pe


Plugin: All in One SEO Pack
Ubicacin: wp-content/plugins/all-in-one-seo-pack
Enlace panel: htp://www.lucas.pe/wp-admin/optons-general.php?page=all-in-one-seopack/aioseop.class.php
Link: htp://wordpress.org/plugins/all-in-one-seo-pack/
Tablas que usa:
wp_post
wp_postmeta
wp_optons
Funcionalidad:
Mejora la optmizacin de los resultados en google aadiendo META tags automtcamente y evita
duplicidad de informacin para no ser penalizado por Google.
Tiene funciones muy bsicas y fciles de confgurar pero tambin las hay ms avanzadas como es el
personalizar el ttulo y META tags desde la opcin de aadir contenido del mismo editor.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 8 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Contact Form 7


Ubicacin: wp-content/plugins/contact-form-7
Enlace panel: htp://www.lucas.pe/wp-admin/admin.php?page=wpcf7
Link: htp://wordpress.org/plugins/contact-form-7/
Tablas que usa:
wp_postmeta
Funcionalidad:
Este plugin se usa para el tema de formularios dinmicos y ser insertados en distntas secciones de
la web como en cualquier contenido.
Ejem:
htp://www.lucas.pe/libro-de-reclamaciones/

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 9 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Contact Form DB


Ubicacin: wp-content/plugins/contact-form-7-to-database-extension
Enlace panel: htp://lucas.pe/wp-admin/admin.php?page=CF7DBPluginSubmissions
Link: htp://wordpress.org/plugins/contact-form-7-to-database-extension/
Tablas que usa:
wp_postmeta
wp_cf7dbplugin_submits
Funcionalidad:
Guarda los datos del formulario generados con el Contact Form 7 y proporciona los archivos para
ser exportados.
Esto se usa bsicamente para que todo formulario generado y usado con Contact Form 7 tenga un
registro en las tablas propias del plugin y sea ms fcil el control de los mensajes recibidos a travs
de este medio.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 10 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Amazon S3 Plugin for WordPress


Ubicacin: wp-content/plugins/tantan-s3-cloudfront
Enlace panel: htp://www.lucas.pe/wp-admin/optons-general.php?page=tantan-s3cloudfront/wordpress-s3/class-plugin.php
Link: htp://code.google.com/p/wordpress-s3/wiki/Documentaton
Tablas que usa:
wp_tantan_wordpress_s3_cache
Funcionalidad:
Este plugin para WordPress te permite utlizar Simple Storage Service de Amazon para alojar sus
medios para su blog alimentado por WordPress.
Amazon S3 es una forma barata y efcaz coste de ampliar su sito para manejar fcilmente grandes
picos de trfco sin tener que pasar por la costa de la creacin de la infraestructura de una red de
distribucin de contenidos.
Una vez confgurado, este plugin se integra de forma transparente con tu blog de WordPress. Carga
de archivos se guardan automtcamente en su depsito de Amazon S3 y sin ningn paso
adicional. Una vez guardados, estos archivos sern entregados por Amazon S3, en lugar de su web
host. Las miniaturas de las imgenes que se crean se guardan en Amazon S3 tambin.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 11 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Types - Custom Fields and Custom Post Types Management


Ubicacin: wp-content/plugins/types
Enlace panel: www.lucas.pe/wp-admin/admin.php?page=wpcf-cfypes
Link: htp://wordpress.org/plugins/types/
Tablas que usa:
wp_postmeta
wp_posts
Funcionalidad:
Este plugin te permite personalizar la administracin de Wordpress, aadiendo los tpos de
contenido ( post, page), campos personalizados y taxonoma.
Para Lucas.pe lo usamos para gestonar campos personalizados:

Texto de una lnea


Texto multlnea
WYSIWYG (WordPress Visual Editor)
Caja
Casillas de verifcacin Mult-valor
Grupo Radio
Desplegable, seleccione
La carga de archivos
Images (Tipos incluye un motor de cambio de tamao de imagen y almacenamiento en
cach robusta)
Fecha (incluye un JS selector de fecha)
Email
Numrico
Telfono
Skype
URL

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 12 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 13 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: User Role Editor


Ubicacin: wp-content/plugins/user-role-editor
Enlace panel: htp://www.lucas.pe/wp-admin/users.php?page=user-role-editor.php
Link: htp://wordpress.org/plugins/user-role-editor/
Tablas que usa:
wp_users
wp_usermeta
Funcionalidad:
Este plugin de Wordpress hace que las capacidades sea fciles de administrar y reconfgurar los
distntos perfles de usuario.
Con esta funcionalidad se logro incorporar los niveles de usuario solicitados por requerimiento de
Lucas.pe.

Con funcin de usuario Editor de WordPress plugin puedes cambiar el rol de usuario (excepto
Administrator). Puede agregar nuevas capacidades y quitar funciones innecesarias que podran ser
dejados pero se recomienda tener cuidado con esta informacin.
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 14 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Google Maps made Simple


Ubicacin: wp-content/plugins/wp-gmappity-easy-google-maps
Enlace panel: htp://www.lucas.pe/wp-admin/plugins.php?page=wpgmappity-api-confg
Link: htp://wordpress.org/plugins/wp-gmappity-easy-google-maps/
Tablas que usa:
wp_wpgmappity_maps
wp_wpgmappity_markers
Funcionalidad:
Este plugin nos permite poder trabajar con la integracin de google maps en los distntos locales
que se promocionan en lucas.pe

Plugin: WP Mail SMTP


Ubicacin: wp-content/plugins/wp-mail-smtp
Enlace panel: htp://lucas.pet/wp-admin/optons-general.php?page=wp-mailsmtp/wp_mail_smtp.php
Link: htp://wordpress.org/plugins/wp-mail-smtp/

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 15 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Tablas que usa:


wp_optons
Funcionalidad:
Este plugin fue instalada para personalizar el correo de salida desde el servidor de lucas.pe , en
este caso el correo es info@lucas.pe
Adems del From Name: Lucas

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 16 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: PageNavi
Ubicacin: wp-conten/plugins/wp-pagenavi
Enlace panel: htp://lucas.pe/wp-admin/optons-general.php?page=pagenavi
Link: htp://wordpress.org/plugins/wp-pagenavi/
Tabla que usa:
wp_optons
Funcionalidad:
Este plugin fue instalado para reemplazar la paginacin por defecto de wordpress ya que era muy
simple. Este plugin nos da brinda multples opciones como indicadores del nmero de resultados,
nmero de pgina donde se encuentra como por ejem: Pgina 1, Pgina2.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 17 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: WP Super Cache


Ubicacin: wp-content/plugins/wp-super-cache
Enlace panel: htp://lucas.pe/wp-admin/optons-general.php?page=wpsupercache
Link: htp://wordpress.org/plugins/wp-super-cache/
Tablas que usa:
wp_optons
Funcionalidad:
Este plugin genera archivos HTML esttcos desde un sito con Wordpress dinmico. Despus se
genera un archivo HTML a su servidor web y este servir ese archivo en lugar de procesar los
scripts PHP de WordPress comparatvamente ms pesados evitando consumir memoria del CPU.
Los archivos HTML esttcos se sirven a la gran mayora de los usuarios. Los archivos esttcos se
sirven a:

Los usuarios que no han iniciado sesin


Los usuarios que no han dejado un comentario en su blog.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 18 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 19 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugins propios para Lucas.pe


Plugin: Cupon - Para administrar los cupones
Link: htp://lucas.pe/wp-admin/admin.php?page=index_cupon
Ubicacin: wordpress/wp-content/plugins/cupon
Descripcin: Permite fltrar y exportar los cupones por rango de fecha, estado cupon, cliente, dni,
permite editar los estados.
Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
cupon_listado.php - archivo de los resultado de cupones
cupon_plugin.php archivo de confguracion del plugin
edita_estado_cupon.php archivo que edita el estado recibiendo como parametro el
idcupon y el estado a cambiar
exporta_cupon.php - genera el archivo en formato excel
index_cupon.php - archivo de interfaze con el usuario
php-plugin/excel libreria php para la generacion de archivos excel
Tablas de interaccin:
cupon
variante_backup
wp_posts_backup
wp_users
wp_usermeta
pago
wp_postmeta_backup

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 20 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Pago
Link: htp://lucas.pe/wp-admin/admin.php?page=index_pago
Ubicacin: wordpress/wp-content/plugins/cupon
Descripcin: Permite fltrar y exportar los pagos por rango de fecha, estado cupon, cliente, dni,
permite editar los estados.
Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
pago_listado.php - archivo de los resultado de cupones
cupon_plugin.php archivo de confguracion del plugin
edita_estado_pago.php archivo que edita el estado recibiendo como parametro el idpago
y el estado a cambiar
exporta_pago.php - genera el archivo en formato excel
index_pago.php - archivo de interfaze con el usuario
php-plugin/excel libreria php para la generacion de archivos excel
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 21 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Tablas de interaccin:
cupon
variante_backup
wp_posts_backup
wp_users
wp_usermeta
pago
wp_postmeta_backup

Plugin: Para establecer un ttulo para el envio de email masterbase


Link: htp://lucas.pe/wp-admin/admin.php?page=ttulo_email
Ubicacin: wordpress/wp-content/plugins/ttulo_email
Descripcin: Permite establecer un ttulo para el email cada vez que registra un ttulo crea un
nuevo registro y se busca el ultmo insertado.
Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
php-plugin/excel libreria php para la generacion de archivos excel
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 22 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

process.php archivo donde recibe los parametros y los registra en la tabla


ttulo_email_index.php archivo de interfaz con el usuario
ttulo_email_plugin.php archivo de confguracion del plugin

Tablas de interaccin:
ttulo_envio_email

Plugin: Para consultar cupon y usarlo


Link: htp://lucas.pe/wp-admin/admin.php?page=consulta_cupon
Ubicacin: wordpress/wp-content/plugins/cupon_consulta
Descripcin: Este plugin lo usan los socios establecimientos en coordinacion con lucas y sirve para
consultar un cupon y automatcamente cambiar el estado a usado registrando el usuario la fecha
y hora del socio establecimiento y si ese cupon le corresponde.

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 23 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
consulta_cupon_index.php - archivo de interfaz con el usuario
consulta_cupon_plugin.php archivo de confguracion del plugin
process.php archivo donde recibe como parametros el numero del cupon y actualiza el
estado del cupon a usado.
Tablas de interaccin:
cupon

Plugin: Estado Lucas


Link: htp://lucas.pe/wp-admin/admin.php?page=index_estado_lucas
Ubicacin: wordpress/wp-content/plugins/estado_lucas
Descripcin: se utliza para cambiar el estado al sistema en automatco o manual. Automatco los
pagos se generan con estado pago aprobado y se envia el email del cupon. En Manual los pagos
pasan a estado pago generado donde se procedera a validar el cupon manualmente.
Archivos:
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 24 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

edita_estado_lucas.php archivo procesa el estado de lucas recibiendo como parametro el


estado
estado_lucas_plugin.php - archivo de confguracion del plugin
index_estado_lucas.php - archivo de interfaz con el usuario

Tablas de interaccin:
estado_lucas

Plugin: Liquidacin de cupon


Link:

htp://lucas.pe/wp-admin/admin.php?page=liquidacion_cupon
htp://lucas.pe/wp-admin/admin.php?page=busca_liquidacion_cupon

Ubicacin: wordpress/wp-content/plugins/liquidacion_cupon
Descripcin:
1. Generacion de liquidacion permite agrupar los cupones
2. Busca Liquidacion permite buscar las liquidacion generadas por rango de fecha numero de
liquidacion para visualizarlo o exportarlo a formato excel

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 25 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
php-plugin/excel libreria php para la generacion de archivos excel
exporta_liquidacion.php archivo para poder exportar a excel
index_busca_liquidacion_cupon.php interfaz de usuario para fltrar las liquidacion
generadas.
index_liquidacion_cupon.php interfaz de usuario para generar liquidacion fltrando
primero los cupones y seleccionarlo.
liquidacion_cupon_plugin.php archivo de confguracion del plugin
process.php archivo para generar, buscar y exportar las liquidaciones
Tablas de interaccin:
wp_postmeta_backup
wp_postmeta_backup
liquidacion_cupon
cupon
wp_posts_backup
pago
wp_usermeta
variante_backup

Vista de generacin de liqduicacin


Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 26 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 27 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Vista de bsqueda de liquidaciones

Plugin: Maestros
Link: htp://lucas.pe/wp-admin/admin.php?page=rubro
Ubicacin: wordpress/wp-content/plugins/maestro
Descripcin: Permite crear rubros
Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
php-plugin/excel libreria php para la generacion de archivos excel
maestro_plugin.php archivo de confguracion del plugin
process.php archivo para generar, buscar, anular rubros
rubro_index.php interfaz con el usuario
Tablas interaccin:
lc_rubro

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 28 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Para reporte de ofertas


Link: htp://lucas.pe/wp-admin/edit.php?page=index_oferta_reporte
Ubicacin: wordpress/wp-content/plugins/oferta_reporte
Descripcin: Permite listar y exportar las ofertas y sus variantes, fltrando por rango de fecha, socio
establecimiento, ttulo oferta
Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
php-plugin/excel libreria php para la generacion de archivos excel
exporta_oferta.php archivo para exportar las ofertas a formato excel
exporta_oferta_variante.php archivo para exportar las ofertas con sus variantes en
formato excel
index_oferta_reporte.php interfaz con el usuario
oferta_reporte_listado.php archivo que devuelve las ofertas
oferta_reporte_plugin.php archivo de confguracion del plugin
Tablas de interaccin:
wp_posts
wp_postmeta
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 29 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 30 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Para reporte de Campaas


Link: htp://lucas.pe/wp-admin/edit.php?post_type=campaign&page=index_campaign_reporte
Ubicacin : wordpress/wp-content/plugins/campaign_reporte
Descripcin: Permite listar y exportar las campaas y oferta relacionada, fltrando por rango de
fecha, ttulo campaa
Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
php-plugin/excel libreria php para la generacion de archivos excel
campaign_reporte_listado.php archivo que devuelve las campaas
campaign_reporte_plugin.php archivo de confguracion del plugin
exporta_campaign.php archivo que exporta las campaas a formato excel
index_campaign_reporte.php archivo de interfaz con el usuario
Tablas utlizadas:
wp_posts
wp_postmeta

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 31 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Plugin: Socios
Link:
htp://lucas.pe/wp-admin/admin.php?page=socio_principal
htp://lucas.pe/wp-admin/admin.php?page=socio_principal
htp://lucas.pe/wp-admin/admin.php?page=supervisor_vendedor
htp://lucas.pe/wp-admin/admin.php?page=socio_establecimiento
htp://lucas.pe/wp-admin/admin.php?page=contacto
6. htp://lucas.pe/wp-admin/admin.php?page=usuario
1.
2.
3.
4.
5.

Ubicacin: wordpress/wp-content/plugins/campaign_reporte
Descripcin: Permite crear, buscar y exportar roles de los usuarios
Archivos:
css/estlo.css
js/jquery-1.8.2.js - libreria jQuery
js/jquery-ui-1.9.1.custom.min.js - libreia jQuery ui
php-plugin/excel libreria php para la generacion de archivos excel
contacto_exporta_excel.php archivo para exportar socio-contacto a excel
contacto_index.php - archivo de interfaz von el usuario
contacto_principal_exporta_excel.php archivo para exportar contacto-principal a excel
contacto_principal_index.php - archivo de interfaz von el usuario
roles_plugin.php archivo de confguracion del plugin
socio_establecimiento_exporta_excel.php - archivo para exportar socio-establecimiento a
excel
socio_establecimiento_index.php - archivo de interfaz von el usuario
socio_principal_exporta_excel.php archivo para exportar socio-principal a excel
socio_principal_index.php - archivo de interfaz von el usuario
supervisor_vendedor_exporta_excel.php archivo para exportar socio-vendedor a excel
supervisor_vendedor_index.php - archivo de interfaz von el usuario
usuario_exporta_excel.php archivo para exportar usuario a excel
usuario_index.php - archivo de interfaz von el usuario
process.php archivo que registra, busca, edita y exporta los usuarios
Tablas utlizadas:
wp_users
wp_usermeta
wp_users_backup
wp_usermeta_backup
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 32 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Vista de socio Principal

Vista de contacto principal

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 33 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Vista de Supervisor Vendedor

Vista de Socio establecimiento

Vista de contacto establecimiento


Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 34 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Vista de usuarios

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 35 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Arquitectura y Jerarquizacin del WordPress


Introduccin
Tcnicamente slo se necesitan dos archivos para trabajar con un tema de WordPress y esos
archivos son: index.php y style.css.
Sin embargo, si se desea hacer una mayor personalizacin del mismo en la forma del que el
contenido se vea diferente se tendr que usar algunos otros archivos de plantlla y es aqu donde
la jerarqua entra en juego, ya que el CMS WordPress funciona con una jerarqua de plantllas.

Vista 1: Jerarqua de Wordpresss

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 36 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Jerarqua de Wordpress
A contnuacin se listarn los archivos en base a la complejidad del sito en general, pero cada uno
tambin tendr un impacto en la jerarqua del sito. Con cada detalle de cada archivo se describir
los benefcios de contar con cada archivo para su plantlla determinada como parte de su sito y
cmo cada uno altera la estructura jerrquica de su tema de WordPress.
Home
El archivo home.php te permite personalizar tu pgina principal como en www.lucas.pe . Esto
tambin se puede lograr con condicionales en el archivo index.php pero si el cambio es complejo y
requiere de grandes cambios en la pgina principal se recomienda usar home.php
La jerarqua:
Si no existe home.php entonces buscar el archivo index.php
1. home.php
2. index.php
Single
Este archivo sirve para mostrar el contenido de las ofertas de lucas.pe . Esto permite que cualquier
modifcacin de la vista de las ofertas se haga desde este archivo.
La jerarqua:
Si no existe el single.php entonces buscar el index.php
1. single.php
2. index.php
Archive
Este archivo sirve para las dems jerarquas y controla la presentacin de los datos arvhivados
como categoras, etquetas, fechas, autores y tpos de post o entradas.
La jerarqua:
1. archive.php
2. index.php

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 37 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Category
Este es un plantlla que sirve para categorizar la informacin y ser ms especfco al momento de
mostrar la informacin. Se puede personalizar cada vista haciendo uso de una plantlla
category-id.php donde id es el nmero de nmero de id de la categora creada o tambin
category-slug.php donde slug es la versin amigable del la url del nombre.
Suele estar en minsculas y contene slo letras, nmeros y guiones.
Para el ejemplo sera:
category-1.php o category-belleza.php

Vista 2: Vista de edicin de la categora


La jerarqua:
1. category-id.php
2. category.php
3. archive.php
4. index.php
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 38 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

404
Este archivo sirve para mostrar la pgina de error por ejemplo cuando un usuario llega por error a
una web que ya no se encuentra disponible automtcamente en nuestro caso muestra el
home.php ya que esa fue el requerimiento del cliente, pero lo ideal es que en este caso se
muestre un mensaje indicando al usuario las diversas opciones que tene para navegar por nuestra
pgina.
La jerarqua:
1. 404.php
2. index.php
Page
Esta plantlla sirve para mostrar el contenido esttco de varias pginas como por ejemplo de
Trminos y condiciones, contacto, poltca de privacidad, Acerca de Lucas, etc.
En lucas.pe hemos usado tambin diversas page.php para crear distntas vistas como:
page-registrar.php : pgina de registro
page-recuperar.php : pgina de recuperar contrasea
page-perfl.php: pgina de perfl de usuario
page-ingresar.php: pgina para ingresar con usuario y contrasea a lucas.pe

Vista 3: page-ingresar.php

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 39 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Para convertr una pgina en page template le ponemos al inicio el cdigo


/*
Template Name: Ingresar
*/
Donde registrar es el nombre que usaremos para asignarla a nuestra pgina en el panel, tal cual
como en la siguiente vista:

Vista 4: Seleccionamos el "page template" para la pgina ingresar


Todo esto nos da mltples posibilidades para personalizar este tpo de pginas si es que
necesitamos que tenga un funcionamiento distnta a las dems.
La jerarqua:
1. page-template.php
2. page-id.php
3. page.php
4. index.php
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 40 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Taxonomy
En lucas.pe tenemos a parte de categoras un tpo de taxonoma llamada categorias

Para personalizar estas vistas hemos usado archivos tpo:

taxonomy-categoria-productos.php

taxonomy-categoria-turismo.php

taxonomy-categoria-servicios.php

Todo esto ha sido hecho a solicitud de un comportamiento especial para lucas.pe ya que las ofertas
al depender de las campaas actvas tuvo que personalizar la manera de obtener la informacin.
Evitando as que se muestre informacin desactualizada u ofertas programadas a ser lanzadas ms
adelante.
La jerarqua:
1. taxonomy-taxonomia-slugtaxonomy.php
2. taxonomy-categoria.php
3. archive.php
4. index.php
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 41 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Wordpress en lneas generales es mucho ms complejo en funcionamiento pero para lucas.pe se


han omitdo varios archivos de plantlla como comments.php, tag.php, author.php,date.php,
search.php, etc.

htp://codex.wordpress.org/images/1/18/Template_Hierarchy.png
Realizado por: Inventarte.net
Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 42 de 45

Proyecto: Lucas
Documento: Lucas Arquitectura y Jerarquizacin del sito web

Versin 1.0
Fecha: 04/06/2013

Para mayor informacin


Revisar la documentacin en su pgina ofcial:
htp://codex.wordpress.org/Template_Hierarchy

Realizado por: Inventarte.net


Informacin confdencial
Documento confdencial para uso exclusivo de Lucas.pe e Inventarte.net

Pgina 43 de 45

Templates. Descripcin y funcin de cada template del theme


variante/elimina_variante.php: archivo para eliminar una variante.
variante/inserta_edita_variante.php: archivo que muestra un dialog para digitar los datos de la
variante.
variante/registra_variante.php: archivo que inserta y actualiza las variantes.
variante/variante_x_campana_listado.php: archivo que muestra las variantes de una oferta.
oferta/desvincular_oferta.php: desvincula una oferta a una campaa.
oferta/oferta_listado.php: muestra las ofertas disponibles para relacionar a la campaa.
oferta/oferta_relacion.php: archivo que vincula la oferta con la campaa.
cupon/cupon_diferido.html: genera html para el envo del email cuando se compra por bcp o
scotabank.
cupon/cupon.html: genera html para el envo del email cuando se compra por visa o mastercard.
cupon/cupon_medio_pago_cero.html: genera html para el envo del email cuando una oferta no
tene precio (sorteos).
js: carpeta que contene las librerias javascript(jquery, jquery-ui, jquery-countdown, autocomplete,
script, scripts).
lib: carpeta que contene libreras php (facebook).
css: carpeta que contene los estlos del sito(estlo.css, jquery-ui.css, jquery.ui.autocomplete.css).
html/recommend_message_home.html: genera html para el envo del email cuando recomiendas
desde el home.
html/recommend_message.html: genera html para el envo del email cuando recomiendas una
oferta.
html/register_message.html: genera html para el envo del email cuando te registras.
html/register_pre_message.html: genera html para el envo del email cuando te registras en el
pre-home.
img: carpeta donde se guardan las imgenes.
404.php: archivo que muestra mensaje cuando no se encuentra una pgina solicitada.
category.php: pgina de categoras de las ofertas.
footer.php: archivo que carga el pie de pgina y libreras.

functons_input.php: funciones para validar los valores post y get.


functons_validaton.php funciones de validaciones email, dni, password.
functons.php: funciones de todo el sistema e invoca a los archivos
(functons_input.php,functons_validaton.php).
header.php: archivo que carga el encabezado y libreras.
iframe_gmaps.php: archivo que muestra las direcciones de la oferta en mapa de google.
index.php: archivo inicial donde se muestran las ofertas.
page-ingresar.php: pgina de login.
page-perfl.php: pgina de actualizacin de datos del usuario.
page-recuperar.php: pagina para recuperar contrasea del usuario.
page-registrar.php: pgina de registro de usuarios.
php-plugin: carpeta donde se encuentran los plugin de php para generar cdigo de barras, generar
pdf, y exportar Excel.
pre-home.php: archivo que se carga al inicio en un dialog para registrar al boletn.
process.php: archivo que contene los procesos del sistema como listado de ofertas registro de
usuarios.
sidebar-page.php: barra lateral para las pginas.
sidebar.php: barra lateral por default.
single.php: vista de las ofertas.
style.css: pgina de estlos.
taxonomy-categoria-productos.php: pgina de categora de productos.
taxonomy-categoria-servicios.php: pgina de categora de servicios.
taxonomy-categoria-turismo.php: pgina de categora de turismo.

You might also like