S.E.P.

TECNOLÓGICO NACIONAL DE MÉXICO

INSTITUTO TECNOLÓGICO
de Tuxtepec

INFORME TÉCNICO DE RESIDENCIA

PROFESIONAL

PROYECTO:
“DESARROLLO E IMPLEMENTACION
DE UN SITIO WEB Y KIOSKO PARA LA
CASA DE LA CULTURA DR. VICTOR
BRAVO AHUJA DE SAN JUAN
BAUTISTA TUXTEPEC, OAXACA”
PRESENTAN:
JOAQUIN RAFAEL PEREZ RODRIGUEZ
13350269
BRANDON HERNANDEZ DELGADO
13350247
CARRERA:
INGENIERIA EN SISTEMAS
COMPUTACIONALES
ASESOR:
MA. DE LOS ANGELES MARTINEZ
MORALES
MES AÑO
AGRADECIMIENTOS

i
 RESUMEN

El presente proyecto ha sido elaborado para realizar un sitio web casa de la

cultura Dr. Víctor Bravo Ahuja con la finalidad que la organización tenga una
mejor respuesta de la población. Se apoyó en las bases teóricas y en
referencias bibliográficas, como de las técnicas de recolección de datos de las
cuales fueron utilizadas como las reuniones que se estuvieron realizando
constantemente, que se realizaron con los directivos de la casa de la cultura
Dr. Víctor Bravo Ahuja, éstas fueron analizadas para tener el conocimiento de
que tanto los habitantes estarían dispuestos a utilizar el sitio web.

Una razón que motiva la realización de este proyecto, es precisamente el

limitado impacto de las nuevas tecnologías, el sitio web sirve para la formación
a personas de todas las edades, estará diseñado para niños, adolescentes,
adultos y toda persona que tenga conocimiento de usar una computadora. La
función principal de este proyecto es promover a que la organización se dé a
conocer por medio del sitio web, se puede atender a la población y solucionar
dudas y resolver problemas.

Es por eso que se han visto en la necesidad de implementar un sitio web para
pueden obtener información confiable, segura y la organización sea
beneficiada, generando una mejor respuesta de la población por medio de la
publicidad. El objetivo de este proyecto desarrollo e implementación de un sitio
web y kiosko para la casa de la cultura Dr. Víctor bravo ahuja para mejor
difusión en el municipio de San Juan Bautista, Tuxtepec Oaxaca.

ii
 ÍNDICE DE CONTENIDO

Agradecimientos............................................................................................................ i

Resumen ...................................................................................................................... ii

Índice de contenido ..................................................................................................... iii

Índice de tablas ........................................................................................................... vi

Índice de figuras ......................................................................................................... vii

Introducción ................................................................................................................. 8

Descripción de la empresa ........................................................................................ 10

Problemas a resolver, priorizándolos ........................................................................ 11

Objetivos ................................................................................................................... 12

Objetivo general..................................................................................................... 12

Objetivos específicos ............................................................................................. 12

Justificación ............................................................................................................... 13

Impacto Social ....................................................................................................... 13

Impacto Económico ............................................................................................... 13

Impacto Tecnológico .............................................................................................. 13

Marco Teórico ........................................................................................................... 15

1. Internet ......................................................................................................... 15

1.1 Protocolos De Internet.................................................................................. 15

2. Navegadores ................................................................................................ 16

2.1. FUNCIONAMIENTO DE LOS NAVEGADORES ................................... 16

2.2. EJEMPLO DE NAVEGADORES WEB .................................................. 17

3. DOMINIO ..................................................................................................... 17

3.1. RECOMENDACIONES PARA LA COMPRA/RENTA DE UN DOMINIO 17

iii
 4. HOSTING ..................................................................................................... 18

4.1. TIPOS DE HOSTING............................................................................. 18

5. ¿QUÉ ES UN CMS? .................................................................................... 19

5.1. OTRAS CONSIDERACIONES INÍCIALES ............................................ 19

5.2. FUNCIONAMIENTO .............................................................................. 20

5.3. GESTIÓN DE USUARIOS ..................................................................... 21

5.4. INICIATIVAS DE ESTANDARIZACIÓN ................................................. 21

5.5. VENTAJAS Y OPORTUNIDADES......................................................... 21

6. METODOLOGÍA PARA LA CREACIÓN DE SITIOS WEB ........................... 24

6.1. ANÁLISIS .............................................................................................. 27

6.2. PLANIFICACIÓN ................................................................................... 28

6.3. CONTENIDO ......................................................................................... 29

6.4. DISEÑO ................................................................................................. 29

6.5. PROGRAMACIÓN ................................................................................. 31

6.6. TESTEO ................................................................................................ 32

6.7. MERCADEO Y PUBLICIDAD ................................................................ 33

7. MYSQL......................................................................................................... 24

7.1. CARACTERÍSTICAS ............................................................................. 25

Procedimiento y descripción de las actividades realizadas ....................................... 27

Fase 1. Análisis ..................................................................................................... 34

Fase 2. Planificación .............................................................................................. 36

Fase 3. Contenido ................................................................................................. 40

Fase 4. Diseño....................................................................................................... 42

Fase 5. Programación ........................................................................................... 44

Fase 6 Testeo ........................................................................................................ 51

iv
 4.1 PRUEBA EN GOOGLE CHROME ............................................................... 51

4.2 PRUEBA INTERNET EXPLORER ............................................................... 52

4.3 PRUEBA MOZILLA FIREFOX ..................................................................... 54

Fase 7. Mercadeo Y Publicidad ............................................................................. 56

Resultados ................................................................................................................ 57

Actividades sociales realizadas en la empresa u organización. ................................ 58

Conclusiones ............................................................................................................. 59

Recomendaciones..................................................................................................... 60

Experiencia personal profesional adquirida ............................................................... 61

Competencias desarrolladas y/o aplicadas ............................................................... 62

fuentes de informacion .............................................................................................. 63

Anexos ...................................................................................................................... 65

Anexo A ................................................................................................................. 65

Anexo B ................................................................................................................. 66

CRONOGRAMA ................................................................................................. 66

v
 ÍNDICE DE TABLAS
Tabla 1 Software y Hardware.................................................................................. 37
Tabla 2 Roles equipo de trabajo ............................................................................ 37
Tabla 3 plugins instalados......................................... Error! Bookmark not defined.

vi
 ÍNDICE DE FIGURAS

Ilustración 1 sitio web muestra .................................................................................. 38

Ilustración 2 sitio web muestra 2 ............................................................................... 38
Ilustración 3 Informacion del sitio web ....................................................................... 41
Ilustración 4 maqueta AXURE ................................................................................... 42
Ilustración 5 Maqueta Axure ...................................................................................... 42
Ilustración 6 Yoga Instructor Versión: 0.2.0 ............................................................... 43
Ilustración 7 Yoga Instructor Versión: 0.2.0 ya modificada ........................................ 43
Ilustración 8 panel de control de One.com 2 ............................................................. 44
Ilustración 9 Panel de control de One.com ................................................................ 44
Ilustración 10 Instalación WordPress ........................................................................ 44
Ilustración 11 Instalación WordPress paso 2............................................................. 44
Ilustración 12 Panel WordPress ................................................................................ 45
Ilustración 13 configuración de la platilla ................................................................... 45
Ilustración 14 Tipografía ............................................................................................ 46
Ilustración 15 •Disposición ........................................................................................ 46
Ilustración 16 GOOGLE CHROME - Página de inicio ............................................... 51
Ilustración 17 GOOGLE CHROME- Menu principal .................................................. 51
Ilustración 18 GOOGLE CHROME- Galeria .............................................................. 52
Ilustración 19 INTERNET EXPLORER Página de inicio ........................................... 52
Ilustración 20 INTERNET EXPLORER- Menú........................................................... 53
Ilustración 21 INTERNET EXPLORER - Galeía ........................................................ 54
Ilustración 22 MOZILLA FIREFOX - Página de inicio ................................................ 54
Ilustración 23 MOZILLA FIREFOX - Menú ................................................................ 55
Ilustración 24 MOZILLA FIREFOX - Galeía.............................................................. 55
Ilustración 25 Paquetede one.com ............................................................................ 56

