50
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “MARIA ROSARIO ARAOZ PNTO” DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB PARA LA EMPRESA “RUBDYCOM S.R.L” CASTILLO CARHUAVILCA, DAVID JOSÉ COMPUTACIÓN E INFORMÁTICA SAN MIGUEL, 07 DE DICIEMBRE DEL 2011 TEMA: GRADUANDO: CARRERA: ASESOR: LIC. FERNANDO ESCUDERO MAZA

Exposición

Embed Size (px)

Citation preview

Page 1: Exposición

INSTITUTO DE EDUCACIÓN SUPERIOR

TECNOLÓGICO PÚBLICO

“MARIA ROSARIO ARAOZ PNTO”

DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA

WEB PARA LA EMPRESA “RUBDYCOM S.R.L”

CASTILLO CARHUAVILCA, DAVID JOSÉ

COMPUTACIÓN E INFORMÁTICA

SAN MIGUEL, 07 DE DICIEMBRE DEL 2011

TEMA:

GRADUANDO:

CARRERA:

ASESOR: LIC. FERNANDO ESCUDERO MAZA

Page 2: Exposición

CAPITULO I

INFORMACION GENERAL DEL I.E.S.T.P.

“MARÍA ROSARIO ARAOZ PINTO”

Page 3: Exposición

I.E.S.T.P

MARIA ROSARIO

ARAOZ PINTO

VISIÓNFormar profesionales

técnicos especializa-

dos con liderazgo en

las diferentes carre-

ras profesionales,lo-

grando un alto nivel de

calidad en la

enseñanza y el

servicio.

MISIÓNDesarrollar acciones con-

ducentes a la formación y

actualización de profe-

sionales con una

excelente calificación

técnica, inculcados con

una sólida base científica

y humanística.

Page 4: Exposición

ORGANIGRAMA ESTRUCTURAL

SECRETARIA

CONSEJO DIRECTIVO

UNIDAD

ADMINISTRATIVA

CARRERAS PROFESIONALES

ADMINISTRACIÓN

MECÁNICA AUTOMOTRÍZ

SECRETARIADO EJECUTIVO

DISEÑO GRÁFICO

CONTABILIDAD

DISEÑO PUBLICITARIO

MECÁNICA DE PRODUCCIÓN

COMPUTACIÓN E INFORMÁTICA

ÁREA DE FORMACIÓN TRANSVERSAL

ÁREA DE PRODUCCIÓN Y SERVICIOS

UNIDAD ACADÉMICA

DIRECCIÓN GENERAL

CONSTRUCCIÓN CIVIL

SECRETARIA

ACADÉMICA

Page 5: Exposición

CAPITULO II

INFORME DE PRÁCTICASPRE-PROFESIONALES

Page 6: Exposición

DESCRIPCIÓN DE LAS PRÁCTICAS PRE-PROFESIONALES

Las prácticas Pre-profesionales que realice en el Instituto de EducaciónSuperior Tecnológico Público “María Rosario Araoz Pinto”, fue de asistentede Informática en el Centro de Cómputo del Área Académica de la carrerade Contabilidad.

Page 7: Exposición

DIRECCIÓN

UNIDAD ADMINISTRATIVA

AREA DE PRODUCCION Y

SERVICIOS

SECRETARIA ACADÉMICA

ASISTENTE DE INFORMATICA

AREA ACADÉMICA DE LA CARRERA DE CONTABILIDAD

CENTRO DE CÓMPUTO

UBICACIÓN DEL ÁREA DE TRABAJO DE LAS PRÁCTICAS

PRE-PROFESIONALES.

UNIDAD

ACADÉMICA CONSEJO DIRECTIVO

SECRETARIA

Page 8: Exposición

Área de TrabajoCentro de Cómputo – Área Académica

de Contabilidad

Jefe Inmediato CPC. Eduardo Vega Segura

Función Principal Asistente de Informática

Periodo de Pre-

Prácticas

Profesionales

Del 28.08.2009 al 27.07.2010

(800 horas)

Page 9: Exposición

PRÁCTICAS

