Clases 6 creacion-de_un_sitio_web_de_ecommerce

30
Escuela Superior Politécnica del Litoral Creación de un sitio Web de Comercio Electrónico Ing. Marlon Altamirano

description

 

Transcript of Clases 6 creacion-de_un_sitio_web_de_ecommerce

  • 1. Escuela Superior Politcnica del Litoral Creacin de un sitio Web de Comercio Electrnico Ing. Marlon Altamirano
  • 2. Tamao Apropiado de un Sitio WebPara construir un sitio de comercio electrnico exitoso se requiere unprofundo conocimiento del negocio en si, as como un enfoquesistemtico para un correcto desarrollo del sitio web.Expertos menciona que para construir un sitio de comercio electrnicoexitoso es necesario: Desarrollar una clara comprensin de sus objetivos de negocios; y Saber como elegir la tecnologa correcta parar lograr esos objetivos.Adems es necesario que se considere de manera sistemtica losdiversos factores que se mencionaran a continuacin para laelaboracin de estos sitios de comercio electrnico.
  • 3. Factores claves Capacidades Organizacionales Arquitectura deRecursos humanos hardwareTelecomunicaciones Software Diseo del Sitio
  • 4. El Ciclo de Vida del Desarrollo de SistemasEste ciclo de vida del desarrollo de Sistemas (SDLC) es una metodologa para lacomprensin de los objetivos de negocio de cualquier sistema y as disear unasolucin apropiada, implementar este sistema no garantiza el xito pero es muchomejor que no tener ningn plan.Los 5 pasos principales del SDLC son: Anlisis/ Planeacin de Sistemas Diseo del Sistema Construccin del Sistema Pruebas Implementacin
  • 5. Anlisis/ Planeacin de SistemasEl paso de Anlisis/ Planeacin de Sistemas del SDLC trata de responder ala pregunta, Qu queremos q haga el sitios web para nuestro negocio? ;donde el punto clave aqu es dejar que las decisiones del negocio dirijana la tecnologa y no al revs.Empezamos con los objetivos del negocio que no es mas que una simplelista de capacidades que usted desea que tenga su sitio. Posteriormente desarrollamos una lista de funcionalidades del sistema y finalizamos con los requerimientos de informacin que son aquellos elementos de informacin que el sistema debe producir para alcanzar los objetivos del negocio.
  • 6. Title Diseo del Sistema Lorem ipsumdolor sitlos componentes principales en ESPECIFICACIN DEL DISEO DE Descripcin de amet, un sistema y su relacin entre un componente consectetuer adipiscing elit. SISTEMA y otro. Vivamus et magna. Fusce sed sem sed magna suscipitelegestas. deben realizarse DISEO LGICO Describe flujo de informacin en sus web; adems de las funciones que los procedimientos de seguridad y los Lorem ipsum dolor que seamet, el sistema. controles sit utilizarn en consectetuer adipiscing elit. Vivamus et magna. diseo lgicosed sem DISEO FSICO Traduce el Fusce en componentes fsicos. sed magna suscipit egestas.
  • 7. Title Construccin del Sistema Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Despus de considerar el diseo lgico y fsico para el sitio web; empieza la construccin delSistema , en donde existen muchas opciones sin embargo depende del dinero con el que se Vivamus et magna. Fusce sed semcuenta para la elaboracin del mismo . sed magna suscipit egestas. Lorem ipsum dolor sit amet,Subcontratar o Outsourcing indica que se contratara a un proveedor externo para queproporcione los servicios que implican la construccin del sitio, que eselit. que no se puede consectetuer adipiscing aquello Vivamus et magna. Fusce sed semllevar a cabo con personal interno . sed magna suscipit egestas.Tambin se debe de tomar en cuenta si se Hospedara (operar) el sitio en los servidores de laempresa , o se subcontratar el hosting a un proveedor.
  • 8. Hospedar su Sitio o Title Subcontratar el Hosting Lorem ipsum dolor sit amet,La mayora de empresas opta por subcontratar el hosting y pagar a una empresa para que consectetuer adipiscing elit.hospede su sitio web, es decir que esta empresa que hospeda deber de asegurar que el sitio Vivamus et magna. Fusce sed semeste vivo o accesible las 24 horas del da, sin embargo existen desventajas con el mismo, yaque al subcontratar un hosting debe asegurarse suscipit egestas. sed magna que el distribuidor tenga la capacidad de crecercon usted. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Es por este motivo que la mayora de GRANDES empresas se encarga de su propio hosting; es Vivamus et magna. Fusce sed sem formadecir hospedan su propio sitio por lo que pueden controlar su entorno web; de igual sed magna suscipit egestas.existen desventajas al hospedar su propio sitio; pues si su empresa es pequea sus costos sernmas altos que si hubiese utilizado una empresa de subcontratacin ya que no tiene el poder demercado para obtener hardware y telecomunicaciones de bajo costo.
  • 9. Title Prueba del Sistema PRUEBA DE UNIDAD Lorem ipsum dolor sit amet, consectetuer adipiscing elit.del sitio, uno Implica probar los mdulos de programa a la vez Vivamus et magna. Fusce sed sem PRUEBA DEL SISTEMA sed magna suscipit egestas. Implica probar el sitio como un todo, de la misma Lorem en que el usuario comn utilizar el sitio. forma ipsum dolor sit amet, consectetuer adipiscing elit. PRUEBA DE ACEPTACIN Vivamus et magna. Fusce sed sem Verifica que los objetos de negocios del sistema estn sed magnasegn su concepcin original funcionando suscipit egestas.
  • 10. Title Implementacin y Mantenimiento Lorem ipsum dolor sit amet,La mayora de las personas errneamente piensan que una vez instalado el sistema de consectetuer adipiscinghaya terminado la vidainformacin el proceso ha terminado, de hecho aunque esta elit. Vivamus et magna. Fusce sed semoperativa del sistema apenas esta comenzando. Este tipo de sistemas necesitan un proceso sed magna suscipit egestas.continuo de comprobacin, prueba y reparacin; el mantenimiento del sistema es vital, Lorem ipsum dolor sit amet,pero algunas veces no se lo considera dentro del presupuesto. consectetuer adipiscing elit. un equipo deEl xito a largo plazo de un sitio de comercio electrnico depender de Vivamus et magna. Fusce sed semempleados cuyo trabajo ser el monitoreo y adaptacin del sitio a las condicionescambiantes del mercado, ademsmagna suscipit egestas. sed de un correcto benchmarking y la actualizacin constanteen cuanto a precios y promociones.
  • 11. Factores en la optimizacin de un sitio webTitle Redes de entrega de contenido ENTREGA DE PAGINAS Edge caching Lorem ipsum dolor sit amet, Ancho de Banda consectetuer adipiscing elit. Vivamus et magna. Fusceesed sem Optimizar HTML Imgenes sed PAGINAS DEsuscipit egestas. CONTENIDO magna Arquitectura del Sitio Estilos de paginas eficientes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Servidor Tiempo de respuesta del Vivamus et magna. Fusce sed sem GENERACION DE Asignacin de recursos Umbrales de utilizacin de recursos PAGINAS sed magna suscipit egestas. Monitoreo de rendimiento
  • 12. Title Presupuestos del Sitio Web Lorem ipsum dolor sit amet,Lo que usted gaste en u sitio Web depende de lo que quiere que haga el mismo; los sitios consectetuerde $5,000 anuales; elit. que los sitiosWeb sencillos se pueden construir con un costo adipiscing mientras Vivamus et magna. Fusce sed semweb de empresas grandes que ofrecen altos niveles de interactividad y vinculacin con los sed magna suscipit egestas.sistemas corporativos puedo costar varios millones de dlares al ao. Lorem ipsum dolor sit amet,De manera generalizada se presenta un presupuesto estndar el cual hace referencia a los consectetuer adipiscing elit.componentes bsicos que debe tener un sitio web es necesario mencionar que el hardware, Vivamus et magna. Fusce sed semsoftware y telecomunicaciones para construir un sitio web ha bajado mas del 50% desde elao 2000. sed magna suscipit egestas.A continuacin se detallan los componentes del presupuesto de un sitios web:
  • 13. Componentes de un PresupuestoTitle Lorem ipsum Ydolor sit amet, DISEO HARDWARE consectetuer adipiscing elit. DESARROLLO 15% 10% Vivamus et magna. Fusce sed sem sed magna suscipit egestas. MANTENIMIE SOFWARE Lorem ipsum dolor sit amet, NTO DEL SIST. 35% 8% consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem TELECOMUNI DESARROLLO sed magna suscipitCACIONES DEL SIST. 22% egestas. 10%
  • 14. Eleccin de Software de Servidor Title Lorem ipsum dolor sit amet,Cuando elija el software de servidor web, tambin estar eligiendo un sistema operativo consectetueranlisis de todos los servidores en la webpara las computadores de su sitio; haciendo un adipiscing elit. Vivamus et magna. Fusce sed sementre los principales tenemos a apache con los sistemas operativos Linux y Unix; yMicrosoft con el sistema operativo Windows. suscipit egestas. sed magna Lorem ipsum dolor sit amet,Todos los sitios de comercio electrnico requieren software bsico de servidor web para consectetuer adipiscing elit.responder a las peticiones de los clientes por paginas HTML y XML. Las opciones ms Vivamus et magna. Fusce sed sempopulares se muestran a continuacin: sed magna suscipit egestas. APACHE 74% ZEUS 5% MICROSOFT 19% OTROS 6.5%
  • 15. HERRAMIENTAS DE ADMINISTRACIN Verifican que los vnculos en las paginas sigan DEL SITIO siendo validos e incluso identifican los archivos hurfanos Contenido de una pagina Web que seGENERACIN DE PAGINAS DINAMICAS almacena en forma de objetos en una base de datos , en vez de codificarse directamente en HTML. Programas de software que proporciona la SERVIDOR DE APLICACIONES funcionalidad de negocios especficos que requiere un sitio web Proporciona la funcionalidad bsica necesariaSOFTWARE DE SERVIDOR MERCANTIL para las ventas en lnea, incluyendo catalogo en lnea, la toma de pedidos y el procesamiento de tarjetas de crdito CATALOGO EN LNEA Lista de Productos en un sitios web. Permite a los compradores separar, revisar y CARRITO DE COMPRAS editar lo seleccionado para despus realizar la compra haciendo un clic.
  • 16. Suites de Comercio Electrnico Title Lorem ipsum dolor sit amet,En vez de construir su sitio a partir de un conjunto de aplicaciones de software disparejos, consectetuer adipiscing elit.es ms fcil y rpido y generalmente menos costoso, comprar un paquete de software deservidor mercantil tambin conocido como Suites de Comercio Electrnico , los cuales Vivamus et magna. Fusce sed semofrecen un entorno integrado que proporciona toda la funcionalidad y las herramientas sed magnasofisticado paraegestas.necesarias para desarrollar un sitio cntrico y suscipit el cliente. Lorem ipsum dolor sit amet,Como elegir una suite deconsectetuer adipiscing elit. Comercio electrnico?Es necesario considerar ciertos factores claves para la correcta eleccin de esta clase de Vivamus et magna. Fusce sed semSuites electrnicas adems del correcto y adecuado personal para la utilizacin de estas sed magna suscipit egestas.herramientas. Dentro de los factores claves tenemos: Funcionalidad, Soporte para distintosmodelos de negocios, Herramientas para modelar proceso de negocios, Rendimiento yescalabilidad, Capacidad global, Conformidad con los estndares
  • 17. Eleccin del HardwareTitle un Sitio Electrnico paraEs necesario conocer determinados aspectos del hardware ya sea que Lorem ipsum dolor sit amet,subcontrate el hosting o que hospede su propio sitio, dentro de los consectetuer adipiscing elit.conceptos claves encontramos la plataforma de hardware que serefiere a todo el equipo de computo subyacente que el sistema utiliza Vivamus et magna. Fusce sed sempara lograr su funcionalidad de comercio electrnico, su objetivo es sed magna suscipit egestas.tener la suficiente capacidad de plataforma para cumplir con la Lorem ipsum dolor demanda puededemanda pico, el no cumplir con estasit amet, hacer que susitioconsectetuer adipiscing elit. sea lento o que falle.Cuanta capacidad de computo es suficiente para satisfacer la Vivamus et magna. Fusce sed semdemanda pico?, Cuntas visitas por das puede soportar su sitio? ; sedpreguntas que se debern egestas. con relacin a son magna suscipit de responder diversos factores que afectan, tales como velocidad, capacidad, y escalabilidad de un sitio web entre otros.
  • 18. Title Capacidad de Servidores Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas.Un servidor web comn con un solo procesador Pentium de 4.2GHz, pude manejar aproximadamente8000 usuarios concurrentes, mientras que con 8 procesadores la misma computadora podra manejar25000 usuarios.
  • 19. TAMAO ADECUADO DE SU PLATAFORMA DE HARDWARETitle Se refiere a la habilidad de un sitio ESCALABILIDAD de incrementar su tamao segn el Lorem ipsum dolor sit amet, aumento de la demanda consectetuer adipiscing elit. Se refiere al incremento de poder ESCALAMIENTO VERTICAL de procesamiento de los Vivamus et magna.componentessed sem para Fusce individuales, satisfacer las demandas del servicio sed magna suscipit web. egestas. Lorem ipsum dolor Empleoamet, computadoras ESCALAMIENTO HORIZONTAL sit de varias para compartir la carga del trabajo consectetuer adipiscing elit. Dentro de estas plataformas el mas adecuado y sed sem Vivamus et magna. Fusce el que posee mayor ventaja es el escalamiento horizontal es econmico puede absorber sed magna suscipit egestas. carga dinmica, mejora la arquitectura de procesamiento, utiliza software de equilibrio de carga, agrega servidores econmicos a un solo procesador, entre otros.
  • 20. OTRAS HERRAMIENTAS DEL SITIO Title WEB Lorem ipsum dolor sit amet,Una vez mencionados los factores que afectan aadipiscing elit. del sitio web, consectetuer la velocidad y capacidades necesario realizar un diseo coherente con el sitio, que tenga sentido del negocio y Vivamus et magna. Fusce sed semque puede interactuar con el cliente tener un seguimiento de ellos , adems de sed magna suscipit egestas.establecer un conjunto de polticas de informacin, privacidad, y accesibilidad. Lorem ipsum dolor sit amet,Para lograr estas capacidades de negocios, deber tener elit. consectetuer adipiscing presentes algunoslineamientos de diseo y herramientas de software adicionales que puedan lograr con Vivamus et magna. Fusce sed semcostos efectivos la funcionalidad de negocios requerida. sed magna suscipit egestas.
  • 21. DISEO DEL SITIO WEB CONSIDERACIONES BSICAS FUNCIONALIDAD Paginas que funcionan, se cargan con rapidez. INFORMATIVO Vnculos que los clientes puedan encontrar con facilidad para conocer ms acerca de usted y sus productos FACILIDAD DE USO Navegacin simple a prueba de inexpertos.NAVEGACIN REDUNDANTE Navegacin alternativa para el mismo contenido FACILIDAD DE COMPRA Uno o dos Clic para ComprarFUNCIONALIDAD DE VARIOS El Sitio funciona con los navegadores ms populares NAVEGADORES GRAFICOS SIMPLES Evita los grficos y sonidos molestos que distraen y que el usuario no puede controlar TEXTO LEGIBLE Evite fondos que distorsionan el texto.
  • 22. DISEO DEL SITIO WEB CARACTERISTICAS QUE MOLESTAN A LOS CLIENTES IMPOSIBILIDAD DE USAR ANUNCIOS EMERGENTES 93.1% EL BOTON DE ATRS 76% REQUERIR INSTALACIN DE NINGUN TIPO DE INF. DEL SOFTWARE ADICIONALES 88.8% CONTACTO 75.1% SITIO CON CONTENIDO VNCULOS MUERTOS 86% EXCESIVO 69.4% NAVEGACIN CONFUSA 84.4% TEXTO QUE SE DESPLAZA 59.9% REQUERIMIENTO DE 83.1%REGISTRARSE E INICIAR SESIN APARIENCIA DEFICIENTE 54.9% PAGINAS QUE CARGAN CON 83% LENTITUD MUSICA CONSTANTE 52.5% CONTENIDO CADUCADO 82.4% ABRIR UNA NUEVA VENTANA PARA VINCULO 38.4%HERRAMIENTA DE BUSQUEDA 80.3% INEFICAZ
  • 23. Herramientas para la optimizacin deTitle Sitios WebPalabras claves y ttulos de pagina.- Enriquezca su pagina con Lorem ipsum dolor sit amet,palabras claves que describan con precisin lo que usted vende o consectetuer adipiscing elit.hace , los motores de bsqueda recorren su sitio e identifican estaspalabras. Vivamus et magna. Fusce sed semIdentifique los Nichos de Mercado.- En vez de comercializar joyera sed magna suscipit egestas.sea ms especifico como joyera Victoriana o joyera de 1950 as Lorem ipsum doloratraer grupos pequeos o especficos.sit amet, consectetuer adipiscing elit. Ofrezca experiencia.- Documentos, anlisis, guas y reseas son Vivamus et magna. Fusce sed sem excelentes forma de generar confianza por parte de los usuarios. sed magna suscipit egestas. Mantngase vinculado.- Anime a otros sitios para que incluyan vnculos de su sitio, cree blogs que atraiga a las personas quienes compartirn su URL con otros usuarios.
  • 24. Herramientas para la optimizacin de Title Sitios Web Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Compre Anuncios.- Complemente sus esfuerzos de optimizacin de las bsquedas Vivamus et magna. Fusce sed semnaturales con anuncios pagados en los motores de bsqueda, seleccione palabras sed magna suscipit egestas.claves y adquiera exposicin directa en paginas web. Lorem ipsum dolor sit amet,Comercio Electrnico consectetuer adipiscing elit. llevar mucho Local.- Desarrollar un mercado nacional puede Vivamus et magna. Fusce sed semtiempo, si tu sitio es atractivo para las personas de la localidad o implica productos sed magna suscipit egestas.que se venden de forma local utiliza palabras claves que connoten su ubicacin demanera que las personas puedan encontrarlos cerca.
  • 25. Herramientas para Interactividad y Title Contenido Activo Lorem ipsum dolor sit amet,En las construccin de su sitio web es conveniente que se asegure de que los consectetuer adipiscing elit. Vivamus et magna. Fusce sed semusuarios puedan interactuar con su sitio de manera fcil y rpida, cuanto msefectivo sea su sitio sed ms efectivo suscipit egestas. alentar a los web, magna ser para generar ventas y Lorem ipsum dolor sit amet,visitantes a que regresen.Es conveniente que personalice las experiencias para los clienteselit. consectetuer adipiscing enfocndose en susnecesidades individuales y personalizar elmagna. Fusce sed sem Vivamus et contenido de los ofrecimientos con baseen su comportamiento o deseos expresos,suscipit egestas. y mantenerlo sed magna as lograra afianzar al clientede su lado con los beneficios que le presenta.
  • 26. COMPLEMENTOS PARA SU BLOG Title ELEMENTOS DE DISEO Lorem ipsum dolor sit amet, consectetuerdeadipiscing elit.web de HTML; se Pequeos trozos de cdigos preconstruidos, que ejecuta manera automtica e una es WIDGET Vivamus capaz magna. Fusce sed tareas a la vez. et de realizar una amplia variedad de sem sed magna suscipit egestas. en un entre unINTERFAZ COMN DE PUERTA DE Conjunto de estndares para la comunicacin navegador y un programa que se ejecuta servidor, Lorem ipsum dolor sit amet, ENLACE el cual permite la interaccin entre el usuario y el servidor. consectetuer adipiscing elit. que propietaria,PAGINAS ACTIVAS DEL SERVIDOR Una herramienta de desarrollo de software que permite a los programadores utilizan el Vivamus paquete IIS de Microsoft construir sed sem et magna. Fusce pginas dinmicas. Lenguaje de programacin que permite a los JAVA sed magna suscipit egestas. contenido activo programadores crear interactividad y en el computador del cliente, con lo cual se ahorra una cantidad considerable de carga en el servidor
  • 27. COMPLEMENTOS PARA SU BLOG Title ELEMENTOS DE DISEO Lorem ipsum dolor sit amet, consectetuer adipiscing elit.paginasen forma Es un estndar de codificacin de permite a los desarrolladores generar web queJAVA SERVER PAGES Vivamus dinmica paginas webFusce sed sem de et magna. en respuesta a las peticiones los usuarios sed magna suscipit egestas. por Netscape que Lenguaje de programacin inventado JAVA SCRIPT se utiliza para controlar los objetos en una pagina HTML Lorem ipsum dolor sit amet, y manejar las interacciones con el navegador Lenguaje de programacin creado por Microsoft para ACTIVE X consectetuer con java. competir adipiscing elit. Vivamus Lenguaje de programacin inventado por Microsoft para et magna. Fusce sed sem competir con Java script. VB SCRIPT sed magna suscipit egestas. para desarrollar Entorno integrado del lado del servidor COLD FUSION aplicaciones web interactivas.
  • 28. Herramientas de Personalizacin Title Lorem ipsum dolor sit amet,Es necesario tratar a cada cliente de manera individual, la personalizacin (capacidad de consectetuer personales) y la adecuacin (capacidad detratar a las personas con base a sus cualidades adipiscing elit. Vivamus et magna. Fusce sed semcambiar el producto para que se adapte mejor a las necesidades del cliente) son doselementos clave del comercio magna que pueden hacerlo tan poderoso como un sed electrnico suscipit egestas.mercado tradicional. Lorem ipsum dolor sit amet,Existen varios mtodos para lograra la personalizacin y la adecuacin, por ejemplo consectetueranalizar el patrn deelit.y sitios visitados,conociendo el historial personal del visitante, adipiscing clics Vivamus et magna. Fusce sed semsin embargo el principal mtodo para lograr la personalizacin y la adecuacin es sed magna suscipit egestas.colocando archivos de cookies en la computadora cliente del usuario, donde una cookie esun pequeo archivo de texto que se coloca en la computadora del cliente y se puedeobtener cualquier informacin acerca del cliente.
  • 29. Conjunto de Polticas de Informacin Title Lorem ipsum dolor sit amet,Al desarrollar su sitio de comercio electrnico, tendr que enfocarse en el conjunto de consectetuer adipiscing elit. Vivamus et magna. Fusce sed sempolticas de informacin que regirn su sitio. sed magna suscipit egestas. Conjunto de declaraciones pblicas que anuncianPolticas de Privacidad.- Lorem ipsum dolor sit amet, a los clientescomo manejar usted la informacin personal queadipiscing elit. Web. consectetuer ellos recopilen en el sitio Vivamus et magna. Fusce sed semReglas de Accesibilidad.- sed magna suscipit que asegura que los usaros con Conjunto de objetivos de diseo egestas.discapacidades puedan acceder de manera efectiva a su sitio web.
  • 30. Gracias