agradecimientos y dedicatoria · 2020. 8. 15. · agradecimientos “ha sido largo el viaje pero al...

65
Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de inseguridad, los que crucé, fueron muchos días de tanto dudar, pero al fin llegué a entender”. A DIOS, mi refugio y fortaleza, siempre a mi lado de principio a fin como lo eres TU. Tus manos junto a la mía, día a día sin descanso y desesperanza, con la frente en alto, sin importar tropiezos, aquellos que nos ayudan a crecer y mejorar en nuestro caminar, que con tu luz podemos ver, como lo que hoy he llegado a ver. A MAMI, PAPI Y JOSÉ, tres cofres especiales, con las joyas más valiosas, estar allí en cada momento, ver y ayudar a esta niña intentar lograr uno de los grandes logros de la vida. A MI FAMILIA, ABUELOS, TIOS Y PRIMOS, gracias por abrirme sus puertas cuando necesitaba de ustedes, por su apoyo e interés constante en mi carrera. Han sido parte de esas lucecitas que PapaDios me ha ido colocando en todo el trayecto. A mis hermanos de Comunidad, en especial CRISTOS JOVENES, DESPERTAR EN CRISTO, DINAMICA DE JOVENES, CAMINEMOS UNIDOS , CUERPO DE CRISTO Y VIVA LA FE “ EN SU PRESENCIA”. Son más que mi vida, fueron y serán por siempre una parte esencial e importante, pues no sólo han estado ahí junto a mí luchando en esta travesía. Así como he necesitado de la ayuda de ustedes en proyectos, asignaturas, investigaciones y demás, en las cuales pude contar con ustedes siempre e incondicionalmente hasta tener que amanecer estudiando. Han tenido uno de los mejores papeles en mi historia, un papel que no fue asignado por mi siendo siempre mi necesidad, esto es la constante, fiel y efectiva oración que día a día, semana tras semanas, estuvieron presente, en Oración Personal Diaria, en Comunidad, de tantas maneras que hoy doy testimonio de que Con Cristo Somos Más que Vencedores, porque Todo Lo Podemos En Él Que Nos Fortalece, en la oración y en unión Comunitaria.

Upload: others

Post on 26-Mar-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

Agradecimientos

“Hasidolargoelviajeperoalfinllegué,laluzllegoamisojos,aunquelodudé,fueronmuchosvallesdeinseguridad,losquecrucé,fueronmuchosdíasdetantodudar,peroalfinlleguéaentender”.

ADIOS,mirefugioyfortaleza,siempreamiladodeprincipioafincomoloeresTU.Tusmanos juntoa lamía,día adía sindescansoydesesperanza, con la frente enalto,sinimportartropiezos,aquellosquenosayudanacrecerymejorarennuestrocaminar,quecontuluzpodemosver,comoloquehoyhellegadoaver.

AMAMI,PAPIYJOSÉ,trescofresespeciales,conlasjoyasmásvaliosas,estarallíencadamomento,veryayudaraestaniñaintentarlograrunodelosgrandeslogrosdelavida.

AMIFAMILIA,ABUELOS,TIOSYPRIMOS,graciasporabrirmesuspuertascuandonecesitaba de ustedes, por su apoyo e interés constante enmi carrera. Han sidopartedeesaslucecitasquePapaDiosmehaidocolocandoentodoeltrayecto.

A mis hermanos de Comunidad, en especial CRISTOS JOVENES, DESPERTAR ENCRISTO,DINAMICADEJOVENES,CAMINEMOSUNIDOS,CUERPODECRISTOYVIVALAFE“ENSUPRESENCIA”.Sonmásquemivida, fueronyseránporsiempreunaparteesencialeimportante,puesnosólohanestadoahíjuntoamíluchandoenestatravesía.Asícomohenecesitadodelaayudadeustedesenproyectos,asignaturas,investigaciones y demás, en las cuales pude contar con ustedes siempre eincondicionalmente hasta tener que amanecer estudiando. Han tenido uno de losmejorespapelesenmihistoria,unpapelquenofueasignadopormisiendosiempreminecesidad,estoeslaconstante,fielyefectivaoraciónquedíaadía,semanatrassemanas,estuvieronpresente,enOraciónPersonalDiaria,enComunidad,detantasmaneras que hoy doy testimonio de que Con Cristo SomosMás que Vencedores,porque Todo Lo Podemos En Él Que Nos Fortalece, en la oración y en uniónComunitaria.

Page 2: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

En estos grupos, necesito hacer algunas menciones especiales, siento que miesfuerzomayorfuejuntoaellos:CarlosDavid,ElenaDomínguez,JoelVanderhorst,Roberto Guerra, María Teresa, Lilliam Báez, Liana Polanco, Leandro Polanco, LuzMariel, Romina Vásquez, Gustavo Oliva, Cristian Santana, Robinson Reyes, MeinyGonzález,EmilyGonzález,PaolaLama,ElenaNatera,MayerinMarte,MariadelPilar,Karla Guerra, Brenda Táveras, Tulio Rodríguez, Carolina Táveras, Eugenio Pérez,MassielCorderoyVictorEncarnación.

Hayamigosquedealgunaformapeculiarhanllegadoamividayhansidotambiénunalucecitadelcamino:JoséLuísLópez,MelissaMartint,ArisVásquez,JesúsVeloz,ArturoPeralta,Carlos JulioTejada,OmarUllah,ClaudiaVeras,SaraPotén,KárolynSalcedo, Sheila Wallash, Francisco Lebreaut, Lohendy, Ester Hernández y miscompañerosdePre‐escolarManitasCreativasyOficinaNacionaldeEstadísticas

Mis compañeros y amigosmás cercanos demi carrera,muchos de ellosmás quehermanos: Krisvell Suárez, Manuel Moreta, Rosa Cedeño, Cristina Pagán, AnaSerrata,KarlaPeña,MariaIsabel,LauraCalderón,AlejandroBrito,Alejandro,JamilaJorge,CésarGarnier,YrahisaMateo,MarcelMorel,EmmanuelMedina,LuisaOrtiz,Julio, Virginia, Damaris Veras, Natalie Vásquez, Esteban Rimoli, José AndresPichardo, Elvin Guerrero, Alejandro Sarubbi, Xochitl Calderón, Patricia Sánchez,Angiolina López, Vanessa Dalmau, Claudia González, Victor Henriquez, AlanFiguereoyFrankoBrazobán.SiMe faltaalguno,solo lesrecuerdoquemásqueenletraestánenmicorazón,parami,algoimportante.

Hayunesenciadeapoyoquenuncafaltayquefueronmásquerefuerzosenmivida,susvaloresysusapoyospartedemi,partedemisfuerzas:DonLuísyDoñaLuz,DonRobertoyDoñaDinorah,DonFrankyDoñaFidelina,DonSeveroyDoñaMary,DonRodolfoyDoñaArelis,PolitoyMarilyn,DonLuisyDoñaIrisyDoñaJosie.