vii
 INTRODUCCIÓN

La casa de la cultura Dr. Víctor Bravo Ahuja inicio su construcción con la misión de
fortalecer la diversidad cultural del municipio, el desarrollo del arte local y el
desarrollo humanista de la sociedad a través de la sensibilización al arte y con la
visión de Ser un centro de promoción y formación artística y cultural municipal de
manera coordinada con la sociedad, la dirección municipal de Cultura, la Secretaría
de las Culturas de Oaxaca, las casas de Cultura hermanas y organismos
desconcentrados en general. Por esta razón ha decidido migrar su servicio a un
entorno web que le permita; a sus usuarios y colaboradores, acceder a ellos en la
red. El proyecto se encuentra estructurado de la siguiente manera: consta de la
introducción, la cual abarca planteamiento del problema, que no es más que la
situación actual de la investigación a realizar, también abarca, los objetivos tanto
general como específicos, justificación la cual abarca los impactos que la
elaboración del sitio web tiene social, económica, tecnológica.

El siguiente apartado, del Marco teórico, que son aquellos estudios, trabajos de
grado o tesis realizados por autores, en donde se platea los conceptos más usados
en el proyecto, que inicia con el tema que es internet así como sus protocolos que
maneja y como es que mediante los navegadores podemos acceder a él internet.

Definimos lo que es una un hosting como el servicio que provee a los usuarios de
Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier
contenido accesible vía web. Posteriormente y de la mano abordamos el tema
dominio que es el nombre de identificación de tu página y correo electrónico el cual
jamás puede repetirse, por lo que es único y digamos personal. Asi como también
abordamos las recomendaciones para la compra del mismo.
El Tema siguiente muestra la metodología en la cual nos basamos para la
elaboración del Sitio Web, explicando cada una de sus fases y actividades a realizar
en ellas, iniciando en la fase de análisis, para continuar con la fase de Planificación,
Contenido, Diseño, Programación, Testeo y Mercadeo y Publicidad.

8
Después sigue el capítulo de procedimiento y descripción de las actividades
realizadas , es donde presenta el tipo de investigación, su diseño y la metodología
desarrollada para sitio web. En los últimos puntos se presentan las conclusiones,
fuentes consultadas y anexos.

9
 DESCRIPCIÓN DE LA EMPRESA

El proyecto de la construcción de la casa de la cultura fue iniciada en 1974, se iniciaron las

clases formales el 6 de mayo de 1976, los primeros talleres artísticos se pusieron en
operación el septiembre de ese mismo año. El 20 de mayo de 1979 se le otorga el nombre
de Víctor Bravo Ahuja en una ceremonia formal. Con una Superficie de 4410 m, contando
con las siguientes Instalaciones:
 Auditorio Dr. Víctor Bravo Ahuja
 Biblioteca Pública Margaría Maza de Juárez
Cuentan con dos salas de exposiciones permanentes:
 Felipe Matías: 80 m2
 Dr. Víctor Bravo Ahuja: 80 m2

Ofreciendo los siguientes Talleres:

Danza folklórica infantil y juvenil, danzas polinesias, danza contemporánea juvenil, danza
aérea, belly dance (danza árabe), ballet clásico infantil y juvenil, ballet folklorico Tochtepetl,
batería, canto y órgano, banda filarmónica infantil Alma Tuxtepecana, solfeo e
instrumentación, guitarra clásica, piano, artes plásticas, iniciación artística (pintura para
niños), corte y confección, arte terapia.

10
 PROBLEMAS A RESOLVER, PRIORIZÁNDOLOS

La casa de la cultura Dr. Víctor Bravo Ahuja se encuentra ubicada en san Juan bautista
Tuxtepec Oaxaca cuenta con talleres de: Danza folklórica infantil y juvenil, danzas
polinesias, danza contemporánea juvenil, danza aérea, belly dance (danza árabe), ballet
clásico infantil y juvenil, ballet folklorico Tochtepetl, batería, canto y órgano, banda
filarmónica infantil Alma Tuxtepecana, solfeo e instrumentación, guitarra clásica, piano, artes
plásticas, iniciación artística (pintura para niños), corte y confección, arte terapia. y ofrecen
conferencias, cine, teatro, exposiciones de artes plásticas, presentaciones de libros. Con
tantas actividades actualmente sus técnicas y herramientas que utiliza no son las suficientes
para darles su correcta difusión es por ello que no se tiene la respuesta esperada y en la
actualidad con el constante avance de las tecnologías no se puede quedar atrás. Es por ello
que se encuentra la necesidad de implementar una herramienta tecnológica (sitio web y
kiosco portátil) con la finalidad de que la información sea más accesible al público.

11
 OBJETIVOS
OBJETIVO GENERAL
Implementar un sitio web y kiosco portátil como medio de difusión de la casa de la cultura
Dr. Víctor Bravo Ahuja de san juan Bautista Tuxtepec, Oaxaca.

OBJETIVOS ESPECÍFICOS
 Recopilar información sobre la casa de la cultura y la región de san juan bautista
Tuxtepec, Oaxaca.
 Establecer los objetivos del proyecto.
 Desarrollar la estructura del trabajo.
 Realizar la definición del alcance del proyecto
 Implementar la interfaz de usuario
 Realizar las pruebas de aceptación.
 Entrega de documentación.
 Entrega formal del proyecto.

12
 JUSTIFICACIÓN
La presente investigación se realiza con el propósito de facilitar el acceso de la información
de acuerdo a lo servicios que ofrece la casa de la cultura Dr. Víctor Bravo Ahuja, ya que no
se le da la correcta difusión. Esto dará como resultado una mejor respuesta hacía los
servicios que ofrece, así como una manera de que la población tenga acceso a la
información pertinente de san juan bautista Tuxtepec, Oaxaca.

Es importante mencionar que con el auge de las nuevas tecnologías, las nuevas
generaciones prefieren recibir la mayor información posible por un medio electrónico, a la
búsqueda y lectura de un material impreso, siendo la principal ventaja de este tipo de medios
electrónicos, la rapidez y la posibilidad de acceder a la información desde cualquier lugar.
Por esta razón es necesario la implementación de un sitio web y de un kiosco portátil para
acercarnos a ese sector de la población que no tiene el acceso tan fácil del internet.

IMPACTO SOCIAL
La sociedad es un factor muy importante para cualquier empresa es por ello que se requiere
desarrollar un sitio web en la casa de la cultura Dr. Víctor Bravo Ahuja, para poder mejorar
la manera de dar a conocer sus talleres y actividades ante la comunidad, y así tener
conocimiento sobre que se ofrece en la empresa, Será muy fácil tener acceso a él ya que
con el uso de las tecnologías y el internet es más fácil que visiten la página frecuentemente.
Se pretende tener una mayor respuesta hacia los talleres y actividades que se ofrecen.

