DESARROLLO DE UNA TIENDA ONLINE RESPONSIVA DEDICADA A VENTAS DE

PLANTILLAS WEB PARA PYME A TRAVÉS DE FRAMEWORK LIBRE

INTRODUCCIÓN
La revolución tecnológica nos ofrece muchas herramientas para divulgar la
información y ofrecer servicios de forma eficaz; la creación de una tienda online,
en este caso para vender plantillas web a empresas PYME. En la actualidad, es
necesario que la información sea procesada y almacenada de una forma efectiva
para agilizar los procesos de inscripción y así lograr un control integral de estas
actividades.

El diseño y desarrollo de un Sistema de Información Web que sirva para la venta

de plantillas web, que cubrirá las necesidades de empresas que las compren. Las
tecnologías de información y comunicación ofrecen una gran oportunidad para el
desarrollo y el avance de empresas, que traen múltiples aportes a los diversos
sectores de la sociedad. Estas tecnologías permiten la interacción a distancia de
actores, el procesamiento y almacenamiento de grandes cantidades de datos. En
síntesis, estas tecnologías son herramientas valiosas en la gerencia y el control
empresarial e institucional.

PLANTEAMIENTO DEL PROBLEMA

En la actualidad tanto las grandes, medianas y pequeñas empresas desean
cumplir las necesidades de sus consumidores, para ello requieren un anuncio para
su marca, ya que no tienen ningún conocimiento de marketing sobre este método,
no saben el costo beneficio y deciden ahorrar dinero en la realización de dicho
medio porque no saben los resultados de esta nueva manera de información y no
están enterados de nuevas multiplataforma.

Por otro lado, las empresas también pueden crear sus páginas en Facebook y
ahorrarse algo de dinero con un sitio web, ya sea con el dominio, en la realización
del diseño, etc. Existen ventajas y desventajas sobre lo mencionado
anteriormente, las cuales se mostrarán a continuación.
Crear una página en Facebook y hacerla pública es gratis, la desventaja es que
solo se expendería en esa red social, en cambio sí se realiza una página web está
abierto a más funciones de control y de diseño, sin embargo, esta es de pago ya
que es necesario tener un dominio y un host para que la pagina sea publica y los
usuarios puedan acceder sin problemas.

Las páginas de Facebook son algo difíciles de mantener en funcionamiento ya que

hay que acoplarse a los términos y condiciones del espacio que te presentan para
que alojes tu contenido. Al final, Facebook es una plataforma que no tiene costo
para utilizar y, aunque lo tuviera, siempre existirán políticas a respetar; de lo
contrario, te darán ban, es decir, es un término que Facebook utiliza para dar de
baja al usuario de dicha cuenta. Lo mejor, será respetar.

Uno de los beneficios que se tienen al tener alojado un sitio web en un hosting en
la nube, es que el administrador del sitio web tiene un control total sobre los
contenidos que se muestran, es decir, texto, imágenes, videos, anuncios, entre
otros. Asimismo, el disponer de un hosting con dominio propio de una empresa les
dará identidad y confianza a los clientes. Por otro lado, el sitio web estará
disponible las 24 horas del día del año, brindando una atención continua y estable
a los usuarios de la misma, con lo cual se garantiza la confiabilidad de servicio.

Por otro lado, en Facebook no tienes espacios para vender y que gente externa a
la página se anuncien en tu muro, por lo tanto, no hay ganancia alguna de tu
página de Facebook. Sin embargo, sí es posible configurar una tienda online
dentro de tu página de Facebook, todo dentro de ella o redirigiendo a los usuarios
a un sitio externo si lo prefieres. También es posible integrar una sección de
ventas a través de herramientas como Shopify. Por otra parte, siempre podrás
hacer publicidad de tu oferta comercial: gastar dinero para ganar dinero.

Además, se pueden vender espacios publicitarios en el sitio web, ya sea de

manera directa o mediante plataformas como Google AdSense, es una de las
muchas formas en las que puedes ganar dinero de tu sitio en Internet. También,
puedes montar tu eCommerce y vender de manera directa a los usuarios.
JUSTIFICACIÓN
En la actualidad la utilización del internet a aumentado para satisfacer la
necesidad de intercambiar Bienes y Servicios. Las empresas de consumo masivo
se han volcado rápidamente a internet y utilizan sus herramientas, como sitios
web, redes sociales, email marketing, Google Adwords, entre otras, para mostrar y
comercializar sus productos. Esta práctica se denomina Marketing Digital, y en la
actualidad es un tema absolutamente relevante al escenario de negocios.
(Marcelo, Martínez).