Y por último y nomenos importante. En la vida, existen ciertas lucecitas, que nosolamente alumbran sino también que tienen unas influencias de guías tanespeciales, que ha hecho que hoy también, pueda lograr llegar donde estoy,personas que han movido mar y tierra por extenderme sus manos, sin importarhora, costo, sin importar nada, personas que aparte del valor humano, los tengoselladosdemaneraespecialenmicorazónporelesfuerzoqueaportaronenmividaenestetrayecto:MarianoyMartina,DonMilvioDeMarchenayJean.

Page 3: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

Graciasatodosustedesytodosaquellosquedealgunaformauotraaunquenoesténenestaslistas,hanestadoconmigoenestelargoviaje,quealfinllegamos!

GiselleGonzalez

Page 4: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

AgradezcoprincipalmenteaDios,porqueesporelporquienestoyaquí,mediolasfuerzasparaseguiradelanteeiluminómicaminoaandar.

Amispadres;mimadre,AltagraciaMedina,porquehasidoungranapoyo,siempreestuvo conmigo cuando lanecesité;mipadre,ManuelDíaz, porque siempre creyóplenamenteenmi.

Amishermanos:Alex,FannyyManuel,amisprimosytíosydemásfamiliares,porsugranapoyoincondicional.

AminovioYermiJr.ValenzuelaT.porsermisoportecuandolonecesité,pordarmefuerzasyenseñarmequepuedolograrmuchascosasquemeproponga.

A todosmis amigos, amis compañeros de estudio, amis compañeras de trabajo:Gellen,RossyyWilda;graciasatodosporsuaportación.

Anuestrostutores,OsirisSosayJoséLuisCabralporsuasesoríaycolaboraciónenesteproyecto.

Amisprofesoresporsudisposiciónyconocimientosbrindados.

Y a todas aquellas personas que de una forma u otra colaboraron tanto en larealizacióndeesteproyectocomoeneltranscursodemicarrera.

Graciaspordejarbuenashuellasenmivida!!

JenniferDíaz.

Page 5: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

Dedicatoria

ElSEÑORhapuestoenmicorazón,unarazónque lohacepalpitar,unamorenelquepuedo confiar y que llenami vida y todomi ser.ATi JESÚSpor sermásqueamigo fiel en este caminar, gracias por tus palabras cuando mas la necesitaba,graciasportusabrazos,portuapoyo,poresaesperanzaquesiemprepusisteenmi,gracias por confiar en mi, por hacerme entender y saber, que no hay nada quecontigo yo no pueda alcanzar y que no importa cuan difícil y cuantos obstáculoshayaeneltrayectoTúestasconmigoincondicionalmente,Túmedaslasfuerzas,losánimos,laenergíanecesariaparaseguiradelanteyquecuandoestemosfrenteaesemar que tengamos que atravesar, solamente tenemos que buscarte, mirarte,extendernuestrasmanosaTí,porqueahíestarás,enlahoramasdifícil,yescuandoabrirásesemarparapodercruzarconfeyconlafrenteenaltohaciaelotro lado,paraentonarcontigoyporTí,VICTORIA!

AmisPADRESYHERMANO,Puesesa joyade laquehablo,brillaporsiempre, sinimportar aquellosmomentos en los que enmi vida quizás no parecían brillar, noparecíanlucirenmi,puesmásqueeso,loqueparamibrilladeustedes,eselamordeDiosquehabitaencadauno,aquelamorquepudodecirmeentantosmomentos,comoteva?,tefaltamucho?,eresinteligente,cuentaconnosotros,enqueteayudo?,adóndetellevo?,ydecuantasmanerasquizássencillas,peroqueparamicorazón,sonmásquegigantescas.Hoysóloquierodecirles,queestoquehelogradonoespormi,esporustedes,saberesperar,saberconfiar,sabercreerysobretodotenerfeenloque tienes, en loque eres, en loquehaces, en loquedía adía ayudas a seguiradelante, sabiendoqueenelmañana, loquecosechaste, sonmasque frutos.Pueshoy soy parte de esas semillas que han sembrado, pero el que cosecha no sabecuanto fruto dará lo que siembra, solo cumple con darle el abono, echarle agua,quitar loquenopertenece a esta semillaparaqueno sedañe. “Cualquierapuedecontar las semillas de un fruto, pero sólo Dios sabe cuantas semillas hay en esefruto”.Losquierocontodomicorazón!!

Hayunapersonaespecialquequizásnoestuvodesdeel inicioconmigo,perosideuna buena parte, quizás lamás importante o la que simplemente El Señor así loquisoquefuerahastaeldíadehoy.Sabercontar,paracontarcontigosiempre,eseapoyo, esos consejos siempre exactos, siempre sinceros. Haz sido más que unhombro en mi vida, esos momentos en los que me encontraba de tropiezos ahíestabascon tusmanosmasqueabiertahaciami,paraayudarmea levantar,aquel

Page 6: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

ángelenviadodelcieloparadarmeánimoyseguiradelante,parahacermevalorar,creerenmiyhacercreerenmimisma,laayudaquemehazbrindadoentuvidanolograrásimaginarteloquehasignificadoenlamía,envalorhumano,profesionalydeunadelaspeculiaridadesmasimportantes,enlasquehazsidomasqueindicadoencadamomento,tuconexióndirectaconPapaDios.GraciasROBERTporsignificardeunamaneratanespecialenmivida,porestarsiempresincondiciones,pordardetisinesperaracambio24/7,valesmásqueoro.Tequieromuchísimo“EncomiendaalSeñortuscaminos,confíaenÉlyÉlhará”Sal.35,5

HECTORYJENNIFER,estoesdeustedes,estoesdenosotros,hemosestadojuntosenuntrayectofuerteydegransignificadoparanuestrasvidas,hoyunidos,mañanano lo sabemos, pero lo importante es que demostramos y somosmas que lo quecreemos, ustedes son guerreros de la luz de una luz que deben de seguirproyectandono importadonde se encuentren, connacho y queso, los quieromásquemasmuchísimoysiempreestaránenmicorazón.

GiselleGonzalez

Page 7: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

DedicoesteproyectoaDiospordarmelaoportunidaddellegaraserquiensoyyamispadresporcreersiempreenmí.

JenniferDíaz.

Page 8: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

Índice

Resumen.1

Introducción.3

1.0Recopilacióndeinformación.4

1.1Antecedenteshistóricosdeloscentrosdeservicioautomotriz.5

1.2Características.7

1.3Logísticadefuncionamientodeestoscentros.8

1.4Reclamaciones,quejasyincidentesmasfrecuentes.11

1.5TendenciasenlosWebsitesdetemáticassimilares.13

2.0EsquematizacióndelWebsite.17

2.1ObjetivosdelWebsite.18

2.2Recursosautilizar.19

2.3Contenidopropuesto.24

2.4Seccionespropuestas(Sitemap).28

Page 9: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

3.0DiseñodelWebsite.31

3.1Eleccióndelnombreyjustificacióndelmismo.32

3.2Elecciónyjustificacióndelapaletadecolores.33

3.3Elaboracióndelalíneagrafica.35

3.4Elaboracióndellayout.36

3.5Creacióndelainterfazgraficadelwebsite.38

4.0FuncionalidaddelWebsite.41

