CREACIÓN DE LA PÁGINA WEB CORPORATIVA DE LA EMPRESA TECNICELL

JORGE LUIS CASTRO CÁCERES

CORPOSUCRE

FACULTAD DE INGENIERÍA

SINCELEJO (SUCRE)

2020
 Contenido
1. INTRODUCCIÓN..................................................................................................................................... 5

2. OBJETIVOS............................................................................................................................................ 6

2.1. OBJETIVO GENERAL....................................................................................................................................6

2.2. OBJETIVOS ESPECÍFICOS...............................................................................................................................6

3. DESCRIPCIÓN DEL PROYECTO................................................................................................................. 7

4. PLANIFICACIÓN DEL PROYECTO............................................................................................................. 8

4.1. METODOLOGÍA Y DEFINICIÓN DE TAREAS........................................................................................................8

4.2. ESTIMACIÓN DE RECURSOS DEL PROYECTO......................................................................................................9

5. DISEÑO DEL SISTEMA........................................................................................................................... 10

5.1. DISEÑO DEL SISTEMA................................................................................................................................10

5.2. DISEÑO DE LA INTERFAZ............................................................................................................................11

6. BIBLIOGRAFÍA...................................................................................................................................... 13

2
 TABLAS

Tabla 1. Recursos económicos................................................................................................................8

3
 ILUSTRACIÓN

Ilustración 1. Jerarquía del sitio............................................................................................................11

Ilustración 2. Prototipo.........................................................................................................................12

4
 1. INTRODUCCIÓN
El proyecto se realizo para la empresa TECNICEL ubicada en municipio de San Marcos (Sucre). Esta
empresa se dedica el arreglo de celulares, computadoras y ventas de distintos accesorios
tecnológicos. Orientado a un público general.

La empresa no cuenta con una pagina web corporativa, por lo que su imagen en internet es nula. Con
la creación del sitio mejoraremos la imagen de la empresa proyectando por medio de la internet. De
esta manera se amplia el numero de clientes potenciales que pueden llegar a tener la empresa.

Para la realización de este proyecto se realizaron reuniones con el gerente de la empresa, para
plantear la metodología a seguir para dará conocer la empresa, así como la forma de organizar la
información y el aspecto visual del sitio web.

Se definió la información de la empresa y sus productos para así facilitarme el diseño de la pagina
web.

5
 2. OBJETIVOS
2.1. Objetivo general

Este proyecto consiste en el desarrollo web corporativo de la empresa. El objetivo es dar una
información sobre la empresa y de los servicios que ofrece.

2.2. Objetivos específicos

 Análisis y Diseño de la página web, que incluye la realización de bocetos para el diseño de la
web.
 Seleccionar la plataforma que facilite el desarrollo.
 Implantación, configuración y puesta en marcha de la plataforma seleccionada (WordPress).
 Optimización y publicación de la página web.

6
 3. Descripción del proyecto
El proyecto se ha realizado en la empresa Tecnicel. Esta empresa se dedica a la reparación de
celulares y computadoras, también como a la venta de accesorios tecnológicos.

Este proyecto consiste en desarrollar el sitio web de la empresa desde cero con el objetivo de dar a
conocer a los usuarios a que se dedica la empresa y los servicios que esta ofrece.

Para hacer esta tarea se ha trabajado con la gerente de la empresa Tecnicel, Además para poder
adquirir los conocimientos necesarios sobre la empresa para la página web, el gerente se ha
encargado de explicar cualquier aspecto de interno sobre la empresa, así como de proporcionarme
documentos con información para extraer e introducir en la página web. El sitio web debe ser
atractivo visualmente, fácil de utilizar y con todo el contenido necesario. Especificando más sobre el
contenido del sitio, este ha de contener toda la información relacionada con la empresa de interés
para el cliente, además de los productos que ofrece.

Cabe destacar que la página web es unidireccional, es decir, su objetivo es dar información al cliente
sobre los servicios que ofrece, pero no se van a incluir precios y, por lo tanto, no se ha implementado
carrito de la compra. Esto se debe a que los servicios ofrecidos no tienen precio fijo, son servicios
personalizados, por lo cual el interesado se ha de poner en contacto con la empresa.

7
 4. Planificación del proyecto

4.1. Metodología y definición de tareas.

Esta metodología consta de las siguientes fases:

 Inicio del proyecto: En esta fase es cuando se habla por primera vez con los integrantes de la
empresa, se acuerda el proyecto y se define la metodología.

 Análisis el proyecto: Se analiza el tipo de proyecto y se va buscando y adquiriendo información

sobre lo que se utilizara en el proyecto.

 Desarrollo técnico del proyecto: En esta fase se realiza todo el producto en sí. Esta fase se divide