PRE-

PROFESIONALES

Apoyo en los proyectores

multimedia ya sea en el Laboratorio

o en las aulas si lo requería algún

docente para las exposiciones.

Apoyo en Soporte Técnico en

las PC’s e impresoras de la

oficina de Contabilidad.

Verificación del Software

instalado en todas las

computadoras antes del inicio

de clases.

Formateo e instalación de S.O

tales como: Windows XP, SP2

y SP3 y Windows seven

Instalación de programas requeridos

por los profesores para el desarrollo

de las actividades académicas tales

como: Microsoft Office, Concar

2008, Siscont, PDT , etc.

Se elaboro un inventario por cada

computador para tener un mejor

control de estos (ficha bitácora).

Se actualizo los antivirus para

evitar las infecciones ocasionadas

por los virus detectados en los

usb’s y a través de Internet.

FUNCIONES REALIZADAS DEL AÑO 2009 Y 2010 - CENTRO

DE CÓMPUTO - ÁREA ACADÉMICA DE CONTABILIDAD

Page 10: Exposición

ORGANIZACIÓN DE LA EMPRESA

“RUBDYCOM S.R.L”

CAPITULO III

Page 11: Exposición

La empresa privada RUBDYCOM S.R.L inicia sus actividades en el año

2001, según consta en los registros públicos de Lima Metropolitana y la SUNAT.

Es una empresa que se dedica al servicio técnico y venta de equipos para

estaciones de servicio.

Ubicación de la Empresa

RUBDYCOM S.R.L.

Oficina en Calle 6 Mz. G

Lote 32 Urb. La Merced

Ate-Vitarte

Page 12: Exposición

RUBDYCOM S.R.L.

VISIÓNRubdycom apunta a ser un

referente de calidad e

innovación en el rubro de

“Surtidor para Despacho de

Combustible". Comprometido

con el desarrollo sostenible del

Perú.

Constituirnos en un

proveedor de servicio

altamente competitivo en el

ramo de la

electrónica, electromecánica y

de sistemas para las

estaciones de servicio de

combustible líquido y GLP.

MISIÓNBrindamos a nuestros

clientes el mejor

servicio, en el menor

tiempo posible y con un alto

nivel de profesionalismo.

Desarrollo de software a

medida.

Servicio de calidad y

solución de problemas que

requiere el cliente.

Page 13: Exposición

VALORESOBJETIVOS ESPECÍFICOSOBJETIVOS GENERALES

Incrementar las

ventas de los equipos y

servicios que ofrece la

empresa.

Lograr una mayor

participación en el

mercado local y

nacional.

Aumentar las ventas

mensuales en un

20%.

Lograr una

participación de

mercado del 20% para

el segundo semestre.

Somos una empresa

natamente íntegros en

nuestro trabajo, así de esa

manera podemos brindar

nuestros mejores servicios

100% de calidad y

profesionalismo.

Creemos en el trabajo de

alta calidad, en la

innovación, y en la acción

comprometida para

desarrollar nuestras

actividades.

Page 14: Exposición

Construcción de estaciones de servicio de combustible líquido y GLP.

Mantenimiento y reparación de dispensadores, bombas sumergibles.

Venta de accesorios (pistolas, mangueras, motor para bombas sumergibles, etc.)

Nuestros servicios se brindan las 24 horas del día, y atendemos a nivel nacional.

MARCO LEGAL

La Empresa es de tipo Sociedad Comercial de Responsabilidad Limitada, bajo la

denominación de RUBDYCOM S.R.L cuenta con número de RUC: 20502496205, inició sus

actividades en julio del 2001. Teniendo registrado un Hosting y Dominio a nombre de su

razón social.

Equipos y software para el control de las ventas de los surtidores de

combustible

Actividad

económica

MARCO LEGAL Y ACTIVIDAD ECONÓMICA

Page 15: Exposición

Gerencia General

Dirección de sistemas

Área de Diseño y Desarrollo

Web

Área de Soporte Técnico

Dirección de Capacitación

Área Empresarial

Dirección de Marketing