4.1Accesibilidaddelwebsite.42

4.2Usabilidaddelwebsite.45

Conclusionesyrecomendaciones.52

Anexos.54

ReferenciasInformacionales.56

Page 10: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

1

Resumen

La motivación principal para desarrollar este proyecto fue la problemática que

presenta en términos de tiempo para el cliente la solicitud del servicio automotriz

para su vehículo.

No solo figura el tiempo que se invierte en desplazarse hasta el taller de su

preferencia y realizar la transacción inicial para solicitar dicho servicio, sino

también el utilizado para el seguimiento de los servicios solicitados.

Por lo tanto, planteamos como objetivo principal ofrecer al cliente una forma ágil,

segura y cómoda de obtener servicios y productos para sus vehículos,

aprovechando los recursos de la multimedia. Dentro de los específicos

planteamos reducir los inconvenientes que pudieran surgir entre el cliente y el

establecimiento en la solicitud de los servicios y productos, fidelizar al cliente a

través del Website, acomodar al cliente en todo lo concerniente a la solicitud y

pago de sus servicios y/o productos, brindar al cliente seguridad y ahorro de

tiempo mediante los recursos para el monitoreo de su vehículo.

Page 11: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

2

En cuanto al diseño de nuestra página nuestro propósito primario fue ofertar al

usuario la posibilidad de solicitar, monitorear y pagar sus servicios automotrices

a través del mismo.

Dentro de los métodos utilizados para este trabajo se encuentran:

El Método de observación, método Inductivo y el método de análisis

considerando estos los indicados para el seguimiento de nuestro proceso de

investigación y ejecución.

Este proyecto cumple con desarrollar un site funcional y de implementación

factible, como respuesta a la problemática de los centros automotrices.

Page 12: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

3

Introducción

Este proyecto nace de la problemática que se observa en los establecimientos

de servicio automotriz en cuanto a la efectividad de entrega de servicios.

Refiriéndonos en primer lugar al cumplimiento de los estándares de calidad,

plazos de entrega y la agilidad de los procedimientos.

En el desarrollo de este proyecto buscamos en la multimedia la respuesta a esta

situación muy común en este tipo de establecimientos a nivel local. Orientando

la solución a los recursos de la Internet y sus herramientas.

Este proyecto busca como objetivo principal ofrecer al cliente una forma ágil,

segura y cómoda de obtener servicios y productos, para sus vehículos,

aprovechando los recursos de la multimedia, puesto que esto permite al usuario

ahorrar tiempo y esfuerzo que actualmente se invierte en estos procesos.

Nuestro proyecto consta con la siguiente estructura: En un primer capitulo, se

trata la información a cerca del objeto de estudio por medio del planteamiento de

dos casos de estudio. En el segundo capitulo se desarrolla de manera

esquemática el sitio Web planteado. En el tercer capitulo se establece ya todo lo

concerniente al diseño del sitio Web. Finalmente en el cuarto capitulo se aborda

el funcionamiento del sitio y las pruebas realizadas para comprobar el mismo.

Page 13: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

1 . 0 R e c o p i l a c i ó nd e i n f o r m a c i ó n

1 . 1 A n t e c e d e n t e s h i s t ó r i c o s d e l o s c e n t r o s d e s e r v i c i o a u t o m o t r i z .

1 . 2 C a r a c t e r í s t i c a s .

1 . 3 L o g í s t i c a d e f u n c i o n a m i e n t o d e e s t o s c e n t r o s .

1 . 4 R e c l a m a c i o n e s , q u e j a s y i n c i d e n t e s m a s f r e c u e n t e s .

1 . 5 Te n d e n c i a s e n l o s We b s i t e s d e t e m á t i c a s s i m i l a r e s .

4

Page 14: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

5

1.0 Recopilación de información

1.1 Antecedentes históricos de los centros de servicio

automotriz.

Móvil Auto Adornos

Inició en 1993 bajo la razón social Eureka Auto Parts, C x A;

empresa dedicada a la importación y venta al por mayor de

repuestos para automóviles. Más adelante redirecciona sus

importaciones al sector de accesorios para vehículos, dedicándose a

la venta e instalación de productos más específicos, y abre su

primera tienda de venta al detalle en la Av. Charles Summer, bajo el

nombre comercial “Móvil Auto Adornos”. En el 2004 abre una nueva

sucursal para el mismo servicio en la Av. Gustavo M. Ricart, y a

finales de 2006, abre una tercera sucursal ubicada en la Av. Winston

Churchill, en un local que comparte con “Auto Bussines, C X A”,

dealer de Vehículos.

Page 15: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

6

Desde sus inicios, Móvil Auto Adornos ha buscado ofrecer una

amplia variedad de productos de calidad garantizada, a precios

competitivos, y ofreciendo un excelente servicio a sus clientes, y esto

le ha permitido su crecimiento y permanencia en el Mercado

dominicano.

Autopia Detailing Revolution

Primer auto detail certificado en Latino America como Master Detail.

Iniciaron hace 2 años, con un grupo de clientes, quienes eran amigo

de Pedro Rodríguez, Presidente, estos eran los que hacían y hacen

la publicidad de boca en boca. Ahora mismo tiene un nivel de

clientela Premium, buscan diferencia en calidad, producto y trabajo.

Tienen exclusividad en la línea Smart Wax( una de las mejores

líneas de EEUU), para el cuidado del vehiculo.

Page 16: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

7

1.2 Características

Móvil Auto Adornos

Empresa dedicada a la venta e instalación de accesorios de

vehículos: Alfombras, Tintado de Cristales, Defensas, Parrillas de

Techo, Alarmas y Tranca Palancas, Estribos, Químicos, Entre otros.

Autopia Detailing Revolution

En la actualidad la empresa cuenta con mas de 1800 clientes que

buscan un lugar que mantenga en optimas condiciones su inversión,

mediante servicio de clase mundial con resultados que sobrepasan a

la competencia, ya que es la única compañía que cuenta con la

primera certificación en toda Latinoamérica como Auto Detail Master

en la persona de su propietario, el Sr. Rodríguez, de manos de la

empresa que tiene el contrato de hacer detailing al avión presidencial

“Air Foce ONE”. Esto no solo le agrega valor a los servicios que

ofrece Autopia, sino que también le permite hacer recomendaciones

con propiedad a su clientela y darle soluciones para cualquier tipo

Page 17: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

8

de problemas que presente su vehiculo, avión o bote. Todo esto se

transmite en un Auto Detail que no solo tiene como experiencia su

mercado local sino el mercado mundial.

1.3 Logística de funcionamiento de estos centros.

Móvil Autoadorno

Existe una compleja logística de funcionamiento en cuanto a la parte

administrativa, mercadológica, gestión de compras, y existe un gran

número de procedimientos documentados y no documentados; pero

en modo general, y en la parte que comparte con un centro de

servicios automotriz:

• El cliente llega al local.

• El encargado de Ventas de la Sucursal le recibe.

• Se llena una ficha de trabajo, especificando los artículos a

facturar y sus respectivas instalaciones.

• El encargado hace entrega a Instalador(es) los artículos.

Page 18: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

9