IMPACTO ECONÓMICO
Al ser desarrollado el sitio web, pretende mejorar su economía es decir tendrá menos gastos
con la publicidad de propaganda ya que no será necesario realizar impresiones sobre folletos
o lonas para dar a conocer los talleres y actividades que ofrecen. El medio de difusión le
ahorraría muchos gastos, y así mediante la página obtendrían más beneficios rápidos.

IMPACTO TECNOLÓGICO
Por medio del sitio web, la casa de la cultura Dr. Víctor Bravo Ahuja” hará uso de las
tecnologías de la información y la comunicación, ya que a través del uso de internet,
cualquiera podrá, con un clic acceder a los talleres, eventos, para conocer así que
13
ofrece sin necesidad de visitar el lugar. Con ello será capaz de conocer mejor la
trayectoria, así como también la misión y visión de la organización sin preguntar de
forma directa con los directivos.

14
 MARCO TEÓRICO
1. INTERNET
(Vallejos)¿Qué es la Internet? La "Internet" es una colección de miles de redes de
computadoras. También se le conoce como "Superautopista de la Información". Se estiman
600 millones de usuarios creciendo a un ritmo del 20% sobre su base total ¡cada mes!,
dentro de 10 años se estiman unos 1000 millones de personas, tiene presencia en todos los
países. Desde un punto de vista más amplio la "Internet" constituye un fenómeno
sociocultural de importancia creciente, una nueva manera de entender las comunicaciones
que están transformando el mundo, gracias a los millones de individuos que acceden a la
mayor fuente de información que jamás haya existido y que provocan un inmenso y continuo
trasvase de conocimientos entre ellos. Existen cuatro características que definen a la
"Internet":

1. Grande: la mayor red de computadoras del mundo

2. Cambiante: se adapta continuamente a las nuevas necesidades y circunstancias

3. Diversa: da cabida a todo tipo de equipos, fabricantes, redes, tecnologías, medios físicos
de transmisión, usuarios, etc...

4. Descentralizada: no existe un controlador oficial sino mas bien esta controlada por los
miles de administradores de pequeñas redes que hay en todo el mundo.

1.1. PROTOCOLOS DE INTERNET

(Castillo M. G., 2005)Son una variedad de protocolos de red diseñados para enlazar
vía internet y permitir la entrega de datos entre redes de computadoras, no
importando el sistema operativo en que s este ejecutando ni el tipo de computadora
que se esté utilizando. Existen varios protocolos pero entre los que más se destacan
son:

1.1.1. TCP/IP: que son un protocolo de control de transmisión y protocolo de

internet, son los más utilizados.
15
 1.1.2. HTTP: Es el que se utiliza para acceder a una página web.

1.1.3. FTP: Utilizado para transferencia de archivos

2. NAVEGADORES
(Zamora, 2014)La información en la Web está disponible mediante páginas web. Estas
páginas están escritas internamente en lenguaje HTML. Para transformar ese lenguaje en
páginas Web visibles hace falta un programa, a estos programas se les llama navegadores
o browsers (en inglés). Son programas complejos que realizan muchas funciones pero
desde sus inicios han sido gratuitos y se pueden descargar de la Web

(Delgado, akus.net Diseño web, 2014). Al crear un sitio Web debe considerar que cada
navegador muestra las páginas de forma diferente. Esto implica que antes de colgar un sitio
en un servidor, disponible a todos los usuarios, debe hacer previsualizaciones de las páginas
en los más importantes navegadores en busca de posibles desajustes.

2.1. FUNCIONAMIENTO DE LOS NAVEGADORES

(Delgado, akus.net Diseño web, 2014) La función principal del navegador es
descargar documentos HTML y mostrarlos en pantalla. Hoy en día, no solamente
descargan este tipo de documentos sino que muestran con el documento sus
imágenes, sonidos, en diferentes formatos y protocolos. Además, permiten
almacenar la información en el disco o crear marcadores de las páginas más
visitadas. Los primeros navegadores web sólo soportaban una versión muy simple
de HTML.
Están almacenados en unos ordenadores remotos conectados a internet con un
software especial para permitir el acceso, (denominados servidores), y a los que se
accede mediante un protocolo (conjunto de reglas y normas que permiten la
intercomunicación de dispositivos) conocido como HTTP (Hypertext Transfer
Protocol, o Protocolo de transferencia de hipertexto).

16
 2.2. EJEMPLO DE NAVEGADORES WEB

(Delgado, akus.net Diseño web, 2014) Existe varios tipos de navegadores, pero los
más destacados son los que se muestran a continuación:

 Safari
 Google Chrome
 Opera
 Internet Explorer
 Mozilla Firefox

3. DOMINIO
(Torres, 2013 )El dominio es el nombre de tu página de internet que va después del www. o
del http:// y antes del .com, .com.mx o cualquier otra extensión. (Sólo para cultura general;
la extensión varía en determinación del país como .mx de México o de tipo referente a quién
va dirigido una página como edu en educación o org en organización). El dominio es el
nombre de identificación de tu página y correo electrónico el cual jamás puede repetirse, por
lo que es único y digamos personal. Existen empresas las cuales se encargan de repartir
estos dominios por medio de una renta anual como mínimo.

3.1. RECOMENDACIONES PARA LA COMPRA/RENTA DE

UN DOMINIO
Hoy en día el dominio se ha vuelto de las partes más importantes de un negocio, tu imagen,
nombre o cualquier otro uso por lo que su renta y su gestión deben de llevarse con el mayor
cuidado posible para no perderlo, pagar de más y verse envueltos en mayores
complicaciones. Aquí unas recomendaciones para su selección y gestión:

Buscar un nombre corto y de preferencia que lleve el nombre de tu negocio o muy bien
identificable a tu nombre si se trata de un blog. Va de 3 a 63 caracteres.

Evitar el uso de guiones si es posible y buscar que sea lo menos confuso para recordar o
escribir (imagina que vas a dictar tu email por teléfono, busca que sea lo más entendible)
17
Intenta ser tú el administrador de este, o sea realiza tú la compra de este, o de preferencia
que sea con alguien de suma confianza. No es un juego, puede llevarte a demasiados
problemas si es una parte esencial de tu imagen y empresa.

4. HOSTING
(Torres, 2013 )El alojamiento web (en inglés web hosting) es el servicio que provee a los
usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o
cualquier contenido accesible vía web. Es una analogía de “hospedaje o alojamiento en
hoteles o habitaciones” donde uno ocupa un lugar específico, en este caso la analogía
alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página
web, sitio web, sistema, correo electrónico, archivos etc. en internet o más específicamente
en un servidor que por lo general hospeda varias aplicaciones o páginas web.

Las compañías que proporcionan espacio de un servidor a sus clientes se suelen denominar
con el término en inglés web host. En palabras más sencillas de entender, es un servidor
(computadora con características de alto desempeño) el cual siempre esta prendido y
conectado a Internet para su disponibilidad online. Usualmente instalado en condiciones
ideales con temperatura de enfriamiento y respaldos de electricidad para que esté siempre
disponible.

Hay que saber que el dominio va apuntado o direccionado al servidor por medio de unos
números IP llamados DNS’s y así cuando alguien a través de internet teclee tu dominio será
enviado al servidor que mostrará los archivos ahí colocados (página web)

4.1. TIPOS DE HOSTING

