INSTITUTO TECNOLOGICO SUPERIOR DE ARANDAS

TALLER DE INVESTIGACION I

PROTOCOLO DE INFESTIGACION DE: SITIO WEB COPPEL

INTEGRANTES DEL EQUIPO DE INVESTIGACION: IRVIN DANIEL LUPERCIO VERA JUAN ANTONIO ALEJO BAROCIO

DOCENTE: RACIO DEL CARMEN PARA

SEMESTRE AGO-13 / ENE 14

7to SEMESTRE DE LA CARRERA INGENIERIA EN SISTEMAS COMPUTACIONALES

ARANDAS JALISCO

Web site Coppel

taller de investigacin I

NDICE Descripcin del proyecto2 Objetivo general..2 Objetivo especficos2 Antecedentes2 Historia..3 Servicios3 Hiptesis4 Justificacin...4 Marco terico.5 Marco conceptual..6 Mtodo11 Bosquejo12 Cronograma13 Presupuesto.13 Bibliografias..14

Web site Coppel

taller de investigacin I

DESCRIPCION DEL PROYECTO Nuestro proyecto est dirigido a una pgina web para Coppel una de las tiendas de Mxico de electrodomsticos. La cual para la realizacin de sus compras son directamente en sus tiendas. En este caso como en su pgina de internet solo cuentan con el catlogo de cada una de sus sucursales por que no ponemos las compras mediante la pgina, compras que se realizaran por contar con tarjeta de crdito Bancoppel. Posiblemente pagos de mensualidades tendrn que ser pagadas en su tienda. Se ver la posibilidad de hacer una aplicacin mvil para androide para tambin realizar realizar las compras. Objetivo general Realizar una aplicacin web para las compras en lnea, porque los usuarios se han visto en la necesidad de pedir una facilidad para compras y al mismo tiempo pagos de mensualidades de sus compras que hallan realizado Objetivo especficos Implementar una base de datos para el registro de toda la mercanca por cada tienda ubicada en cada municipio. Elaborar una pgina de internet con catalogo y compras de la tienda Coppel ligada con los usuarios Bancoppel. Incorporar una aplicacin mvil para plataformas Android Windows phone y iOS 7 para los pagos bancarios de crdito para facilitar los pagos a los usuarios.

Antecedentes Coppel
Coppel S.A. de C.V.
Coppel Mejora tu vida

Fundacin Nombres anteriores Sede mbito Productos Servicios

1941 Almacenes Coppel S.A. Almacenes Coppel S.A. de C.V. Culiacn, Mxico Ropa y muebles Compra-venta de productos de
2

Mxico

Web site Coppel

taller de investigacin I

consumo popular Ingresos Empleados 68,000 millones de MXN 80,000

Coppel es una empresa mexicana con sede en la ciudad de Culiacn, que ha sido fundada en 1941. Es una cadena comercial de tiendas departamentales de ventas a travs del otorgamiento de crditos con pocos requisitos, y repartos gratuitos.

Historia
Coppel inicio actividades por su creador el seor Enrique Coppel Tamayo en la ciudad de Culiacn Sinaloa Mxico, en la dcada de los cuarentas fue hasta el 1ro. De agosto de 1965, cuando se constituyo bajo la denominacin de Almacenes Coppel S.A. con una duracin de 20 aos, posteriormente en Asamblea General Extraordinaria de Accionistas celebrada el 16 de noviembre de 1979 se transform en Almacenes Coppel S.A. de C.V. y modifico su duracin de 20 a 99 aos el 28 de abril de 1992, en Asamblea General de Accionistas Extraordinaria, cambio su denominacin social a Coppel S.A. de C.V. El nombre comercial con el que se identifican las tiendas actualmente. Actualmente esta empresa cuenta con sucursales fuera de Mexico en los pases de Argentina y Brasil2 == Lemas

Servicios
Actualmente, la cadena Coppel se encuentra brindando los siguientes servicios:3

AforeCoppel Club de proteccin (Un conjunto de servicios incluido seguro de vida) Entrega a domicilio gratis 2 aos de garanta gratis Compras a travs de Coppel.com Pago de servicios (CFE, Telmex, Movistar y Crdito y Casa) Mesa de regalos Prstamos en efectivo (solo si el cliente va al corriente con su crdito) Envos de dinero con DineroYa y MoneyGram (Nacional y a Estados Unidos) Bancoppel Servicios de telefona celular (recargas)

Web site Coppel

taller de investigacin I

