Diseño Desarrollo de Página Web

Jezz Agente Aduanal

Marzo 2022
Versión 2
Tabla de Contenido
Tabla de Contenido ..................................................................................................................................................... 2
Acerca de Advantel ..................................................................................................................................................... 3
Productos y Servicios .................................................................................................................................................. 3
Mejoras Practicas de Gestión Operativa ..................................................................................................................... 3
Acerca de los aspectos técnicos del proyecto ............................................................................................................. 4
SCRUM - Metodología de desarrollo de software ágil ............................................................................................ 4
¿Qué es una Custom Web App? ............................................................................................................................. 4
¿Qué es un API? ...................................................................................................................................................... 5
¿Qué es un dashboard? .......................................................................................................................................... 5
¿Qué son los Stack de Desarrollo? .......................................................................................................................... 5
Vue.js .................................................................................................................................................................. 6
Ruby on Rails ...................................................................................................................................................... 6
Sidekiq ................................................................................................................................................................ 6
PostgreSQL ......................................................................................................................................................... 6
Redis ................................................................................................................................................................... 6
Metodología de Proyectos a Utilizar ...................................................................................................................... 7
El Requerimiento .................................................................................................................................................... 7
Condiciones Técnicas Operativas de la Propuesta.................................................................................................. 7
Elementos operativos a considerar .................................................................................................................... 7
Aspectos no Contemplados en la Propuesta ...................................................................................................... 8
Entregables adicionales ...................................................................................................................................... 8
Cronograma ................................................................................................................................................................ 9
Propuesta Económica ................................................................................................................................................. 9
Condiciones Comerciales ........................................................................................................................................ 9

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 2
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve
Acerca de Advantel
Somos una corporación Latinoamericana, con presencia en EE. UU, México, Panamá, Colombia, Venezuela,
Ecuador y Perú, dedicada ofrecer servicios y soluciones de tecnología, telecomunicaciones y desarrollo de
software mediante la integración de la visión del negocio de nuestros clientes y la perspectiva tecnológica actual,
apoyados en procesos, metodologías y herramientas de gestión para la entrega de resultados eficaces
fundamentados en el conocimiento de nuestro personal altamente capacitado y certificado.

Nuestra metodología de desarrollo aprovecha el poder de la Inteligencia Artificial, el procesamiento de BIG Data
y la integración de soluciones a la medida para mejorar la eficiencia en los procesos tecnológicos de nuestros
clientes, con la meta de lograr que sean más efectivos, organizados, competitivos, eficientes en costos y alcancen
sus objetivos de negocio.

Productos y Servicios
Contamos con una estructura dirigida por Gerentes y Lideres, quienes en conjunto con sus equipos de trabajo
brindan servicio y ofrecen soluciones a nuestros clientes. Nuestro capital humano forma parte de la ventaja
competitiva de la empresa, integrándose y capacitándose constantemente para estar a la vanguardia del
mercado.

Como parte de nuestra estrategia de integración de servicios especializados, nos unimos a la red de socios de
negocios de las principales empresas de tecnología en las áreas de tecnología y telecomunicaciones, las cuales
han certificado nuestra experiencia y conocimiento en sus productos y servicios.

Nuestras líneas de Productos incluyen:

• Desarrollo de Software con especial soporte en tecnologías de Internet of things (IOT), Big Data e
Inteligencia artificial
• Redes, infraestructura y sistemas avanzados.
• Comunicaciones Unificadas y telefonía IP.
• Hardware, Software e integración de Soluciones

Mejoras Practicas de Gestión Operativa

Nuestra Oficina de Gestión de Proyectos basa sus procesos en El Project Management Institute (PMI®) el cual una
organización internacional sin fines de lucro que asocia a profesionales con el principal objetivo de:
• Formular estándares profesionales en Gestión de Proyectos.
• Generar conocimiento a través de la investigación.
• Promover la Gestión de Proyectos como profesión a través de sus programas de certificación.

Por otro lado, nuestro servicio Post Venta basa su estrategia operativa en la Librería de Infraestructura de
Tecnologías de Información (ITIL por sus siglas en inglés), como camino seguro para lograr nuestro objetivo de
que las Tecnologías de Información estén organizadas y alineadas con la estrategia del negocio.

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 3
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve
Acerca de los aspectos técnicos del proyecto

SCRUM - Metodología de desarrollo de software ágil

La Metodología Scrum es un marco conceptual de colaboración que utiliza una mentalidad ágil para desarrollar,
entregar y mantener productos complejos, con un énfasis inicial en el desarrollo de software.