Existen diferentes tipos de hospedaje web y estos se seleccionan dependiendo de la
seguridad, número de visitas que se espera, tipo de plataforma en la que se diseñará y otras
especificaciones como proyectos muy puntuales que requieran algo más específico.

Hosting compartido: es el más común y más accesible de todos, ya que se puede rentar
desde aproximadamente 6 dólares al mes a través de un tercero que se encarga de ofrecer
estos servicios. Estos son muy fáciles de configurar, rentar e incluyen paneles de
administración para crear páginas, correos y más. Las empresas que los rentan crean
18
diferentes digamos cuartos dentro de un servidor y es por eso que se conoce como
compartido.

Hosting dedicado: este tipo de hospedaje también se puede rentar en internet ya que
también el servicio te lo brinda un tercero para tu comodidad. A diferencia del compartido
este servicio es la renta en un servidor completo (no compartido) y con mayores
capacidades para proyectos más grandes y específicos. Es un poco más complicado de
configurar ya que se requieren mayores conocimientos técnicos.

Servidor local: este es un servidor el cual lo puedes ver físicamente ya que uno mismo lo
instala, la mayoría de las veces este es usado en empresas grandes o que requieren de alta
seguridad ya que sus datos y archivos los tendrán dentro de su mismo edificio. Requiere las
mismas configuraciones y necesidades que los otros tipos de servidores que te rentan, sólo
que en lugar de que el servicio lo de un tercero, tu mismo haces toda la instalación y
mantenimiento como luz, internet, aire acondicionado, etc.

5. ¿QUÉ ES UN CMS?

(Garcia, 2011) CMS son las siglas de Content Management System, o lo que viene a ser
un sistema de gestión de contenidos. Un CMS es un programa desarrollado para que
cualquier usuario pueda administrar y gestionar contenidos de una web con facilidad y sin
conocimientos de programación Web. No todas las páginas Web son iguales, y para
ello tenemos tantos CMS como tipos de Webs. Los hay para blogs, páginas corporativas,
inmobiliarias, noticias o magazines, contenidos multimedia, y así un largo etc. Algunos CMS
son desarrollos con licencia gratuita y otros son de pago.

(Centro de Apoyo Tecnológico a Emprendedores, 2015) Un Sistema de Gestión de

Contenido o CMS (Content Management System) es un término genérico que abarca un
amplio conjunto de soluciones cuya funcionalidad y alcance depende del tipo de contenidos
que gestionen y del ámbito de aplicación de la solución. Los tipos de Gestores de Contenidos
más usados en la actualidad son:

19
  ▫ Contenidos Empresariales (ECM).
 ▫ Contenidos Web (WCM).
 ▫ Documentos y-o contenidos multimedia (DMS).
 ▫ Contenidos para el Aprendizaje (LCMS)

5.1. OTRAS CONSIDERACIONES INÍCIALES

(Delgado, akus.net Diseño web, 2016) Entendido como un sistema de soporte a la gestión
de contenidos; ya que, en realidad, son las estrategias de comunicación las que realmente
llevan a gestionar contenidos y publicidad de forma efectiva; los sistemas informáticos
pueden a lo sumo proporcionar las herramientas necesarias para la publicación en línea, o
bien incluir servicios de soporte a la toma de decisiones por lo que a la gestión de contenidos
se refiere.

El gestor de contenidos se aplica generalmente para referirse a sistemas de publicación,

pudiendo subestimarse las funcionalidades de soporte y mantenimiento, en detrimento de
las funcionalidades relacionadas con la optimización de los tiempos de publicación. La
correcta implantación del sistema, con arreglo a las necesidades del cliente es necesaria, y
es necesario entender el proyecto de un portal web en el seno de un proyecto de
comunicación estructurado y bien planteado.

La elección de la plataforma correcta será vital para alcanzar los objetivos del cliente, ya que
exentan particularidades diferenciales tanto en su adaptabilidad a esquemas gráficos como
la posible integrabilidad de funcionalidades y extensiones adicionales.

El posicionamiento en buscadores está relacionado con el volumen de contenidos de un

portal y con la forma en la que éste se presenta. Es importante tener eso en cuenta para la
estructura del portal para garantizar un correcto posicionamiento orgánico.

5.2. FUNCIONAMIENTO
(Delgado, akus.net Diseño web, 2016) Un sistema de administración de contenidos siempre
funciona en el servidor web en el que esté alojado el portal. El acceso al gestor se realiza
generalmente a través del navegador web, y se puede requerir el uso de FTP para subir
contenido.
20
Cuando un usuario accede a una URL, se ejecuta en el servidor esa llamada, se selecciona
el esquema gráfico y se introducen los datos que correspondan de la base de datos. La
página se genera dinámicamente para ese usuario, el código HTML final se genera en esa
llamada. Normalmente se predefine en el gestor varios formatos de presentación de
contenido para darle la flexibilidad a la hora de crear nuevos apartados e informaciones.

5.3. GESTIÓN DE USUARIOS

(Delgado, akus.net Diseño web, 2016) Dependiendo de la plataforma escogida se podrá
escoger diferentes niveles de acceso para los usuarios; yendo desde el administrador del
portal hasta el usuario sin permiso de edición, o creador de contenido. Dependiendo de la
aplicación podrá haber varios permisos intermedios que permitan la edición del contenido,
la supervisión y reedición del contenido de otros usuarios.

El sistema de gestión de contenidos controla y ayuda a manejar cada paso de este proceso,
incluyendo las labores técnicas de publicar los documentos a uno o más sitios. En muchos
sitios con estos sistemas una sola persona hace el papel de creador y editor, como por
ejemplo en los blogs personales.

5.4. INICIATIVAS DE ESTANDARIZACIÓN

(Delgado, akus.net Diseño web, 2016)Dentro de los portales se han realizado procesos de
estandarización encaminados a la homogeneización en las interfaces de programación de
los mismos de tal manera que un servicio desarrollado para un portal pueda ejecutarse en
cualquier otro portal compatible con el estándar. El objetivo es obtener portales
interoperables evitando desarrollo propietario.

Las dos iniciativas más importantes son la Portlet Specification API JSR-168, la Content
Repository API JSR-170

5.5. VENTAJAS Y OPORTUNIDADES

(Delgado, akus.net Diseño web, 2016) El gestor de contenidos facilita el acceso a la
publicación de contenidos a un rango mayor de usuarios. Permite que sin conocimientos de
programación ni maquetación cualquier usuario pueda añadir contenido en el portal web.

21
Además, permite la gestión dinámica de usuarios y permisos, la colaboración de varios
usuarios en el mismo trabajo, la interacción mediante herramientas de comunicación.

Los costes de gestión de la información son mucho menores ya que se elimina un eslabón
de la cadena de publicación, el maquetador. La maquetación es hecha al inicio del proceso
de implantación del gestor de contenidos. La actualización, backup y reestructuración del
portal son mucho más sencillas al tener todos los datos vitales del portal, los contenidos, en
una base de datos estructurada en el servidor.

6. GESTORES DE BASES DE DATOS

(SALAS, 2015)Los Sistemas Gestores de Bases de Datos (SGBD, por sus siglas en inglés),
también conocidos como sistemas manejadores de bases de datos o DBMS (DataBase
Management System), son un conjunto de programas que manejan todo acceso a la base
de datos, con el objetivo de servir de interfaz entre ésta, el usuario y las aplicaciones
utilizadas. Gracias a este sistema de software específico el usuario puede gestionar la base
de datos(almacenar, modificar y acceder a la información contenida en ésta) mediante el
uso de distintas herramientas para su análisis, con las que puede realizar consultas y
generar informes.