Sin embargo, las empresas que sus productos o servicios van dirigidos hacia otras
empresas, las B2B (Bussines to Bussines); que encuadran en la clasificación de
Pyme, hoy no cuentan con una marcada participación en Internet, motivo por el
cual me parece relevante analizar y evaluar los resultados obtenidos de la
aplicación de un plan de marketing digital. El plan fue desarrollado para la
empresa propuesta para esta investigación. (Marcelo, Martínez).

Se pondrá especial recaudo para que la pyme propuesta pueda elegir el perfil de
la audiencia a la cual va dirigida su publicidad, sus datos demográficos,
preferencias y costumbres de su público específico. De forma tal que la publicidad
sea efectiva y los costos gestionables por la pyme. (Marcelo, Martínez).

Nosotros nos dedicamos a satisfacer estas necesidades construyendo dichas

páginas web y vendérselas a las empresas o también otorgamos plantillas a
personas con trabajos independientes.

En los últimos años, las tiendas online se han popularizado mucho debido a que
hay mucha gente creativa la cuales quieren vender sus proyectos realizados,
nosotros somos unos de ellos.

OBJETIVO GENERAL
Desarrollar una tienda online responsiva dedicada a ventas de plantillas web para
PYME a través de Framework libre.
OBJETIVOS ESPECÍFICOS
Analizar datos basado en recolección de requisitos en fuentes fidedignas.

Diseñar diagramas que permiten modelar la abstracción de la aplicación.

Implementar la aplicación por medio de tecnologías de vanguardia basado en

Frameworks libres.

Testear la aplicación basado en técnicas de ingeniería de software.

METODOLOGÍA
El desarrollo de sitios web es una tarea de ingeniería que requiere de una
metodología para realizarse de una forma más adecuada. Existen varios
planteamientos. Considero que la siguiente metodología basada en Luján S.
(2002) nos puede servir para comenzar a desarrollar sitios web fácilmente.

1.- Análisis de requerimientos.

El proceso de análisis de requerimientos refina, modela, especifica y verifica las
solicitudes de usuario, y con ello genera documentos base para la ejecución de los
procesos siguientes.

 Especificaciones del sitio. ¿Qué se desea hacer? ¿Cómo desea que se

visualice? ¿En cuánto tiempo desea ver resultados?
 Contenido. ¿Qué se va a vender? ¿Tiene imágenes, fotografías o
documentos que el sitio debe incorporar?
 Objetivos. Redacte formalmente cuál será su objetivo general, escriba tres
o cuatro objetivos específicos.
 Público destino. Estudie hacia quién va dirigido el sitio, qué edades tiene,
qué le gusta, qué necesita, etc.
 Inversión prevista. De cuánto dinero y recursos dispone para realizar el
sitio.
2.- Arquitectura y tecnología
 Infraestructura. ¿Utilizará servidor propio, hosting, servidor dedicado o
alguna solución cloud? ¿Qué ancho de banda necesitará?
 Tecnología web. Considere si está realizando un sitio estático o dinámico.
En cualquier caso, ¿qué tecnologías web utilizará? ¿Qué gestor de base de
datos se usará?

3.- Diseño de la estructura lógica y física del sitio.

 Elabore un diseño (mockup) del sitio que incluya: Página inicial, menú de
navegación, secciones de la página, esquema de autenticación, entre otros.
 Estructura física (carpetas y archivos). ¿Qué carpetas y archivos utilizará?
¿Seguirá un esquema parecido a la estructura lógica o será diferente?

4.- Creación de contenidos.

 Defina el texto que aparecerá en cada sección del sitio (si este es tomado
de una base de datos, entonces incluye la creación y alimentación de la
base de datos).

5.- Diseño gráfico

 Colores. Elija y especifique la paleta de colores que utilizará. Elija 4
colores, escriba sus nombres, códigos (RGB, Hexadecimal), y el orden (1
es el color principal, etc).
 Tipografía. Indique la fuente y familia de fuentes que utilizará, y el tamaño
por defecto que utilizará en los párrafos.
 Otros elementos. Indique el estilo de botones, los logotipos, iconos,
ilustraciones y demás elementos gráficos que posiblemente empleará.