Área de Marketing

Dirección de Calidad

Área de Supervisión

ORGANIGRAMA ESTRUCTURAL DE LA EMPRESA

Page 16: Exposición

CAPITULO IV

INFORME DE LA ACTIVIDAD REALIZADA

Page 17: Exposición

CARGO DESEMPEÑADO EN LA EMPRESA:

Dentro de la empresa debido a mi poca

experiencia comencé como practicante de diseño

web, pero gracias a mi desenvolvimiento en esta

área, al poco tiempo me designaron como

diseñador web, eso fue muy placentero para mí.

Y así es como obtuve el cargo de Diseñador Web.

OBJETIVO ESPECÍFICO:

Diseñar la página Web para promocionar el catálogo de

productos, venta de equipos y servicio técnico que ofrece la

empresa Rubdycom S.R.L.

Page 18: Exposición

B

C

D

AMantenimiento

y actualización

de la Website

Utilicé programas de

diseño para editar las

imágenes de publicidad

para la Website.Utilicé programas

de animación web

para darle una

mejor apariencia al

Website.

Elaboré un

catálogo de

productos.

FUNCIONES

FUNCIONES QUE REALICÉ EN LA EMPRESA RUBDYCOM

Page 19: Exposición

REGLAS

BÁSICAS

CREAR UN DISEÑO PARA

USUARIOS, NO PARA

PROGRAMADORES

UTILIZAR JAVASCRIPT

ÚNICAMENTE PARA

MEJORAR LA

INTERFAZ

DOCUMENTAR

EL CÓDIGO

REGLAS BÁSICAS PARA DESARROLLAR UN PROYECTO WEB

Page 20: Exposición

INSTALAR UN SERVIDOR WEB EN LOCAL:

El servidor web que hemos y seguimos usando es el “apache” este es un

software que permite instalar en local un servidor web virtual.

He utilizado el “XAMPP” un programa o mejor dicho un conjunto de

programas que al instalarlo, nos instala el servidor web “APACHE”, el

gestor de base de datos “MYSQL” y el interprete del lenguaje de

programación “PHP”.

A continuación se explica el proceso de instalación del software “XAMPP”.Primero debemos descargar el instalador de xampp desde su página oficial:http://www.apachefriends.org/en/xampp-windows.html

Page 21: Exposición

EJECUTANDO NUESTRO XAMPP-WIN32-1.6.8 –INSTALLER

1. Debemos escoger el lenguaje, y presionamos OK

Page 22: Exposición

2. Nos debe aparecer una ventana de bienvenida, y pulsamos next (siguiente):

Page 23: Exposición

3. Nos muestra la ruta donde se va a instalar el xampp, si queremos

la dejamos por defecto o si deseamos la modificamos:

Page 24: Exposición

4. Muestra las opciones, luego seleccionamos que servicios queremos

que nos instale eso sí, de acuerdo a nuestras necesidades, en nuestro

caso Apache y Mysql

Page 25: Exposición

5. Esperamos mientras xampp instala correctamente, y durante la

instalación xampp automáticamente nos debe chequear los puertos que

necesitamos y nos inicia el servidor Apache.

Page 26: Exposición

6. Nos debe aparecer un mensaje indicándonos que la instalación de

xampp fue exitosa, damos clic en sí.

Page 27: Exposición

7. Y luego damos click en finish (finalizar)

Page 28: Exposición

8. Y nos aparece nuestro panel de aplicaciones de

xampp, indicándonos que los servicios Apache y Mysql están corriendo.

Page 29: Exposición

CAPITULO V

DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB PARA LA EMPRESA

“RUBDYCOM S.R.L”

Page 30: Exposición

ESTUDIO TÉCNICO DEL PROYECTO.

PLANTEAMIENTO DEL PROBLEMA

He observado en la empresa RUBDYCOM S.R.L lo siguiente:

Carencia de un buen servicio de información al cliente en página Website.

Carencia de un medio de información masiva para elevar la demanda de los servicios

técnicos e incrementar las ventas de equipos para estaciones de servicio, que ofrece la

