UNIVERSIDAD ANDINA NÉSTOR CÁCERES VELÁSQUEZ

FACULTAD DE INGENIERÍA DE SISTEMAS

ESCUELA PROFESIONAL DE INGENIERÍA DE SISTEMAS

TEMA
INFORME FINAL
CMS WORD PRESS

Presentado por: QUISPE MAMANI ANGEL

Docente: MG. EDITH CANO MAMANI

Semestre: X

JULIACA – PERU

2017
Resumen
En este documento describimos el proceso de desarrollo de una web corporativa.
Partimos de un diseño proporcionado por el cliente para crear una plantilla a
medida para el sistema de gestión de contenidos WordPress.

El desarrollo del proyecto está dividido en dos fases. Una primera fase en la que
copiamos el diseño y lo implementamos con HTML, CSS y JavaScript. Y una
segunda fase en la que añadimos a la web el panel de administración de
WordPress utilizando PHP.

Tanto el desarrollo del sistema como el presente documento forman parte del
proyecto de final de grado del Grado en Ingeniería Informática. Este trabajo ha
sido desarrollado durante una estancia en prácticas en Cultura web, una
empresa de librería “MiJocy” dedicada al desarrollo de software. El proyecto ha
sido desarrollado para uno de sus clientes: MiJocy, una empresa juliaqueña.
Introducción.
El desarrollo del proyecto que se presenta en este documento es el resultado del
trabajo realizado para la asignatura comercio electrónico.

En este capítulo introductorio describimos el contexto en el que se ha

desarrollado el proyecto y la motivación que nos ha llevado a su desarrollo.

En el resto del documento describimos el proceso de desarrollo llevado a cabo.

Tomando como base el sistema de gestión de contenidos WordPress, hemos

desarrollado un sistema web en PHP totalmente personalizado. Para el

desarrollo del sitio hemos partido de un diseño proporcionado por el cliente para

desarrollar un sistema que permite gestionar toda la información que la empresa

desee poner a disponibilidad del público.

Finalmente, extraemos conclusiones sobre el resultado del proyecto y el proceso

de su desarrollo, y comparamos la planificación temporal inicial frente al
resultado temporal real analizando las posibles causas de desajustes.

Al final del documento podemos encontrar un glosario donde incluimos términos

técnicos utilizados en este escrito.
INDICE
1. CAPITULO I DESCRIPCION DEL PROYECTO ............................................................................ 5
1.1. Antecedentes y motivación. .......................................................................................... 5
1.2. Planteamiento del problema. ....................................................................................... 5
1.3. Objetivos. ...................................................................................................................... 5
1.3.1. Objetivo general. ................................................................................................... 5
1.3.2. Objetivos específicos. ............................................................................................ 6
1.4. Justificación o importancia del proyecto o trabajo. ...................................................... 6
2. CAPITULO II MARCO TEORICO............................................................................................... 6
2.1. Características principales. ............................................................................................ 7
2.2. Estructura: ..................................................................................................................... 7
2.3. Funcionalidades: ........................................................................................................... 8
2.4. Integración: ................................................................................................................... 9
2.5. Multisitio: ...................................................................................................................... 9
2.6. Plantillas: ....................................................................................................................... 9
2.7. Widgets: ...................................................................................................................... 10
2.8. Complementos (Plugins): ............................................................................................ 10
2.9. Ventajas de WordPress: .............................................................................................. 10
2.9.1. Diseño. ................................................................................................................. 10
2.9.2. Plantillas. ............................................................................................................. 10
2.9.3. Programación. ..................................................................................................... 11
2.9.4. Plugins. ................................................................................................................ 11
2.10. Desventajas de WordPress:..................................................................................... 11
2.10.1. Consumo de recursos. ......................................................................................... 11
2.10.2. Mantenimiento. .................................................................................................. 11
2.11. La evolución y futuro de WordPress ....................................................................... 11
3. CAPITULO III METODOLOGIA. ............................................................................................. 12
4. CAPITULO IV MANUAL DE INSTALACION. ........................................................................... 13
5. CAPITULO V CONCLUSIONES Y RECOMENDACIONES. ........................................................ 20
6. ANEXOS. .............................................................................................................................. 21
7. BIBLIOGRAFIA. ..................................................................................................................... 23
1. CAPITULO I DESCRIPCION DEL PROYECTO