6. Creación de las páginas estáticas.

Los sitios Web estáticos son aquellos sitios enfocados principalmente a mostrar
una información permanente, donde el navegante se limita a obtener dicha
información, sin que pueda interactuar con la página Web visitada, las Web
estáticas están construidas principalmente con hipervínculos o enlaces (links)
entre las páginas Web que conforman el sitio, este tipo de Web son incapaces de
soportar aplicaciones Web como gestores de bases de datos, foros, consultas
online, e-mails inteligentes.

7. Creación de las páginas dinámicas.

Las páginas web dinámicas son aquellas en las que la información presentada se
genera a partir de una petición del usuario de la página. Contrariamente a lo que
ocurre con las paginas estáticas, las que su contenido se encuentra
predeterminado, en las páginas dinámicas la información aparece inmediatamente
después de una solicitud hecha por el usuario.

8. Verificación del funcionamiento del sitio.

 Prueba de Conexión con la base de datos,
 Verificación de enlaces rotos, y recursos empleados. Todos los enlaces
deben ser funcionales, todas las imágenes deben cargar adecuadamente,
así como el resto de recursos.
 Prueba del sitio en diferentes navegadores.
 Análisis de tiempo de carga y rendimiento.

PRESUPUESTO
¿Qué debo comprar para tener mi página web?

#1 Nombre de dominio

En la creación de tu sitio web una de las bases debe ser tu nombre de dominio,
simplemente no hay otra opción, debes comprar tu nombre de dominio, si es que
tu proyecto es serio. Los dominios se pagan de forma anual, por lo que no es una
inversión tan fuerte; un dominio no debe costar más de $400 MXN anuales.

Puesto que un nombre de dominio es una necesidad para la salud y la

supervivencia de tu sitio web. Los gastos externos como la publicidad, o costos de
diseño, pueden olvidarse, pero el nombre de dominio es algo obligatorio; la regla
de oro es no iniciar un sitio web sino tienes un nombre de dominio para él.
Los sitios web que no tienen un nombre de dominio, se debe a que están alojados
en servidores web gratuitos, uno de los peores errores que se puede cometer es
usar uno de estos servicios gratuitos

Además, muchos de estos servidores gratuitos, al ver que tu página es muy

popular, es decir que tu página recibe mucho tráfico, es muy visitada, te mandan
un e-mail diciéndote que ahora debes pagar por los servicios, y pueden ponerte
el precio que ellos gusten, ya que tu no querrás perder tu página web, pueden
cobrarte una cantidad extraordinaria, y no te queda nada más que pagar o
cancelan tus cuentas. Por lo que tener una página web en un servidor gratuito es
una idea muy mala.

#2 ¿Cuánto cuesta un servidor para mi página web?

Supongamos que elegiste el dominio que deseas, ya hiciste la contratación y

ahora necesitas un servidor o hosting, en este se alojará toda la información de tu
página web, entonces necesitas un muy buen servidor, los hostings los puedes
encontrar desde los 300 MXN a los 1000 MXN en el primer año (Hosting
compartido), estos servidores son muy comunes.

Una de las ventajas de contratar con una empresa de diseño de páginas web en
México, es que ellos te regalan el dominio .com o.com.mx (los más comunes) y el
hospedaje de tu sitio web durante el primer año, esto implica para ti un ahorro de
casi 1500MXN- 2000 MXN.

#3 Costos de un mantenimiento estándar

El mantenimiento de tu página web en WordPress es algo que puedes hacer tú

mismo o en algunos casos lo puede realizar por ti la empresa que contrates
experta en diseño de páginas web.

El precio puede cobrarse de manera mensual o anual y el costo ira en función de

que tan seguido tu actualices tu sitio web. El costo puede ir entre 4,000 MXN –
10,000 MXN Anuales (Ojo: este precio no es definitivo, pero puede darte una idea
de cuanto pagaras, lo recomendable es acudir con una empresa de diseño web).
Por otra parte, si las actualizaciones los haces tú solo es seguro que puedas
ahorrar bastante cuando de actualizaciones sencillas se trata, si necesitas un gran
mantenimiento entonces tengo que recomendarte lo hagas en compañía de un
profesional.

[piopialo vcboxed=”1″]Los expertos cobran poco y mantendrán al pie del cañón tu

página web[/piopialo]

el cobro depende del tamaño de tu sitio.