en subfases para poder medirse mejor: análisis de requisitos, diseño e implementación (que
incluye la puesta a punto del entorno de desarrollo, diseño de las interfaces y trabajo con la
herramienta de desarrollo).

8
4.2. Estimación de recursos del proyecto.

El desarrollo web se ha realizado con la herramienta WordPress. Es un sistema de gestión de

contenidos (en inglés, en inglés, Content Management System o CMS) lanzado el 27 de mayo de
2003, enfocado a la creación de cualquier tipo de página web.

WordPress está 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.

Las causas de su enorme crecimiento son, entre otras, su licencia GPLv2, su facilidad de uso y sus
características como gestor de contenidos.

Aunque la mayor parte de la documentación existente se basa en la utilización del motor de bases de
datos MySQL sobre el servidor web Apache, este sistema de gestión de contenidos puede también
instalarse en entornos que ejecuten PostgreSQL, MariaDB y Nginx. 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
(llamadas temas) para la comunidad. Cabe destacar que no había trabajado previamente con esta
herramienta, por lo que han sido necesarias unas cuantas horas de dedicación para poder adquirir
los conocimientos necesarios.

En cuanto a los recursos hardware con los que se ha trabajado han sido: un PC con el sistema
operativo (Windows) para todo el trabajo de desarrollo del proyecto. Hay que destacar que a este
equipamiento hardware no se le asocia coste por parte de la empresa en este proyecto, ya que se
trata de un equipamiento que la empresa ya tenía amortizado de antes con otros proyectos.

En lo que refiere a los recursos humanos, el proyecto se ha realizado individualmente.

Por lo que respecta al coste económico en sistemas de gestión de contenidos ha sido de $15.200
COP, al mes, facturado anualmente este plan escogido es el más económico ya que es de uso
personal.

CONCEPTO COSTE ECONOMICO EN

COP

Sistemas de gestión de $15.200

contenidos

Hardware $0

Recursos humanos $0

Total $15.200

Tabla 1. Recursos económicos

9
 5. Diseño del sistema
5.1. Diseño del sistema

La herramienta principal de trabajo ha sido WordPress. ¡Se ha decidido utilizar WordPress! ya que se
trata de una herramienta de 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ículos 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).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.

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.

Los temas de WordPress son un conjunto de plantillas de diseño que sirven para establecer la
apariencia y estructura de tu blog.

Hay una gran comunidad oficial, formada tanto por profesionales, como por usuarios, dedicada al
diseño de estos temas 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 blog hasta un CMS personalizado, pudiendo crear hoy en
día, cualquier tipo de sitio web, e incluso tiendas en línea (haciendo uso del plugin WooCommerce).

10
Los widgets son aplicaciones sencillas que se pueden instalar y ejecutar en una página web.
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.

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. Conocidos
como plugins, 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. Los plugins de WordPress se incorporaron en la versión 1.6[ CITATION Wik \l
9226 ]

Esta decisión de elección de plataforma se ha tomado conjuntamente con la empresa ya que ellos
también conocían esta herramienta.

5.2. Diseño de la interfaz

Para diseñar la interfaz de la web uno de los aspectos más importantes es conocer la jerarquía del
sitio. Para ello se realizaron varias reuniones junto el Gerente para concretar principalmente que
querían y como lo querían. Ahí se concretó que el objetivo principal del sitio web es ofrecer
información al usuario de que hacen, que ofrecen y como trabajan. También es importante destacar
aquello que no cubre el proyecto, y en este caso no es objetivo del proyecto permitir las compras a
través de la web ya que los precios que mantienen de los productos dependen del proyecto asociado
para realizarlo, por lo tanto, quieren que el usuario se informe y que se ponga en contacto con la
empresa si está interesado en algún producto o tiene cualquier otra consulta.

DISEÑAR LA JERARQUIA y remplazar imagen

Ilustración 1. Jerarquía del sitio

Teniendo en cuenta todos estos aspectos, la jerarquía del sitio concretada fue la de la ilustración 1.

11
Una vez decidida la jerarquía del sitio, el siguiente paso ha sido estructurar el contenido de forma
que cumpla con los requisitos para conseguir la usabilidad universal y que de este modo sea
agradable, cómodo y fácil de utilizar. Para conseguirlo, se ha realizado conjuntamente con el gerente
de la empresa un proceso de diseño de interfaces centrado en el usuario. Durante el proceso se han
realizado prototipos mostrando la estructura de las interfaces y, sobre ellos, se han hecho los
cambios para conseguir la interfaz idónea. En la ilustración 2 se muestra uno de los prototipos.

DISEÑAR prototipo y remplazar imagen

Ilustración 2. Prototipo

12
 6. Bibliografía
Wikipedia. (s.f.). WordPress. Obtenido de Wikipedia: https://es.wikipedia.org/wiki/WordPress

13