Internet y

Comercio
Electrónico

Vicerrectoría Académica
Cuaderno de Apuntes

Estimado Estudiante de AIEP, en este Cuaderno de Apuntes, junto a cada Aprendizaje Esperado que se te
presenta y que corresponde al Módulo que cursas, encontrarás “Conceptos, Ideas Centrales y Aplicaciones”
que reforzarán el aprendizaje que debes lograr.

Esperamos que estas Ideas Claves entregadas a modo de síntesis te orienten en el desarrollo del saber, del
hacer y del ser.

Mucho Éxito.-

Dirección de Desarrollo Curricular y Evaluación

VICERRECTORÍA ACADÉMICA AIEP.

2

Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Prohibida su reproducción. Derechos reservados AIEP

Vicerrectoría Académica
Cuaderno de Apuntes

I UNIDAD DE APRENDIZAJE: 1ª UNIDAD: E- Organización

Aprendizaje Esperado 1: Definen el impacto de las tecnologías diversas en la organización de la economía
del siglo XXI.

1.1.- Globalización: Según Thomas L. Friedman la globalización “es la integración inexorable de mercados,
naciones-estado y tecnologías a un grado nunca antes visto (de tal manera que permite a individuos,
corporaciones y naciones-estado llegar a todo el mundo de manera que permite al mundo a llegar a
individuos, corporaciones, y naciones-estado muy lejanos, en una forma más rápida, profunda y barata”1

2

FIG N° 1

1.2.- Impacto en las empresas: En casi todas las industrias, las empresas que sobrevivirán y prosperarán en
el siglo XXI serán empresas internacionales. Las empresas que no sean capaces de formular respuestas
adecuadas a los retos y oportunidades de la globalización serán absorbidas por empresas más dinámicas y
visionarias.3

1.3.- Actualmente, las TICs o Tecnologías de la Información y la Comunicación colaboran en el aumento de
la productividad de las empresas, aumentando así su velocidad y rendimiento.

1.4.- Algunos ejemplos de TICs en el interior de la empresa podemos encontrarlas en:

1 Thomas L. Friedman, The lexus and the olive tree (Nueva York: Anchor Books, 2000)
2
Fuente Imagen: http://es.freeimages.com/photo/team-ii-1238320
3 Warren J, K., & Green, M. C. (2009). Marketing internacional. México: Pearson Educación.

3

Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Prohibida su reproducción. Derechos reservados AIEP

define el E-business como “cualquier proceso que una organización comercial conduce sobre canales de red gestionadas por ordenador. R. el cual explica cómo la tecnología ha comenzado a transformar empresas de diversas industrias y sectores y por consecuencia la economía mundial.E-Business: Para Rosana de Pablo Redondo. Derechos reservados AIEP . (2010). Prohibida su reproducción. de bienes o servicios”5 6 FIG N° 3 4Fuente Imagen: Esquema elaboración Docente Eduardo Vásquez. mientras que el comercio electrónico (e-commerce) es cualquier transacción completada sobre una red gestionada por ordenador que transfiere la propiedad. o sin fines lucrativos. en su libro “Negocio Electrónico. o derechos de uso. Negocio Electrónico.. Vicerrectoría Académica Cuaderno de Apuntes 4 FIG N° 2 1. gubernamental. El impacto de la tecnología en los negocios: https://youtu. Madrid: UNED.com/photo/www-concept-2-1241601 4 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.¿Cómo se pueden integrar las TICs a nuestro negocio?. 6 Fuente Imagen: http://es. El término E-business se utiliza para describir la forma de operar de aquellas empresas u organizaciones que incorporan el uso de la tecnología en sus procesos y operaciones..be/84Bz8nUjbc8 1. Las organizaciones comerciales incluyen cualquier entidad con ánimo de lucro.freeimages. 5 De Pablo Redondo. ¿por qué una empresa debe integrar las tecnologías de la información a su modelo de negocios? Puedes revisar el siguiente video de la empresa RICOH.6.5.

Big Data se compone de cuatro características: 8 FIG N° 5 7 Fuente Imagen: Elaboración Docente Eduardo Vásquez. creadora del concepto de E-business. Prohibida su reproducción.7. no solo para sus gestiones de procesos sino también para vender (por ejemplo con el comercio electrónico) puede inmediatamente ampliar sus mercados. 1.El uso de Internet y la globalización afectan directamente los modelos de negocios actuales. 7 FIG N° 4 1.. Esto se conoce como Big Data. 5 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.. Derechos reservados AIEP . plantea cinco beneficios frente a la aplicación de las TICs en cualquier modelo de negocios los cuales repercuten en los costos y productividad de las empresas. Todos los días el gran volumen de la información crece constantemente. Podemos ver que cuando una empresa incorpora las TICs.10...9.IBM. 1. Vicerrectoría Académica Cuaderno de Apuntes 1.La cantidad de información que las organizaciones electrónicas deben gestionar es muchísima.8. 8 Fuente Imagen: Esquema elaboración docente Eduardo Vásquez.

Volumen: la cantidad de datos. Siendo quizá la característica que se asocia con mayor frecuencia a Big Data. se entiende por Comercio electrónico “la producción. 1. distribución. 1. utilizando también formas de pago electrónicas.. comercialización. tales como la detección de fraude en tiempo real o el marketing “instantáneo” multicanal. ciertos tipos de datos deben analizarse en tiempo real para que resulten útiles para el negocio. La variedad tiene que ver con gestionar la complejidad de múltiples tipos de datos. Esforzarse por conseguir unos datos de alta calidad es un requisito importante y un reto fundamental de Big Data. procesan y analizan los datos continúa aumentando. 1..11. así como la necesidad de incorporar datos en streaming a los procesos de negocio y la toma de decisiones.13.14.Variedad: diferentes tipos y fuentes de datos. dispositivos inteligentes y tecnologías de colaboración social. Las organizaciones necesitan integrar y analizar datos de un complejo abanico de fuentes de información tanto tradicional como no tradicional procedentes tanto de dentro como de fuera de la empresa. la economía o las futuras decisiones de compra de un cliente. Vicerrectoría Académica Cuaderno de Apuntes 1. audio. datos de sensores. incluidos los datos estructurados.16. Derechos reservados AIEP . los datos se generan de forma continua a una velocidad a la que a los sistemas tradicionales les resulta imposible captarlos. semiestructurados y no estructurados.En la figura N°6 se presentan las ventajas del comercio electrónico: 6 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.Velocidad: los datos en movimiento.. los datos que se generan presentan innumerables formas entre las que se incluyen texto. 1. el momento en el que se captan y el momento en el que están accesibles. Para los procesos en los que el tiempo resulta fundamental. secuencias de clic. La velocidad afecta a la latencia: el tiempo de espera entre el momento en el que se crean los datos.Según la OMC. Prohibida su reproducción. Con la profusión de sensores.12. todas aquellas transacciones o compras de bienes o servicios que se realicen a través de formatos o plataformas electrónicas e internet. datos web.. Esto quiere decir. Contribuir a una mayor velocidad es la naturaleza en tiempo real de la creación de datos. tuits. La veracidad hace referencia al nivel de fiabilidad asociado a ciertos tipos de datos. pero incluso los mejores métodos de limpieza de datos no pueden eliminar la imprevisibilidad inherente de algunos datos. archivos de registro y mucho más. Hoy en día. el volumen hace referencia a las cantidades masivas de datos que las organizaciones intentan aprovechar para mejorar la toma de decisiones en toda la empresa.15. como el tiempo. Los volúmenes de datos continúan aumentado a un ritmo sin precedentes. 1. venta y entrega de bienes y servicios por medios electrónicos”. vídeo.. la Organización Mundial de Comercio. almacenarlos y analizarlos. La velocidad a la que se crean..Veracidad: la incertidumbre de los datos.

Derechos reservados AIEP . Prohibida su reproducción. 7 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Vicerrectoría Académica Cuaderno de Apuntes 9 FIG N° 6 9 Fuente imagen: Esquema elaboración docente Eduardo Vásquez.

17.21.. 1.Por supuesto también existen desventajas desde la perspectiva del comercio electrónico. al lugar correcto.20. de sus asociados y de las entidades que están afiliadas • Entidades públicas dentro de sus competencias 10 Fuente imagen: Esquema elaboración docente Eduardo Vásquez.¿Cuándo se pueden usar datos personales? • Cuando una Ley lo autoriza expresamente • Cuando el titular de los datos ha consentido expresamente • Cuando los datos provienen de una fuente de acceso público • Cuando el tratamiento de los datos lo hagan personas jurídicas privadas para el uso exclusivo suyo. . Para esto es relevante contar con una buena logística que permita llevar el producto correcto. identificadas o identificables. 1.Dato personal es cualquier información concerniente a personas naturales.cl/1lyp5 1.Las Bases de Datos que se utilizan para enviar las comunicaciones electrónicas se rigen por la Ley 19.19. Ley completa disponible en http://bcn. las cuales se presentan en la figura N°7: 10 FIG N° 7 1.Una empresa al momento de realizar comercio electrónico debe cuidar de qué forma hará llegar el producto comprado por el consumidor a su destino...18.1.. al momento exacto y al precio acordado para que no existan posteriores problemas..628 Sobre protección de la vida privada.

Prohibida su reproducción.SPAM: Todo tipo de comunicación no solicitada realizada por vía electrónica.955 Sobre los derechos de protección de los consumidores establece que se puede enviar una comunicación que contenga: . comercializar o tratar de despertar el interés respecto de un producto. servicio o empresa  Que utilice medios electrónicos para llegar a los destinatarios 11 FIG N° 8 1.. Vicerrectoría Académica Cuaderno de Apuntes 1. la ley 19. Derechos reservados AIEP .Una dirección válida para solicitar la suspensión de los envíos. 1. la comunicación comercial sólo será SPAM en el caso que el destinatario solicite ser removido y no obstante ello se le sigan enviando (artículo 28 B Ley del Consumidor) que se presenta en la siguiente figura: Ley completa disponible en: http://bcn.Materia o asunto de que se trata. tiene por objeto ofertar.istockphoto.Respecto del SPAM..Identidad del remitente.22. . Así.24 En base a la legislación chilena. lo es:  Cualquier mensaje no solicitado  Que normalmente es masivo o repetido.com/es/foto/hombre-bajo-la-lluvia-de-correo-no-deseado-gm113609336-15841922 12 Fuente imagen: captura de pantalla Artículo 28 B de http://bcn.cl/1lz4m 12 FIG N° 9 11 Fuente imagen: http://www.cl/1lz4m 9 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. .23.

respondiendo en un informe las siguientes preguntas: 1. Vicerrectoría Académica Cuaderno de Apuntes 1. ¿Existe un vínculo para solicitar la desvinculación de la base de datos? 4. Prohibida su reproducción.25. ¿Autorizaste a la compañía a que te envíen correos informativos de ofertas y/o promociones? 3.Actividad 1: Busca una campaña de e-mailing que te haya llegado a tu correo y analiza cómo se refleja la legislación. Redacta un informe con la imagen de la campaña analizada.. 10 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. ¿El emisor de la campaña de correo es visible y está correctamente identificado? 2. Derechos reservados AIEP .

corresponde a las transacciones que realiza la organización con el trabajador de la empresa  C2C o Consumer to consumer. en este caso a través de la red. corresponde a las transacciones que realiza la empresa con el gobierno  B2E o Business to employee.Existen diferentes modelos de negocios basados en Internet.I UNIDAD DE APRENDIZAJE: 2ª UNIDAD: Comercialización y Marketing en Internet Aprendizaje Esperado 2: Elaboran estrategias y planes de E-business orientados a promocionar negocios en la red.1. corresponde a las transacciones que hace la empresa con el consumidor  B2G o Business to goberment. . corresponde a las transacciones que se hacen entre clientes o usuarios particulares en medios electrónicos 13 Fuente imagen: Esquema elaboración docente Eduardo Vásquez. Entre los modelos electrónicos más comunes podemos encontrar: 13 FIG N° 10  B2B o Business to business.. corresponde a las transacciones que se realizan en forma electrónica entre empresas  B2C o Business to consumer. 2. Un modelo de negocios es la forma en que comercializan dos o más entidades.

1. conocer qué es lo que hacemos. Vicerrectoría Académica Cuaderno de Apuntes 2.Etapa 3: Análisis de necesidades: Una vez revisadas las etapas anteriores deberemos definir qué es lo que necesitamos para satisfacer los flujos de información identificados anteriormente.Etapa1: Análisis del funcionamiento interno de la organización: En esta etapa debemos comenzar con un diagnóstico y conocer cómo funciona nuestra empresa. cómo funciona nuestro mercado. o por el contrario sobrepasan dichas necesidades.2. La implementación tiene las siguientes etapas presentes en la figura 11: 14 FIG N° 11 2. etc.2. ¿Quiénes trabajan con quiénes? ¿Qué tipo de datos se transmiten? ¿Cuánta información debe manejar cada área? 2.. Muchas organizaciones fallan ya que no hacen las etapas previas y compran un software que no cubre sus necesidades. etc.2.3. con quiénes nos desenvolvemos.Etapa 4: Dimensionar los servicios: En esta etapa debemos dimensionar las TI que tenemos actualmente. 2. para que la inversión de TI sea adecuada y no nos quede obsoleta muy a corto plazo.. 12 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.Implementación de un modelo E-business: Es importante destacar que la adquisición de un software de gestión no corresponde a la aplicación de un modelo de e-business. Prohibida su reproducción.2..4. 14 Fuente imagen: Esquema elaboración docente Eduardo Vásquez. Derechos reservados AIEP . cuáles habría que cambiar.2.Etapa 2: Analizar flujos de información y tráfico de datos: En esta etapa debemos conocer cuáles son los flujos de información en el proceso de trabajo.. 2. además revisar cuál es nuestro crecimiento esperado o hacia dónde vamos. Para de esta forma poder dimensionar nuestras necesidades.2. cuáles nos faltan.. nuestra cobertura.

4.2. 2.6.. 15 Fuente imagen: Esquema elaboración docente Eduardo Vásquez. Además se debe definir cuáles serán los procesos de mantención de esta herramienta. se diferencia por el acceso a la información que tiene.Etapa 6: Adquisición y mantenimiento: En esta etapa se adquiere la herramienta de TI seleccionada con el fin de comenzar a trabajar con ella.5. 2. a revisar diferentes competidores. Como se ve en la siguiente infografía realizada por La Nación en base al estudio Conected Life Chile 2014 (figuras N°13 y N°14). Vicerrectoría Académica Cuaderno de Apuntes 2.Etapa 5: Selección de TI: En este punto definiremos la TI más útil para nuestra organización teniendo cuidado de no sub o sobredimensionar la herramienta elegida.3.. la resistencia al cambio.. a informarse bien. Al estar conectado puede acceder a comprar en cualquier parte del mundo.Cliente Presencial (Offline) y cliente Online: En la siguiente figura (N°12) se muestra la diferencia entre ambos tipos de clientes: 15 FIG N° 12 2..2. Prohibida su reproducción. Sin embargo. el que desconfía bastante de las transacciones electrónicas. por lo que es más empoderado. realizando un proceso de socialización para que la herramienta sea percibida positivamente por los colaboradores.Consumidor Online: El Consumidor digital o consumidor online. Es importante en esta etapa trabajar además con la cultura organizacional. en comparación con el tradicional u offline. Derechos reservados AIEP . 13 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. aún existe otro grupo.

Prohibida su reproducción.jpg 17 Fuente imagen: http://www.lanacion. Vicerrectoría Académica Cuaderno de Apuntes 16 FIG N° 13 17 FIG N° 14 16 Fuente imagen: http://www.cl/noticias/site/artic/20141202/imag/foto_0000000220141202201840.cl/noticias/site/artic/20141202/imag/foto_0000000220141202201840.jpg 14 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Derechos reservados AIEP .lanacion.

Transmedia Storytelling: http://youtu.Actualmente. Emarketing es un término general para una serie de actividades que van más allá de simplemente crear un sitio web.be/Tlo0YKzlFEg 18 Fuente imagen: Esquema elaboración docente Eduardo Vásquez. el Emarketing se orienta a las comunicaciones online. N°15): 18 FIG N° 15 2..Marketing electrónico: Uso de aplicaciones online para seleccionar y segmentar clientes. Derechos reservados AIEP . Prohibida su reproducción. Según Cisco System.5.Actualmente las plataformas digitales contribuyen a los siguientes objetivos de las empresas (Fig. atraer. 2. además que su utilización se basa en un medio idóneo para que los negocios se realicen de una forma mucho más sencilla. ganar y retener clientes.. más creativo y se puede medir el retorno de la inversión. donde el nuevo consumidor se siente identificado no por los productos o servicios. viral. sino por la historia detrás de ellos. el marketing digital va más allá del tradicional banner. desarrollar y ejecutar campañas de Marketing y distribuir contactos efectivos en los canales adecuados de ventas. Emarketing son todas las acciones que se realizan online para un negocio con el objetivo de encontrar. Revisa el siguiente video relacionado con Storytelling. 15 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.. Vicerrectoría Académica Cuaderno de Apuntes 2.6. el nuevo marketing digital es social. los buscadores.7. los e-mailing y las redes sociales. utilizando un diálogo directo con los usuarios a fin de encontrar clientes potenciales.

Revisa el siguiente video donde podrás conocer más sobre Google Adwords ¿Por qué es Importante Tener Presencia Online? https://youtu.. En Google se conoce como Google Adwords. 16 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.. 19 FIG N° 16 2.9. Derechos reservados AIEP . corresponde al posicionamiento orgánico que tiene un sitio web.8. corresponde al posicionamiento pagado al buscador para aumentar el posicionamiento de forma artificial y dependerá de nuestro presupuesto..SEM (Searchengine marketing).. el color azul.8. Vicerrectoría Académica Cuaderno de Apuntes 2. el color rojo en la figura N°16. que pasamos a explicar: SEO (Searchengine Optimization) y SEM (Searchengine marketing). 2.Algunas herramientas del marketing digital corresponden a posicionamiento en buscadores como Google. este posicionamiento se da en forma natural (no pagada) y se puede mejorar aumentando el tráfico a nuestro sitio web o incorporando palabras claves ocultas en nuestro sitio (metadatos) 2.1.8. esquema elaboración docente Eduardo Vásquez. Prohibida su reproducción.SEO (Searchengine Optimization) En la figura N°16.2. en la figura (N°16) se identifican los siguientes buscadores.be/Stc_Dwgxaoo?list=PL89A9A7E46A22EBCF 19 Fuente Imagen: Captura pantalla de Google.

google.com/analytics/ 21 Fuente Imagen: Captura de pantalla de https://www.google. Vicerrectoría Académica Cuaderno de Apuntes 2.. para esto se puede utilizar la herramienta de Google analytics que se muestra en la Fig. Prohibida su reproducción.com/analytics/ 17 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Derechos reservados AIEP .Otra función corresponde al análisis de tráfico al sitio web. N°17 y N°18 20 FIG N° 17 21 FIG N° 18 20 Fuente Imagen: Captura de pantalla de https://www.10.

11.Para desarrollar un sitio web se deben realizar las siguientes etapas: 22 FIG N° 19 2.Etapa 1: Comenzar por dar respuesta a un grupo muy concreto de interrogantes. 18 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.1.1. Mientras mayor sea la claridad que haya respecto de estos elementos.11..2..  ¿Para qué necesita el sitio web la organización?  ¿Para qué necesita el sitio web la audiencia a la que se dirige?  ¿Qué información de la organización es útil para la audiencia?  ¿Qué imagen de la organización quiero proyectar en mi audiencia?  ¿Qué servicios interactivos entregaré a través del sitio web?  ¿Quiénes pueden ayudarme a realizar el proyecto? 2. el proyecto estará más enfocado y 22 Fuente imagen: Esquema elaboración docente Eduardo Vásquez. Prohibida su reproducción..11. Vicerrectoría Académica Cuaderno de Apuntes 2.1. Derechos reservados AIEP . que permitirán aclarar y definir de manera básica las expectativas en torno al sistema de información e interacción que se va a generar.Las respuestas a estas preguntas permitirán dar forma a los siguientes elementos de análisis.

es que la definición temprana de lo que se espera conseguir permitirá tomar decisiones concretas en las fases siguientes y de esa manera asegurar que el proyecto se dirija a cumplir las metas que se hayan diseñado... Vicerrectoría Académica Cuaderno de Apuntes permitirá dirigir los recursos existentes a desarrollar lo que efectivamente se desea conseguir.11. Derechos reservados AIEP . para atender a los usuarios con el máximo de tecnología que sea posible adquirir. Solo de esa manera será posible que se pueda comprender adecuadamente el alcance que se tendrá y la manera en que se cumplirán los objetivos que se estén indicando para el proyecto.1.4.3. es necesario explicitar de manera concreta cómo será la experiencia que tendrán los usuarios que interactuarán con el sitio web.1. Se ven en la siguiente figura N°20: 23 FIG N° 20 2.11. 19 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. 2. 2. Prohibida su reproducción..1.Para que las funcionalidades puedan ser interpretadas adecuadamente por las tecnologías.Audiencia: Se debe conocer profundamente a nuestra audiencia o usuarios para poder construir adecuadamente nuestro sitio web: 23 Fuente imagen: Esquema elaboración docente Eduardo Vásquez.11.5.Tecnología: La intención en este caso.

1.posicion.11.11.. 25 FIG N° 22 2.2. De esta manera podremos determinar dónde estarán ubicados los servicios interactivos (buscador.). cuando hablamos de la estructura nos estamos refiriendo básicamente a cuál será la «experiencia» que tendrá un usuario cuando accede al sitio. Vicerrectoría Académica Cuaderno de Apuntes 24 FIG N° 21 2.png 20 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. etc.2. funcionalidades y sistemas de navegación. Gracias a 24 Fuente imagen: Esquema elaboración docente Eduardo Vásquez.cl/wp-content/uploads/2011/07/Man-With-Monitor-021.Etapa 2: Planificación de la estructura del sitio web: Se refiere a la forma que tendrá el sitio web en términos generales con sus secciones.Dado lo anterior. viñetas. formulario. No considera ni incluye elementos gráficos (logotipos. 25 Fuente imagen: http://www.). áreas de contenidos. Prohibida su reproducción. etc. Derechos reservados AIEP ..

solapar diferentes tipos de estructuras y contener subestructuras diferentes a la estructura general. La estructura del sitio web se refiere a las conexiones y relaciones entre páginas. N°23).2. Las estructuras más comunes corresponden a: Lineal o Secuencial (Fig. N°25) FIG N° 23 FIG N° 24 21 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.3. Derechos reservados AIEP . sin que intervengan aún consideraciones estéticas que habitualmente atrasan la aprobación de esta etapa del desarrollo. o estructura Jerárquica (Fig.Clasificación de la información: es una forma de estructurarla. normalmente en forma de enlaces o vínculos hipertextuales. Estructurar información significa articular relaciones. en la que los contenidos quedan relacionados implícitamente por agrupación. 2. Prohibida su reproducción. N°24).11. ya sea entre contenidos o categorías de contenido. Vicerrectoría Académica Cuaderno de Apuntes la realización de esta etapa es posible discutir en términos prácticos cuál será la oferta de elementos de información e interacción que tendrá el usuario..2.11.2. Al no incluir elementos de diseño.Un sitio web puede encontrarse estructurado de forma muy diversa. 2. de Red o Hipertextual (Fig. se permite que la discusión sobre la estructura se desarrolle en aspectos concretos..

Cuando se usa la idea de crear un árbol.11.2. con estructura jerárquica: 26 Fuente Imágenes N°23. para mostrar las zonas principales. ramas y hojas. 24 y 25 de http://cmasecundariatecnologia3. en este caso.4.cl/2012/03/tipos-de-estructuras-de-un-sitio-web.Mapa de sitio: Se refiere al proceso de crear un “árbol de contenido” en el que se muestre de manera práctica cuántas secciones tendrá el sitio en desarrollo y cuántos niveles habrá dentro de cada uno. Vicerrectoría Académica Cuaderno de Apuntes 26 FIG N° 25 2. En la siguiente figura (N°26) se muestra un ejemplo de mapa de sitio básico. Prohibida su reproducción. secundarias y contenidos finales que se irán incorporando.html 22 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.blogspot.. Derechos reservados AIEP . se refiere exactamente a generar un diagrama que cuente con un tronco.

en la cual aparecen colores.Los wireframes especifican la arquitectura y organización de los contenidos y navegación de cada página o grupos de páginas. y otros elementos de diseño que permiten identificar visualmente al sitio. Vicerrectoría Académica Cuaderno de Apuntes 27 FIG N° 26 2. 2.Etapa 3: Diseño del sitio web: Se refiere a la solución gráfica que se creará para el sitio.11. logotipos. viñetas.3. viñetas o fotos). Prohibida su reproducción.3. Lo ideal es que estos dibujos no tengan ningún elemento gráfico o visual concreto.1. Derechos reservados AIEP . En la figura N°27 se ve el diseño de wireframes del sitio web Youtube.11. 23 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Sirven de vínculo entre la estructura subyacente del sitio web y su aspecto visual dando respuesta a cuestiones como la forma y presentación de los sistemas de navegación y búsqueda. sino que sólo incluyan líneas y bloques que representen objetos de contenido (como logos. la ubicación de los rótulos y la ordenación de los contenidos en una perspectiva espacial. 27 Fuente imagen: Esquema elaboración docente Eduardo Vásquez...

Prohibida su reproducción.11. La idea es que en esta etapa se trabaje en software gráfico para facilitar el proceso de corrección. 28 Fuente imagen: http://www.2.com/wp/wp-content/uploads/2011/02/YouTube-Original-vs-Wirify-wireframe.Boceto de diseño: Esta etapa consiste en la generación de dibujos digitales acabados de la forma que tendrán las páginas principales del sitio que se desarrolla.jpg 24 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Vicerrectoría Académica Cuaderno de Apuntes 28 FIG N° 27 2. Derechos reservados AIEP . visto como wireframe en la figura anterior. ya que habitualmente habrá mucha interacción con los usuarios..3. El la figura N°28 se ve el boceto de diseño de Youtube.wirify.

Etapa 4 Desarrollo del sitio web: Maqueta de sitio web: Una vez que se ha aprobado la etapa anterior.jpg 25 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP..Hosting: Es el sitio donde se almacena nuestro sitio web..com/wp/wp-content/uploads/2011/02/YouTube-Original-vs-Wirify-wireframe. el cual corresponde probarlos en función de los objetivos planteados ¿Se ve correctamente en los diferentes dispositivos solicitados?. Corresponde a un servidor (computador) en algún lugar físico del mundo. Vicerrectoría Académica Cuaderno de Apuntes 29 FIG N° 28 2. ¿no hay errores de navegación?. ¿los vínculos funcionan adecuadamente? Una vez que esté todo aprobado es el momento de subir el sitio web a la red alojándolo en el Hosting.4. se toman los bocetos de diseño que hayan sido aprobados y se genera un prototipo (páginas “clickeables”) mediante el cual se pueda comprobar directamente la forma en que se desempeñan. Prohibida su reproducción.5. 2. 29 Fuente imagen: http://www. cuando se les aplica la tecnología HTML de construcción de páginas web.Etapa 5: Prueba.11. Derechos reservados AIEP .12..11. 2. entrega y lanzamiento: Consiste en la etapa y evaluación final del sitio web.wirify.

Prohibida su reproducción. Para comenzar puede ser un buen comienzo siempre y cuando busquemos una plantilla que calce con las necesidades de nuestra empresa y NO adaptando nuestra estrategia al formato del template. Ellos cuentan con la información necesaria y objetivos claros para su proyecto.14. la cual podemos adaptar a las necesidades de nuestro negocio electrónico. 2. COLUMNA A COLUMNA B N CONCEPTO IDEAS CENTRALES ETAPA 1 Wireframe 2 Lanzamiento del sitio 3 Mapa de sitio 4 Estructura del sitio web 5 Objetivos 6 Maqueta de sitio web 7 Audiencia 2.wordpress.Existen sitios como www..jpg 26 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.com/wp-content/uploads/2015/12/webhosting.Actividad N°3: El centro de belleza “Beauty Day Spa” requiere de su ayuda para la elaboración de su sitio web. Derechos reservados AIEP . Vicerrectoría Académica Cuaderno de Apuntes 30 FIG N° 29 2. sin embargo se 30Fuente imagen: http://initiontechnology.Actividad N°2: En la columna A se encuentran siete conceptos vistos en el Aprendizaje Esperado N°2. el cual nos permite realizar un sitio en base a un template o plantilla.com.13.. Identifique las ideas centrales de cada una en la columna B y a qué etapa del desarrollo del sitio web corresponden.15..

Vicerrectoría Académica Cuaderno de Apuntes encuentran entrampados en la elaboración del Mapa de sitio para poder pasar a la etapa siguiente. Sus servicios son: Jacuzzi y Pileta Reiki Tratamientos de estética corporales y faciales Sauna de Vapor Masajes:  Digitopuntura  Descontracturantes  Antiestrés  Reflexología  Piedras calientes Cuentan además con dos terapeutas reconocidos internacionalmente. Focalizado en la prestación de servicios. recreación. Misión Atender a mujeres jóvenes del sector oriente para satisfacer sus necesidades. en estética. Según la información que cuentan se le pide que realice el mapa de sitio para la organización. mediante un servicio integral de calidad. salud física y emocional de mujeres jóvenes para la satisfacción de sus necesidades. usando la mejor tecnología de punta en todas las áreas y teniendo a la disposición un personal altamente calificado. instalaciones y personal que pueden servir para el sitio web. teléfonos y correos de contacto y una gran cantidad de fotografías de apoyo de sus servicios. Prohibida su reproducción. Visión Establecer a Beauty Day Spa como líder en la Región Metropolitana y Chile. Derechos reservados AIEP . para lograr su equilibrio físico y emocional. relajación y belleza. 27 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Se encuentran ubicados en Avenida Las Condes 2015. terapias. salud.

Prohibida su reproducción. 28 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. En ambos círculos rojos se ve que efectivamente cumple con la normativa vigente ya que fue autorizado por el receptor a que este tipo de comunicación llegue a la cuenta de correo y existen los vínculos para desuscribirse de la base de datos del correo. Derechos reservados AIEP . Vicerrectoría Académica Cuaderno de Apuntes SOLUCIÓN ACTIVIDAD SOLUCIÓN ACTIVIDAD N°1 En este caso se analizó un correo enviado por la empresa EASY.

Hipertextual. o Jerárquica 5 Objetivos  Metas del proyecto 1  Generales y específicos 6 Maqueta de sitio web  Genera un prototipo clickeable  Comprobar cómo se desempeñan los 4 vínculos  Construcción html 7 Audiencia  Hacia quien estará dirigido el sitio web 1  Se debe conocer en profundidad 29 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP. Vicerrectoría Académica Cuaderno de Apuntes SOLUCIÓN ACTIVIDAD N°2 COLUMNA A COLUMNA B N CONCEPTO IDEAS CENTRALES ETAPA 1 Wireframe  Especifican la organización de los contenidos  Relación entre sitio web y su aspecto visual 3  Ordena los contenidos en una perspectiva espacial. secundarias y contenidos 4 Estructura del sitio  Como se interconectarán las páginas del web sitio web 2  Pueden ser Lineal.  No tengan ningún elemento gráfico o visual concreto 2 Lanzamiento del sitio  Evaluación final del sitio web  Probarlos en función de los objetivos planteados 5  Subir el sitio web a la red alojándolo en el Hosting 3 Mapa de sitio  “Árbol de contenido”  Secciones del sitio 2  Diagrama para mostrar las zonas principales. Derechos reservados AIEP . Prohibida su reproducción.

Derechos reservados AIEP . Prohibida su reproducción. Vicerrectoría Académica Cuaderno de Apuntes SOLUCIÓN ACTIVIDAD N°3 Mapa de sitio básico para Beauty Day Spa: Quienes Somos Misión y Visión Jacuzzi y Pileta Reiki Tratamientos de estética corporales y faciales Nuestros servicios Página de inicio Baauty Day Sauna de Vapor Digitopuntura Piedras calientes Spa Descontracturantes Masajes: Antiestrés Personal 1 Nuestro personal Reflexología Personal 2 Instalaciones Galería de las instalaciones Telefono y correo Contacto Como llegar (Mapa de la ubicación) 30 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.

2000). b) Sitios de Internet  Portal Google Analytics. Vicerrectoría Académica Cuaderno de Apuntes BIBLIOGRAFÍA a) Libros y revistas  Thomas L.  Warren J.C. Disponible en: https://www.cl/1lyp5 (consultado el 27 de enero de 2016). K.be/Stc_Dwgxaoo?list=PL89A9A7E46A22EBCF (consultado el 27 de enero de 2016).be/84Bz8nUjbc8 (consultado el 27 de enero de 2016). & Green. Ley del Consumidor disponible en: http://bcn. R.  ¿Por qué es Importante Tener Presencia Online? Disponible en: https://youtu.628 Sobre protección de la vida privada.  De Pablo Redondo.  Ley 19. (2010). (2009). Madrid: UNED. Prohibida su reproducción. The lexus and the olive tree (Nueva York: Anchor Books. 31 Cuaderno de Apuntes de uso exclusivo de los estudiantes del Instituto Profesional AIEP.google. M.cl/1lz4m (consultado el 27 de enero de 2016).  Ley 19. Friedman. Ley completa disponible en http://bcn.  El impacto de la tecnología en los negocios: Disponible en https://youtu. Marketing internacional. México: Pearson Educación.com/analytics/ (consultado el 27 de enero de 2016). Negocio Electrónico.955.. Derechos reservados AIEP .