Si ves los totales, la inversión que harás para la creación de tu página web en
WordPress no es tanto viendo el retorno de inversión que tendrás.

Recapitulando un poco, entonces debes invertir en:

 Dominio

 Servidor o Hosting

 Temas

 Seguridad

 Mantenimiento

¿Cuánto cuesta una página web Sencilla o Profesional?

Si tu sitio será relativamente pequeño y tomando decisiones correctas una página

web sencilla en WordPress te puede costar de entre $4,000 MXN – 5500 MXN y
una página web profesional puede rondar entre los $6,000 MXN a $15,000 MXN
de primera inversión y no olvides que también qué pasado un año se te cobrará el
refrendo de tu sitio web sencillo o profesional que puede ir entre el 40% de lo que
pagaste de un inicio, si tu presupuesto es mucho menor también es posible crear
tu página por menos de $3,000 MXN, no olvides dividirlo por los 12 meses y te
aseguro que gastas más cada que vas al cine o a bailar.

Conclusiones
Por lo tanto, si de plano crees que necesitas la ayuda de expertos en el tema de
creación de páginas web en WordPress, Linmago Agencia de Marketing Digital
tiene a los mejores diseñadores y desarrolladores para exponer tu marca en
Internet.

MARCO TEÓRICO
PLANTILLA WEB
El termino plantilla web es fundamental al momento de crear una página web. Las
plantillas web proporcionan las estructuras de nuestros sitios, en una explicación
sencilla, lo que hacen es que nosotros diagramamos solamente una vez nuestro
sitio y esta plantilla podrá ser repetida en cuantas páginas necesitemos, sin
necesidad de empezar desde 0 nuestro sitio cada vez que agreguemos una nueva
página a él.

Mediante Photoshop no podremos realizar una página web ya que el uso de este
potente software nos puede servir para dibujar un sitio en él, y después recortando
las secciones migramos esas partes al código de programación o sea al HTML. La
forma para poder realizar las plantillas web es a través de un archivo llamado PSD
y en la imagen que guardamos será la que se divida en varias secciones,
posteriormente a un archivo HTML deberemos exportar las partes.

Una vez que hemos exportado estas partes necesitaremos algún programa de
edición de páginas web como ser Dreamweaver o el programa que sea de su
preferencia para poder empezar a trabajar con las plantillas web.

DOMINIO WEB:
Dominio de Internet es un nombre único que identifica a una subárea de Internet.
El propósito principal de los nombres de dominio en Internet y del sistema de
nombres de dominio (DNS), es traducir las direcciones IP de cada activo en la red,
a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que
cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la
Internet, aun cuando el cambio implique que tendrá una dirección IP diferente.
Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían
que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo,
sería necesario utilizar http://172.217.10.110/ en vez de http://google.com).
Además, reduciría el número de webs posibles, ya que actualmente es habitual
que una misma dirección IP sea compartida por varios dominios.

HOST:
Un host o anfitrión es un ordenador que funciona como el punto de inicio y final de
las transferencias de datos. Más comúnmente descrito como el lugar donde reside
un sitio web. Un host de Internet tiene una dirección de Internet única (dirección
IP) y un nombre de dominio único o nombre de host.

El término host también se utiliza para referirse a una compañía que ofrece

servicios de alojamiento para sitios web.

PÁGINA WEB:
Una página web, o página electrónica, página digital, o ciber página es
un documento o información electrónica capaz de contener texto, sonido, vídeo,
programas, enlaces, imágenes y muchas otras cosas, adaptada para la
llamada World Wide Web (WWW) y que puede ser accedida mediante
un navegador web. Esta información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar acceso a otras páginas web
mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos
como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales,
entre otros.

Las páginas web pueden estar almacenadas en un equipo local o en un servidor

web remoto. El servidor web puede restringir el acceso únicamente a redes
privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en
la World Wide Web. El acceso a las páginas web es realizado mediante una
transferencia desde servidores, utilizando el protocolo de transferencia de
hipertexto (HTTP).
TIENDA ONLINE:
Una tienda en línea (también conocida como tienda online, tienda virtual o tienda
electrónica) se refiere a un tipo de comercio que usa como medio principal para
realizar sus transacciones un sitio web o una aplicación conectada a Internet. En
países de Latinoamérica es común utilizar el anglicismo "e-shop".

Los vendedores de productos y servicios ponen a disposición de sus clientes una

