45
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “ALTO MAYO” CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA “IMPLEMENTACIÓN DE UNA PÁGINA WEB PARA LA EMPRESA T&C “CONTRATISTAS Y SERVICIOS GENERALES S.R.L” PROYECTO PARA OPTAR EL TÍTULO DE PROFESIONAL TÉCNICO EN COMPUTACIÓN E INFORMÁTICA RESPONSABLES : HUAMAN HUAMAN, Saúl. VERA DAVILA, Luis Esau. BABILONIA SALDAÑA, Cinthya ASESOR : ING. VICTOR CÁRDENAS CAMPOS MOYOBAMBA - SAN MARTIN – PERÚ

Informe final sobre elaboración de pagina web

Embed Size (px)

Citation preview

Page 1: Informe final sobre elaboración de pagina web

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “ALTO MAYO”

CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA

“IMPLEMENTACIÓN DE UNA PÁGINA WEB PARA LA EMPRESA T&C“CONTRATISTAS Y SERVICIOS GENERALES S.R.L”

PROYECTO PARA OPTAR EL TÍTULO DEPROFESIONAL TÉCNICO EN

COMPUTACIÓN E INFORMÁTICA

RESPONSABLES :

HUAMAN HUAMAN, Saúl. VERA DAVILA, Luis Esau. BABILONIA SALDAÑA, Cinthya

ASESOR : ING. VICTOR CÁRDENAS CAMPOS

MOYOBAMBA - SAN MARTIN – PERÚ

Page 2: Informe final sobre elaboración de pagina web

DEDICATORIA

Los Autores.

1

En primer lugar a DIOS, porque él es quien nos da la vida y nos guía en nuestro camino Hoy, Mañana y Siempre.

A nuestros padres y familiares queCon esfuerzo y sacrificio han logrado que seamos

Profesionales.

Page 3: Informe final sobre elaboración de pagina web

AGRADECIMIENTO

A Dios, A nuestros padres y familiares por compartirNuevos e inolvidables momentos en nuestras vidasy a nuestra alma mater, por la formaciónAcadémica recibida.

Las Autores

2

Page 4: Informe final sobre elaboración de pagina web

INTRODUCCIÓN

En la actualidad, la sociedad de la información y de la comunicación juega un papel

muy importante en el desarrollo de la sociedad. Diariamente la información digital, es

manejada por millones de personas sin importar su rango de edad, raza o religión.

Los usuarios necesitan enfrentarse a la reducción de problemas, no solo como

usuarios sino también proyectarse hacia un futuro, donde la creatividad y la innovación

sean el enlace hacia su vida cotidiana, por eso la necesidad de crear instrumentos que

ayuden a superar estos inconvenientes, teniendo en cuenta la importancia de las

nuevas tecnologías en el mundo globalizado,

La empresa T&C Contratistas y Servicios S.R.L en coordinación con un grupo de

alumnos del I.E.S.T.P. “ALTO MAYO”, han detectado la problemática que presenta esta

empresa al no poseer una página web y la utilidad que esta brindaría.

El hecho de tener una página web es muy importante porque como institución con

énfasis en las nuevas tecnologías es fundamental el poseer y manejar los recursos

tecnológicos; ya que actualmente es indispensable manejar las TIC´S en todos los

campos de acción.

3

Page 5: Informe final sobre elaboración de pagina web

I. TÍTULO DEL PROYECTOImplementación de una página web para la empresa T&C “CONTRATISTAS Y

SERVICIOS GENERALES S.R.L”.

II. DIAGNÓSTICO Y JUSTIFICACIÓNII.1. DIAGNÓSTICO

Existen múltiples antecedentes de investigaciones acerca del desarrollo y

aplicación de páginas web enfocados y desarrollados a la mejora de las

empresas a nivel mundial, nacional y regional.

En la actualidad tener una página web es la manera más barata de darse a

conocer de manera continua, sin hacer un gran esfuerzo de inversión en otro

tipo de publicidad, logrando el reconocimiento y prestigio, ya que hoy en día

toda empresa de cualquier tamaño se ve en la necesidad de tener una

presencia en internet para dar una buena imagen de prosperidad y futuro.

Debido a los avances tecnológicos en que se encuentra en la actualidad la

corporación mundial, estos han diseñado plataformas que permitan integrar

las soluciones de manera globalizada. En la actualidad esta herramienta lo

conocemos como el internet herramienta que permite a las organizaciones,

ofrecer y vender sus servicios y productos.

Es por ello que mediante el presente proyecto lo que se trata es de brindar

una solución a una de las áreas más importantes del desarrollo de los

países, facilitar a los clientes la información de la empresa a través del

internet, motivo por el cual desarrollaremos una página web para la empresa