Ilustración 1 Ejemplo de una tabla

22
(Castillo C. , 2016) Tipos de DBMS

Según modelo de datos

 Sistemas gestores de datos relacionales

 Sistemas gestores de datos orientados a objetos
 Sistemas gestores de datos objetorelacionales

Según número de usuarios

 Monousuario
 Multiusuario

Según número de sitios

 Centralizado
 Distribuído

6.1. CARACTERÍSTICAS

7. SQLITE
(Rómmel, 2007) SQLite es una herramienta de software libre, que permite almacenar
información en dispositivos empotrados de una forma sencilla, eficaz, potente, rápida y en
equipos con pocas capacidades de hardware, como puede ser una PDA o un teléfono
celular. SQLite implementa el estándar SQL92 y también agrega extensiones que facilitan
su uso en cualquier ambiente de desarrollo. Esto permite que SQLite soporte desde las
consultas más básicas hasta las más complejas del lenguaje SQL, y lo más importante es
que se puede usar tanto en dispositivos móviles como en sistemas de escritorio, sin
necesidad de realizar procesos complejos de importación y exportación de datos, ya que
existe compatibilidad al 100% entre las diversas plataformas disponibles, haciendo que la
portabilidad entre dispositivos y plataformas sea transparente.
23
 7.1. CARACTERÍSTICAS
 Estas son algunas de las características principales de SQLite:
 La base de datos completa se encuentra en un solo archivo.
 Puede funcionar enteramente en memoria, lo que la hace muy rápida.
 Tiene un footprint menor a 230KB.
 Es totalmente auto contenida (sin dependencias externas).
 Cuenta con librerías de acceso para muchos lenguajes de programación.
 Soporta texto en formato UTF-8 y UTF-16, así como datos numéricos de 64 bits.
 Soporta funciones SQL definidas por el usuario (UDF).
 El código fuente es de dominio público y se encuentra muy bien documentado .