1.1. Antecedentes y motivación.

La empresa cliente ya contaba con una web corporativa pero debido al paso
del tiempo y a la necesidad, cada vez más fuerte, de las empresas de
mantener una imagen digital cuidada y adecuada, se les hizo imprescindible
renovar su web corporativa.

Por un lado, el uso de dispositivos móviles para navegar por Internet está
creciendo a un ritmo increíble, y los dispositivos móviles ya generan casi un
tercio del trafico web. Por este motivo cada vez más empresas están
renovando sus sitios web para adaptarlas a la multitud de

dispositivos desde los que pueden ser consultadas.

Por otro lado, la interacción con los clientes a través de redes sociales se ha
vuelto muy importante para las empresas y se hace necesario contar con
sitios web que permitan esta interacción con funcionalidad para compartir y
comentar.

La motivación de este proyecto es adaptar la web corporativa de Tungaloy a

estas nuevas necesidades.

1.2. Planteamiento del problema.

Actualmente, cientos de organizaciones utilizan los CMS (Sistema gestión
de contenidos), sin embargo, estos no fomentan el trabajo colaborativo.

El problema que se pretende solucionar es que esto sea de utilidad para los
organizaciones públicas y privadas para el buen desarrollo y gestión de una
página casi realizada, para solo modificarla para su uso y ayuda en la dicha
organización.

1.3. Objetivos.
1.3.1. Objetivo general.
El objetivo principal de este proyecto es crear una web corporativa para la
organización.
 1.3.2. Objetivos específicos.
 Brindar servicios relacionados con los CMS
 Brindar información necesaria de los CMS
 Integración de las herramientas del ambiente de los CMS

1.4. Justificación o importancia del proyecto o trabajo.

La importancia que los CMS tienen para que los proyectos de nuestros
clientes funcionen bien. Un CMS (Conten Management System) es un
sistema que permite la gestión de los contenidos del entorno web.

Es muy importante que la empresa que tiene una página web cuente con un
CMS que le permita actualizar los contenidos con frecuencia y libertad. No
es un secreto que para obtener buen posicionamiento en buscadores es muy
importante contar con contenido de calidad y frescura.

Para ello un CMS en el entorno web es esencial. Los CMS más populares
pueden ser Joomla, Drupal, Textpattern, y otros más complejos como Typo3,
etc. También se aprecia una tendencia a utilizar los CMS de plataformas blog
como WordPress para la gestión de los contenidos. Al igual que cada vez es
más frecuente encontrar empresas que deciden que su entorno web sea una
combinación de páginas estáticas y contenido actualizado utilizando la base
de un software de CMS para blog.

El CMS debe ser tu plataforma para mostrar los contenidos de tu empresa.

Estos pueden ser tu catálogo de productos y servicios, pero también la
actualidad de tu empresa, mecanismos de interacción con tus usuarios o
recursos que quieras ofrecer para generar autoridad.

2. CAPITULO II MARCO TEORICO.

WordPress es un sistema de gestión de contenidos o CMS (por sus siglas en
inglés, Content Management System) enfocado a la creación de cualquier tipo
de sitio web. Originalmente alcanzó una gran relevancia usado para la creación
de blogs, para convertirse con el tiempo en una de las principales herramientas
para la creación de páginas web comerciales. Ha sido desarrollado en el lenguaje
PHP para entornos que ejecuten MySQL y Apache, bajo licencia GPL y es
software libre. Sus fundadores son Matt Mullenweg y Mike Little. WordPress fue
creado a partir del desaparecido b2/cafelog y se ha convertido en el CMS más
popular de la blogosfera y en el más popular con respecto a cualquier otro CMS
de uso general.2 3 Las causas de su enorme crecimiento son, entre otras, su
licencia, su facilidad de uso y sus características como gestor de contenidos.

Otro punto a considerar sobre su éxito y extensión es la enorme comunidad de

desarrolladores y diseñadores, encargados de programarlo en su núcleo o
creando complementos (llamados plugins) y plantillas (llamados temas) para la
comunidad. En febrero de 2015 era usado por el 23,4% de todos los sitios
existentes en Internet basados en gestores de contenido.

2.1. Características principales.