T&C "Contratistas y Servicios Generales SRL”; que permita mejorar el

desarrollo de sus actividades (informar a sus clientes los eventos que se

realizarán u ofertas que puedan ofrecer) e integrar con los clientes una mejor

comunicación informándoles constantemente de sus nuevos productos y

servicios sin la molestia de otro tipo de publicidad más agresiva.

Analizando actualmente de cómo se encuentra la empresa hemos podido

identificar los siguientes problemas con que cuenta:

4

Page 6: Informe final sobre elaboración de pagina web

No cuenta con un marketing específico: Y qué mejor forma de solucionar

este problema creando la página web para aumentar espectacularmente el

reconocimiento de su empresa o negocio por un inmenso número de

empresas y personas (clientes potenciales), no solo locales, sino nacionales

e incluso de todo el mundo.

Ausencia de publicación de los servicios que ofrece: Esto es uno de los

temas más preocupantes debido a que no tienen información publicada en

ningún tipo de web para que la sociedad sepa y este informado de las

actividades u ofrecimientos que puedan realizar como empresa.

II.2. JUSTIFICACIÓNEl presente proyecto productivo surge como una necesidad de la empresa

T&C "Contratistas y Servicios Generales SRL”, de contar con una página

web que le permita atraer clientes; ya que una página web es la mejor carta

de presentación para cualquier empresa; puede ser en muchos casos el

mejor vendedor, ya que será visitada por millones de usuarios las 24 horas

del día, obteniendo un costo de mantenimiento muy bajo a comparación con

otros medios publicitarios.

En el marco del desarrollo se pretende tener bien informado a todos los

usuarios que interactúan con la página web, brindándoles información

confiable y validada. Mejorando de este modo la imagen de la empresa

principalmente a nivel del distrito, provincia y departamento.

III. RESPONSABLES DEL PROYECTO HUAMAN HUAMAN, Saúl. VERA DAVILA, Luis Esau. BABILONIA SALDAÑA, Cinthya

ASESOR

Ing. Victor Cárdenas Campos

5

Page 7: Informe final sobre elaboración de pagina web

IV. BREVE DESCRIPCIÓN DEL PROYECTOEl desarrollo e implementación del presente proyecto será el resultado de los

conocimientos adquiridos durante la formación técnica profesional y la experiencia

adquirida en cada una de las prácticas pre profesionales.

Es por ello que el proyecto consiste en la creación de una página web

implementado con la información básica y necesaria de la empresa T&C

"Contratistas y Servicios Generales SRL”; y con módulo de gestión que permita

atraer clientes hacia la empresa.

La página web en la parte principal está estructurada con un encabezado con el

nombre de la empresa, y los accesos directos a las redes sociales, seguido de

una barra de menú donde irá el logo de la empresa y los botones de: Inicio,

Empresa, Servicios, Clientes y Contacto. Cada cual con su respectivo link,

seguido con un banner creado en jQuery y un cuerpo donde va ir la información

de los servicios que brinda la Empresa.

IV.1. HISTORIA DE LA WEB

En un principio las páginas web eran sólo texto, pero a medida que ha

evolucionado la tecnología, tanto los ordenadores como las redes de

telecomunicaciones, se ha generado nuevas formas de desarrollar la web.

La inclusión de imágenes fue la evolución más significativa, pero también

debemos mencionar el video y la animación, o los espacios 3D, lo que

aporta valores estilísticos, de diseño y de interactividad jamás imaginados

antes. El diseño de páginas web se ha desarrollado a medida que ha

evolucionado el internet. En 1992 sólo había alrededor de 50 sitios web. Las

últimas estadísticas nos confirmaban que actualmente rondan los 8,000

millones de sitios web, a los que diariamente se les suma a raíz de 4400 por

día.

Rápidamente, su importancia alcanzará las mismas cuotas que la televisión

o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de

páginas colgadas y se espera que en los próximos años llegue a los 8 mil

6

Page 8: Informe final sobre elaboración de pagina web

millones, excediendo el número de habitantes del planeta. Sin embargo, sólo

una fracción de este número es visitado habitualmente por la mayoría de los

usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total).

A partir de estos datos se puede entender la necesidad de concentrar los

esfuerzos para atraer y mantener la atención de los usuarios. Junto con un

desarrollo efectivo de la estructura web y del contenido, el diseño y el uso

del color son la llave para atraer y ser identificados.

Formando vínculos en el subconsciente del usuario y generar esquemas

para captar y fidelizar a nuevos visitantes.

Al mismo tiempo que la evolución de los aparatos y de su introducción en los

hogares, también ha aumentado la calidad de las transmisiones a través

internet y ha bajado su precio. A medida que la tecnología ha solventado