En Scrum se realizan entregas parciales y regulares del producto final, priorizadas por el beneficio que aportan
al receptor del proyecto. Por ello, Scrum está especialmente indicado para proyectos en entornos complejos,
donde se necesita obtener resultados pronto, donde los requisitos son cambiantes o poco definidos, donde la
innovación, la competitividad, la flexibilidad y la productividad son fundamentales.

Está diseñado para que los equipos dividan su trabajo en objetivos que se pueden completar en iteraciones de
tiempo eficiente, llamadas sprints, que por lo general son de Dos Semanas.

El equipo Scrum evalúa el progreso en reuniones diarias de 15 minutos o menos, llamadas scrums diarios. Al final
del sprint, el equipo lleva a cabo dos reuniones más: la revisión del sprint, que demuestra el trabajo realizado a
las partes interesadas para obtener comentarios, y la retrospectiva del sprint, que permite al equipo reflexionar
y mejorar.

¿Qué es una Custom Web App?

Un Custom Web App o desarrollo de una aplicación web a medida tiene como objetivo una presencial digital
diferenciadora en el mercado, con un diseño web e imagen de marca notable, específico y personalizado y con
procesos y funcionalidades adaptadas a la organización, aportando valor no solo a los clientes online, sino
tambiéna la organización a través de herramientas digitales.

Este tipo de desarrollo se centra en las necesidades organizativas, de marca con servicios como UI/UX, técnicas
como rendimiento e integraciones con ERP u otros y estrategia digital como SEO, CRM y redes sociales.

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 4
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve
¿Qué es un API?
El término API es una abreviatura de Application Programming Interfaces, que en español significa interfaz de
programación de aplicaciones. Se trata de un conjunto de definiciones y protocolos que se utiliza para
desarrollar e integrar el software de las aplicaciones, permitiendo la comunicación entre dos aplicaciones de
software a través de un conjunto de reglas. Así pues, podemos hablar de una API como una especificación formal
que establece cómo un módulo de un software se comunica o interactúa con otro para cumplir una o muchas
funciones. Todo dependiendo de las aplicaciones que las vayan a utilizar, y de los permisos que les dé el
propietario de la API a los desarrolladores de terceros.

¿Qué es un dashboard?
Un dashboard es una herramienta de gestión de la información que monitoriza, analiza y muestra de manera
visual los indicadores clave de desempeño (KPI), métricas y datos fundamentales para hacer un seguimiento del
estado de una empresa, un departamento, una campaña o un proceso específico o información administrativa.

¿Qué son los Stack de Desarrollo?

Los stacks son paquetes de software que comprenden el back-end de un sitio, incluyendo el sistema operativo,
los servidores web, las API, los marcos de programación, etc.

Al poder agruparse todos estos componentes, se vuelven más fáciles de descargar e implementar
simultáneamente. Los componentes de un stack pueden variar desde generales, por ejemplo, el sistema
operativo Mac OS X, hasta muy específicos, como un marco PHP en particular.

La elección de stack puede estar determinada por la necesidad de escalabilidad vertical, o porque el equipo de
desarrollo esté especialmente capacitado con un lenguaje de programación.

Advantel Global Group utiliza el siguiente stack de desarrollo para sus proyectos

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 5
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve
Vue.js

Vue.js es un framework de JavaScript de código abierto para la construcción de interfaces de usuario y

aplicaciones de una sola página. Cuenta con una arquitectura de adaptación gradual que se centra en la
representación declarativa y la composición de componentes. La biblioteca central se centra sólo en la capa de
vista. Las características avanzadas necesarias para aplicaciones complejas como el enrutamiento, la gestión de
estados y las herramientas de construcción se ofrecen a través de librerías y paquetes de apoyo mantenidos
oficialmente.
Vue.js permite extender el HTML con atributos HTML llamados directivas.7 Las directivas ofrecen funcionalidad
a las aplicaciones HTML, y vienen como directivas incorporadas o definidas por el usuario.

Ruby on Rails

Ruby on Rails, también conocido como RoR o Rails, es un framework de aplicaciones web de código abierto
escrito en el lenguaje de programación Ruby, siguiendo el paradigma del patrón Modelo Vista Controlador (MVC).
Trata de combinar la simplicidad con la posibilidad de desarrollar aplicaciones del mundo real escribiendo
menos código que con otros frameworks y con un mínimo de configuración. El lenguaje de programación Ruby
permite la metaprogramación, de la cual Rails hace uso, lo que resulta en una sintaxis que muchos de sus
usuarios encuentran muy legible.

Sidekiq