empresa.

Por lo tanto:

La empresa “RUBDYCOM S.R.L” carece de medios innovadores y eficaces para

informar y promocionar a sus clientes los servicios técnicos que ofrece y la venta de

equipos para estaciones de servicio de combustible líquido y GLP a nivel local y

nacional.

Page 31: Exposición

1

Promocionar

los servicios

que ofrece la

empresa a

nivel nacional.

3

Mantener

contacto con

los clientes sin

presencia

física.

4

Mejorar los

canales de

comunicación

interna y con

proveedores.

OBJETIVOS GENERALES

2

Mostrar de

forma sencilla

en la website

todos los

servicios de la

empresa.

Page 32: Exposición

OBJETIVOS ESPECÍFICOS

2

Incrementar la

demanda de

clientes

potenciales a

nivel nacional

3

Actualizar de

manera constante

el catálogo de

productos y

servicios que

ofrece la empresa

RUBDYCOM

S.R.L

1

Incrementar los

servicios técnicos

y venta de

equipos para

estaciones de

servicio.

Page 33: Exposición

JUSTIFICACIÓN DEL PROYECTO

En la actualidad, la globalización en el uso automatizado de información

exige a las empresas a emplear este recurso, que no es otra cosa que la

Internet bajo un nombre técnico “Pagina Web”, las empresas que

desaprovechan este espacio virtual o red están aislados de la

comunicación global.

A través de la Página web permite publicar los

servicios, acciones, actividades, productos on - line, cotizaciones, que

proporciona la empresa. Para mantener una comunicación fluida con el

usuario y la comunidad, siendo este un medio de comunicación que se

encuentra a la vanguardia de la tecnología informática.

JUSTIFICACIÓN DEL PROYECTO

Page 34: Exposición

RAZONES QUE SUSTENTAN EL DESARROLLO DE UNA

PÁGINA WEB:

Un sitio Web es su representante en Internet

Profesionalismo

Ahorro de Tiempo

Superar a la Competencia

Estilo Único y Personalización

Comunicar su Mensaje

Compatibilidad con Navegadores

MARCO TEÓRICO: Marco Referencial

Page 35: Exposición

MARCO TEÓRICO: Marco ConceptualA continuación se detalla brevemente de manera general, términos técnicos

utilizados en el presente proyecto.

Cliente FTP:

Un cliente FTP emplea el protocolo FTP

para conectarse a un servidor FTP para

transferir archivos.

Dirección IP:

Una dirección IP es un número que

identifica de manera lógica y

jerárquicamente a una interfaz de

un dispositivo de la computadora

dentro de una red que utilice el

protocolo IP (Internet Protocol). Es

habitual que un usuario que se

conecta desde su hogar a Internet

utilice una dirección IP.

HOSPEDAJE WEB

Es el servicio de

almacenamiento, acceso y

mantenimiento de los archivos que

integran un Sitio Web.

Page 36: Exposición

REGISTRO DE DOMINIOS

El registro de dominios es el proceso por el

cual una persona pasa a tener el control

sobre un nombre de dominio, a cambio de

pagar una cuota anual a un registrador de

dominios.

SERVIDOR WEB

Un servidor Web es un programa que implementa

el protocolo HTTP (Protocolo de transferencia de

hipertexto). Este protocolo está diseñado para

transferir lo que llamamos hipertextos, páginas

Web o páginas HTML (lenguaje de marcado de

hipertexto): textos complejos con

enlaces, figuras, formularios, botones y objetos

incrustados como animaciones o reproductores de

sonidos.

Page 37: Exposición

HOSPEDAJE WEBINGRESO DE IP

Page 38: Exposición

REQUERIMIENTO DE HARDWARE Y SOFTWARE

Características del hardware usado en la elaboración del website:

ITEMS HADWARE CARACTERISTICAS

1 Placa madre Intel® 945

2 Disco duro Samsung 500 Gb

3 Microprocesador Core i3 Intel

4 Memoria Ram 2 GB de Ram

5 Tarjeta de video NVIDIA GeForce4 MX 4000 – 1 GB