Hiptesis
Esta pgina web ser fundamental para tener una mejor forma de comprar en la tienda para los usuarios y ms aparte favorecer en el incremento de ventas en la tienda Coppel

Justificacin
Aunque ya cuenta con una pgina, no est en funcin correctamente hasta el momento. Mencionar que la tienda ya contaba con algunas inconformidades de los clientes por que no era amigable para ellos ya que no comprendan algunos puntos a la hora de registrarse o hacer un pedido, nuestro proyecto resolver este problema.

IMPACTO SOCIAL

Nuestro proyecto tendr un gran impacto social ya que este estar dedicado hacia ellos pero especial mente a los clientes de las tiendas COPPEL y ya que estos son parte de la sociedad. Lo que impacta nuestro proyecto a la sociedad es que esto se mueve en un medio muy conocido por la misma que es internet y esto influye ya que todos conocen de medio y ya hay un poco ms de accesos fcil y podrn consultar el sito y familiarizarse con los que les ofrece las tiendas COPPEL y asi que sea un gran acontecimiento para lo sociedad

IMPACTO TECNOLOGICO

En este mbito nuestro proyecto va a tener la mayor porque el sitio web va estar disponible para cualquier dispositivo fijo o mvil con acceso a internet y esto va a tener un gran impacto por que estaremos cubriendo todas las reas de la tecnologa y as estaremos contribuyendo con eso

IMPACTO ECONOMICO

En impacto econmico de nuestro proyecto no ser tan beneficioso para la sociedad ya que nuestro solo ayudara a las ventas de las tiendas COPPEL ya que no es un proyecto de beneficio ala sociedad
4

Web site Coppel

taller de investigacin I

IMPACTO ECOLOGICO

Nuestro proyecto en esto no contribuir mucho en aspecto de gasto energtico pero si en gastos e uso de papel plsticos y pinturas de publicidad ya que todo estar en la red y los usuarios tendrn acceso a esto a a cualquier hora y donde deseen

Marco terico
En algunas instituciones para dar a conocerse ante los dems personas utilizamos medios de comunicacin muy usuales como lo es el internet. Tambin por medio de enlaces publicitarios en pginas muy usuales como anuncios por Facebook o por algunas pginas de mercados de ventas en lnea. Muchas empresas les han ido bien con esta nueva forma de vender sus productos por el usuario o cliente solo tiene que ver la pgina ver la descripcin del producto detalladamente y por ende si el producto es favorable a la persona este hace su pago mediante una trasferencia electrnica del banco que prefiera. Hoy en da algunas compaas ganan por poner en venta productos de usuarios que solo quieren vender un producto en especfico. Como lo es mercado libre. Lo que hoy Coppel podr realizar con la aplicacin a realizar es que presentara sus productos, los podr vender ya sea a contado o en abonos con solo ser cliente de la tienda Coppel y para realizar la compre en lnea que tenga una cuenta Bancoppel ya sea crdito o dbito. Los usuarios desde su hogar podrn realizar la compra con solo unos clicks y listo, Gente al mismo tiempo podr checar si el producto lo tiene la tienda y si no vasto con la descripcin del producto podr ir con seguridad de que el producto lo encontra.

Marco conceptual
El concepto internet es muy fundamental en esta investigacin ya que es posible por este medio la aplicacin de dicho software. En base al autor Javier Echeverra internet es un medio de comunicacin, y ello es muy cierto. Sin embargo. Internet posee cualidades mediticas y por ello diremos que esa red es un medio de comunicacin, medio de informacin, medio de memorizacin, un medio de produccin, un medio de comercio para el ocio y entretenimiento. Y un medio de interaccin.

Web site Coppel

taller de investigacin I