• Instalador(es) realizan el trabajo correspondiente.

• Cliente espera, se dispone en cada sucursal de un espacio

cómodo preparado para este fin.

• El encargado factura y supervisa la terminación del trabajo.

• Caja cobra la factura.

• Cliente retira su vehículo.

El tiempo de las instalaciones varía, desde 20 minutos hasta

instalaciones que requieren más de un día laboral de trabajo.

El cliente puede en todo momento supervisar e interactuar con el

instalador.

El área de instalaciones está expuesta, y muchas veces en la

fachada del local.

Un vehículo puede ser trabajado con más de una instalación

simultánea, dependiendo el tipo de trabajo y las condiciones que

requiere.

Page 19: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

10

El cliente, de llenar un conduce de entrega de vehículo, puede

entregar su vehículo, para luego recogerlo cuando está terminado su

respectivo trabajo.

Las tiendas cuentan con el equipo de instaladores en horario laboral.

Autopia

Cuando el cliente llega, siempre hay alguien (encargado de área de

lavado), para brindarle la atención. Se revisa el vehiculo, se

inspecciona con presencia del cliente( si hay algo en el carro, por si

se pierde que quede constancia), y se apunta, luego se chequea lo

que el cliente necesita en cuanto al servicio y le especifica los daños

que puede tener el vehiculo ( a través de un diagrama).

El máximo de tiempo de un vehiculo en el taller es medio día ( si

deposita su vehiculo a primera hora), Pero también dependiendo de

lo que se le realizara al vehiculo, puede ser de 1hr a 3hr.

Page 20: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

11

Cuando se hace cristalizado “Ice Over fire”, toma 1 día completo, en

caso que depositen el vehiculo en la tarde o noche, este duerme en

el local, en el área correspondiente, donde allí, lo cubren con lona y

hay seguridad 24 hora y servicio de cámara 24 HR., esta clase de

trabajo es por cita.

1.4 Reclamaciones, quejas e incidentes mas frecuentes.

Móvil Auto Adornos

Cualquier reclamación o queja por parte del cliente es atendida con

diligencia; se revisa la información que aporta el cliente y se procede

a analizar la causa del problema y a resolverla en el menor tiempo

posible; cubriendo por garantía cualquier pieza que presentara un

defecto. Como el cliente, en el caso de los accesorios, ha instalado

un dispositivo que no conoce, muchas veces puede descartarse una

reclamación provocada por desconocimiento del cliente de cómo

funciona dicho producto. Por esta razón, se intenta explicar al

usuario el funcionamiento de lo que ha comprado, y motivarle a leer

su respectivo manual de instrucciones.

Page 21: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

12

Los accidentes laborales, para los instaladores, pueden ocurrir por el

tipo de maquinaria que utilizan, pero son casos poco comunes.

Autopia Detailing Revolution

• Se presento un caso de que se “ choco” un vehiculo y el

cliente aseguro que fue en el taller, por lo que fue a quejarse

allá, el choque era en la mica y se hizo revisión a través de

cámara y se confirmo que no fue así.

• Los empleados, inconvenientes con el nivel de educación.

• Que no limpiaron bien el vidrio.

• Le hicieron una cosa por otra.

• Que no se recoge al cliente.

• Tardanza de entrega y en atender.

• Comparación con clientes VIP.

Page 22: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

13

1.5 Tendencias en los Websites de temáticas similares.

Con el fin de empaparnos de las tendencias actuales de los sitios

Web ya existentes, que giren en torno a una temática similar a la

tratada por el nuestro, decidimos hacer una pequeña investigación

observando lo que se ofrece actualmente en la red.

Visitamos sitios Web correspondientes a compañías que ofrecen

productos y servicios afines a los de nuestro objeto de estudio, con

el propósito de determinar las tendencias de estilo en el diseño.

Recopilamos la información mas común en cuanto a elementos

gráficos y contenidos, tomando en cuenta los sitios que

consideráramos que cumplieran con los estándares básicos de

desarrollo Web.

Colores utilizados

Es muy común la utilización del rojo, tanto el rojo chino como el

rojo vino, como color predominante en el diseño, siendo utilizado

como color de fondo en la mayoría de los elementos, menús,

Page 23: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

14

botones, etc. También es utilizado el negro con sus

degradaciones de grises, muy común en las tipografías y como

color complementario. Por otra parte el azul y el amarillo

predominan también como colores principales en gran parte de los

diseños. Finalmente se observa el uso del blanco que aunque

menos común, nos resulto interesante debido a que aporta al

diseño sensación de limpieza y un ambiente mas ligero a la vista

del usuario.

Servicios ofrecidos

En la mayoría de los sitios visitados no se ofrece el servicio con el

fin de ser adquirido por este medio sino, que se pone a disposición

del usuario toda la información respecto a los productos y servicios

ofrecidos.

En algunos casos se observa la oferta de servicios secundarios,

como por ejemplo, la notificación de mantenimientos, localización

de establecimientos cercanos a la ubicación del usuario y la

plataforma de atención al cliente y reclamaciones.

Page 24: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

15

En el caso de algunos sitios extranjeros es frecuente la venta de

productos en línea, pero carecen de la misma posibilidad para los

servicios.

Información que suelen contener

El contenido de los sitios tomados como muestra es muy similar

entre cada uno de ellos, suelen ofrecer información a corporativa,

así como localización e información de contacto y datos referentes

a sus productos y servicios, en algunos casos con mas detalle que

en otros.

En menor proporción algunos de estos sitios ofrecen al usuario

informaciones útiles a cerca del cuidado de su vehiculo, consejos,

subgerencias, entre otros, como valor agregado.

Page 25: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

16

Por ultimo se aprovecha este medio para informar al usuario las

ofertas de temporada vigentes en el momento, productos y

servicios nuevos y cualquier otra noticia que pudiera resultar

relevante.

Page 26: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

2 . 0 E s q u e m a t i z a c i ó n d e l W e b s i t e

2 . 1 O b j e t i v o s d e l We b s i t e .

2 . 2 R e c u r s o s a u t i l i z a r.

2 . 3 C o n t e n i d o p r o p u e s t o .

2 . 4 S e c c i o n e s p r o p u e s t a s ( S i t e m a p ) .

17

Page 27: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

18

2.0 Esquematización del Website

2.1 Objetivos del Website.

La creación de este sitio Web tiene como propósito principal el

ofertar al usuario la posibilidad de solicitar, monitorear y pagar sus

servicios automotrices completamente a través del mismo.

En cuanto a la solicitud de servicios, el cliente podrá después de

registrarse, solicitar cualquiera de los servicios ofrecidos por el

establecimiento, obteniendo una cita para su vehiculo ya sea que

decida llevar su vehiculo en la fecha y hora acordada o que el

mismo sea recogido por un representante.

El monitoreo se refiere a la posibilidad que tendrá el cliente de dar

seguimiento a su vehiculo tanto de manera visual, mediante video

en tiempo real, como a través de un seguimiento del transcurso de

los procedimientos estructurado en un esquema de etapas.

Page 28: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

19

El pago en línea se podrá efectuar siempre y cuando se utilicen las