estas dificultades, ya no nos encontramos con problemas de forma sino de

contenido.

IV.2. WEBLa World Wilde Web (literalmente telaraña de alcance mundial), es un

sistema de documentos de hipertexto o híper-medios enlazados y accesibles

a través de Internet. Con un navegador web, un usuario visualiza sitios web

compuestos de páginas web que pueden contener texto, imágenes, videos u

otros contenidos multimedia, y navegar a través de ellas usando

hiperenlaces.

IV.3. PÁGINA WEBUna página web es un sitio en internet al cual se accede a través de una

dirección electrónica denominada URL y en el cual una empresa o institución

muestra sus servicios o características a poténciales visitantes de acuerdo al

interés de los mismos.

7

Page 9: Informe final sobre elaboración de pagina web

IV.4. INTERNETEs un conjunto descentralizado de redes de comunicación interconectadas

que utilizan la familia de protocolos TCP/IP, garantizando que las redes

físicas heterogéneas que la componen funcionen como una red lógica única,

de alcance mundial; y los exploradores son las herramientas que nos

permiten ingresar al internet. Los principales navegadores:

IV.4.1.FIREFOX MOZILLA.- Mozilla Firefox es un navegador de Internet libre y de código abierto

descendiente de Mozilla Application Suite, desarrollado por la

Corporación Mozilla, la Fundación Mozilla y un gran número de

voluntarios externos.

Firefox es un navegador multiplataforma y está disponible en varias

versiones de Microsoft Windows, Mac OS X, GNU/Linux y algunos

sistemas basados en Unix. Su código fuente es software libre,

publicado bajo una triple licencia GPL/LGPL/MPL.

Cuenta con el 22,47% del mercado de navegadores web en julio de

2009, por lo que es el segundo navegador más popular en todo el

mundo, después de Internet Explorer.

IV.4.2.GOOGLE CHROME Es un navegador web desarrollado por Google y compilado con base

en componentes de código abierto como el motor de renderizado

WebKit y su estructura de desarrollo de aplicaciones (framework),

disponible gratuitamente bajo condiciones de servicio específicas.

Cuenta con más de 310 millones de usuarios, y dependiendo de la

fuente de medición global, puede ser considerado el navegador más

usado de Internet.

8

Page 10: Informe final sobre elaboración de pagina web

IV.4.3.INTERNET EXPLOREREs el navegador de Internet más utilizado de la actualidad. Sin

embargo no siempre es elegido como el mejor ya que se le reconocen

falencias frente a otras opciones de exploradores Web.

Este explorador gratuito de Microsoft está integrado a Windows y a

medida que nuevas versiones fueron apareciendo, fue

modernizándose e incorporando funciones innovadoras de sus

competidores (como la tecnología RSS, o la exploración con pestañas

rápidas, etc.). En cuanto al uso de pestañas debemos resaltar que es

posible mostrar las miniaturas de las páginas de las pestañas que se

encuentren abiertas y también es posible crear grupos de pestañas de

manera fácil para abrir todo el conjunto cada vez que lo queramos. Si

bien se anuncian mejoras en cuanto a la protección de datos no está

catalogado como uno de los más seguros para el resguardo de

información.

IV.5. DOMINIO DE INTERNET

Un dominio de Internet es un nombre de equipo que proporciona nombres

más fácilmente recordados en lugar de la IP numérica. Permiten a cualquier

servicio moverse a otro lugar diferente en la topología de Internet, que tendrá

una dirección IP diferente.

Un dominio se compone normalmente de tres partes: en

www.masadelante.com, las tres “W” (www), el nombre de la organización

(más adelante) y el tipo de organización (com).

Tipos de organización: Son .com, .net, edu, gob, y .org, que se refieren a

comercial, network, gobierno, y organización.

(Originalmente sin ánimo de lucro, aunque ahora cualquier persona puede

registrar un dominio .org).

Puesto que Internet se basa en direcciones IP, y no en nombres de dominio,

cada servidor web requiere de un servidor de nombres de dominio (DNS)

para traducir los nombres de los dominios a direcciones IP. Cada dominio

9

Page 11: Informe final sobre elaboración de pagina web

tiene un servidor digamos que cada máquina (ordenador personal o servidor)

que está conectada a Internet es identificada mediante un número único

llamado “dirección IP” (IP son las siglas en inglés de “Internet Protocolo” o

“Protocolo de Internet”).

IV.6. DOMINIOEs una red de identificación asociada a un grupo de dispositivos o equipos

conectados a la red 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 nodo

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 red Internet, aun cuando el cambio implique

que tendrá una dirección IP diferente.1

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://192.0.32.10 en vez de

http://example.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.

10