6 Monitor Samsung SynMaster 551

7 MultiGrabador LG - DVD - CDROM

8 Case con tobera ATX – Cooler Máster

9 Teclado + Mouse USB 2.0

10 Estabilizador sólido Marca Omega 1000 wats

Page 39: Exposición

Sistema Operativo multiusuario, que permite trabajar de

manera dinámica con los distintos programas.

Software empleado para la creación y edición de páginas web.

Software utilizado para la creación de animaciones gráficas

vectoriales.

REQUERIMIENTO DE SOFTWARE

Programa que instala apache, Mysql y Php.

Page 40: Exposición

Inkscape . CF Software gratuito (editor de gráficos

vectoriales) de dibujo potente y cómoda, empleado para el

diseño y creación de Logos, Banners, etc.

Gimp. Es un editor gráfico que permite retocar fotografías y

componer imágenes vectoriales o de mapa de bits. Cuenta

con multitud de opciones que lo colocan casi a la altura de

Photoshop.

Software para la creación y edición de texto.

Page 41: Exposición

CARACTERÍSTICAS DEL DISEÑO DEL WEBSITE

DISEÑO BÁSICO Un Sitio Web debe tener una homepage de presentación a partirde la cual se pueda recorrer la información existente. Ademásexisten elementos que prestan mucha utilidad como lo son: uncontador de visitantes o counter que se encuentra en la páginainicial, gráfica que indique al navegante como ir a todos los puntosde la página y por supuesto imágenes que muestren losproductos, etc.

USO DE FRAMES Existen diferentes diseños en cuanto alformato de la página web que va desde elmás sencillo a más complejos como aquellosdonde se usan frames, marcos o divisiones.

Page 42: Exposición

PAGINA DE INICIO DE RUBDYCOM S.R.L

Page 43: Exposición

GRÁFICA PERSONALIZADA

La gráfica es muy importante tanto de un punto de vista estético

como de orientación al usuario. El uso de imágenes que indiquen

como enviar correo electrónico, flechas que muestren como

volver hacia la página anterior son una forma útil de dar atractivo

al sitio web.

CARACTERÍSTICAS DEL DISEÑO DEL WEBSITE

PÁGINA WEB INTERACTIVA

Se refiere a que el usuario, mediante herramientas de comunicación contenidas

en la página, pueda contactarse con su empresa. Estas herramientas son:

1. Correo electrónico: con esta se ofrece la posibilidad de comunicación

directa entre la empresa y el usuario, dejando un espacio abierto donde enviar

sugerencias, comentarios, pedir cotizaciones o cualquier otro tipo de

información.

2. Formularios: mediante los formularios se puede guiar al usuario con el tipo

de información que busca y a la vez generar bases de datos de potenciales

clientes.

3. Servicio en línea: esto significa dar la posibilidad al usuario de obtener

información, comprar, realizar reservas, etc.

Page 44: Exposición

ANIMACIONES Las animaciones hacen que su página sea más atractiva. Sepueden realizar en diferentes formatos como Gif animados yJava. En nuestros proyectos siempre consideramos al menosuna animación. Además agregamos otras tecnologías que nosólo aportan movimiento al sitio web, sino además utilidadpráctica.

SONIDOSonido en Internet es un área, al igual que el video, de recientedesarrollo. Para poder escuchar sonidos es imprescindible que elequipo cuente con una tarjeta de sonido. En General, seclasifican en tres tipos:Sonido (ambientes, eventos, etc), música (genera una atmósferapropicia para el mensaje), voz (discursos, locuciones, etc)

Page 45: Exposición

HOSTING Y DOMINIO CARACTERISTICAS

VALOR ANUAL:

(US. $)

HOSTING (hospedaje

web) EMPRESA:

Develoweb

Espacio: plan profesional 300 MB

Transferencia mensual: 3100 MB

Cuentas de email: 20

Estadísticas: todo tipo

Soporte: php/mysql

45

DOMINIO.

EMPRESA: Telefónica.com 35

TOTAL 80