tarjetas de crédito aceptadas por el establecimiento. Estos se

recibirán de manera segura a través de un modulo de recepción de

pagos.

2.2 Recursos a utilizar.

Programación PHP y manejador de base de datos SQL.

Dado que el HTML no permite realizar un simple cálculo

matemático o crear una página de la nada a partir de una base de

datos, nos vemos obligados a asistirnos de otro lenguaje con el fin

de hacer hábiles una serie de funcionalidades necesarias para el

desarrollo de nuestro sitio.

PHP es uno de los lenguajes de lado servidor más extendidos en

la Web. Nacido en 1994, se trata de un lenguaje de creación

relativamente creciente que ha tenido una gran aceptación en la

Page 29: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

20

comunidad de webmasters debido sobre todo a la potencia y

simplicidad que lo caracterizan.

PHP nos permite embeber pequeños fragmentos de código dentro

de la página HTML y realizar determinadas acciones de una forma

fácil y eficaz sin tener que generar programas elaborados

íntegramente en un lenguaje distinto al HTML. Por otra parte, y es

aquí donde reside su mayor interés con respecto a los lenguajes

pensados para los CGI, PHP ofrece un sinfín de funciones para la

explotación de bases de datos de una manera llana, sin

complicaciones.1

Live streaming.

La tecnología de transmisión de video a través de la sitios de

Internet a avanzado bastante desde su aparición, permitiendo

actualmente la transmisión de video en tiempo real (live

1Álvarez,R.,ProgramaciónPHP,encontradoen:www.desarrolloweb.com

Page 30: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

21

streaming), que permite al usuario recibir video de los

acontecimientos al tiempo que suceden, con un posible retraso de

algunos segundos en ocasiones debido únicamente al servicio de

conexión a Internet que este haya contratado.

Para los fines, este recurso es ideal para ofrecer la tranquilidad al

usuario, ya que le permite observar en cualquier momento lo que

sucede con su vehiculo sin necesidad de desplazarse ni de

interrumpir sus actividades diarias.

Actualmente se dispone de una gran variedad de proveedores de

este servicio y precisamente es mediante uno de estos que se

adicionara la posibilidad del monitoreo en tiempo real a nuestro

sitio.

Page 31: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

22

Sistemas de pago en línea con tarjeta de crédito.

Actualmente es muy común el pago con tarjetas de crédito a

través de Internet y en nuestro país las dos compañías de

afiliaciones para la recepción de pagos con tarjetas de crédito

ofrecen este servicio de manera segura. Visanet y Cardnet,

compañías lideres en este servicio, ofrecen la inclusión de un

modulo de pagos con tarjeta de crédito de manera segura a través

de Internet, sin la necesidad de tener ningún otro sistema adicional

de posteo de operaciones.

Por otra parte PayPal, un servicio dedicado a la ejecución y

recepción de pagos en línea con años de experiencia, ofrece

también un modulo de pago muy simple y con una robusta

seguridad tanto para el cliente como para el establecimiento. Este

sistema de pago se integra al sitio y al momento del pago

transfiere al cliente a un área segura para la realización del mismo

y luego de vuelta al sitio una vez el pago fue efectuado.

Page 32: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

23

Hojas de estilo CSS

Las hojas de estilo de cascada o Cascading Style Sheet (CSS) son

un simple mecanismo para añadir estilos (fuentes, color, espacio)

a un documento de Web (HTML) manteniendo de manera

independiente en el código todo lo referente al diseño del sitio, de

lo que es el contenido.

El CSS garantiza mas eficiencia en el funcionamiento del site,

reduciendo tiempos de espera y errores en el código. El uso de

este recurso es alentado por la W3C (World Wide Web

Consortium) como parte de los estándares Web, para garantizar

una buena experiencia de todos los usuarios de Internet.

Código HTML

El código HTML o Hyper Text Markup Language, es actualmente

el lenguaje oficial para publicar documentos en línea, o sea que es

el alma de toda pagina o sitio Web.

Page 33: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

24

El código HTML funciona con tags que describen los contenidos y

permiten al browser interpretar y mostrar estos contenidos de

manera correcta. Es necesario que el código este estructurado de

manera correcta y con una sintaxis adecuada para que el sito o

pagina sea mas eficiente.

2.3 Contenido propuesto.

El sitio Web ofrecerá informaciones básicas con respecto al

establecimiento, como son una breve reseña histórica de la

empresa, su ubicación o ubicaciones, teléfonos, correo electrónico

y otros datos de contacto.

También figurara una descripción breve de las instalaciones con

las que cuenta el establecimiento y los miembros del personal que

sean de relevancia.

Page 34: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

25

En esta sección se incluirán fotografías de las instalaciones del

establecimiento.

En la primera sección del sitio se mostraran las ofertas mas

relevantes y actuales del establecimiento ya sean de productos,

servicios o combinaciones de ambos. Estas ofrecerán al cliente la

información de lo que se oferta, el precio y precio previo a la

oferta.

Estas ofertas se actualizaran periódicamente y se eliminaran del

sitio inmediatamente pase su tiempo de vigencia para evitar

confusiones a los usuarios.

Dentro del contenido del sitio el usuario podrá encontrar también el

formulario de registro, para poder optar por la utilización de los

servicios en línea, así como el formulario para la solicitud de

servicios, cada uno en la sección correspondiente.

Page 35: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

26

En el formulario de registro se recolectaran datos generales del

cliente, nombres, apellidos, dirección y números de teléfono; Datos

del vehiculo o de los vehículos, marca, modelo, año y numero de

placa.

En el formulario de solicitud de servicio el usuario deberá

seleccionar el o los servicios y productos que desee para su

vehiculo. Cada uno de los servicios y servicios figuraran con su

nombre, breve descripción y el precio. En este formulario el

usuario podrá revisar el costo total antes de asentar la solicitud.

El sitio no contendrá en si los videos de monitoreo, sino mas bien

los enlaces a estos videos que realmente estarán almacenados en

los servidores de la compañía que provee este servicio al

establecimiento.

Page 36: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

27

La información del progreso de los procedimientos, estará

disponible para el usuario esquematizada por etapas. Esta

información se actualizara cada vez que cambie de una etapa a

otra e inmediatamente este cambio será visible para el usuario.

La esquematización de las etapas de servicio se plasmaran de

manera grafica para hacerlo mas agradable a la vista, pero

contendrá una leyenda tipográfica para fines de claridad. Además

en este diagrama se mostrara el tiempo que se ha transcurrido

desde el inicio del procedimiento y el tiempo estimado para

completarse el mismo.

El usuario tendrá acceso a la información detallada de todos los

productos y servicios ofrecidos por este establecimiento, nombre

del producto o servicio, descripción, costo y tiempo de espera en el

caso de los servicios. Esta información estará disponible tanto

para consulta como para fines de solicitud. Esta consulta se

Page 37: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

28

alimentara de la base de datos del establecimiento para garantizar

su congruencia cuando el usuario decida solicitarlo.

2.4 Secciones propuestas (Sitemap).

Sección de registro.

Esta sección es dedicada a informar al usuario todo lo