Page 12: Informe final sobre elaboración de pagina web

IV.7. HOSTING O ALOJAMIENTO WEB

El alojamiento web (en inglés web hosting) es el servicio que provee a los

usuarios de Internet a un sistema para poder almacenar información,

imágenes, vídeo, o cualquier contenido accesible vía Web. Los Web Host

son compañías que proporcionan espacio de un servidor a sus clientes.

IV.7.1.TIPOS DE ALOJAMIENTO WEBEl alojamiento web se divide en seis tipos: gratuitos, compartidos,

revendedores, servidores virtuales, servidores dedicados y de

colocación.

ALOJAMIENTO GRATUITO.- El alojamiento gratuito es

extremadamente limitado cuando se lo compara con el alojamiento

de pago. Estos servicios generalmente agregan publicidad en los

sitios y tienen un espacio y tráfico limitado.

ALOJAMIENTO COMPARTIDO.- (sharedhosting).- En este tipo de

servicio se alojan clientes de varios sitios en un mismo servidor,

gracias a la configuración del programa servidor web. Resulta una

alternativa muy buena para pequeños y medianos clientes, es un

servicio económico y tiene buen rendimiento.

ALOJAMIENTO DE IMÁGENES.- Este tipo de hospedaje se

ofrece para guardar tus imágenes en internet, la mayoría de estos

servicios son gratuitos y las páginas se valen de la publicidad

colocadas en su página al subir la imagen.

ALOJAMIENTO REVENDEDOR.- (reseller).- Este servicio de

alojamiento está diseñado para grandes usuarios o personas que

venden el servicio de Hosting a otras personas. Estos paquetes

cuentan con gran cantidad de espacio y de dominios disponibles

para cada cuenta.

SERVIDORES VIRTUALES.- (VPS, Virtual Private Server).-

mediante el uso de una máquina virtual, la empresa ofrece el

control de un ordenador aparentemente no compartido. Así se

11

Page 13: Informe final sobre elaboración de pagina web

pueden administrar varios dominios de forma fácil y económica,

además de elegir los programas que se ejecutan en el servidor. Por

ello, es el tipo de producto recomendado para empresas de diseño

y programación web.

ALOJAMIENTO DEDICADOS.- El término servidor dedicado se

refiere a una forma avanzada de alojamiento web en la cual el

cliente alquila o compra un ordenador completo, y por tanto tiene e

el control completo y la responsabilidad de administrarlo. El

cuidado físico de la máquina y de la conectividad a Internet es

tarea de la empresa de alojamiento, que suele tenerlo en un centro

de datos.

COLOCACIÓN (O HOUSING).- Este servicio consiste

básicamente en vender o alquilar un espacio físico de un centro de

datos para que el cliente coloque ahí su propio ordenador. La

empresa le da la corriente y la conexión a Internet, pero el

ordenador servidor lo elige completamente el usuario (hasta el

hardware).

IV.8. LENGUAJE DE PROGRAMACION WEB

Es un idioma artificial diseñado para expresar procesos que pueden ser

llevadas a cabo por máquinas como las computadoras. Pueden usarse para

crear programas que controlen el comportamiento físico y lógico de una

máquina, para expresar algoritmos con precisión, o como modo de

comunicación humana. Está formado por un conjunto de símbolos y reglas

sintácticas y semánticas que definen su estructura y el significado de sus

elementos y expresiones. Al proceso por el cual se escribe, se prueba, se

depura, se compila y se mantiene el código fuente de un programa

informático se le llama programación.

12

Page 14: Informe final sobre elaboración de pagina web

IV.9. PRINCIPALES LENGUAJES DE PROGRAMACIÓN WEB

IV.9.1.HTMLHyperText Markup Language («lenguaje de marcado de

hipertexto»), 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 tales como 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, y puede incluir un script (por ejemplo

JavaScript), el cual puede afectar el comportamiento de navegadores

web y otros procesadores de HTML.

IV.9.2.PHPPersonal Home Page – PHP, es un lenguaje de programación de uso

general de script del lado del servidor originalmente diseñado para el

desarrollo web de contenido dinámico. Fue uno de los primeros

lenguajes de programación del lado del servidor que se podían

incorporar directamente en el documento HTML en lugar de llamar a

un archivo externo que procese los datos. El código es interpretado

por un servidor web con un módulo de procesador de PHP que

genera la página Web resultante. PHP ha evolucionado por lo que

13

Page 15: Informe final sobre elaboración de pagina web

ahora incluye también una interfaz de línea de comandos que puede

ser usada en aplicaciones gráficas independientes. PHP puede ser

usado en la mayoría de los servidores web al igual que en casi todos

los sistemas operativos y plataformas sin ningún costo.