WordPress nació del deseo de construir un sistema de publicación personal,
elegante y con una buena arquitectura («Código es poesía»). Basado en
PHP, MySQL y con licencia GPL, WordPress pone especial atención a la
estética, estándares web y usabilidad.

En principio, está configurado para usar un blog por sitio o instalación, pero
también es posible tener varios blogs con varias o una única base de datos
desde la versión 3.0.

2.2. Estructura:
 WordPress, en principio, es un sistema de publicación web basado en
entradas ordenadas por fecha; las entradas corresponden a una o más
categorías o taxonomías. Además, cuenta con un administrador de
páginas estáticas no cronológicas.
 La estructura y diseño visual del sitio depende de un sistema de plantillas
independiente del contenido, que pueden tener varias opciones de
personalización dependiendo de su autor.
 Bloques con funciones específicas por medio de complementos cuya
publicación se realiza por medio de widgets.
 La filosofía de WordPress apuesta decididamente por la elegancia, la
sencillez y las recomendaciones del W3C pero depende siempre de la
plantilla a usar. TwentyTen, por ejemplo, es una plantilla predeterminada
y que es válida como (X)HTML Tradicional y CSS.
 Separa el contenido y el diseño en XHTML y CSS; aunque, como se ha
dicho, depende de la plantilla que se esté usando. No obstante, el código
que se intenta generar en las entradas apuesta por esta característica
forzando (si así se elige) un marcado correcto.
 La gestión y ejecución corre a cargo del sistema de administración con los
complementos y widgets que usan las plantillas.

2.3. Funcionalidades:
 Fácil instalación, actualización y personalización.
 Actualización automática del sistema implementada en la versión 2.7.
 Múltiples autores o usuarios, junto con sus roles o perfiles que establecen
distintos niveles de permisos (desde la versión 2.0).
 Sitios con varios blogs (a partir de la versión 1.6).
 Capacidad de crear páginas estáticas (a partir de la versión 1.5).
 Permite ordenar artículos8 y páginas estáticas en categorías,
subcategorías y etiquetas.
 Cuatro estados por entrada: Publicado, Borrador, Esperando revisión
(nuevo en WordPress 2.3) y Privado (solo usuarios registrados), además
de uno adicional: Protegido con contraseña.
 Editor WYSIWYG (por sus siglas en inglés, «lo que ves es lo que tienes»),
desde la versión 2.0.
 Publicación mediante correo electrónico.
 Importación desde Blogger, Blogware, Dotclear, Greymatter, Livejournal,