CARACTERÍSTICAS DE HOSTING Y DOMINIO UTILIZADO EN EL PRESENTE PROYECTO

Page 46: Exposición

CONCLUSIONESCONCLUSIONES PARA EL IESTP “MARÍA ROSARIO ARAOZ PINTO”

Habiendo culminado mis Practicas Pre-Profesionales y con la experiencia logrado

en la Empresa RUBDYCOM S.R.L durante el periodo de Enero a Marzo del 2011, he llegado a

las siguientes conclusiones en el presente informe:

1

• Los conocimientos adquiridos en la carrera de Computación e Informática durante tres años enel IESTP “MRAP” me sirvieron de mucha ayuda para desempeñarme en mis prácticas pre-profesionales y con los cursos libres de capacitación en dos universidades permitieronproyectarme a la empresa Rubdycom S.R.L

2

• La elaboración de este informe de Prácticas Pre-profesionales ha incrementado de algunamanera mis conocimientos de la carrera de Computación e Informática, lo cual ha motivadoinvestigar diversas fuentes de información para poder cumplir con mi objetivo.

3

• La carrera de computación e informática es muy amplio e interesante, rentable y exigente encuanto a la actualización constante de nuevos conocimientos, acordes al avance vertiginoso dela tecnología.

4

• Las empresas de hoy en día requieren de profesionales competentes que estén a la vanguardiade la tecnología de punta, es por ello que es indispensable que los estudiantes del últimosemestre y egresados de la carrera de Computación e Informática estén capacitados yactualizados constantemente.

Page 47: Exposición

CONCLUSIONES PARA LA EMPRESA RUBDYCOM S.R.L.

CONCLUSIONES

1

• Expreso mi agradecimiento a la Empresa “RUBDYCOM S.R.L” por su apoyo en larealización de mi proyecto en beneficio de la empresa, en el cual tuve la oportunidad depoder aplicar mis conocimientos, mis habilidades en el manejo de la información, miresponsabilidad en las funciones designadas por la empresa.

2

• Con la implementación del website se muestra toda la información actualizada de losequipos y software de automatización para estaciones de servicio, accesorios para equiposde combustible , y servicio técnico que ofrece la empresa Rubdycom S.R.L

3

• A través del Website crece la comunicación de la empresa Rubdycom S.R.L con susclientes potenciales a nivel local y nacional, como un proveedor de servicios en el ramo dela electrónica, electromecánica y de sistemas para estaciones de servicio de combustiblelíquido y GLP.

Page 48: Exposición

SUGERENCIAS

SUGERENCIAS PARA EL IESTP “MARÍA ROSARIO ARAOZ PINTO”

1

• el instituto debería firmar convenios con diversas empresas, para que los egresados decomputación e informática puedan realizar sus prácticas profesionales y de esta maneraacelerar el proceso de titulación.

2• Implementar el Centro de Cómputo con computadoras de última generación.

3• Programar cursos de actualización de sistemas operativos, ensamblaje de PCs. soporte de

redes, y ofimática dirigido a los estudiantes y docentes del Instituto.

4• Implementar bolsas de trabajo y de prácticas pre-profesionales a los estudiantes del último

semestre y egresados en convenio con empresas líderes en el rubro del Software y Hardware.

5• Capacitación constante y actualizada de los docentes de la carrera de Computación e

Informática en convenio con universidades de prestigio.

Page 49: Exposición

SUGERENCIAS

SUGERENCIAS PARA LA EMPRESA “RUBDYCOM S.R.L”

1• Actualización constante del personal, acorde con las necesidades de la empresa.

2• Ofrecer oportunidades laborales a los egresados de las instituciones públicas y/o privadas del

país, en la modalidad de prácticas remuneradas.

3• Mejorar la custodia de la información de la empresa del personal no autorizado.

4• Realizar reportes constantes para el mejor control de los servicios que ofrece la empresa a los

clientes de conectividad.

5

• Migrar los procesos de manejo de información con herramientas de última generación de

software que permitan virtualizar con los procesos de la empresa.

Page 50: Exposición