IV.9.3.JAVA SCRIPTJavaScript es el lenguaje de programación más popular en internet y

trabaja en todos los navegadores más importantes, tales como

Internet Explorer, Firefox, cromo, Opera y Safari.Se utiliza

principalmente del lado del cliente (es decir, se ejecuta en nuestro

ordenador, no en el servidor) permitiendo crear efectos atractivos y

dinámicos en las páginas web. Los navegadores modernos

interpretan el código JavaScript integrado en las páginas web.

IV.9.4.ASP.NETASP.NET es un framework para aplicaciones web desarrollado y

comercializado por Microsoft. Es usado por programadores para

construir sitios web dinámicos, aplicaciones web y servicios web XML.

Esta construido sobre el Common Language Runtime, permitiendo a

los programadores escribir código ASP.NET usando cualquier

lenguaje admitido por el .NET Framework.

IV.10. SERVIDOR WEB

Un servidor web es un programa que se ejecuta continuamente en un

computador, manteniéndose a la espera de peticiones de ejecución que le

hará un cliente o un usuario de Internet. El servidor web se encarga de

contestar a estas peticiones de forma adecuada, entregando como resultado

una página web o información de todo tipo de acuerdo a los comandos

solicitados.

IV.10.1.TIPOS DE SERVIDORES WEB

14

Page 16: Informe final sobre elaboración de pagina web

Apache: Este es el más común y más utilizado en todo el mundo.

Además, es gratuito (cómo no), y de código abierto, así que

podríamos decir que corre sobre cualquier plataforma.

Microsoft IIS: Sólo funciona sobre sistemas Windows.

Si quieres empalarlo sobre otro sistema, tendrás que utilizar una

máquina virtual.

Sun Java System Web Server: Este producto pertenece a la

casa Sun, y suele empalarse sobre entorno de este sistema.

Sin embargo, como Apache, es multiplataforma, y recientemente

Sun ha decidido distribuirlo con licencias de código abierto (BSD)

concretamente).

Ngnix: Este es un servidor Web muy ligero y corre sobre sistemas

Unix y Windows.

Se ha convertido en el 4º servidor HTTP más popular de la red y

también se distribuye bajo licencia BSD.

Lighttp: Este servidor Web es otro de los más ligeros que hay en

el mercado. Está especialmente pensado para hacer cargas

pesadas sin perder balance, utilizando poca RAM y poca de CPU.

Algunas páginas populares que lo usan son Youtube, Wikipedia y

otras que soportan gran tráfico diariamente. También es gratuito y

se distribuye bajo licencia BSD.

IV.10.2. CARACTERISTICAS DE LOS SERVIDORES WEB Servidor de archivos estáticos, índices y autoindexado.

Proxy inverso con opciones de caché.

Balance de carga.

Tolerancia a fallos.

Soporte de HTTP sobre SSL.

Soporte para FastCGI con opciones de caché.

Servidores virtuales basados en nombre y/o en dirección IP.

Streaming de archivos FLV y MP4.8

15

Page 17: Informe final sobre elaboración de pagina web

Soporte para autenticación.

Compresión gzip.

Habilitado para soportar más de 10.000 conexiones simultáneas.

IV.10.3. WAMPEs el acrónimo usado para describir un sistema de infraestructura de

internet que usa las siguientes herramientas:

Windows, como sistema operativo;

Apache, como servidor web;

MySQL, como gestor de bases de datos;

PHP (generalmente), Perl, o Python, como lenguajes de

programación.

El uso de un WAMP permite servir páginas html a internet, además

de poder gestionar datos en ellas, al mismo tiempo un WAMP,

proporciona lenguajes de programación para desarrollar aplicaciones

web.

LAMP es el sistema análogo que corre bajo ambiente Linux

WAMP es el sistema análogo que corre bajo ambiente Windows

MAMP es el sistema análogo que corre bajo ambiente Macintosh

Wamp Server es un completísimo paquete de software que sirve

para instalar y configurar fácilmente en tu sistema el popular servidor

Web Apache, juntamente con el lenguaje de programación PHP y el

servidor de base de datos MySQL. Todo lo necesario para instalar

un servicio de base de datos web, reunido en una única aplicación

IV.11. DISEÑO WEB.

16

Page 18: Informe final sobre elaboración de pagina web

Es una actividad que consiste en la planificación, diseño e implementación

de sitios web y páginas web.

El diseño de páginas web trata básicamente de realizar un documento con

información hiperenlazado con otros documentos y asignarle una

presentación para dispositivos de salida.

La nueva tendencia orienta a que las páginas Web no sean solo atractivas

para los internautas. También que sea popular entre ellos, una de las

formas más viables para esto es realizar un diseño interactivo y moderno a