concerniente al servicio en línea. Se explicaran de manera

detallada las características del servicio. El usuario podrá también

informarse de cómo funcionan cada una de las herramientas de

este servicio, como acceder a el y como utilizarlo adecuadamente.

Además de la información, en esta sección el usuario podrá

encontrar el enlace al formulario de registro, donde ingresará sus

datos creando su perfil de usuario y obteniendo la posibilidad de

utilizar la sección de miembros del sitio.

Page 38: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

29

Sección de miembros.

Esta sección será exclusiva para los usuarios ya registrados. En

esta el usuario tendrá a su disposición la posibilidad de modificar

su perfil de usuario. También el usuario podrá accesar a el

formulario de solicitud de servicios, donde podrá solicitar los

servicios deseados que llegaran a manos de un representante de

servicios con toda su información anexa.

Es en esta sección donde el usuario podrá acceder a las opciones

de seguimiento a procedimientos ya en curso y contacto con el

personal que este trabajando en su vehiculo en el momento.

Todas las transacciones referentes a las ordenes de trabajo se

efectuaran en esta sección, acceso a los diagnósticos, selección

de productos a aplicar, aprobaciones y el pago de servicios.

Las solicitudes, el monitoreo y el pago de servicio contaran con

sub-secciones dedicadas dentro de la sección de miembros. En la

Page 39: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

30

sub-sección de solicitudes el usuario tendrá acceso a el formulario

de solicitud de servicio. En la sub-sección de monitoreo el usuario

tendrá acceso al enlace o enlaces que le permitirán visualizar el

video de monitoreo correspondiente a su vehiculo. Por ultimo en la

subsección de pago de servicios el cliente tendrá acceso a la

factura de los productos y servicios adquiridos y podrá efectuar su

pago con tarjeta de crédito.

Sección de Productos y servicios.

En esta sección el usuario tiene acceso a la información de todos

los productos y servicios para fines de consulta. El usuario podrá

también desde esta sección redirigirse a la sección de solicitudes.

Figuraran en esta sección el nombre del producto o servicio,

descripción el precio y el tiempo para efectuarse.

Ver anexo 2.

Page 40: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

3 . 0 D i s e ñ o d e l W e b s i t e

3 . 1 E l e c c i ó n d e l n o m b r e y j u s t i f i c a c i ó n d e l m i s m o .

3 . 2 E l e c c i ó n y j u s t i f i c a c i ó n d e l a p a l e t a d e c o l o r e s .

3 . 3 E l a b o r a c i ó n d e l a l í n e a g r a f i c a .

3 . 4 E l a b o r a c i ó n d e l l a y o u t .

3 . 5 C r e a c i ó n d e l a i n t e r f á z g r á f i c a d e l w e b s i t e .

31

Page 41: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

32

3.0 Diseño del Website

3.1 Elección del nombre y justificación del mismo.

El nombre de nuestro site “Online Auto Care” ha sido seleccionado

en primer lugar porque transmite de manera clara y sencilla la

motivación central el mismo. Este nombre deja entendido al usuario

en potencia que en este site tendrá a su disposición todo lo que

tendría si se desplazara al establecimiento de servicios.

En segundo lugar este nombre se mantiene neutral en cuanto a

branding y puede ser fácilmente adoptado por cualquier

establecimiento que decida adoptar este proyecto, solo adicionando

al nombre la subtitulación que haga referencia al establecimiento que

ofrece el servicio.

Page 42: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

33

3.2 Elección y justificación de la paleta de colores.

El azul. Dentro de los colores relacionados a esta temática

automotriz hemos seleccionado el azul porque además de

identificarse con lo que se ofrece en nuestro sitio Web, despierta en

el usuario una sensación de seguridad que es esencial para el

progreso de un servicio tan joven como este.

Es adecuado para promocionar productos de alta tecnología o de

alta precisión. Representa la lealtad, la confianza, la sabiduría, la

inteligencia, la fe, la verdad y el cielo eterno. Cuando se usa junto a

colores cálidos (amarillo, naranja), la mezcla suele ser llamativa.

Puede ser recomendable para producir impacto, alteración.2

El blanco esta dentro de nuestra paleta de colores debido a que en el

diseño Web ofrece al usuario una sensación de limpieza y sencillez

que hace mas agradable la navegación dentro del sitio Web.

2Webusable,SignificadodeloscoloresWeb,encontradoen:www.webtaller.com

Page 43: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

34

En publicidad, al blanco se le asocia con la frescura y la limpieza

porque es el color de nieve. En la promoción de productos de alta

tecnología, el blanco puede utilizarse para comunicar simplicidad. 3

Y por ultimo Seleccionamos el color amarillo debido a su capacidad

de resaltar elementos dentro del diseño al ser contrastado con

colores mas fríos como el azul.

El amarillo puro y brillante es un reclamo de atención, por lo que es

frecuente que los taxis sean de este color en algunas ciudades. En

exceso, puede tener un efecto perturbador, inquietante. Es conocido

que los bebés lloran más en habitaciones amarillas. Por su eficacia

para atraer la atención, es muy útil para destacar los aspectos más

importantes de una página Web.4

3Webusable,SignificadodeloscoloresWeb,encontradoen:www.webtaller.com

4Webusable,SignificadodeloscoloresWeb,encontradoen:www.webtaller.com

Page 44: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

35

3.3 Elaboración de la línea grafica.

Tomando en consideración, que los usuarios de nuestro sitio Web no

serán solo aquellos que suelen ya navegar en la Web asiduamente, y

considerando también las debilidades en cuanto a facilidad de

navegación en una gran proporción de los sitios Web relacionados

que hemos visitado, hemos decidido desarrollar una línea grafica que

vaya de acuerdo con el concepto de que en diseño menos es mas.

Si observamos algunos de los sitios Web mas eficientes, como lo son

Google, Facebook, Wikipedia y You Tube, es evidente que en su

diseño se basan en la simplicidad y funcionalidad. Estos sitios

disfrutan de no solo un gran numero de usuarios, sino también una

amplia variedad de públicos objetivo. Estos sitios ofrecen una gran

facilidad a la hora de navegar en ellos, de manera intuitiva el usuario

puede en cuestión de segundos encontrar lo que busca en el sitio

Web. Por otra parte son sumamente eficientes en su funcionamiento

y lo más importante, cumplen con su propósito sin rodeos.

Page 45: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

36

Nuestro sitio Web cuenta con una línea grafica que utiliza

abundantemente el blanco, con elementos azules que se componen

en su mayoría de formas básicas, todas con una intención o un

propósito dentro del diseño, minimizando los ornamentos.

En cuanto a tipografía, se utilizan fuentes altamente legibles y

comunes, de manera que garanticemos que inclusive usuarios que

acceden desde ordenadores un poco desactualizados puedan

visualizar correctamente el sitio. Utilizamos también combinaciones

de colores que no dificulten la lectura al usuario, acorde a las

prioridades que hemos establecido.

3.4 Elaboración del layout.

La disposición de los elementos en el espacio, juega un papel muy

importante en la navegación de un sitio Web. Cuando se disponen

los elementos de manera efectiva, el usuario promedio debe poder

