proyecto productivo web prixi
TRANSCRIPT
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 1/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
1
1. DATOS INFORMATIVOS
1.1
.NOMBRE DEL PROYECTO“IMPLEMENTACIÓN DE UN SITIO WEB EN LA EMPRESA “LISSI
SOLUCIONES E.I.R.L.” CERCADO DE LIMA - 2015”
1.2 .RESPONSABLES:
ALUMNOS:
1.3 .LOCALIZACIÓN DEL LUGAR:
Lugar : Av. Garcilaso de la Vega Nº 1261
Distrito : Cercado de Lima
Provincia : Lima
Departamento : Lima
2. FUNDAMENTOS DEL PROYECTO
2.1 DESCRIPCIÓN DEL PROYECTO:
Hoy en día, la comunicación entre personas de forma rápida y en tiempo real es posible
gracias a él internet. Este medio se ha vuelto una herramienta indispensable, debido a que
permite un acceso rápido y permanente de información, mostrando a su vez características
esenciales y concretas, para dar a conocer las virtudes y servicios de una empresa a sus
clientes. Es por eso, por lo que el internet se ha convertido en un potente y económico recurso
para publicitar cualquier tipo de trabajo o servicio, no se puede concebir empresa sin página
web.
El presente proyecto se realizará en la empresa “Lissi Soluciones E.I.R.L.”, ubicado en la Av.
Garcilaso de la Vega Nº 1261 del distrito de cercado de lima, provincia y departamento de
Lima. Dicha empresa se dedica a la venta de accesorios de cómputo en general, así mismo
ofrece soporte técnico a monitores, tabletas, impresora, laptop, computadora de escritorio, etc.
Esta posee más de 10 años en el mercado y no cuenta con ningún medio publicitario
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 2/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
2
interactivo, para dar a conocer sus servicios, por lo que surge la necesidad de la realiza una
propuesta de una página web.
Este proyecto nuestra todos los pasos a seguir para recolectar, organizar, tratar y construir una
página web. Se utilizara distintos lenguajes de programación, como pueden ser HTML, PHP y
JavaScript para su desarrollo, y para su diseño se hará uso de Adobe Photoshop CS6 y estilos
CSS.
El siguiente proyecto se efectuará su elaboración en las siguientes fases:
A) Planificación del sitio
Se definirá sus objetivos y metas.
Se determinara sus necesidades.
Se definirá y caracterizara su público.
Se seleccionará al equipo y sus funciones.
B) Arquitectura de la información
Se desarrollara la estructura de navegación
Se realizara las especificaciones del diseño
Se elaborara un boceto
Se realizara una corrección final del boceto y elaboración de un plan de trabajo
C) Diseño del sitio. Se diseñara las interfaces de la página web tomando en cuenta los
siguientes criterios:
Estructuración de los documentos
Selección de los elementos básicos de diagramación
Longitud de la pagina
Colores identificativos y de fondo
Gráficos
Iconografía
Texto e hipertexto
Tablas
Marcos
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 3/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
3
Contenido multimedia
Presentación de enlaces
Firma y fecha
Derecho del autor
D) Construcción. sobre la base de los contenidos del sitio, sus características generales y
diseño, se presentan los aspectos generales que hacen la construcción de un sitio.
Para construcción del sitio web se seguirá los siguientes pasos:
Se comenzara a implementación del sitio web tomando en cuenta los datos
obtenidos en las fases anteriores y según el boceto elaborado.
Se trabajara en un servidor local para la construcción de toda la página web,
para ello se instalará el programa WampServer v2.5.
Se manejara lenguaje HTML, PHP, JavaScript, para en funcionalidad de los
ciertos aspectos empleados en el sitio web.
En este caso se emplearan diversos programas, para lograr un fácil manejo en
cuanto a programación y diseño de la misma. Entre los programas empleados
son Adobe Flash CS6, Adobe Photoshop CS6 y Adobe Dreamweaver CS6
entre otros programas.
Las páginas web se han vuelto dentro de los negocios, una herramienta
indispensable de comunicación. Por esa razón mediante lenguaje de
programación PHP, se realizará formularios que permitan realizar operaciones
mediante esta vía. Para su codificación de ello se recurrirá a los servicios de un
ingeniero de sistemas de la empresa “UMBRELLA S.A.C”
Para mejorar la imagen de la empresa se rediseñara el logotipo de la empresa
que estará a cargo de un diseñador gráfico.
Mediante esta propuesta se describirá los siguiente: misión, visión, trayectoria,
productos, servicios, galería de fotos y videos, ubicación, contactos, entre
otros.
Una vez terminada la implementación del sitio web se creara y registrara un
dominio para página web, para finalmente ser a alojada a un servidor, para
poder ser vista por vía internet, todo ese proceso estará a cargo de la empresa
CPV SISTEMAS S.A.C, encargada de registro y alojamiento de página web.
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 4/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
4
E) Pruebas, evaluación y mantenimiento. Para realizar las pruebas y comprobaciones
necesarias para asegurar el correcto funcionamiento del sitio web se realizara lo
siguiente.
Se realizara la validación de la resolución, ya que sucede para resoluciones
menores (640x480 o 800x600 píxeles) algunos elementos (botones sobre todo)
no aparecen en la posición adecuada.
Debemos hacer la prueba de todos los enlaces o links. Para eso se usara la
herramienta “Verificador de vínculos” del programa Adobe Dreamweaver.
Dicho software verifica si hay enlaces rotos (enlaces incorrectos o que apuntan
a una página que no existe) en el sitio web.
Dado que se han utilizado hojas de estilo para la interfaz de la aplicación, se ha
realizara una prueba de validación de CSS. Para ello, se ha utilizado la página
web
Corroborar el correcto funcionamiento de todos los elementos de multimedia y
del funcionamiento de formularios, e-mail, buscadores, etc.
Comprobar el correcto funcionamiento de la web en distintos exploradores:
Explorer, Firefox, Google Chrome, exploradores de móviles. Para ello he
utilizara la herramienta online spoon, que te permite virtualizar navegadores
web de forma que puedes visualizar la página web sobre cualquier navegador
sin necesidad de instalarlo.
Se solicitara a varios amigos que accedan desde su Pc y/o Smartphone a la
página web, y después les he preguntado su experiencia: interface agradable e
intuitiva, posibles errores, mejoras…
Después de pasar todas las pruebas correspondiente, si es que se encontrasealgún error en el sitio web, se solucionara inmediatamente y se volverá a subir
la página web al servidor mediante el programa de transferencia de archivos
FireZilla.
Ya puesta en online la página web después de pasar todas las pruebas, se necesitara
que se realice mantenimiento cada cierto tiempo. Por ello se realizara lo siguiente:
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 5/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
5
Se realizara mantenimiento del sitio web cada seis meses, donde se actualizara
servicios e información de la empresa y se mejorara la interfaz. Para ese
procedimiento se utilizara un programa de transferencia de archivos.
Se renovara del contrato para el alojamiento del sitio web cada año
TECNOLOGÍAS UTILIZADAS EN EL DESARROLLO DEL PROYECTO
1) LENGUAJES
El objetivo principal es separar y ordenar el código empleando, dependiendo del lenguaje
y su uso. De esta manera se consigue un control centralizado de la presentación de un sitio
web completo, con lo que se agiliza de forma considerable la actualización del mismo.
Cabe decir, que estos lenguajes de programación son compatibles entre sí, e incluso
recomendable utilizarlos ya que las limitaciones de uno son compensadas con los puntos
fuertes de otro.
A. HTML:
Las siglas HTML, vienen del inglés HyperText Markup Language (lenguaje de
marcado hipertextual), hace referencia al lenguaje de marcado predominante para la
elaboración de páginas web que se utiliza para describir y traducir la estructura y la
información en forma de texto, así como para complementar el texto con objetos talescomo imágenes. El HTML se escribe en forma de etiquetas, rodeadas por corchetes
angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia
de un documento.
Uso del sitio web:
En los ficheros “.html” está almacenada tanto la estructura de la web como su
información.La estructura está dividida en una serie de contenedores “div” con un nombre para
identificarlos e incluso algunos pertenecen a una clase.
Para para incluir los estilos CSS se hacer referencia al fichero “estilos.css” de la
siguiente manera:
<link rel="STYLESHEET" type="text/css" href="estilos.css">
Para para incluir el código Javascript se hacer referencia al fichero “javascript.js” de la
siguiente manera:
<script language="JavaScript" type="text/javascript" src="javascript.js"></script>
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 6/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
6
B. Estilos CSS
Las siglas CSS, vienen del inglés Cascading Style Sheets (hojas de estilo en cascada),
hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación
semántica de un documento escrito en lenguaje de marcas. Su aplicación más común
es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también
puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL.
La información de estilo puede ser adjuntada como un documento separado o en el
mismo documento HTML. En este caso se, ha creado un fichero llamado Estilos.css el
cual da formato y estilo a todo el sitio web. Para ello hay que hacer referencia a él
desde el código HTML de la siguiente manera, hay que insertar una línea de código enel fichero “plantilla.html”.
Características positivas:
Al ubicarse en distintos ficheros, no modifica el código original de la
página, ahorrando esfuerzo y tiempo de edición. De este modo no sólo
hacemos más simple el mantenimiento del sitio web, sino que además
minimizamos las posibilidades de cometer errores o equivocacióninesperada.
Facilita el trabajo grupal, al separar el diseño de la programación.
Se obtiene un mayor control de la presentación del sitio al poder tener todo
el código CSS reunido en uno, lo que facilita su modificación.
Conseguimos hacer mucho más legible el código HTML al tener el código
CSS aparte.
Mediante el uso de clases e identificadores, se consigue ahorrar códigoevitando la repetición innecesaria del mismo, consiguiendo una mayor
claridad al permitir asignar una serie de propiedades a un elemento o
conjunto de elementos.
Uso del sitio web:
El fichero “Estilos.css” hace referencia a los distintos “div” de los ficheros HTML
mediante su nombre y/o su clase. Su función consiste dar forma y estilo a esos
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 7/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
7
contenedores mediante la manipulación de sus propiedades y características, como
pueden ser:
El tamaño.
La opacidad.
Su posición.
El redondeo, el grosor y el tipo de los bordes.
Color de fondo o imagen de fondo.
Tipo, clase y tamaño de letra de su contenido.
Personalizar el aspecto y el formato de los distintos elementos de
formulario.
Para personalizar la forma de actuar al deslizar el puntero del ratón por
encima de los distintos elementos que forman la web (enlace,
contenedor…).
C. PHP
Es un lenguaje cuyo código se ejecuta en el servidor, y eso conlleva a que tenga una
serie de características tanto positivas como negativas.
Características positivas:
Al ejecutarse en el servidor, dificulta el acceso a usuarios
malintencionados.
Está dotado de una serie de funciones para evitar la inserción y la
manipulación del código fuente.
Se podría decir que es un lenguaje seguro, útil vara temas relacionados con
validaciones, claves de acceso, control de niveles de acceso…
Prácticamente todos los “hosting” tienen compatibilidad con la
programación PHP.
Características negativas:
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 8/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
8
Para ejecutar el código PHP es necesario comunicarse con el servidor,
puesto que este código se ejecuta en él, no en el cliente. Este proceso hace
que su ejecución sea un poco más lenta, y que sea necesario el refresco.
Al ser necesario el uso de refresco, es decir volver a cargar la página, no es
posible hacer cambios directamente en ella.
Uso en el sitio web:
El lenguaje PHP lo voy utilizado para las siguientes funciones:
Validación de formularios.
Comprobar que los campos obligatorios han sido rellenados, que la estructura
de e-mail es válida…
Descargar aplicaciones del sitio web
Evitar la inserción de código malicioso.
D. JAVASCRIPT
Es un lenguaje cuyo código se ejecuta en el cliente, y eso conlleva a que tenga una
serie de características tanto positivas como negativas.
Características positivas:
Al ejecutarse directamente en el cliente, no necesita comunicarse con el
servidor repetidas veces, una vez cargado el código en el cliente, este
puede ejecutarse tantas veces como sea necesario, sin necesidad de
refresco ni peticiones al servidor. Esto hace que sea más ágil y más rápido
que otros lenguajes.
Es interesante utilizar Javascript, si en un momento dado, necesitas hacermodificaciones en la web sin refrescar, por ejemplo una galería de
imágenes.
Prácticamente todos los “hosting” tienen compatibilidad con la
programación JavaScript.
No se necesita ningún tipo de “plugin” ni programa especial para
visualizar webs con este tipo de programación, esto lo hace altamente
compatible para cualquier tipo de Pc y Smartphone.
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 9/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
9
Características negativas:
Al ejecutarse directamente en el cliente, lo hace más manipulable y por lo
tanto más vulnerable a usuarios malintencionados. Por lo tanto es un poco
inseguro, y no recomendable a la hora de utilizarlo para temas relacionados
con la seguridad, como pueden ser la validación de usuarios, claves de
acceso...
Uso en el sitio web
El lenguaje JavaScript lo usare para las siguientes funciones:
Creación de galerías y carrusel.
Efecto cambio de imagen (al acercar el cursor) en el menú horizontal
2) HERRAMIENTAS:
Para la realización del proyecto se ha hecho uso de potentes herramientas, tales como:
dreamweaver, Photoshop, FileZilla y localhost, etc. Se explican y detallan a continuación.
A)
ADOBE PHOTOSHOP CS6Adobe Photoshop es un editor de gráficos rasterizados desarrollado por Adobe Systems
Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre
en español significa literalmente "taller de fotos". Es líder mundial del mercado de las
aplicaciones de edición de imágenes y domina este sector de tal manera que su nombre es
ampliamente empleado como sinónimo para la edición de imágenes en general.
Uso en el proyectoPor el gran potencial de esta herramienta, Photoshop será utilizada en el proyecto para
la edición y la creación de las imágenes.
B) ADOBE FLASH CS6
Adobe Flash CS6 es un programa que se usa normalmente para crear animaciones para
páginas de internet, aunque las posibilidades son muchas: crear dibujos animados,
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 10/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
10
presentaciones multimedia, aplicaciones móviles o de escritorio, páginas web
completas, juegos, crear interactividad, menús y navegación para la web, etcétera.
Uso en el proyecto
Este programa es de gran utilidad para interactividad en las páginas web, por ello lo
utilizaremos para crear efectos y animaciones en el sitio web.
C) ADOBE DREAMWEAVER CS6
Adobe Dreamweaver es una aplicación en forma de estudio enfocada a la construcción y
edición de sitios y aplicaciones web basadas en estándares. Es el programa de este tipo
más utilizado en el sector del diseño y la programación web, por sus funcionalidades, suintegración con otras herramientas como Adobe Flash y, recientemente, por su soporte de
los estándares del W3C. Su principal competidor es Microsoft Expression Web y tiene
soporte tanto para edición de imágenes como para animación a través de su integración
con otras.
Uso en el proyecto
La herramienta Dreamweaver, por su destaca especialización en la edición de todotipo de código, y por el gran número de funcionalidades que ofrece, va ser utilizada en
el proyecto para programar en los entornos HTML, Estilos CSS, Javascript y PHP.
D) FILEZILLA
FileZilla es un cliente FTP multiplataforma de código abierto y software libre, licenciado
bajo la Licencia Pública General de GNU. Soporta los protocolos FTP, SFTP y FTP sobre
SSL/TLS (FTPS).Inicialmente fue diseñado para funcionar en Microsoft Windows, pero desde la versión
3.0.0, gracias al uso de wxWidgets, es multiplataforma, estando disponible además para
otros sistemas operativos, entre ellos GNU/Linux, FreeBSD y Mac OS X.
Uso en el proyecto
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 11/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
11
Por su eficiencia y fiabilidad, la herramienta FileZilla será utilizada en el proyecto
para subir y actualizar al hosting de la empresa los archivos y ficheros que componen
la página web.
E) LOCALHOST
En informática, en el contexto de redes TCP/IP, localhost es un nombre reservado que
tienen todas las computadoras, ratón o dispositivo independientemente de que disponga o
no de una tarjeta de red ethernet. El nombre localhost es traducido como la dirección IP de
loopback 127.0.0.1 en IPv4, o como la dirección: 1 en IPv6.
La dirección de loopback se puede usar para probar el funcionamiento de TCP/IP
haciendo ping a 127.0.0.1, al recibir una respuesta se puede asumir que el softwareasociado al protocolo está bien.
Con fines educativos se suelen instalar servidores locales http como XAMPP, LAMP o
WAMP a los cuales se tendrá acceso con localhost o 127.0.0.1 desde el navegador.
Uso en el proyecto
Apache 2.2.22
Localhost será utilizada en el proyecto para realizar comprobaciones del sitio webdurante el proceso de creación. Esta herramienta nos permite visualizar el sitio web
desde la computadora, sin necesidad de tener que subir los ficheros a un servidor,
facilitando y agilizando el proceso.
F) PINNACLE STUDIO 12
Pinnacle Studio es un programa diseñado por Pinnacle Systems, en él podemos capturar oinsertar cualquier tipo de video y posteriormente editar y exportarlo en el formato que más
deseemos.
Uso en el proyecto
Su simplicidad y facilidad permitirá crear y editar videos que se presentara en la
página web, las cuales tratarán sobre servicios realizados en la empresa, así como
novedades y temas relacionados a ella.
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 12/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
12
2.2. OBJETIVOS GENERALES:
Implementar un sitio web en la empresa “Lissi Soluciones E.I.R.L.”
2.2.1. OBJETIVOS ESPECÍFICOS
Analizar los requerimientos para desarrollar la página web
Diseñar el prototipo de la página web atendiendo el análisis de los requerimientos
Evaluar el prototipo de la página web
Implementación y prueba de la página web
2.3 DIAGNOSTICO:
El principal problema que afronta la empresa “Lissi Soluciones E.I.R.L.” es lograr
que sus servicios sean conocidos y tengan mayor proyección dentro del área de
informática, como también lograr una comunicación más precisa y directa con sus clientes
y así mismo captar nuevos clientes, con el objetivo que pueda seguir creciendo y
proyectándose en el mercado. Situación que puede solventarse a través del desarrollo de
una página web.
Actualmente la empresa “Lissi Soluciones E.I.R.L.” solo cuenta con un medio
publicitario para dar a conocer sus servicios, que es la distribución de las tarjetas de
presentación que se le da al cliente una vez finalizado un servicio o venta de un producto.
Este material impreso contiene información sobre sus servicios, horarios de atención y la
ubicación de la empresa, pero no es suficiente, porque muestra información muy escasa,
lo que resulta de poca información para aquellas personas que obtengan esta tarjeta de
presentación, logrando a su vez poca proyección de la empresa.
En cuanto a empresas que se pueden mencionar como competencia están: “MEGA
SOLUCIONES S.A.C.”, “HEBEH E.I.R.L.”, “JL PRINTSER S.A.C”, “YOU PRINTER
S.A.C”, “CYA HARDWARE S.A.C”, etc. Sin embargo, lo que le distingue a la empresa
“Lissi Soluciones E.I.R.L.” de las otras es que además de dedicarse a la venta de
accesorios de computo, cuenta con un área de soporte técnico que no solo se limita
solucionar problemas hardware y software de las computadoras de escritorio, también
abarca la reparación monitores CRT, LED y LCD; la reparación de tabletas; la reparación
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 13/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
13
y mantenimiento de impresoras de tinta, matriciales, térmicas y laser; la reparación de
laptop y mini laptop, reparación de scanner, etc. Lo que le dan una gran ventaja con las
otras competencias, ya que son los únicos que ofrecen estos servicios.
Y en cuanto a página web que tenga dichas empresas, dos de ellas posee, es
sorprendente ver que tan solo dos de los cinco establecimientos contiene página web. Se
trata de unas páginas bastante completa aunque no precisa de demasiada claridad sobre la
empresa. Tiene un diseño, sencillo y elegante, aunque un tanto oscuro. Las imágenes del
establecimiento están bien tomadas dando una sensación de amplitud, incluso se podría
decir exagerando un poco su tamaño. Por ello tomando en cuenta esa información, se
realizara una página web que mejore a las actuales que está en el mercado.
2.4 JUSTIFICACION
La importancia al desarrollar este trabajo, es a dar a conocer las fortalezas que posee la
empresa “Lissi Soluciones E.I.R.L.”; conocer sus servicios y ampliar su portafolio de
clientes, lo que le permitirá el crecimiento constante de la empresa y de sus empleados.
La importancia que posee este proyecto no es simplemente elaborar una página webcon el objetivo de publicar sus servicios, sino más bien, poder extraer de esta herramienta
más beneficiosa y aportar estrategias que enriquezcan el proyecto, como también
colaborar con el crecimiento y mejoramiento de la empresa con sus clientes actuales y
futuros clientes.
Los clientes a través de este sitio web podrán obtener la información desde sus
oficinas y/o hogares, extrayendo mayor provecho y beneficio del sitio web. La
información y las dudas que tengan el cliente serán aclaras a través del empleo de estaherramienta.
El desarrollo de este proyecto permitirá a la empresa:
Conocer y comprender los cambios que significan en la empresa, las nuevas
tecnologías de la información y las consecuencias educativas de estos.
Utilizar los medios tecnológicos para obtener un acceso rápido y actualizado a
información referida a la empresa objeto de esta investigación.
Con este proyecto se busca proveer a la empresa una herramienta virtual que le
permita publicar sus productos y servicios a sus clientes.
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 14/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
14
En relación a los clientes, les permitirá mantenerse actualizados de los cambios
y acontecimientos de la empresa, fortaleciendo la comunicación.
2.5 BENEFICIARIOS DIRECTOS E INDIRECTOS
2.5.1.- Directos:
Los clientes y empleados de la empresa “Lissi Soluciones E.I.R.L.”
2.5.2.-Indirectos:
Público en general que tenga acceso a internet.
3. ESTRUCTURA DEL PROYECTO
3.1. ORGANIZACIÓN
3.1.1. Organizaciones de los recursos humanos
GERENCIAREPRESENTANTE
VENTAS SOPORTE TECNICO
TECNICO EN
COMPUTACION
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 15/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
15
Gerencia
Representante
Ventas
Soporte Técnico
Técnico en computación
3.1.2.- MATERIALES Y EQUIPOS NECESARIOS
A) INFRAESTRUCTURA
Oficina de informática
B) MATERIALES
Materiales de escritorio (papel bond, CD)
Cámara digital
Memoria USB flah
Software de diseño web, audio visual y multimedia
Laptop
3.2.- METAS
Son las siguientes:
A) Corto plazo
Implementar una página web en la empresa “Lissi Soluciones E.I.R.L.”
B) Mediano plazo
Crecer en competitividad, desarrollando e implementado más servicios para
alcanzar mayor participación en el mercado.
C) Largo plazo
Ser una empresa reconocida dentro del área de informática y de todo el distrito
de cercado de lima.
3.3 PRESUPUESTO DEL PROYECTO:
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 16/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
16
EGRESOS PRESUPUESTADO
A) BIENES
COSTO DE HARDWARE
Ítem Equipo Descripción CantidadPrecio
UnitarioPrecioTotal
1Alquiler de laptop
por un mes
Toshiba c55- b5146km 4G core i3
de 14.5” 500GB
4GB - negro
2 S/. 150.00 S/. 300.00
1 Memoria USBflash
Kinstong – 16 gb 1 S/. 30.00 S/. 30.00
1Alquiler de
Cámara DigitalSamsung Ect 1 S/. 100.00 S/. 100.00
Total S/. 430.00
COSTO DE SOFTWARE
Ítem Equipo Descripción CantidadPrecio
UnitarioPrecio Total
1Sistema
OperativoViene instalado en el
equipo1 S/. 0.00 S/. 0.00
1Software de
servidor local
Wampserver
Se descarga gratuitamentedel sitio web:
http://www.wampserver.es/
1 S/. 0.00 S/. 0.00
1
Software deDiseño,
Programacióny Edición de
Video
Instalación del paquetecompleto de Adobe
Creative Cloud CC enespañol
2 20 S/. 40.00
Total S/. 40.00
COSTO REGISTROS DE DOMINIO
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 17/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
17
Descripción Costo Anual
El costo del registro .com S/.50.00
El costo del registro .com.pe Sin cargo
Total S/. 50.00
COSTO DE ALOJAMIENTO
Descripción Costo Anual
Servicio básico:
100 Mb de capacidad, 1gb Transferencia ,15 cuentas de email,1base de datos, 1usurio FTP, 100 (megabytes) espacio en disco.
Servidor Pentium 4.3 GHz, con sistema operativo Linux 15cuentas pop3/webmail y alias limitada
Soporte PHP, Perl, CGIs.
Soporte MySQL para base de datos
Sistema administrativo para control de servicios
Estadísticas detalladas
Acceso por FTP
Real audio / real video / quicktime / streaming
Incluye soporte y la administración del servicio, apertura denuevas cuentas de correo, alias, etc.
S/. 100.00
Total S/. 100.00
B) SERVICIOS
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 18/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
18
COSTO DE ADMINISTRATIVOS
Servicios N° Meses Pago Por Mes TotalOficina de informática (luz e
internet) 1 S/. 200.00 S/. 200.00Viáticos y Movilidad 1 S/. 100.00 S/. 100.00
Total S/. 300.00
C) PAGO AL PERSONAL
COSTOS DE DESARROLLADORES Y DISEÑADORES
Trabajo Descripción Nro. dePersonas
TotalHoras
Costo porHoras
Total
TécnicosAnálisis, construcción y
distribución para página web.3 10h S/. 10.00 S/. 300.00
ProgramadorInstalación, configuración e
implementación1 5h S/. 40.00 S/. 200.00
DiseñadorGrafico
Diseño gráfico de la interfazde la plataforma
1 3h S/. 20.00 S/. 60.00
Total S/. 560.00
MANTENIMIENTO
N° DescripciónPor Cada 4
MesesPor Año
1 Mantenimiento S/. 200 S/. 600.00Total S/. 600.00
A. RESUMEN
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 19/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
19
Ingresos Monto Egresos Monto
Mantenimiento S/. 600.00 Software y Hardware S/. 470.00Venta delServicio
S/. 1,800.00Dominio y
Alojamiento WebS/. 150.00
Servicios yDesarrolladores
S/. 860.00
Total deEgreso
S/. 2,400.00 Total Egreso S/. 1,480.00
Utilidad S/. 920.00
3.4.- FINANCIAMIENTO:
100 % del ingreso del participante
3.5.-CRONOGRAMA DE LA ACTIVIDADES
CRONOGRAMA DE ACTIVIDADES GENERALES
3.6.-SOSTENIBILIDAD DEL PROYECTO
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 20/21
PROYECTO PRODUCTIVO Y/O EMPRESARIAL
20
Este punto lo considero lo más importante. Hacer una web, sea el tipo que sea, no es
solamente “crearla” y “colgarla”; una web requiere de un proceso de mejora y de
actualización para que sea funcional y práctica. Como podemos observar la elaboración de la
web no es nada sencillo, requiere de la presencia de muchos elementos que habitualmente en
nuestra vida diaria no tenemos presente, además de establecer muchos pasos a seguir, y lo
más importante es que una vez elaboremos la web para la empresa requerirá de continuas
actualizaciones.
El proyecto es sostenible porque requiere continuas actualizaciones, ya que cada tres o cuatro
meses la empresa adquiere nuevos productos es por eso que requiere que se mantenga en
constante actualización tecnológica, dicho posesos estará a cargo de nuestro equipo de trabajo
que le brindaremos mantenimiento cada seis meses donde se actualizara servicios e
información de la empresa y se mejorara la interfaz.
El representante de la empresa será el que nos proporcione los nuevos contenidos, para
realizar las modificaciones y actualizaciones al sitio web, una vez concluida se subirá el sitio
web al servidor por medio de un software de trasferencia de archivos.
3.7.-CONCLUSIONES
El objetivo del proyecto se centra en la implementación de un sitio web utilizando
herramientas de software y lenguaje de programación.
Este caso práctico nos ha permitido tener una visión global de lo que representa llevar a cabo
un proyecto web. Así como del ciclo de vida del proyecto y de cada una de las tareas que lo
componen. Esto nos ha permitido seguir las fases que forman parte de este ciclo y que nos han
llevado desde la comprensión del alcance del problema hasta el desarrollo e implantación de
la solución escogida.
Esta experiencia nos ha dado la oportunidad de conocer y utilizar diferentes herramientas de
software libre tanto durante el desarrollo del máster como en la ejecución de cada una de las
fases del proyecto, siendo esta experiencia positiva. Así como valorar distintas aplicaciones y
herramientas de software libre que consideraban adecuadas para su ejecución.
7/25/2019 Proyecto Productivo Web Prixi
http://slidepdf.com/reader/full/proyecto-productivo-web-prixi 21/21
En cuanto a la solución elegida, nos ha proporcionado un mayor conocimiento sobre
herramientas de software y lenguaje de programación. Éstas nos van han permitir cubrir las
distintas funcionalidades del proyecto: generadores de formularios dinámicos, galerías de
imágenes, gestor de eventos, etc.
Se pueden mejorar las funcionalidades del sitio incorporando un servicio de sindicación de
contenidos RSS, encuestas, comentarios, información geográfica de los proyectos mediante
Google Maps, selección del idioma de los contenidos.
Otro aspecto a potenciar es la presencia de la empresa en las redes sociales creando canales
específicos en Facebook, Twitter, YouTube, Flickr, compartiendo los recursos disponibles
(vídeo, fotos) con el público general. Se accedería a ellos a través de enlaces específicos en el portal web.
En definitiva, el sitio web puede ir creciendo según las necesidades de la entidad e ir
incorporando nuevas funcionalidades, así como ampliar las ya existentes. El potencial de
HTML radica en su arquitectura, que está diseñada para permitir la incorporación de nuevos
módulos y componentes con nuevas características que se integran con facilidad.
3.8.-RECOMENDACIONES
Las páginas deberán hacerse lo más corta y concisa posible ya que está demostrado que a la
gente no le gusta leer tanto en la pantalla de un ordenador: La vista se cansa y la gente se
“aburre”.
Recomendamos diseñar páginas con frame o marcos que permitan dividir la pantalla ya que
nos permiten ejercer un gran control sobre la disposición general y la apariencia de la página.
En las páginas web no se debe de abusar de exceso de imágenes ya que estas hacen que
carguen lentas y sean muy pesadas.
Se debe de tener cuidado en emplear una armonía de colores que no perturbe la lectura de las
páginas, procurando no emplear colores fuertes o combinaciones extrañas.