la vanguardia y tratando de cubrir las necesidades de nuestros visitantes.

UTILIZANDO LAS SIGUIENTES HERRAMIENTAS:

IV.11.1. CODEANYWHEREEs un entorno de desarrollo web desde la nube, se trabaja en línea,

aunque también se puede descargarlo e instalarlo en un servidor

local; Esta aplicación en la nube ofrece versiones para usar en

dispositivos móviles Android y IOS. También ofrece una versión

para instalar en Google Chrome disponible desde la Chrome Web

Store. Esta aplicación esta creada en un modelo Freemium, esto

está disponible gratuitamente con algunas limitaciones. Ofrece otro

tipo de licencias según los recursos que necesites. 

Codeanywhere te permite usar los siguientes lenguajes: 

PHP HMTL5 Java Javascript Python Ruby  C++. 

IV.11.2.FIREWORKS CS5

17

Page 19: Informe final sobre elaboración de pagina web

Es un software que ayuda a crear en un instante y sin necesidad

de escribir un código, atractivos diseños para sitios web y apps

para dispositivos móviles. Ofrece imágenes de mapa bits y

vectoriales, bocetos, gráficos en 3D y contenido interactivo para las

tablets y los smartphones más conocidos.

IV.11.3.ADOBE PHOTOSHOP 

Es el nombre o marca comercial oficial que recibe uno de los

programas más populares de la casa Adobe Systems, junto con

sus programas hermanos Adobe Illustrator y Adobe Flash, y que se

trata esencialmente de una aplicación informática en forma de taller

de pintura y fotografía que trabaja sobre un "lienzo" y que está

destinado para la edición, retoque fotográfico y pintura a base de

imágenes de mapa de bits. Su nombre en español significa

literalmente "tienda de Fotos" pero puede interpretarse como "taller

de foto". Su capacidad de retoque y modificación de fotografías le

ha dado el rubro de ser el programa de edición de imágenes más

famoso del mundo.

V. OBJETIVOSV.1. Objetivo General:

Implementar una página web para la empresa T&C “Contratistas y Servicios Generales SRL”.

V.2. Objetivos Específicos:- Identificar los requerimientos de información a tener en cuenta en la

elaboración de la Página web de la empresa.

- Agrupar y categorizar la información que será presentado como contenido

de Página Web.

- Concientizar en el uso y la importancia que tiene la página Web para las

empresas.

18

Page 20: Informe final sobre elaboración de pagina web

19

Page 21: Informe final sobre elaboración de pagina web

2.1. REFERENCIAS DE LA EMPRESA2.1.1 RESEÑA HISTORICA

T&C Contratistas fue constituida mediante Escritura Pública N°306.

Otorgada el 10 de Abril del 2010 en la Notaría Ramón Vásquez Sifuentes

de Rioja e inscrita el 1 de Agosto del mismo año en registros públicos, con

aportes y capital social de carácter privado. Actualmente se encuentra

debidamente legalizada.

2.1.2 MISIÓN

Proveer a nuestros clientes soluciones legales, jurídicas, financieras,

contables, impositivas y administrativas especializadas, con excelencia,

alto contenido profesional aportando un equipo humano comprometido y

una experiencia basada en la práctica profesional cumplidora de su deber,

de lealtad hacia nuestros clientes con el fin último de servir.

2.1.3 VISIÓN

En el 2020 seremos reconocidos por nuestra alta competencia profesional

y liderazgo en el sector de la prestación de servicios jurídicos y contables,

lo que nos posesionará como una de las empresas más reconocidas a

nivel nacional e internacional.

2.2. PRINCIPIOS DE LA EMPRESA

Responsabilidad de todos para con el cliente y la comunidad.

Creatividad y Seguridad como el espíritu de nuestra empresa.

Tecnología e innovación, como respuesta a las necesidades de nuestros clientes.

Honestidad y disciplina, como el compromiso de nuestra gente.

Valoramos la integridad, coherencia y compromisos en todas nuestras

actuaciones.

Oportunidad y responsabilidad en las decisiones; Trato sincero y directo.

2.3. ORGANIGRAMA

20

Page 22: Informe final sobre elaboración de pagina web

2.4. VALORES Y ACTITUDES DE LA EMPRESA1.1.1. Valores

Puntualidad.

Integridad.

Innovación .

Compromiso con Nuestros Clientes.

Honestidad.

Pasión

Espíritu de Equipo

21

GERENTE GENERALCPC

AUXILIARES DE OFICINA

MENSAJERO Y/O COBRADOR

ASESORIA CONTABLE

ELABORACION Y EJECUCION DE

PROYECTOSSECRETARÍA

Page 23: Informe final sobre elaboración de pagina web