Sidekiq es un programador de trabajos de código abierto escrito en Ruby. Usa Redis como un almacén de
estructura de datos en memoria y está escrito en Ruby. También admite clientes Java.
Sidekiq lee trabajos de una cola de Redis, utilizando el modelo First In First Out (FIFO), para procesar trabajos. El
procesamiento de trabajos es asíncrono y permite que un subproceso web sirva solicitudes, en lugar de procesar
tareas pesadas.

PostgreSQL

PostgreSQL, es un sistema de gestión de bases de datos relacional orientado a objetos y de código abierto,
publicado bajo la licencia PostgreSQL,1 similar a la BSD o la MIT.
El desarrollo de PostgreSQL no es manejado por una empresa o persona, sino que es dirigido por una comunidad
de desarrolladores que trabajan de forma desinteresada, altruista, libre o apoyados por organizaciones
comerciales. Dicha comunidad es denominada el PGDG (PostgreSQL Global Development Group).

Redis

Redis es un motor de base de datos en memoria, basado en el almacenamiento en tablas de hashes (clave/valor)
pero que opcionalmente puede ser usada como una base de datos durable o persistente. Está liberado bajo
licencia BSD por lo que es considerado software de código abierto.

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 6
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve
Metodología de Proyectos a Utilizar
Design Thinking: Es un método para generar ideas innovadoras que centra su eficacia en entender y dar
solución a las necesidades reales de los usuarios. Proviene de la forma en la que trabajan los diseñadores de
producto. De ahí su nombre, que en español se traduce de forma literal como "Pensamiento de Diseño".

El Requerimiento
El cliente ha requerido el diseño e implementación de una presencia Web corporativa, incluyendo toda la
información acerca de sus productos, servicios e identidad. Del mismo modo, se configurarán áreas interactivas
en la página para establecer contactos con potenciales clientes y aliados. La propuesta debe incluir reserva de
dominio web, hosting por 1 año y 2 cuentas de correo.

Condiciones Técnicas Operativas de la Propuesta

Se enviará y establecerá documento descriptivo y alcance detallado, incluyendo roles, responsabilidades y
entregables luego del Kick-off. Costos adicionales podrían surgir de cambio de alcance por parte del cliente

El cliente recibirá en el desarrollo de la primera fase:

§ Documento técnico de arquitectura de web app detallando el diseño conceptual a ser entregado en
dicha fase.
§ Documento de Arquitectura y programación del Web app.
§ Página web publicada según documento de diseño acordado entre las partes.
§ Propuesta económica para el acompañamiento mensual y fases subsiguientes del proyecto, si las
hubiere.

Elementos operativos a considerar

§ No se contemplan de momento costos estimados de adquisición de servidores hosting, VPS, Cloud Hosting
o Servicios On demand / Streaming de Publicación de PWA (Progressive Web Apps), licencias, certificados
de seguridad o dominios, los cuales deben ser estimados según la necesidad de la aplicación y al momento
de hacer pruebas y testing cercanas al lanzamiento.
§ El cliente deberá entregar toda la información relacionada a contenidos para el sitio Web tanto textos
como imágenes en formatos digitales, clasificada, organizada y de manera entendible para la colocación
en la página web, siempre vía electrónica ya sea enviando documentos en formato Word, Excel, PDF, o
recursos gráficos en JPG, GIF, TIFF, PNG, PSD etc., por e-mail o drive.
§ Todas las pantallas de la aplicación se harán con base a plantillas previamente diseñadas y mostradas al
cliente para su aprobación, en el caso de landings derivados de secciones principales, estos presentarán

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 7
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve
 una misma estructura diferenciadas por su contenido o imágenes, todo landing que genere como resultado