Venta en lnea palabra clave de la aplicacin a desarrollar en esta investigacin por ello describimos con detalle que es lo que quiere referirse muchas empresas manejan el concepto ms amplio del siguiente modo. "cuando una empresa, organizacin o persona utiliza un sitio web (propio o de un tercero) para poner sus productos o servicios a la venta, y luego, otra empresa, organizacin o persona utiliza una computadora conectada a internet para comprar esos productos o servicios, se puede decir que las partes han intervenido en una transaccin electrnica o venta online". Una de las cosas por las que se tiene para realizar una venta en lnea es como mostrar el producto a los clientes que accedieron al sitio web por eso se hace un catlogo. Que revisado en un diccionario catalogo es una lista en la que se registran, describen y ordenan, siguiendo determinadas normas, personas, cosas o sucesos que tienen algn punto en comn. Algo con que cuenta la empresa a desarrollar la aplicacin es un banco para los pagos y/o abonos de productos que hallan comprado. Banco no es mas que una entidad financier que se dedica a la administacion de dinero. Ofrece servicio de depsitos de valores. El sistema bancario tambin conocido como banca, es el conjunto de bancos que operan dentro de una economa. Para el trabajo adecuado de dicha aplicacin a desarrollar se necesitan equipos adecuados para la administracin y manejo adecuado de compras por ello se menciona computadora. Que es tambin mencionado como un ordenador que es un aparato electrnico que tiene el fin de procesar y recibir datos para la realizacin de diversas operaciones. Operaciones que pueden estar realizados por el usuario o por aplicaciones (software programado). Algo con lo que hoy en da los seres humanos hemos utilizado ms y que pide mucha demanda es un dispositivo mvil. Mismo que pueden tambin tener acceso a nuestra pgina y hacer sus pagos o depsitos por eso un dispositivo mvil es. un aparato pequeo con algunas capacidades de procesamiento, con conexin a una red. Con memoria limitada, diseado para especificas funciones pero que pueden llevar a cabo otras funciones ms generales.

Una pgina web (o pgina electrnica, segn el trmino recomendado por la R.A.E.) es el nombre de un documento o informacin electrnica capaz de contener texto, sonido, vdeo, programas, enlaces, imgenes,
6

Web site Coppel

taller de investigacin I

y muchas otras cosas, adaptada para la llamada Word Wide Web, y que puede ser accedida mediante un navegador. Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin (acceso) a otras pginas web mediante enlaces de hipertexto. Las pginas web frecuentemente tambin incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imgenes digitales, entre otros. Las pginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso nicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las pginas en la Word Wide Web. El acceso a las pginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto(HTTP).