VI. UBICACIÓN GEOGRAFICALa Empresa T&C “Contratistas y Servicios Generales S.R.L, está ubicado en el Jr.

Cuzco N° 223, barrio Lluyllucucha, ciudad de Moyobamba, Distrito y Provincia de

Moyobamba, Departamento San Martin.

VII. INSTITUCION RESPONSABLE DEL PROYECTO.Los elementos responsables del proyecto están clasificados de la siguiente manera: Alumnos del Proyecto Productivo.

T&C “Contratistas y Servicios Generales SRL”.

VIII. BENEFICIARIOS DIRECTOS E INDIRECTOS.8.1. BENEFICIARIOS DIRECTOS

- T&C "Contratistas y Servicios Generales SRL”.

22

Page 24: Informe final sobre elaboración de pagina web

8.2. BENEFICIARIOS INDIRECTOS- Los clientes.

- Personal que labora en la empresa y la administración.

- Grupo de implementación del proyecto productivo.

IX. METAS, RESULTADOS Y EFECTOS ESPERADOS DEL PROYECTOIX.1. Metas

Con el desarrollo de este proyecto productivo se busca lograr que, la

empresa T&C "Contratistas y Servicios Generales SRL”, cuente con una

página Web que permita mejorar la imagen de la misma; así como también

brindar información validada de importancia, de tal forma tener una

interactividad dinámica a usuarios interesados en los servicios que ofrece la

empresa, generando competitividad y eficiencia en el mercado laboral local,

Regional y Nacional.

IX.2. ResultadosContar con la página Web concluido eficientemente, en términos de diseño

y estructura que permita a la empresa consolidar su imagen institucional

acorde con las necesidades y expectativas de la sociedad.

IX.3. EfectosQue cualquier persona puede acceder a la información desde cualquier

lugar, sin la necesidad de ir a la empresa a cualquier hora.

X. ADMINISTRACION DEL PROYECTOLa ejecución de este proyecto estará a cargo de la Empresa T&C "Contratistas y Servicios Generales SRL”.

23

Page 25: Informe final sobre elaboración de pagina web

XI. PRESUPUESTOEl presupuesto del Proyecto productivo asciende a la suma de S/. 1,100.00

Nuevos Soles. Tal como se puede ver de forma detallado en el cuadro 1.

Cuadro 1: Detalle del Presupuesto del Proyecto Productivo

CONCEPTO CANT. U.M. P/U COSTO

Dominio 1 - S/. 50.00

Hosting 1 - S/. 150.00

Sub Total S/. 200.00

MATERIALES DE OFICINA

Papel Bond 1 Millar S/. 13.00 S/. 26.00

Lápiz 4 Unidad S/. 0.50 S/. 2.00

Borrador 4 Unidad S/. 0.50 S/. 2.00

Cd’S 6 Unidad S/. 1.00 S/. 6.00

DVD 6 Unidad S/. 1.50 S/. 9.00

Recarga de Tinta de Impresora 4 Cartuchos S/. 12.00 S/. 48.00

Sub Total S/. 117.00

SERVICIOS

Asesoramiento Metodológico 4 Unidad S/. 125.00 S/. 500.00

Internet 50 Horas S/. 1.00 S/. 50.00

Impresiones 180 Unidad S/. 0.50 S/. 90.00

Llamadas 15 Minutos S/. 0.50 S/. 7.50

Fluido Eléctrico 1 S/. 50.00 S/. 50.00

Sub Total S/. 672.50

OTROS

Transportes 26 Pasajes S/. 10.00 S/. 260.00

Imprevistos 1 S/. 110.50 S/. 110.50

Sub Total S/. 310.50

TOTAL S/. 1,250.00

XII. FINANCIAMIENTO

24

Page 26: Informe final sobre elaboración de pagina web

El financiamiento del presente proyecto estará financiado por la empresa

Beneficiaria (T&C “Contratistas y Servicios Generales SRL”).

XIII. CONTINUIDAD Y SOSTENIBILIDAD DEL PROYECTOEl mencionado proyecto productivo emprendedor como ya mencionamos en los

objetivos, tiene por finalidad mejorar y automatizar los procesos de información

de la empresa T&C "Contratistas y Servicios Generales SRL”; este proyecto

va a servir a egresados actuales y futuros estudiantes, teniendo en cuenta que el

mantenimiento y mejoras del respectivo sitio se transfiere a la administración

T&C "Contratistas y Servicios Generales SRL” y así poder garantizar la

sostenibilidad del proyecto.

Se capacitará a un encargado de la empresa para realizar los

correspondientes mantenimientos de la página web.

XIV. ANEXOSFASES DEL PROYECTOConsta de cuatro fases: Planeación, Diseño y ejecución, mantenimiento y