página web (o aplicación informática) en la que se pueden observar imágenes de
los productos, leer sus especificaciones y finalmente, adquirirlos.

Este servicio le da al cliente rapidez en la compra, la posibilidad de hacerlo desde

cualquier lugar del mundo y a cualquier hora del día. Algunas tiendas en línea
incluyen dentro de la propia página del producto los manuales de usuario de
manera que el cliente puede darse una idea de antemano de lo que está
adquiriendo. Igualmente, muchas tiendas en línea ofrecen a los compradores la
posibilidad de calificar y evaluar el producto. Estas valoraciones se pueden llevar a
cabo a través de la propia página o a través de aplicaciones de terceros, estando
siempre visibles para cualquier visitante de la web.

Típicamente estos productos se pagan mediante tarjeta de crédito, servicios de

pagos como PayPal y más recientemente bitcoin, para posteriormente enviarlos al
cliente por correo o agencia de transporte, aunque según el país y la tienda puede
haber otras opciones, como recoger en la tienda, la transferencia bancaria o el
pago contra reembolso (pago en destino al recibir el pedido). Este último suele
llevar asociada una comisión en la mayor parte de las tiendas en línea que lo
ofrecen. También suelen ofrecerse métodos de pago alternativos más actuales
cómo la transferencia directa bancaria que ofrecen las soluciones Sofort o Trustly,
así como los sistemas que permiten realizar los pagos a plazos como
Pagamastarde o Aplázame. La inmensa mayoría de tiendas en línea requieren la
creación de un usuario en el sitio web a partir de datos como nombre, dirección y
correo electrónico. Este último a veces es utilizado como medio de validación.
WordPress:
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
regenera

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. En marzo de 2019 era usado por el
33,4 % de todos los sitios en Internet y un 60,3 % de todos los sitios basados en
gestores de contenido (CMS).

SERVIDOR WEB:
El servidor web se ejecuta en un ordenador manteniéndose a la espera de
peticiones por parte de un cliente (un navegador web) y responde a estas
peticiones adecuadamente, mediante una página web que se exhibirá en el
navegador o mostrando el respectivo mensaje si se detectó algún error. A modo
de ejemplo, al teclear www.wikipedia.org en nuestro navegador, este realiza una
petición HTTP al servidor de dicha dirección. El servidor responde al cliente
enviando el código HTML de la página; el cliente, una vez recibido el código, lo
interpreta y lo exhibe en pantalla. Como vemos con este ejemplo, el cliente es el
encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los
colores y la disposición de los textos y objetos de la página; el servidor tan sólo se
limita a transferir el código de la página sin llevar a cabo ninguna interpretación de
la misma.

Además de la transferencia de código HTML, los servidores web pueden entregar

aplicaciones web. Estas son porciones de código que se ejecutan cuando se
realizan ciertas peticiones o respuestas HTTP. Hay que distinguir entre:

Aplicaciones en el lado del cliente: el cliente web es el encargado de ejecutarlas

en la máquina del usuario. Son las aplicaciones tipo Java "applets" o Javascript: el
servidor proporciona el código de las aplicaciones al cliente y este, mediante el
navegador, las ejecuta. Es necesario, por tanto, que el cliente disponga de un
navegador con capacidad para ejecutar aplicaciones (también llamadas scripts).
Comúnmente, los navegadores permiten ejecutar aplicaciones escritas en
lenguaje Javascript y Java, aunque pueden añadirse más lenguajes mediante el
uso de Plugins.

Aplicaciones en el lado del servidor: el servidor web ejecuta la aplicación; ésta,

una vez ejecutada, genera cierto código HTML; el servidor toma este código recién
creado y lo envía al cliente por medio del protocolo HTTP.

Las aplicaciones de servidor muchas veces suelen ser la mejor opción para
realizar aplicaciones web. La razón es que, al ejecutarse ésta en el servidor y no
en la máquina del cliente, este no necesita ninguna capacidad añadida, como sí
ocurre en el caso de querer ejecutar aplicaciones Javascript o Java. Así pues,
cualquier cliente dotado de un navegador web básico puede utilizar este tipo de
aplicaciones.

El hecho de que HTTP y HTML estén íntimamente ligados no debe dar lugar a
confundir ambos términos. HTML es un lenguaje de marcas y HTTP es un
"protocolo".
CRONOGRAMA DE ACTIVIDADES