Movable Type y Typepad, Textpattern y desde cualquier fuente RSS. Se
está trabajando para poder importar desde pMachine y Nucleus además
de la importación a través de scripts o directamente de base de datos.
 Guardado automático temporizado del artículo como borrador (a partir de
la versión (2.2).
 Permite comentarios y herramientas de comunicación entre blogs
(Trackback, Pingback, etc).
 Admite el uso de permalinks (enlaces permanentes y fáciles de recordar)
mediante.
 Distribución de los artículos mediante RDF, RSS 0.92, RSS 2.0 y Atom
1.0.
 Distribución de los comentarios (mediante RSS 2.0 y ATOM 1.0).
 Gestión y distribución de enlaces.
 Subida y gestión de datos adjuntos y archivos multimedia.
 Admite complementos (versión 1.5).
 Admite plantillas y widgets.
 Búsqueda integrada en entradas y páginas estáticas, y widget
predeterminado para la búsqueda integrada de Google desde la versión
2.5.

2.4. Integración:
 bbPress, sistema de foros de los mismos creadores, se integra
automáticamente con WordPress.
 Integración con el foro Vanilla de Lussumo factible, al menos hasta la
versión 2.2 no inclusive.

2.5. Multisitio:
WordPress admite un sitio por instalación, pero gracias a extender el sitio
por medio de complementos específicos es fácil administrar y configurar
múltiples sitios desde una sola instalación. Esta característica está
implementada en el núcleo de WordPress desde la versión 3.0.5

Luego de habilitarse la opción de Multisitio, se crea una red (WordPress

Network), por lo que podrán administrarse varios sitios dentro de una misma
instalación de WordPress, compartiendo temas, plantillas, plugins y dominio.
Se puede acceder a cada sitio dentro de un subdirectorio o subdominio del
dominio principal.

2.6. Plantillas:
Las plantillas o temas de WordPress son plantillas de diseño que sirven para
establecer la apariencia y estructura de tu blog.

Hay una gran comunidad oficial, tanto profesional como de usuarios,

dedicada al diseño de estas plantillas que se suelen listar en el sitio oficial
de temas de WordPress una vez han sido comprobadas y aprobadas
oficialmente. Aunque la filosofía de WordPress apuesta por un marcado
válido según las directrices del W3C, las posibilidades de este sistema, tanto
a nivel de diseño, estructura o gestión, y la flexibilidad del sistema de
plantillas y widgets en concreto, son enormes y prácticamente permiten tener
desde un simple blog hasta un CMS personalizado.

2.7. Widgets:
WordPress incorpora un sistema de widgets para sus plantillas desde la
versión 2.2 que ofrece numerosas posibilidades y flexibilidad para el diseño
y estructura de sus blogs. Si bien son sumamente útiles, no todas las
plantillas lo soportan.

2.8. Complementos (Plugins):

Hay un gran número de complementos que potencian el uso de WordPress
más allá de un simple blog y que lo hacen un sistema flexible y prácticamente
de propósito general. Los complementos de WordPress se incorporaron en
la versión 1.6. También conocidos como Plugin, son herramientas que
extienden la funcionalidad del WordPress. Los hay gratuitos y de pago, y los
comprobados y aprobados por WordPress se encuentran listados en la
página oficial de plugins de WordPress.

2.9. Ventajas de WordPress:

2.9.1. Diseño.
Wordpress cuenta con miles de plantillas gratuitas y otras para comprar
además de software específico para crear diseños desde cero como
artisteer que por cierto eh usado para hacer algunas plantillas y hace muy
bien su papel. En fin, una amplia gama de diseño gracias a la cantidad de
gente que lo usa en sus blogs.

2.9.2. Plantillas.
Las plantillas son personalizables tanto como en diseño como en la
traducción de los textos, como ya vimos en el anterior punto se puede
crear una plantilla desde cero en muy pocos pasos. -Seo.

En el tema de posicionamiento en búsquedas web es buenísimo ademas

de contar con muchos plugins para aumentarlo aún más como puede ser
el llamado All in One SEO Pack. Otro consejo que te doy es que en la
configuración en panel de administración configura el permalink para que
las url sean amigables.
 2.9.3. Programación.
Su programación está hecha por expertos con muchas funcionalidades,
aunque no se pueda modificar el código fácilmente, pero este es un tema
que tocaremos más adelante.

2.9.4. Plugins.
Cuenta con miles de plugins de personalización y widgets desde un panel
de inicio de sesión hasta chat para usuarios y lo mejor es que de cada uno
hay varios para elegir es cuestión de gustos.

2.10. Desventajas de WordPress:

2.10.1. Consumo de recursos.
Es un devorador de recursos por que hace muchas consultas a la base de
datos y carga muchos scripts en cada página que abres. En una página
nueva con solo 2000 visitas o menos al mes puede consumir un ancho de
banda de 5 GB lo digo por experiencia propia.

2.10.2. Mantenimiento.
Actualizaciones constantes de versión de software puede ser debido a
fallos de seguridad o a mejoras del gestor la verdad es que nadie sabe
con exactitud por que sucede esto, pero al fin y al cabo quiere decir que
no está obsoleto y que hay personal activo detrás de esto. -Modificar
código.

Es muy difícil modificar su código si te gusta la programación es mejor que

no lo utilices porque ya está más que programado y es casi imposible
modificar sus funciones y códigos php etc.

Como hemos visto hay más ventajas que desventajas es por esto que se
le considera el mejor cms del mundo, aunque nadie es perfecto.

2.11. La evolución y futuro de WordPress

El Internet y la tecnología ha evolucionado mucho en los últimos años. Hace
10 o 15 años no había disponibles muchas de las herramientas con las que
contamos hoy en día, la cuales nos facilitan mucho la vida y nos permiten
lograr cosas inimaginables.
 En cuanto a la creación de páginas Web, cuando comenzó el Internet, pocas
personas eran las que podían crear un sitio, ya que la teoría y práctica
necesaria para aprender programación y HTML era mucho más limitada.

Conforme fueron pasando los años, comenzaron a surgir diferentes

plataformas mucho más amigables y accesibles para todo tipo de usuarios.
Una de ellas fue WordPress, la cual surgió en 2003 como una herramienta
gratuita de código abierto que funcionaba para crear blogs y publicar
contenido.

3. CAPITULO III METODOLOGIA.

En cuanto a la metodología el proyecto se caracteriza por su desarrollo
incremental con reuniones con el cliente según la disponibilidad del mismo.
Realizamos reuniones con la finalidad de comprobar el avance del proyecto y de
discutir impresiones y posibles mejoras.

Aunque el desarrollo del proyecto ha sido llevado a cabo por un único miembro,
y por tanto no se ha podido seguir una metodología de desarrollo ágil al
completo, hemos utilizado una metodología basada en los principios de
desarrollo ágil. Uno de los puntos en los que se hace mayor incidencia en
cualquier metodología ágil es en la gestión del trabajo en equipo, nosotros hemos
dejado de lado este aspecto y hemos creado nuestra propia metodología
adoptando parte de varios métodos de desarrollo ágil.

Basándonos en los principios del Manifiesto por el Desarrollo ágil del Software ´
[20] en nuestra metodología tenemos especialmente en cuenta los siguientes
puntos que coinciden con el manifiesto:
Colaboración con el cliente. Durante el proceso, mantenemos una comunicación
fluida para que conozca el estado y la evolución del proyecto.

Respuesta ante el cambio sobre seguir un plan. Aceptamos que los requisitos
cambien, incluso en etapas tardías del desarrollo.

Software funcionando sobre documentación extensiva. En lugar de escribir

extensa documentación, sobre lo que el sistema permitir a y no permitir a,
realizamos entregas continuas de software funcionando, permitiendo al cliente
aprender sobre lo que hemos desarrollado hasta el momento, y pudiendo así
detectar nuevas necesidades o modificaciones necesarias.

En nuestra metodología el cliente está completamente integrado en el proyecto,

gracias a ello tenemos su opinión sobre el estado del proyecto en tiempo real,
una información muy valiosa para comprobar que el proyecto va bien en todo
momento.

Llevamos la retroalimentación al máximo mediante la elaboración de informes

diarios en los que explicamos el estado del proyecto y donde el cliente pide
pequeñas modificaciones o nos guía hacia nuevos requisitos, también hemos
utilizamos reuniones cortas con el cliente para comentar aspectos de mayor
envergadura que necesitasen comunicación oral. Este método de trabajo nos
ayuda conocer la fase de desarrollo en la que nos encontramos en todo momento
y a ajustar los esfuerzos para introducir mejoras en el futuro.

Como en todas las metodologías agiles, los requisitos son muy flexibles. En lugar
de intentar definir todos los requisitos al comienzo del proyecto e invertir
esfuerzos después en controlar los cambios en los requisitos, intentamos una
aproximación más realista que nos permita adaptarnos a los cambios en
cualquier momento. Poniendo más énfasis en la adaptabilidad que en la
previsibilidad.

4. CAPITULO IV MANUAL DE INSTALACION.

Sigue estos pasos para instalar WordPress manualmente:

Paso 1: Descargar el paquete de instalación de WordPress

Paso 2: Subir los archivos de WordPress a tu servidor

Paso 3: Crear una base de datos MySQL para usar WordPress

Paso 4: Sigue el proceso de instalación

Para iniciar el proceso de instalación, primero es necesario descargar

WordPress de su página de descarga oficial. Te recomendamos que siempre
descargues e instales la última versión estable de WordPress.

Una vez que hagas clic en el botón Descargar/Download para conseguir la

última versión de WordPress, el paquete de instalación se guardará en el disco
duro. Localiza el paquete de instalación que acabas de descargar y extráelo en
una carpeta nueva.

Ahora, tienes que subir los archivos y carpetas extraídos a tu servidor web. La
forma más fácil de cargar los archivos de instalación es a través de un FTP.
Para obtener información detallada sobre cómo cargar archivos a través de un
FTP, por favor visita nuestro Tutorial FTP.
Una vez completada la descarga, extrae el archivo y súbelo a tu cuenta de
hosting. Puedes hacerlo a través de un FTP usando una aplicación cliente como
Filezilla o mediante cPanel -> File Manager -> Upload file(s). Si deseas que esta
instalación de WordPress sea la principal de tu web, los archivos deben estar
en la carpeta public_html de tu cuenta. Sin embargo, siempre se puede hacer
una subcarpeta (por ejemplo public_html/blog) si deseas ejecutar sólo una parte
de tu web en WordPress.

Ahora, es necesario crear una base de datos MySQL y asignar un usuario con
permisos completos. Para obtener instrucciones detalladas sobre cómo hacerlo,
sigue los pasos descritos en nuestro tutorial sobre Cómo Crear un usuario y una
Base de Datos MySQL. Una vez creada la base de datos MySQL y el usuario,
asegúrate de anotar el nombre de la base de datos, el nombre de usuario y la
contraseña que acabas de crear. Los necesitarás durante el proceso de
instalación.
Ahora es el momento para ir a tu web y comenzar con el proceso de instalación.
Si has subido WordPress al directorio public_html necesitas ir a
http://tudonimio.com en su navegador favorito. Lo primero que verás es un
mensaje avisándote de que no tienes un archivo wpconfig.php, por lo que debes
crear uno. Simplemente haz clic en el botón Crear un archivo de configuración.

En esta página podrás ver un mensaje pidiéndote que preparares la información

necesaria para la instalación. Como ya tenemos esa información, simplemente
presiona el botón Go!.
Introduce los detalles de tu nueva base de datos MySQL y pulsa el botón
Sumbit.
WordPress ahora comprobará si la configuración es correcta. Si has introducido
toda la información necesaria, verás una pantalla de confirmación. Presiona el
botón Run the Install para seguir.

En la siguiente pantalla, tendrás que introducir los datos de usuario

administrador y el nombre de la nueva web. Además, podrás especificar si
quieres usar motores de búsqueda para indexar tu web o no. Una vez que
completes la información, pulsa el botón Instalar WordPress. Ten en cuenta que
se deberás especificar una dirección de correo electrónico real. Puede ser
utilizada más adelante en caso de que olvides tu contraseña.
5. CAPITULO V CONCLUSIONES Y RECOMENDACIONES.
La planificación temporal frente al resultado final no ha estado del todo ajustada.
Planificamos en base a una estimación del esfuerzo necesario para cada tarea
con horas de trabajo como métrica. Después del desarrollo del proyecto hemos
observado que estimamos más tiempo del que realmente luego necesitamos
para la mayoría de las tareas. Como probable causa de este desajuste
señalamos el desconocimiento inicial de las tecnologías y la inexperiencia.

Destaquemos que la experiencia, o el conocimiento del que estima, es la

característica más importante que influir a en una estimación de esfuerzo. Para
realizar una estimación ajustada del esfuerzo de realización de un proyecto
software se debería disponer de un histórico de datos de proyectos anteriores
que proporcione una base de partida para la estimación. Sin embargo, las
estimaciones de este proyecto las realizamos sin experiencia y sin datos
históricos de otros proyectos. Para disminuir el error en las estimaciones
podríamos haber contrastado las estimaciones con otras realizadas por un
experto de la empresa con verdadera experiencia y datos sobre anteriores
proyectos. A un así, la estimación se hacía difícil debido a que el histórico de la
empresa corresponde a proyectos realizados por un equipo de profesionales
especializados en las tecnologías del proyecto. El esfuerzo necesario para que
un equipo de expertos desarrollase el proyecto nunca podría ser el mismo al
esfuerzo necesario si el proyecto es desarrollado por un único miembro sin
experiencia ni conocimientos en las tecnologías concretas a utilizar.
6. ANEXOS.
7. BIBLIOGRAFIA.

 WordPress. Pages. http://codex.wordpress.org/es:Pages. [Consulta: 30

de Octubre de 2014].
 WordPress. Functions file explained.
ttp://codex.wordpress.org/Functions_File_
 Explained. [Consulta: 24 de Octubre de 2014].
 Alex Dunae. Wp smush.it. https://wordpress.org/plugins/wp-smushit/.
[Consulta: 30 de Octubre de 2014].
 WordPress StackExange. Wordpress nav menu’s items wrap argument.
 http://wordpress.stackexchange.com/questions/19245/any-docs-for-wp-
nav-menus-items-wrap-argument. [Consulta: 24 de Octubre de 2014].