del vaciado de información una extensión mayor a dos páginas de contenido aprox 4000 caracteres se
considerará como trabajo adicional a ser cotizado o sumado al presupuesto enviado.
§ La realización de reuniones de seguimiento del proyecto, así como sesiones trabajos conjuntos deberán ser
pautadas por lo menos 3 días hábiles antes de la fecha requerida y por lo menos una sesión cada 4
semanas.
§ El cliente debe seleccionar una persona la cual será el vínculo y encargada de hacer las observaciones
relacionadas con el diseño y/o construcción del sistema, a su vez debe seleccionarse una persona como
administrador del Site el cual será entrenado para utilizar el sistema una vez terminado.
§ Una vez comenzado el trabajo de desarrollo de sistemas y adaptaciones al diseño toda aprobación debe
ser enviada a través de un correo electrónico, una vez aprobado tanto el diseño, estructura, diagramación y
procedimientos del(os) sistema(s), los cambios que afecten de forma o de fondo a estos elementos ya
aprobados, deben ser evaluados por parte de Advantel teniendo como resultado un cálculo de horas extras
para aplicar dichos cambios.
§ La propuesta Gráfica se desarrollará para resoluciones mínimas de 1024x768 según la preferencia del
cliente, la programación del Site será optimizada para los navegadores más comunes como Internet
Explorer, Mozilla Firefox, Google Chrome, Safari bajo plataformas Windows / IOS y en sus últimas versiones.
§ Una vez entregado la aplicación bajo las condiciones y acuerdos descritos en este documento la
actualización y administración del contenido, módulos, secciones, funciones y demás componentes, así
como la operatividad del portal quedará bajo la responsabilidad del cliente.
§ Nuestra empresa ofrecerá al cliente un plan de mantenimiento, monitoreo y actualizaciones adaptado a las
necesidades que tenga el portal para el momento de su lanzamiento en el caso de requerirlo.
§ Otras condiciones aplican según el tipo de desarrollo y suministro de información de parte del cliente. Si el
cliente acepta el alcance del resultado del levantamiento de información arrojado en la 1era fase, cualquier
cambio, modificación, desconocimiento de este puede recaer en costos adicionales u omisiones de
requerimientos que escapen de los previos acuerdos.

Aspectos no Contemplados en la Propuesta

§ Cualquiera que no se encuentre en el levantamiento de información detallado, técnico y de prototipo de la
1era fase.
§ Equipamiento o hardware de ningún tipo.

Entregables adicionales
El Cliente recibirá al final el proyecto el siguiente material:
• Sesión de entrenamiento para los Administradores de la página hasta un máximo de 4 personas
simultáneamente.
• Soportes Gráficos de archivos fuentes.
• Soporte a la herramienta y asesoría por 15 días continuos.

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 8
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve
Cronograma
Semana Semana Semana Semana
Macro -Tarea
1 2 3 4
Planificación estratégica y Confirmación de Requerimiento y alcance
Preparación de Prototipo grafico y diseño final del contenido.
Programación de todas las áreas del site
Pruebas y revisión general
Lanzamiento de la Página
Inicio del plan de Mantenimiento y Mejora Continua.
Nota: Luego de confirmado el requerimiento se enviará un cronograma de actividades de tallada para el
seguimiento y control por parte del cliente.

Propuesta Económica
Macro -Tarea Precio

§ Hosting 8GB y registro de dominio Abril 2022 a Abril 2023

§ Diseño y Desarrollo Sitio Web Informativo / Web Móvil
§ Home + Sistema de Diseño
§ Setup SEO y Google Analytics
§ Optimización y Curación de Contenido con 10 Imágenes exclusivas para el banco
de Imágenes del cliente.
§ Publicación y Soporte en Hosting por 15 días luego de publicada la página
§ Implementación de Procesos de Diseño UX / UI, Research, User Journey, US$ 1.500
Mindmap, Prototype, Frontend
§ Diseño UX/UI y programación de landings informativos para secciones internas
(Servicios, Soluciones, Acerca,)
§ Gestión de contenido UX Writing (Redacción y optimización de contenidos tipo
micro copys y llamados de acción para web / seo)
§ Creación de formulario de contacto de potenciales clientes, tanto en web de
escritorio como en web móvil.

Condiciones Comerciales
§ Esta propuesta esta expresada en US$ y esa debe ser la moneda de pago, a menos que se acuerde con
el cliente, alguna otra.
§ El cliente acuerda realizar los pagos de la siguiente manera:
o Sesenta por ciento (60%) como anticipo, al momento de colocar la orden de compra.
o Cuarenta por ciento (40%) 10 días antes de la publicación de las páginas desarrolladas.
§ Todo equipo, servicio o trabajo que no aparezca detallado en la presente propuesta, deberá ser
cotizado cuando así sea solicitado por el Cliente.
§ El proyecto tiene una duración estimada de 30 días. En la reunión de inicio (kick-off) se definirá el
cronograma detallado.
§ El cliente dispone de treinta (30) días luego de la efectiva entrega para manifestar su disconformidad
con alguno de los servicios suministrados por Inproava luego de ello, libera a la empresa de cualquier
responsabilidad.

Av. La Estancia, Centro Banaven, Torre D, Piso 4, Oficina D-42, Urb Chuao, Caracas, Venezuela
Panamá | USA | Perú | México | Colombia | Venezuela 9
Teléf.: +1 (786) 622-3122 | web: www.advantel.com.ve | info@advantel.com.ve