proyecto productivo web prixi

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




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




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.




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:




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>




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

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.


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:




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.


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.




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,




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




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.




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




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.




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




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:




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




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




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




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




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.



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.

proyecto productivo web prixi

Documents