localizar la sección que esta buscando en el sitio en unos pocos

Page 46: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

37

segundos después de su acceso al sitio. La premisa principal en este

tópico es que el usuario tenga que pensar lo menos posible para

llegar a su destino y esto se logra con una disposición sencilla e

inteligente de los elementos.

Los elementos de nuestro sitio están dispuestos de una manera

jerárquica de manera que, tomando en cuenta nuestro objetivo

principal en el desarrollo del mismo, los elementos relacionados al

servicio en línea que ofrecemos son los que están posicionados de

manera prioritaria.

Por otra parte los elementos principales como el menú y el titulo, se

mantienen constantes a través de la navegación por el sitio Web,

logrando que el usuario se vea menos expuesto a perderse en el

contenido, dificultándole llegar a lo que busca.

Page 47: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

38

3.5 Creación de la interfaz grafica del website.

Dada la naturaleza de nuestro sito Web y su propósito principal, la

interfaz juega un papel importante para el funcionamiento del mismo.

Es importante que exista una interfaz intuitiva y fácilmente

identificable que facilite al usuario la utilización de los servicios

ofrecidos.

El menú principal queda bien identificado primero por su posición en

la parte superior, por encima del resto de los elementos y dispuesto

de manera que se extiende lateralmente con relación al logo. Los

enlaces que componen el menú se corresponde cada uno con una

sección del sitio Web, cada uno de estos es resaltado al pasar el

cursor por encima y permanece de esta forma cuando el usuario se

encuentra en la sección correspondiente. Por ultimo el menú

principal se mantiene en su posición en todas las secciones del sitio.

Page 48: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

39

La forma en que el usuario da entrada a su información es a través

de formularios. En la elaboración de los mismos tomamos en cuenta

la extensión y la facilidad que estos pudieran ofrecer para una

entrada de datos mas ágil, incluyendo por esta razón menús

desplegables, campos de texto con tamaños ajustados a los datos a

recibir, entre otros. Los botones que envían la información ingresada

en los formularios están localizados al pie de los mismos y bien

identificados por su diseño y relieve. Los datos de estos formularios

se someten a una validación básica con el fin de evitar errores en el

ingreso de los mismos.

La información de los productos y servicios, tanto para fines de

consulta como para fines de solicitud, se hace posible a través de

consultas que enlazan con la base de datos en el establecimiento.

Esta información es dinámica, garantizando así que este actualizada

en todo momento. Para fines de solicitud, en la sección

correspondiente, estas consultas tienen la opción de agregar dicho

producto a su orden que podrá visualizar y luego asentar, por medio

Page 49: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

40

también de botones y consultas, haciendo todo el proceso de

solicitud realmente fácil.

Page 50: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

4 . 0 F u n c i o n a l i d a d d e l W e b s i t e

4 . 1 A c c e s i b i l i d a d d e l w e b s i t e .

4 . 2 U s a b i l i d a d d e l w e b s i t e .

41

Page 51: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

42

4.0 Funcionalidad del Website

4.1 Accesibilidad del website.

En informática, la accesibilidad incluye ayudas como las tipografías de alto

contraste o gran tamaño, magnificadores de pantalla, lectores y revisores de

pantalla, programas de reconocimiento de voz, teclados adaptados, y otros

dispositivos apuntadores y de entrada de información.

La accesibilidad aplicada al contenido de Internet se denomina accesibilidad

Web. En la Web, el W3C ha desarrollado directrices o pautas específicas para

permitir y asegurar este tipo de accesibilidad. El grupo de trabajo dentro del

W3C encargado de promoverla es el WAI (Web Accessibility Initiative),

elaborando para ello unas Pautas de Accesibilidad al contenido Web 1.0,

WCAG.

Cuando los sitios Web están diseñados pensando en la accesibilidad, todos los

usuarios pueden acceder en condiciones de igualdad a los contenidos. Por

ejemplo, cuando un sitio tiene un código XHTML semánticamente correcto, se

proporciona un texto equivalente alternativo a las imágenes y a los enlaces se

les da un nombre significativo, esto permite a los usuarios ciegos utilizar lectores

de pantalla o líneas Braille para acceder a los contenidos.

Page 52: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

43

Cuando los vídeos disponen de subtítulos, los usuarios con dificultades auditivas

podrán entenderlos plenamente. Si los contenidos están escritos en un lenguaje

sencillo e ilustrados con diagramas y animaciones, los usuarios con dislexia o

problemas de aprendizaje están en mejores condiciones de entenderlos.

Si el tamaño del texto es lo suficientemente grande, los usuarios con problemas

visuales puedan leerlo sin dificultad. De igual modo, el tamaño de los botones o

las áreas activas adecuado puede facilitar su uso a los usuarios que no pueden

controlar el ratón con precisión. Si se evitan las acciones que dependan de un

dispositivo concreto (pulsar una tecla, hacer clic con el ratón) el usuario podrá

escoger el dispositivo que más lo convenga.

Características de accesibilidad según W3C.org

o Imágenes y animaciones:

Use el atributo "Alt." para describir la función de cada elemento visual.

o Mapas de imagen:

Use el elemento MAP y texto para las zonas activas.

o Multimedia:

Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.

o Enlaces de hipertexto:

Page 53: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

44

Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite

"pincha aquí".

o Organización de las páginas:

Use encabezados, listas y estructura consistente. Use CSS para la

maquetación donde sea posible.

o Figuras y diagramas:

Descríbalos brevemente en la pagina o use el atributo "longdesc".

o Scripts, applets y plug-ins:

Ofrezca contenido alternativo si las funciones nuevas no son

accesibles.

o Marcos:

Use el elemento "noframes" y títulos con sentido.

o Tablas:

Facilite la lectura línea a línea. Resuma.

o Revise su trabajo:

Verifique. Use las herramientas, puntos de comprobación y pautas.5

5ShawnLawton,H.,IntroducciónalaAccesibilidadWeb,encontradoen:w3c.es

Page 54: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

45

Online Auto Care, ha sido diseñado para ser accesado por

cualquier persona usando cualquier browser. Para estos fines se

realizaron pruebas de funcionamiento en las aplicaciones mas

populares, Safari, FireFox e Internet Explorer.

4.2 Usabilidad del website.

La usabilidad universal (del inglés usability) es la característica de un

sistema que pretende ser utilizado por:

• el tipo o tipos específicos de usuario/s,

• la tarea o tareas que para las cuales el sistema se ha hecho, y

• el contexto en el que se da la interacción.

El "grado de usabilidad" de un sistema es, por su parte, una medida

empírica y relativa de la usabilidad del mismo.

• Empírica porque no se basa en opiniones o sensaciones sino

en pruebas (del inglés tests) de usabilidad, realizadas en

laboratorio u observadas mediante trabajo de campo.

Page 55: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

46

• Relativa porque el resultado no es ni bueno ni malo, sino que

depende de las metas planteadas (por lo menos el 80% de los

usuarios de un determinado grupo o tipo definido deben poder

instalar con éxito el producto X en N minutos sin más ayuda

que la guía rápida) o de una comparación con otros sistemas

similares.