8. MYSQL
(Sánchez, 2004) MySQL es un sistema gestor de bases de datos. Pero la virtud fundamental
y la clave de su éxito es que se trata de un sistema de libre distribución y de código abierto.
Lo primero significa que se puede descargar libremente de Internet (por ejemplo de la
dirección (www.mysql.com); lo segundo (código abierto) significa que cualquier programador
puede remodelar el código de la aplicación para mejorarlo. Esa es también la base del
funcionamiento del sistema Linux, por eso MySQL se distribuye fundamentalmente para
Linux, aunque también hay versiones para Windows.

Existen cuatro versiones de MySQL:

€ Estándar: Incluye el motor estándar y la posibilidad de usar bases de datos InnoDB. Todo
el potencial de MySQL, pero sin soporte completo para utilizar transacciones.

€ Max: Para usuarios que quieran MySQL con herramientas de prueba para realizar
opciones avanzadas de base de datos.

€ Pro: Versión comercial del MySQL estánd.

€ Classic: Igual que la estándar pero no dispone de soporte para InnoDB.

24
 8.1. CARACTERÍSTICAS
(García, 2007 )

 Velocidad: MySQL es rápido.

 Facilidad de uso: Es un sistema de base de datos de alto rendimiento pero
relativamente simple y es mucho menos complejo de configurar y administrar que
sistemas más grandes.
 Coste: Es gratuito.
 Capacidad de gestión de lenguajes de consulta: MySQL comprende SQL, el
lenguaje elegido para todos los sistemas de bases de datos modernos.
 Capacidad: Pueden conectarse muchos clientes simultáneamente al servidor. Los
clientes pueden utilizar varias bases de datos simultáneamente. Además, está
disponible una amplia variedad de interfaces de programación para lenguajes como
C, Perl, Java, PHP y Python.
 Conectividad y segurida: MySQL está completamente preparado para el trabajo en
red y las bases de datos pueden ser accedidas desde cualquier lugar de Internet.
Dispone de control de acceso.
 Portabilidad: MySQL se puede utilizar en una gran cantidad de sistemas Unix
diferentes así como bajo Microsoft Windows.
 Distribución abierta: Puede obtener y modificar el código fuente de MySQL.

9. ORACLE
(Masip, 2015)Oracle es básicamente una herramienta cliente/servidor para la gestión de
Bases de Datos. Es un producto vendido a nivel mundial, aunque la gran potencia que tiene
y su elevado precio hace que sólo se vea en empresas muy grandes y multinacionales, por
norma general. En el desarrollo de páginas web pasa lo mismo: como es un sistema muy
caro no está tan extendido como otras bases de datos, por ejemplo, Access, MySQL, SQL
Server, etc.

25
Vamos ahora en centrarnos en que es Oracle exactamente y como funciona la programación
sobre éste. Oracle como antes he mencionado se basa en la tecnología cliente/servidor,
pues bien, para su utilización primero sería necesario la instalación de la herramienta
servidor (Oracle 8i) y posteriormente podríamos atacar a la base de datos desde otros
equipos con herramientas de desarrollo como Oracle Designer y Oracle Developer, que son
las herramientas básicas de programación sobre Oracle.

9.1. CARACTERÍSTICAS
(oracle, 2014)

 Admite varias opciones de soportes de arranque. Puede iniciar la aplicación Asistente

de instalación de hardware (HIA) de Oracle desde una unidad local conectada al
servidor (CD/DVD o unidad flash USB), una unidad de red redirigida remota (CD/DVD
virtual o imagen de ISO) o una imagen disponible en el entorno de red PXE.
 Ayuda en la instalación del sistema operativo.
 Proporciona controladores de dispositivo específicos del servidor y de la
configuración con la certificación de Oracle para tarjetas accesorias opcionales y otro
hardware del sistema.
 Elimina la necesidad de obtener y preparar controladores de dispositivo de nivel de
sistema operativo en distintos soportes antes de instalar el sistema operativo.
 Ayuda en la instalación del sistema operativo para Oracle VM y versiones admitidas
de los sistemas operativos Windows y Linux (Oracle, SLES y RHEL).
 Admite la instalación del sistema operativo en disco duro, disco de estado sólido o
flash compacto.
 Admite tareas desatendidas de instalación de sistema operativo y de actualización de
firmware mediante el Asistente de instalación de hardware (HIA) de Oracle basado
en PXE.
 Admite la ejecución automática (solo cliente Windows), lo que le permite realizar
tareas adicionales fuera del entorno del Asistente de instalación de hardware (HIA)
de Oracle (versión 2.4 y posteriores).

26
 10. METODOLOGÍA PARA LA CREACIÓN DE SITIOS WEB

Para desarrollar este proyecto se empleó la metodología propuesta por la Ing. Dely Maybel
Gil Álvarez, denominada Metodología para la Creación de Sitios Web, la cual consta de siete
fases las cuales se detallan a continuación:

10.1. ANÁLISIS
(Delgado, akus.net Diseño web, 2014) A la hora del desarrollo de un sitio web se
debe comenzar por dar respuesta a un grupo muy concreto de interrogantes, que
permitirán aclarar y definir de manera básica las expectativas existentes en torno a
la aplicación web e interacción que se va a generar. Podemos comenzar con
Considerar las siguientes actividades:

 Selección de Objetivos
También se conoce esta etapa como resumen de objetivos, donde se establecen
los objetivos contra los cuales puede mediarse la efectividad de las acciones que
se desarrollen.

 Selección de Usuarios
Se refiere a aquella parte de la población a la que se pretende alcanzar o influir con
el sitio web. Toda la información que se obtenga servirá para establecer parte de
los criterios de diseño de contenido, lenguajes, estética, entre otros.

 Expectativas de Usuario
Al plantearse la puesta en marcha de un sitio web es necesario conocer hacia quien
va dirigido éste y que podrían esperar dichos usuarios al visitarlos.

 Expectativas de la Organización
Es vital establecer que resultados pretende conseguir la organización con la
creación del sitio web.

27
 10.2. PLANIFICACIÓN
(Delgado, akus.net Diseño web, 2014) Todo proyecto posee una fase de
planificación, en ella se deben definir cuáles son los requerimientos técnicos para
este fin, quienes serán los miembros del equipo, seleccionar la estructura, para así
planear un sitio bien organizado.

 Selección de Software y Hardware

En esta etapa se busca determinar los requerimientos en cuanto al software que se
utilizaran para el desarrollo de la aplicación, es decir sistemas operativos,
servidores, editores de diseño, lenguajes de programación, animaciones y otros
componentes; así como de hardware, es decir se debe reservar el dominio y ubicar
el servicio de hospedaje de empresas que se especializan en este servicio.

 Selección del equipo de trabajo

Se debe seleccionar al equipo competente en cada campo de trabajo, con el objetivo
de segmentar el proceso de producción en varias funciones diferenciadas, y
conformar así un equipo web eficiente.

 Benchmarking
Es una manera de detallar, observar y evaluar todas aquellas páginas web
calificadas como las mejores que se encuentran en la red, con la finalidad de diseñar
una forma que permita crear un producto de alta calidad, productividad y
competitividad.

 Estructura de navegación

La estructura de una página web es importante, ya que permitirá al lector visualizar

todos los contenidos de una manera fácil y clara, o provocar en el lector una
sensación de estar perdido, por lo cual no encontrará rápidamente lo que busca y
terminara por abandonar el sitio.

28
 10.3. CONTENIDO
(Delgado, akus.net Diseño web, 2014)

 Definir las necesidades del usuario

De acuerdo a las expectativas encontradas en la etapa de análisis, se deben definir
ahora las necesidades del usuario, sus principales inquietudes y solicitudes para
hacer así que sea más sencillo e intuitivo para el usuario encontrar la informacion
que solicita dentro del sitio web.

 Creación de formularios de acceso

En este punto se crean los formularios de acceso para los usuarios a quienes está
destinada la administración del sitio web, en caso de que sea solicitada de esta
forma el diseño del sitio web.

 Creación de prototipos de páginas

Se crearán posibles diseños para las páginas de primer y segundo nivel a las que
acezara el usuario destino de la página web, y se probará que tan factible es el uso
de cada propuesta para ser implementada.

 Creación de textos y gráficos

Se definirán los textos y gráficos que se mostraran en el sitio web con la finalidad
de brindar al usuario la informacion necesaria y precisa de lo que está buscando en
el Sitio.

10.4. DISEÑO

(Delgado, akus.net Diseño web, 2014) Esta etapa supone un trabajo extenso y
detallado, pesto que abarca no solo la interacción de múltiples elementos, como la

29
tecnología multimedia; si no que abarca también su integración con una estructura
lógica basada en el propósito del sitio.

30
Representando un labor que va más allá de la simple presentación visual de la
informacion.

 Diseño de Formularios y gráficos

En esta etapa se diseñan lo formularios y gráficos finales que servirán como apoyo
visual para el usuario dentro del sitio web.

 Diseño de la estructura
De acuerdo a la estructura que ha sido seleccionada, se diseñara el acceso a cada
uno de los formularios que se diseñaran en esta etapa.

 Diseño de páginas de primer y segundo nivel

Se diseñan las páginas de inicio, menú y submenús a los cuales tendrá acceso el
usuario para navegar dentro la página web.

 Determinar el nivel de usabilidad y accesibilidad

Se evalúa el tiempo esfuerzo y capacidad requeridos por el visitante, para alcanzar
un nivel de adaptación al sistema, por ejemplo el número de pasos necesarios para
lograr una actividad, y al nivel de conocimientos que necesitan los usuarios para el
uso del Sitio web, también hay que tener presente que cada usuario puede contar
con equipos, con navegadores e idiomas distintos, que pueden impedirle apreciar
la aplicación en su totalidad.

10.5. PROGRAMACIÓN

(Delgado, akus.net Diseño web, 2014) Esta etapa corresponde a la utilización de

las herramientas de programación web, para establecer la comunicación entre la
base de datos y la interfaz.

 Determinación de lenguajes de programación

31
 Es primordial seleccionar los lenguajes de programación en los que se desarrollara
el sitio web con la finalidad de crear posteriormente los manuales de usuario y
programador.

 Determinación de páginas estáticas y dinámicas

Se diseñan las páginas estáticas y se programara las páginas con las cuales el
usuario, tendrá la opción de interactuar.

 Programación de la interfaz
Se construyen los programas y códigos que desplegarán el contenido a los usuarios
a través del navegador web. Aquí se establecerá la comunicación entre la base de
daos y la interfaz.

 Analizar la estructura de la BD
Se diseña y se crea la base de daos, de acuerdo a los requerimientos funcionales
que manifestó el solicitante de la aplicación.

10.6. TESTEO
(Delgado, akus.net Diseño web, 2014)

 Comprobación en navegadores
El primer paso de esta fase es también el más importante, comprobar si las
páginas se visualizan de manera correcta en diferentes navegadores, por lo
regular en los más utilizados por los usuarios.

 Detección de vínculos rotos

Es necesario detectar documentos que existen en el sitio pero que no están
conectados a través de vínculos; ellos deben ser reparados o eliminados en caso
de no ser necesario, puesto que ocupan espacio en el servidor y tienden a generar
confusión.

32
  Comprobación de tiempos de descarga
Uno de los puntos clave en el éxito de un sitio web es su rapidez de descarga, en
base a ellos se recomienda un tiempo mínimo de descarga.

 Capacitación del personal administrador del sitio

En esta etapa también los administradores reciben capacitación para el desarrollo
de sus tareas.

10.7. MERCADEO Y PUBLICIDAD

(Delgado, akus.net Diseño web, 2014)

En esta fase se deben realizar los trámites necesarios para implementar el proyecto
y comenzar con la difusión del Sitio web terminado.

 Registro de derechos de autor

Se anexa en el sitio los créditos de los desarrolladores, o un enlace que les permitan
a los usuarios contactarlos.

 Carga del sitio al dominio

Después de definido el nombre del sitio y verificada su disponibilidad, se
transfieren los archivos al servidor FTP, o desde la página del servidor. Se debe
verificar que los archivos estén en su carpeta correspondiente de la web.

 Verificaciones finales
Se hacen pruebas finales en distintos ordenadores con el sitio ya puesto en línea,
se comprueban los tiempos de descarga y se corrobora que los enlaces funcionen
de forma correcta.

33
 PROCEDIMIENTO Y DESCRIPCIÓN DE LAS ACTIVIDADES
REALIZADAS

FASE 1. ANÁLISIS

(Gil Alvarez, 2007, pág. 2) A la hora del desarrollo de un sitio web se debe comenzar por dar
respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar y definir de
manera básica las expectativas existentes en torno a la aplicación web e interacción que se
va a generar.

¿Se necesita realmente el sitio Web?

¿Para qué se necesita el sitio Web?

¿Qué es lo que buscarán los usuarios en el sitio Web?

¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?

¿Qué servicios interactivos se integrarán a través del sitio Web?

¿Con qué recursos se cuenta para el desarrollo del sitio Web?

¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?

¿Qué impacto causará el sitio Web en los usuarios?

34
  Selección de Objetivos
 Recopilar información sobre la casa de la cultura y la región de san juan bautista
Tuxtepec, Oaxaca.
 Establecer los objetivos del proyecto.
 Desarrollar la estructura del trabajo.
 Realizar la definición del alcance del proyecto
 Implementar la interfaz de usuario
 Realizar las pruebas de aceptación.
 Entrega de documentación.
 Entrega formal del proyecto.

 Selección de Usuarios
Está dirigido a la población en general, no está dirigido a una población específica, ya que
pretende alcanzar o influir a cualquier tipo de usuario con el sitio Web.

 Expectativas de Usuario y de la organización

El presente proyecto se realiza con el propósito de facilitar el acceso de la información de

acuerdo a lo servicios que ofrece la casa de la cultura Dr. Víctor Bravo Ahuja, ya que no se
le da la correcta difusión. Esto dará como resultado una mejor respuesta hacía los servicios
que ofrece, así como una manera de que la población tenga acceso a la información
pertinente de san juan bautista Tuxtepec, Oaxaca.

35
FASE 2. PLANIFICACIÓN

Proyecto: Desarrollo de un sitio web y kiosco empleando wordpress para la casa Cultura
Dr. Víctor Bravo Ahuja de San juan Bautista Tuxtepec, Oaxaca.

La duración del proyecto es de 75 días.

36
A continuación se muestra el despliegue de las actividades que abarca cada fase de la
metodología de Ing. Dely Maybel Gil Álvarez S debido a que esta metodología nos ayudara
a cumplir con nuestro objetivo anterior mente planteado.

 Selección de Software y Hardware

Tabla 1 Software y Hardware

Software Hardware

WordPress, Photoshop Laptop Acer Aspire E5-411-C1LB:

Procesador Intel Celeron N2840 (hasta
Plugins:Akismet Anti-Spam,Booking
2.58 GHz), Memoria de 4 GB DDR3,
Calendar WpDevArt, Count Per Day,
Disco Duro 1 TB, Pantalla LED de 14
Formidable Forms, Meta Slider,
One.com themes and plugins, WP Laptop Acer Aspire b-3: Procesador
Maintenance. Intel Celeron N2840 (hasta 2.58 GHz),
Memoria de 4 GB DDR3, Disco Duro 1
TB, Pantalla LED de 14

 Selección del equipo de trabajo

Tabla 2 Roles equipo de trabajo

Jefe de Encargado de la supervisión y control del Joaquin Rafael Pérez

proyecto resto del equipo. Actúa como enlace entre el rodríguez
usuario y los demás miembros
Productor Este se encarga de establecer el aspecto, Joaquin Rafael Pérez
rodríguez
percepción y funcionalidad del sitio.

Editor: Ayuda a establecer y mantener el estilo, Brandon Hernández

además de la integridad del sitio. Delgado
Escritor: Los escritores deben interesarse por los Joaquin Rafael Pérez
detalles técnicos y la incorporación al rodríguez
desarrollo

37
Diseñador Desarrolla las bases de datos que gestiona Brandon Hernández
de bases de Delgado
el sitio Web, se ocupa de definir sus
datos:
relaciones.

Diseñador Trabajar en conjunto con el diseñador de Brandon Hernández

de scripts:base de datos Delgado
Diseñador Se encarga de crear los archivos visuales del Brandon Hernández
Gráfico: sitio, también puede encargarse de la Delgado
creación de los archivos de sonido y de
película.
Técnico de Configura, prueba, opera y mantiene las Joaquin Rafael Pérez
Hardware: rodríguez
computadoras, impresoras y máquinas
necesarias para la ejecución y
mantenimiento del sitio.

 Benchmarking

Ilustración 2 sitio web muestra

Ilustración 3 sitio web muestra 2

38
  Estructura de navegación

ORGANIGRAMA DEL MENU

La estructura de una página web es importante, ya que permitirá al lector visualizar todos
los contenidos de una manera fácil y clara, o provocar en el lector una sensación de estar
perdido, por lo cual no encontrará rápidamente lo que busca y terminara por abandonar el
sitio.

Inicio

¿quienes
servicios talleres cartelera contacto
somos?

mision y
auditorio Danza
vision

biblioteca musíca

pintura y artes
cafetería
plasticas

sala
audiovisual

sala de juntas

39
FASE 3. CONTENIDO

Nos vimos en la tarea de checar la información que nos proporcionaron, para delimitar
que si iba entrar el sitio web. Para terminar con los temas más relevantes que fueron:

SERVICIOS

 AUDITORIO
 BIBLIOTECA
 SALA AUDIOVISUAL
 SALA DE JUNTAS
 GALERIA

TALLERES

 DANZA
 MÚSICA
 PINTURA Y ARTES PLÁSTICAS

CARTELERA

CONTACTO

40
Ilustración 4 Información del sitio web

Ilustración 5 Información talleres

41
FASE 4. DISEÑO
De acuerdo a las caracterizas que el cliente nos pidió, realizamos en siguiente
bosquejo

Ilustración 6 maqueta AXURE

Ilustración 7 Maqueta Axure

42
Escogimos la platilla siguiente entre las que nos ofrecía one.com, porque cumplía con
las características necearías para realizar el proyecto.

Yoga Instructor Versión: 0.2.0 Por One.com

Ilustración 8 Yoga Instructor Versión: 0.2.0

Se ajustó al diseño del bocetó

Ilustración 9 Yoga Instructor Versión: 0.2.0 ya modificada

43
 FASE 5. PROGRAMACIÓN
1.- Continuamos con la instalación de ingresamos al panel de control de One.com y
dimos clic en click de WordPress y click en Nueva

Ilustración 11 Panel de control de One.com Ilustración 10 panel de control de One.com 2

2.-selecionamos el idioma y la ubicación, Haga clic en Continuar, Introducimos los

datos de contacto.

Ilustración 13 Instalación WordPress paso 2

Ilustración 12 Instalación WordPress

44
3.- seleccionamos la platilla que cubría mejor las necesidades del sitio web.

Ilustración 14 Panel WordPress

4.- La configuración del sitio Encabezado

 Pie de página
 Tipografía
 Disposición
 Redes sociales
 Gama de colores
 Avanzado
 Importar
 Familias de fuentes

Ilustración 15 configuración de la platilla

45
Ilustración 16 Tipografía

Ilustración 17 •Disposición

46
4.- plugins que instalados.

Visual Composer Website Builder

Para la edición de las paginas usamos el plugin Visual Composer Website Builder
agrega un tipo de contenido personalizado para almacenar, etiquetar y categorizar
contenido descargable externo a las publicaciones y páginas estándar de
WordPress. Puede agregar archivos PDF descargables, documentos de Word y
presentaciones de PowerPoint. Estos archivos se almacenarán en el directorio
estándar de carga de WordPress, pero se administrarán por separado a través de una
interfaz de tipo de publicación personalizada en el área de administración de
WordPress.

Ilustración 18 Visual Composer Website Builder Galeria

47
 Ilustración 19 Visual Composer Website Builder ingresar texto

Ilustración 20 Visual Composer Website Builder opciones

TablePress

TablePress le permite crear y administrar fácilmente hermosas tablas. Puede insertar

las tablas en publicaciones, páginas o widgets de texto con un Shortcode simple. Los
datos de la tabla se pueden editar en una interfaz tipo hoja de cálculo, por lo que no
es necesaria ninguna codificación.

Ilustración 21 TablePress

48
Formidable Forms

Es un complemento de formulario de WordPress flexible y gratuito. Cree fácilmente

formularios de contacto, sondeos y encuestas, formularios de generación de
prospectos, formularios de correo electrónico y cualquier otra forma que
imagine. Comience con una plantilla de formulario de contacto preconstruido o cree
formularios totalmente personalizados.

Ilustración 22 Formidable Forms

49
WP Maintenance

El complemento de mantenimiento de WP le permite poner su sitio web en el tiempo

de espera para que realice el mantenimiento o inicie su sitio web.

Ilustración 23 WP Maintenance

50
FASE 6 TESTEO
Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio
Web con usuarios que vayan a utilizar el sitio:

4.1 PRUEBA EN GOOGLE CHROME

Página de inicio

Ilustración 24 GOOGLE CHROME - Página de inicio

Menú

Ilustración 25 GOOGLE CHROME- Menu principal

51
Galería

Ilustración 26 GOOGLE CHROME- Galeria

4.2 PRUEBA INTERNET EXPLORER

Página de inicio

Ilustración 27 INTERNET EXPLORER Página de inicio

52
Menú

Ilustración 28 INTERNET EXPLORER- Menú

Galería

53
Ilustración 29 INTERNET EXPLORER - Galeía

4.3 PRUEBA MOZILLA FIREFOX

Página de inicio

Ilustración 30 MOZILLA FIREFOX - Página de inicio

54
Menú

Ilustración 31 MOZILLA FIREFOX - Menú

Galería

Ilustración 32 MOZILLA FIREFOX - Galeía

55
FASE 7. MERCADEO Y PUBLICIDAD
Después de comparar preciosos de proveedores de hosting y dominio con el cliente
optamos por one.com adquiriendo el siguiente paquete:

Ilustración 33 Paquetede one.com

56
RESULTADOS

57
 ACTIVIDADES SOCIALES REALIZADAS EN LA
EMPRESA U ORGANIZACIÓN.
Mantenimiento preventivo

Realizamos las siguientes tareas con las pc que lo necesitaban:

 Desfragmentar los discos duros

 Realizar respaldos de los datos almacenados.
 Instalar las actualizaciones de seguridad del sistema operativo.
 Mantener nuestras aplicaciones actualizadas.
 No instalar software inestable o de dudosa procedencia.
 Navegar la web de manera responsable.
 Limpiar nuestros datos de navegación cada cierto tiempo.
 Instalar alguna herramienta antimalware y hacer un scan periódicamente.
 Administrar los programas que inician con el sistema y remover los que sean
innecesarios.
 Vaciar la papelera de reciclaje.

Redacción de documentos oficiales de la organización y corresion de fallos en el

internet.

58
CONCLUSIONES

59
RECOMENDACIONES

60
EXPERIENCIA PERSONAL PROFESIONAL ADQUIRIDA

61
 COMPETENCIAS DESARROLLADAS Y/O APLICADAS
PROG. WEB

TEC. WEB

TALLER DE INV. II

62
 FUENTES DE INFORMACION
Alicante, u. d. (2015). R.u.a_. Obtenido de R.u.a_:
https://rua.ua.es/dspace/bitstream/10045/54704/3/ci2_basico_2015-
16_Navegadores.pdf

Castillo, C. (2016). Tejedores de la red. Obtenido de Tejedores de la red:

http://tejedoresdelweb.com/wiki/images/7/71/Basesdatos_teo2_sistemas_db.p
df

Castillo, M. G. (2005). mixteco.utm.mx. Obtenido de mixteco.utm.mx:

http://mixteco.utm.mx/~resdi/historial/materias/IPv4.pdf

Centro de Apoyo Tecnológico a Emprendedores, F. P. (13 de 07 de 2015). bilib.

Obtenido de bilib:
https://www.bilib.es/fileadmin/estudio_sistemas_gestion_contenidos_web_cms
.pdf

Delgado, I. H. (11 de 03 de 2014). akus.net Diseño web. Obtenido de akus.net Diseño

web: https://disenowebakus.net/metodologia-para-la-creacion-de-sitios-
web.php

Delgado, I. H. (21 de 06 de 2014). akus.net Diseño web. Obtenido de akus.net Diseño

web: https://disenowebakus.net/historia-de-los-navegadores.php

Delgado, I. H. (13 de 03 de 2016). akus.net Diseño web. Obtenido de akus.net Diseño

web: https://disenowebakus.net/cms-sistema-de-administracion-de-
contenidos.php

García, A. A. (Diciembre de 2007 ). Repositorio Digital de la Universidad Politécnica

de Cartagena. Obtenido de Repositorio Digital de la Universidad Politécnica de
Cartagena:
http://repositorio.upct.es/bitstream/handle/10317/179/pfc2475.pdf?sequence=1

63
Garcia, J. (9 de MAYO de 2011). DI departamento de internet . Obtenido de DI
departamento de internet : https://www.departamentodeinternet.com/que-es-
un-cms-y-que-ventajas-tiene/

Masip, D. (19 de julio de 2015). DesarrolloWeb.com. Obtenido de DesarrolloWeb.com:

https://desarrolloweb.com/articulos/840.php

oracle. (2014). oracle. Obtenido de oracle: https://docs.oracle.com/cd/E19593-

01/E22994/gizfh.html

Rómmel, F. (12 de julio de 2007). SG Buzz. Obtenido de SG Buzz:

https://sg.com.mx/revista/17/sqlite-la-base-datos-embebida#.WiiV_kqWbIU

SALAS, K. (12 de Agosto de 2015). Power Data. Obtenido de Power Data:

https://blog.powerdata.es/el-valor-de-la-gestion-de-datos/bid/406547/tipos-y-
funci-n-de-los-gestores-de-bases-de-datos

Sánchez, J. (2004). cartagena99. Obtenido de cartagena99:

http://www.cartagena99.com/recursos/programacion/apuntes/mysql.pdf

Torres, P. (14 de abril de 2013 ). roluro.com. Obtenido de roluro.com:

http://roluro.com/geeks-y-mas/dominio-hosting-y-sus-caracteristicas/

Vallejos, I. O. (s.f.). ing.unne.edu.ar. Obtenido de ing.unne.edu.ar:

http://ing.unne.edu.ar/pub/internet.pdf

Zamora, L. C. (2014). uaeh. Obtenido de uaeh:

https://www.uaeh.edu.mx/docencia/P_Presentaciones/prepa3/Presentaciones
_Enero_Junio_2014/Definicion%20de%20Internet.pdf

64
o

ANEXOS
ANEXO A
Entrevista

1. ¿Se necesita realmente el sitio Web?

2. ¿Para qué se necesita el sitio Web?

3. ¿Qué es lo que buscarán los usuarios en el sitio Web?

4. ¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?

5. ¿Qué servicios interactivos se integrarán a través del sitio Web?

6. ¿Con qué recursos se cuenta para el desarrollo del sitio Web?

7. ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?

8. ¿Qué impacto causará el sitio Web en los usuarios?

65
ANEXO B
CRONOGRAMA

66