HTML, siglas de HyperText Markup Language(lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboracin de pginas web. Es un estndar que, en sus diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web, como texto, imgenes, etc. Es un estndar a cargo de la W3C, organizacin dedicada a la estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo referente a su escritura e interpretacin. El lenguaje HTML basa su filosofa de desarrollo en la referenciacin. Para aadir un elemento externo a la pgina (imagen, vdeo, script, etc.), este no se incrusta directamente en el cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento mediante texto. De este modo, la pgina web contiene slo texto mientras que recae en el navegador web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier pgina web escrita en una determinada versin, pueda ser interpretada de la misma forma (estndar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web compatibles con distintos navegadores y plataformas (PC de escritorio, porttiles, telfonos inteligentes, tablets, etc.). Sin embargo, para interpretar correctamente una nueva versin de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versin del navegador con los cambios incorporados. Usualmente los cambios son aplicados mediante parches de actualizacin automtica (Firefox, Chrome) u ofreciendo una nueva versin del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no ser capaz de interpretar correctamente una pgina web escrita en una versin de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los
7

Web site Coppel

taller de investigacin I

desarrolladores a aplicar tcnicas y cambios que permitan corregir problemas de visualizacin e incluso de interpretacin de cdigo HTML. As mismo, las pginas escritas en una versin anterior de HTML deberan ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores an mantienen la capacidad de interpretar pginas web de versiones HTML anteriores. Por estas razones, an existen diferencias entre distintos navegadores y versiones al interpretar una misma pgina web.

PHP es un lenguaje de programacin de uso general de cdigo del lado del servidor originalmente diseado para el desarrollo web de contenido dinmico. Fue uno de los primeros lenguajes de programacin del lado del servidor que se podan incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El cdigo es interpretado por un servidor web con un mdulo de procesador de PHP que genera la pgina Web resultante. PHP ha evolucionado por lo que ahora incluye tambin una interfaz de lnea de comandos que puede ser usada en aplicaciones grficas independientes. PHP puede ser usado en la mayora de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningn costo. PHP fue creado originalmente por Rasmus Lerdorf en 1995. Actualmente el lenguaje sigue siendo desarrollado con nuevas funciones por el grupo PHP.2 Este lenguaje forma parte del software libre publicado bajo la licencia PHP que es incompatible con la Licencia Pblica General de GNU debido a las restricciones del uso del trmino PHP.3

CSS Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentacin semntica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicacin ms comn es dar estilo a pginas webs escritas en lenguaje HTML y XHTML, pero tambin puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL. La informacin de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este ltimo caso podran definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>".

Web site Coppel

taller de investigacin I

jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el rbol DOM, manejar eventos, desarrollar animaciones y agregar interaccin con la tcnica AJAX a pginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC. jQuery es la biblioteca de JavaScript ms utilizada.1 jQuery es software libre y de cdigo abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pblica General de GNU v2, permitiendo su uso en proyectos libres y privativos.2 jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requeriran de mucho ms cdigo, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio. Las empresas Microsoft y Nokia anunciaron que incluirn la biblioteca en sus plataformas.3 Microsoft la aadir en su IDE Visual Studio4 y la usar junto con los frameworks ASP.NET AJAX y ASP.NET MVC, mientras que Nokia los integrar con su plataforma Web Run-Time. JavaScript es un lenguaje de programacin interpretado, dialecto del estndar ECMAScript. Se define como orientado a objetos,3 basado en prototipos, imperativo, dbilmente tipado y dinmico. Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y pginas web dinmicas4 aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es tambin significativo. JavaScript se dise con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programacin Java. Sin embargo Java y JavaScript no estn relacionados y tienen semnticas y propsitos diferentes. Todos los navegadores modernos interpretan el cdigo JavaScript integrado en las pginas web. Para interactuar con una pgina web se provee al lenguaje JavaScript de una implementacin del Document Object Model (DOM). Tradicionalmente se vena utilizando en pginas web HTML para realizar operaciones y nicamente en el marco de la aplicacin cliente, sin
9

Web site Coppel

taller de investigacin I

acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargndose junto con el cdigo HTML. Una base de de datos o banco datos es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemticamente para su posterior uso. En este sentido; una biblioteca puede considerarse una base de datos compuesta en su mayora por documentos y textos impresos en papel e indexados para su consulta. Actualmente, y debido al desarrollo tecnolgico de campos como la informtica y la electrnica, la mayora de las bases de datos estn en formato digital (electrnico), y por ende se ha desarrollado y se ofrece un amplio rango de soluciones al problema del almacenamiento de datos. Existen programas denominados sistemas gestores de bases de datos, abreviado DBMS, que permiten almacenar y posteriormente acceder a los datos de forma rpida y estructurada. Las propiedades de estos DBMS, as como su utilizacin y administracin, se estudian dentro del mbito de la informtica Las aplicaciones ms usuales son para la gestin de empresas e instituciones pblicas. Tambin son ampliamente utilizadas en entornos cientficos con el objeto de almacenar la informacin experimental. Aunque las bases de datos pueden contener muchos tipos de datos, algunos de ellos se encuentran protegidos por las leyes de varios pases. Por ejemplo en Espaa, los datos personales se encuentran protegidos por la Ley Orgnica de Proteccin de Datos de Carcter Personal (LOPD) y en Mxico por la Ley Federal de Transparencia y Acceso a la Informacin Pblica Gubernamental.

MySQL es un sistema de gestin de bases de datos relacional, multihilo y multiusuario con ms de seis millones de instalaciones.1 MySQL AB desde enero de 2008 una subsidiaria de Sun Microsystems y sta a su vez de Oracle Corporation desde abril de 2009 desarrolla MySQL como software libre en un esquema de licenciamiento dual. Al contrario de proyectos como Apache, donde el software es desarrollado por una comunidad pblica y los derechos de autor del cdigo estn en poder del autor individual, MySQL es patrocinado por una empresa privada, que posee el copyright de la mayor parte del cdigo. Esto es lo que posibilita el esquema de licenciamiento anteriormente mencionado. Adems de la venta de licencias privativas, la compaa ofrece soporte y servicios. Para sus operaciones contratan
10

Web site Coppel

taller de investigacin I

trabajadores alrededor del mundo que colaboran va Internet. MySQL AB fue fundado por David Axmark, Allan Larsson y Michael Wideniu

Mtodo
Recopilacin de informacin Para la realizacin de este trabajo aremos dos cosas para la recaudacin de informacin, una de las principales es hacer una encuesta a los usuarios, porque son los principales de personas que nos interesa bien atender, un cuestionario sencillo en cual preguntaremos que tal le parecera un nuevo servicio en cual involucrara hacerlo desde su casa. Y otros a los mismos trabajadores de la empresa pues para ver qu tan amigables se comportaran con la aplicacin. Diseo

Para comenzar. Una vez obtenida la informacin de lo que realmente las encuestas arrojan de resultado y como los mismo usuarios del sistema se vieran involucrados, comenzaramos por la parte del diseo de la base de datos, que y que datos tendramos que tener en concreto para tener una relacin de los clientes Coppel con los usuarios de tarjetas del Bancoppel, despus se programara en una plataforma llamada mysql, una vez teniendo esto desarrollaremos la interfaz como el catalogo que los usuarios de la pgina veran, despus implementar los pedidos, como manejar esa interfaz y como llegara el pedido al sistema para que en un mnimo de 24 a 48 horas le llegue al cliente su producto. Concluyendo con los pedidos hacer una forma de pagos va electrnica como transaccin con cuentas dbito o crdito de los usuarios para que hagan pagos mensuales de su producto. Tengamos en cuenta que no simplemente se pueden hacer compras a mensualidades sino tambin a pago de contado. Teniendo este avance hacer las pruebas y mostrar avances como se les hace el sistema a los dueos. Para hacer modificaciones posteriores. Realizaremos las modificaciones que puedan ser como el diseo de la interfaz para el usuario. Y listo entrega Implementacin

Para la implementacin de nuestro proyecto lo montaremos en un servidor, mismo que cuenta la empresa en las instalaciones del distrito federal. Y un dominio web para que pueda estar en internet.

Bosquejo
11

Web site Coppel

taller de investigacin I

Pasos a seguir para la realizacin de nuestra investigacin de la pgina web de Coppel

1. Hacer una investigacin de campo con los actuales clientes de las tienda Coppel para que nos digan cul es su experiencia al comprar en las tiendas Coppel y que nos digan cmo se les hace la actual pgina tiene Coppel 2. Viendo las necesidades de los clientes hacer un bosquejo del proyecto 3. Ir con los representantes de la tiendas Coppel para levantar los requerimientos que necesitamos para hacer todo el diseo de la url 4. Hacer una inspeccin a la pgina actual para encontrar pros y contras 5. Hacer un reporte del paso anterior 6. Disear las mejoras a dicha pagina 7. Hacer una investigacin de las mejores tcnicas actualmente para hacer y disear pginas web 8. Ir desarrollando la BD de la pagina 9. Hacer las plantillas HTML, CSS Y JQURY 10. Ir haciendo conexiones con php 11. Hacer un inventario general d la tienda Coppel 12. Disear un nuevo catlogo con el inventario actual 13. Hacer convenios con Bancoppel 14. Hacer pruebas 15. Juntar todos los proyectos 16. Juntar un grupo de clientes de la tienda para q prueben el proyecto 17. Documentar los resultados de la prueba 18. Hacer la presentacin del proyecto a los ejecutivos de Coppel 19. Lanzamiento

Estos son algunos de los pasos de nuestra investigacin y la realizacin de nuestro proyecto

Cronograma
Febrero 17 - 21 planeacin y diseo de la base de datos 24 - 28 programaciones de la base de datos Marzo 3 - 7 programaciones de base de datos

12

Web site Coppel

taller de investigacin I

10 - 14 programaciones de interfaz html modulos 17 - 21 programaciones de interfaz html modulos 24 - 28 programaciones de interfaz html modulos 31 4 Abril programacin en php y css 7 - 11 programaciones en php y css 21 - 25 programaciones en php y css 28 2 Mayo programacin en php y css 6 - 9 programaciones en php y css 12 15 pruebas en la aplicacin 19 23 pruebas en la aplicacin 26 30 presentacin a clientes y contemplar observaciones para hacer modificaciones posteriores Junio 2 7 realizar las modificaciones que haya pedido el cliente 9 13 realizar modificaciones que el cliente pidio4 16 20 terminacin de la aplicacin y entrega al cliente

Presupuesto
Luz Renta Agua Pcs Renta de cable(internet) Host Dominio mueblera secretaria programador TOTAL X 5 MESES IVA TESTE TOTAL
13

200 1200 150 300 200 250 250 150 2800 5000 9420 56520 9043 10000 75563

Web site Coppel

taller de investigacin I

BIBLIOGRAFIAS
CASTELL, M.: La industria de las tecnologas de la informacin. Madrid: Fundesco, 1991. LPEZ YEPES, Alfonso: Documentacin informativa: sistemas, redes y aplicaciones. Madrid: Sntesis, 1997. MARCOS RECIO, Juan Carlos. La documentacin electrnica en los medios de comunicacin. Editorial Fragua, Madrid, 1999. Contiene una separata de fuentes de informacin electrnicas y archivos de informacin en Internet. VILLASEOR; Isabel: Las fuentes de informacin. En: LPEZ YEPES, Jos. Manual de informacin y documentacin. Madrid: Pirmide, 1996.

14