El concepto de usabilidad se refiere a una aplicación (informática) de

(software) o un aparato (hardware), aunque también puede aplicarse

a cualquier sistema hecho con algún objetivo particular.

El modelo conceptual de la usabilidad, proveniente del diseño

centrado en el usuario, no está completo sin la idea utilidad. En

inglés, utilidad + usabilidad es lo que se conoce como usefulness.

Jackob Nielsen definió Usabilidad como el atributo de calidad que

mide lo fáciles que son de usar las interfaces Web.

Page 56: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

47

Entre los principales beneficios encontramos:

• Reducción de los costes de aprendizaje.

• Disminución de los costes de asistencia y ayuda al usuario.

• Optimización de los costes de diseño, rediseño y

mantenimiento.

• Aumento de la tasa de conversión de visitantes a clientes de un

sitio Web.

• Mejora la imagen y el prestigio.

• Mejora la calidad de vida de los usuarios, ya que reduce su

estrés, incrementa la satisfacción y la productividad.

Todos estos beneficios implican una reducción y optimización

general de los costes de producción, así como un aumento en la

productividad. La usabilidad permite mayor rapidez en la realización

de tareas y reduce las pérdidas de tiempo.

Page 57: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

48

Un caso real, después de ser rediseñado prestándose especial

atención a la usabilidad, el sitio Web de IBM incrementó sus ventas

en un 400% (InfoWorld, 1999).6

Varios aspectos de nuestro sitio se han tomado en consideración

para determinar si el mismo cumple con este principio de usabilidad.

Comenzando por el menú, se comprobó que cada uno de los

botones del menú dirija a la sección correspondiente dentro del sitio.

Estos botones programados mediante el tag “<a>” que se

corresponde dentro del código HTML a los enlaces están dirigidos

cada uno a su sección correspondiente y han sido probados en las

aplicaciones mencionadas para fines de prueba.

En cuanto al formulario de registro, su funcionamiento se hizo posible

utilizando código PHP, que procesa esta información efectuando

primero la validación de los datos ingresados, redirigiendo al usuario

al formulario en caso de algún dato invalido o vacío. Luego los datos

ingresados son capturados y almacenados en una base de datos

6Nielsen,J.,Usability101:IntroductiontoUsability,encontradoen:www.useit.com

Page 58: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

49

manejada por MySQL. Tras la validación y almacenamiento de datos

un email de confirmación es enviado al usuario y otro al

establecimiento notificando el ingreso de este nuevo usuario y por

ultimo el usuario es redirigido a la sección de miembros

directamente.

Cuando un usuario previamente registrado trate de accesar a la

sección de miembros es primero redirigido a una pagina donde

deberá ingresar su nombre de usuario y contraseña, determinados

por el mismo al momento de registro, una vez estos datos son

ingresados, gracias también al recurso de PHP, estos datos son

validados y comparados con los datos almacenados. En caso de ser

inválidos el usuario es redirigido a la pagina de acceso donde recibe

una notificación informándole del error y deberá rectificar sus datos.

En caso de ser validos los datos ingresados, el usuario es redirigido

a la sección de miembros. Por ultimo en la parte inferior de esta

pagina de acceso el usuario cuenta con un enlace a la pagina de

registro en caso de ser necesario.

Page 59: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

50

La sección de miembros cuenta con contenido dinámico, para hacer

esto posible la sección esta programada para a partir de los datos

ingresados en la pagina de acceso, que ya han sido validados,

extraer de la base de datos toda la información especifica del usuario

de manera que todo el contenido de esta sección sea especifico para

el usuario que la visita, incluyendo, su perfil de usuario, el monitoreo

de sus ordenes, los enlaces a los videos en tiempo real, entre otros

elementos.

En cuanto a la solicitud de productos o servicios, el usuario cuenta

con un listado alimentado directamente de la base de datos en el

establecimiento, donde cada línea muestra el nombre del producto o

servicio, una breve descripción, su costo y la opción de agregarlo a la

orden. A medida que se vayan agregando productos el usuario

puede visualizarlo de inmediato en la orden y podrá eliminar

cualquier línea antes de asentar la misma. Una vez asentada la

orden, esta información será almacenada en la base de datos del

Page 60: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

51

establecimiento y será emitida una notificación para el usuario y otra

para el encargado de servicios vía correo electrónico.

Las consultas de productos y servicios para fines informativos tienen

un funcionamiento similar exceptuando la opción de agregar a una

orden.

Page 61: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

52

Conclusión

Tras el desarrollo de este proyecto enfocados en ofrecer una

solución a la problemática planteada, basada en los recursos de la

multimedia, pudimos constatar que la problemática en la entrega de

productos y servicios, en establecimientos de naturaleza automotriz

se presenta de manera generalizada a pesar de mostrarse de forma

mas ligera en pocos casos.

Los puntos críticos de esta problemática, radican en lo poco eficiente

de los métodos de monitoreo para los procedimientos ofrecidos por

los centros que lo proveen, la falta de agilidad en el proceso de

solicitud e iniciación de los mismos, y por ultimo la alta necesidad de

presencia por parte del cliente , demandando por consiguiente

grandes cantidades de tiempo de su parte.

Page 62: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

53

Por otra parte a pesar de que la mayoría de estos establecimientos

tienen presencia en la Internet, no le sacan realmente el provecho a

este medio. Gracias a los avances en la tecnología aplicada a la red,

este medio ofrece herramientas que hacen posible su funcionamiento

completamente en línea.

Basados en los casos de estudios planteados a lo largo del proyecto,

pudimos demostrar que estos establecimientos cuentan con una

logística de trabajo que permite la implementación de este recurso en

línea, para su funcionamiento.

Page 63: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

54

Anexos

Anexo1

Page 64: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

55

Anexo2

Page 65: agradecimientos y dedicatoria · 2020. 8. 15. · Agradecimientos “Ha sido largo el viaje pero al fin llegué, la luz llego a mis ojos, aunque lo dudé, fueron muchos valles de

56

Referencias de informaciones

• Burnat,J.,GRANDICCIONARIOENCICLOPEDICOUNIVERSOCOLOR,Edición2001,2da.EdiciónBogota,Colombia:ZamoraEditores

• Wikipedia,Laenciclopedialibre.Disponible:http://es.wikipedia.org/wiki/

• Santamaría,R.,Alboukrek,A.,ELPEQUEÑOLAROUSSEILUSTRADO,Edición1998,Barcelona,España:LarousseEditorial,S.A.

• Arens,W.,PUBLICIDAD,SéptimaEdición,Iztapalapa,México:EditoraMacGrawHill

• Curtis,H.MTIVprocess,inspirationandpracticeforthenewmediadesigner,edición2002,IndianaEE.UU.;NewRiders.

• Nielsen,J.,Usability101:IntroductiontoUsability,encontradoen:www.useit.com

• ShawnLawton,H.,IntroducciónalaAccesibilidadWeb,encontradoen:www.w3c.es

• Webusable,SignificadodeloscoloresWeb,encontradoen:www.webtaller.com

• Álvarez,R.,ProgramaciónPHP,encontradoen:www.desarrolloweb.com