evaluación del proyecto.

XIV.1. PLANEACION. Se realizó las siguientes acciones:

Acuerdo y aceptación entre el Gerente General y el grupo responsable

de la elaboración del proyecto.

Elaboración del perfil técnico del proyecto teniendo en cuenta la

estructura establecida en el Reglamento de prácticas del I.E.S.T.P.A.M.

Presentación del Perfil al I.E.S.T.P.A.M. para su revisión y aprobación

respectiva.

Coordinaciones del Equipo responsable del Proyecto para la

implementación del proyecto.

XIV.2. DISEÑO Y EJECUCIÓN

25

Page 27: Informe final sobre elaboración de pagina web

XIV.2.1. DISEÑO DE LA PAGINA WEB.- En esta etapa se realizaron

las siguientes acciones:

Levantamiento de información.- Se realizó coordinaciones con

el Gerente de la Empresa para que nos brindara la información

que requeríamos, con el cual se dialogó y se le aplicó una

encuesta, además se Tomaron fotografías y otros documentos

de interés.

Análisis de la información.- Se procesó la información

obtenida, así como los requerimientos solicitados por el Gerente

de la Empresa, determinándose que la página debería contener

información con respecto a los servicios que ofrece, así como

Brindar al Cliente Información Organizada y Exacta de la

Empresa.

Alternativas de Solución.- Se realizó el diseño (Bosquejo) de

la página web.

XIV.2.2. IMPLEMENTACION Y DISEÑO WEB Desarrollo del diseño web. Se consideró lo siguiente:

Un Encabezado con el Nombre de la Empresa y la

Integración Botones de Redes Sociales en la Página Web.

26

Page 28: Informe final sobre elaboración de pagina web

Un banner dinámico con imágenes continúas de los

Servicios que Ofrece la Empresa Para La Empresa T&C

“Contratistas Y Servicios Generales S.R.L .

Una barra de menú principal horizontal, con el Logotipo de la

Empresa y los Links para:

o HOME

o EMPRESA

o SERVICIOS

Contables y Jurídicos.

Consultoría Empresarial.

Alquiler de Equipos

Elaboración de Proyectos

o CLIENTES

o CONTACTENOS

27

Page 29: Informe final sobre elaboración de pagina web

Una Apartado de Servicios Ofrecidos, Detalle de los

Servicios Ofrecidos por la Empresa.

Mapa de la Ubicación de la Empresa, Detallado Donde se

Ubica la Empresa y Datos de Contacto, como Dirección,

teléfono e e-mail.

28

Page 30: Informe final sobre elaboración de pagina web

XIV.2.3. ADQUISICIÓN DEL ALQUILER DE HOSTING Y DOMINIOEsta etapa comprende las siguientes actividades:

Contrato de alquiler de hosting. El hosting se adquirió a la

empresa HostingLabs con las siguientes características:

1000 MB de almacenamiento

10 GB de transferencia mensual

10 cuentas de correo

05 bases de datos

Determinación del dominio. Por ser una Empresa Comercial, se determinó usar el dominio

del Comercio (.com), situación que se ha convenido con el

Gerente de la Empresa .Por lo cual se acordó en la siguiente dirección: www.tyccontratistas.com

Determinación de la URL : http://tyccontratistas.com/

XIV.2.4. MANTENIMIENTO Y ACTUALIZACIÓN DE LA WEB.Esta fase del proyecto se realizará semanalmente y/o

mensualmente, ingresando y actualizando la información en las

secciones a realizar las modificaciones, así mismo la información

será revisada antes de ser subida a la worl wide web.

XIV.2.5. EVALUACIÓN DEL PROYECTOXIV.2.5.1.Evaluación básica o de contraste.- a cargo de los

responsables del proyecto (ejecutores); actividad que se

hizo contrastando nuestros objetivos y metas propuestas,

habiéndose logrado al 100% de lo establecido.

XIV.2.5.2.Evaluación de funcionalidad.- Se realizó conjuntamente

con el Gerente de la Empresa y Trabajadores, y el

responsable del mantenimiento de la página web.

29

Page 31: Informe final sobre elaboración de pagina web

ANEXOS

En esta imagen se muestra EMPRESA.

En Esta Imagen se Muestra los Diferentes SERVICIOS.

30

Page 32: Informe final sobre elaboración de pagina web

31

Page 33: Informe final sobre elaboración de pagina web

En esta Imagen se Muestra los CLIENTES a quienes está Dirigido la Empresa.

32

Page 34: Informe final sobre elaboración de pagina web

En esta Imagen se Muestra Un Formulario de CONTACTO para la Comunicación de Empresa – Clientes.

33