Proceso de diseño. de un sitio web. Sandra Elisa Roura Espinosa* Entretextos. Resumen. Abstract

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Proceso de diseño. de un sitio web. Sandra Elisa Roura Espinosa* Entretextos. Resumen. Abstract"

Transcripción

1 ISSN: Entretextos abril - julio2015 Proceso de diseño de un sitio web Sandra Elisa Roura Espinosa* Resumen En las asignaturas Producción sígnica digital I y II, los alumnos de séptimo y octavo semestre de la licenciatura en diseño gráfico de la UPAEP tienen como objetivo el aprendizaje del diseño web para el cual deberán seguir un proceso lógico pero meticuloso donde comienzan con la investigación del problema, seguido de la indagación con todos los perfiles de usuario posibles, logrando así tener los datos suficientes para poder realizar propuestas de diseño que satisfagan las necesidades que los usuarios tienen al entrar a algún sitio en internet. Palabras clave: diseño, trabajo de investigación, internet, usuario de información. Keywords: design, research work, Internet, information users. *Profesora en la Licenciatura en Diseño Gráfico de la Universidad Popular Autónoma del Estado de Puebla, UPAEP. En estas asignaturas, los alumnos tienen como objetivo investigar, organizar la información, planear y bocetar distintas propuestas gráficas hasta llegar a la programación, comprobación y la publicación de dicho producto. De esta forma, los alumnos no solo aprenden las herramientas sino un proceso de diseño completo para generar productos web centrados en los usuarios, basados en diversas teorías de usabilidad como las propuestas por Jakob Nielsen o Alan Cooper. Abstract In the subjects Digital Sign Production II and I the students of the seventh and eighth semester of the Bachelor of Graphic Design at the UPAEP have the learning of web design as aim, in which they must follow a logical

2 and meticulous process, starting with the investigation of the problematic, followed by the users profile s inquiry to obtain enough data to execute the design proposals that satisfies the user s needs regarding a website. In these two subjects, the students have the investigation, information organization, planning, sketching and programming a website as a goal s course including the user testing to corroborate the website s usability, to finish with the publication in a hosting. In this way, instead of learning only the web design tools, the students learn the whole design process to generate user-centered websites based on Jakob Nielsen and Alan Cooper theories. Introducción Desde la introducción del internet a la vida cotidiana, muchos diseñadores han optado por desarrollarse dentro del ámbito del diseño de sitios web, en algunos casos realizando la gestión de dicha clase de proyectos, diseño de la interfaz, desarrollo del diseño de información y en algunas ocasiones la misma ejecución de la programación. 4 billones de sitios tan solo indexados por los buscadores Google y Bing Debido a la gran variedad de roles que puede tener el diseñador dentro de este gran mundo del desarrollo web es necesario hacer de su conocimiento un proceso lógico que contemple distintos aspectos como lo son los usuarios y sus necesidades, los aspectos técnicos y funcionales, incluso la gestión de equipos de trabajo. De acuerdo con Jakob Nielsen (2000:9), internet es un entorno que está en manos de los usuarios, por lo que el diseñador dedicado al desarrollo web deberá de tener en claro el principal objetivo, los usuarios. Contexto Pocos de estos productos están pensados en las verdaderas necesidades de los internautas El internet crece exponencialmente día con día ya que existen alrededor de 4 billones de sitios tan solo indexados por los buscadores Google y Bing (Kunder, 2006); en cuanto a los usuarios en nuestro país, existen alrededor de 45.1 millones de internautas (AMIPCI, 2013:6) y de acuerdo con Alan Cooper (2007:4-5), gran parte de las tecnologías de información incluidos los sitios web no ofrecen buenas soluciones a los usuarios, es decir, pocos de estos productos están pensados en las verdaderas necesidades de los internautas dando como resultado sitios web que persiguen cualquier clase de objetivos menos el de satisfacer a las personas. Cooper menciona que el tener objetivos meramente mercadológicos dentro de un sitio web generan un diseño limitado dando como resultado productos o sitios web que poco tienen que ver con los deseos o necesidades de los usuarios. 2

3 Por su parte Jakob Nielsen (2000:15) claramente menciona una lista de errores en los que se incurre al diseñar un sitio web, como lo son: el considerar a un sitio como un mero folleto o brochure de la empresa, diseño atractivo pero poco funcional generando confusión hacia el usuario, contenidos de texto lineales y excesivos, arquitectura de información encaminada a mostrar solo la estructura de la empresa, así como una escasa o nula estrategia de vinculación hacia otros sitios. Debido a este listado de problemas, los cuales son fácilmente detectables a través un sencillo análisis de distintos sitios, es necesario considerar un proceso centrado en los múltiples usuarios que puede poseer un producto de diseño como lo es el sitio web, siempre tomando en cuenta la funcionalidad, la usabilidad y el diseño. 1 El proceso en el diseño de sitios web En la licenciatura de diseño gráfico en la Universidad Popular Autónoma del Estado de Puebla (UPAEP), específicamente en las materias de Producción sígnica digital I y II, los alumnos siguen un proceso sencillo siempre basado en el usuario, tal como menciona Jorge Frascara (2011:9-10), el diseño de una interfaz, como lo es un sitio web, forma parte del diseño de información y esta disciplina tiene como objetivo brindar facilidad al usuario en la comprensión de la información presentada así como la realización de determinadas tareas. Muchos de los proyectos desarrollados comienzan desde cero, es decir, desde la misma creación de la marca o rediseño, sin embargo en este breve documento solo se describirá el proceso que se sigue en cuanto al diseño web y no de la imagen de la empresa, producto o servicio. Figura 1: esquema del proceso de diseño de un sitio web. Fuente: Diseño de esquema de proceso de diseño web, elaboración propia. 1.1 Análisis del sitio web a desarrollar En esta etapa dentro del salón de clase, se les explica a los alumnos una problemática que deben resolver, mientras que en otros casos los estudiantes consiguen un proyecto real donde es posible tener contacto con el cliente, donde este les dé a conocer sus necesidades en cuanto al sitio web. Aquí la información se analiza especulando sobre algunas características que pudiera tener el sitio. 3

4 1.2 Análisis y comparativos de otras páginas Se lleva a cabo un análisis de sitios web similares, aplicando algunas premisas de usabilidad (Nielsen, NN Group, 1995) de acuerdo con la necesidad del sitio web, para así determinar algunos errores o aciertos que pudieran aplicarse al sitio web. Algunos de estos principios que menciona Nielsen son: Mantener al usuario informado, es decir, proveer de retroalimentación sobre su estatus o ubicación. Utilizar lenguaje y diseño familiares al usuario, evitando diseños o lenguajes complejos que entorpezcan la navegación. Libertad, en otras palabras, facilidad de navegar o realizar una tarea sin necesidad de ver mensajes forzosos. Para ejemplificar este punto menciono el sitio web de Foro Alfa el cual es un portal donde diversos autores escriben sobre temas relacionados al diseño y marketing; al realizar la lectura de algún artículo, sin estar inscrito como usuario, emerge un pop-up 1 solicitando el registro del usuario y bloqueando con una pantalla amarilla la lectura, limitando así la libertad de navegación. Figura 2: Ejemplo de poca libertad de navegación dentro del sitio web Fuente: pantalla de registro del sitio web Foro Alfa. Reconocimiento antes que memoria, esto es, facilitar o poner visibles a elementos importantes como menús de botones, en otras palabras, que el usuario no tenga que recordar dónde están ciertos componentes de navegación, sino que los pueda localizar de manera sencilla. Estético y diseño minimalista, es decir, crear sitios web sencillos a menos que en algunos casos se trate de una web de juegos, pero que jamás se encuentre comprometida información importante. 1 Elemento o ventana que comúnmente emerge automáticamente en la pantalla, este puede ser un anuncio o un formulario de registro. 4

5 Ayuda y documentación, como lo es el caso de las páginas de ventas como Amazon en donde se ofrece al usuario documentación relacionada con los pasos que se requieren al comprar un producto, por ejemplo, el sistema de pago, formas y costos de envíos y solución de problemas o preguntas comunes. Flexibilidad y eficiencia en el sitio web, funcionalidad en diversos navegadores así como en distintas resoluciones de pantallas o anchos de banda. El proceso de diseño comienza comúnmente con el contacto y entrevista al cliente 1.3 Creación de perfiles de usuario Tal como lo plantea Jorge Frascara (2011:15-16), en su libro Diseño de información, el proceso de diseño comienza comúnmente con el contacto y entrevista al cliente por lo que sus metas y objetivos deberán estar implícitos en el diseño del sitio web, sin embargo también deberá estar inminentemente alineado hacia los futuros usuarios. Para que el diseño sea centrado en el usuario se elaborarán diversos perfiles de personas por lo que previamente será necesario realizar una sencilla investigación cualitativa a través de encuestas, entrevistas o grupos de enfoque; en este proceso el diseñador realiza una hipótesis sobre los posibles usuarios del sitio web en cuestión y a partir de una muestra de personas elabora distintos perfiles que más adelante se explicarán. Menciona Alan Cooper la necesidad latente de realizar este tipo de investigación para cualquier proyecto que involucre la interacción de usuarios para así recabar datos importantes que serán en beneficio del diseño del sitio web, como lo son: Actitudes de los usuarios. Lenguaje y aspectos sociales. Aspectos técnicos y conocimientos por parte del usuario para determinar el nivel de dificultad de la interfaz. La información que el usuario requiere. Las tareas que el usuario necesita o quiere realizar. Los posibles comportamientos de los usuarios dentro del sitio web. Las posibles características que el sitio web presentará en interfaz (Cooper, Reimann & Cronin, 2007:49-51). Una vez compilada la información obtenida de los usuarios se procede al diseño de personas o perfiles de usuario. Cabe enfatizar que estas tablas, que se desarrollarán a partir de la investigación, no están basadas en una persona en específico sino en los gustos, necesidades y antecedentes de 5

6 los distintos grupos de usuarios previamente investigados, siendo posible crear distintos perfiles de usuarios dependiendo la magnitud del sitio web a diseñar. A continuación se muestra dos perfiles de usuario diseñados por los alumnos de la materia de Producción Sígnica I para la elaboración de un sitio web de venta de helados. Figura 2. Ejemplo de un perfil de usuario. Fuente: Perfil de usuario para el diseño de un sitio web de una empresa de venta de helados, realizado por Lucina Alicia Fernández Salinas. Figura 3: Ejemplo de un perfil de usuario. Fuente: Perfil de usuario para el diseño de un sitio web de una empresa de venta de helados realizado por Luisa Daniela García Chong. Los perfiles de personas pueden ser de distintas formas pero deben poseer información básica: las motivaciones y necesidades de los usuarios (Brown, 2007). A pesar de que estos documentos no están basados en alguna persona en específico es necesario otorgarles un nombre así como una fotografía ya que como menciona Cooper (2007:82) estas personificaciones generan en el diseñador 6

7 una empatía, así como al equipo de trabajo, incluso al mismo cliente. Así como menciona Alan Cooper es importante describir las necesidades del usuario, las cuales son las carencias o impulsos que posee una persona relacionado a algún producto, bien o servicio y es preciso tener una pequeña descripción de estas, las cuales están íntimamente ligadas a las motivaciones. Los escenarios son verbalizaciones de situaciones que probablemente podrían ocurrirle al usuario Las motivaciones son lo que llevan a las personas a realizar una actividad (Cooper, 2007:93) por lo que son un aspecto importante que debe incluirse dentro del diseño de perfiles de usuarios, como ejemplo, las motivaciones que surgieron dentro del proyecto del sitio web de helados fueron querer conocer los contenidos alimenticios o tablas nutrimentales de los productos, conocer la ubicación de la tienda más cercana y tener información sobre franquicias y programas sociales. Los escenarios son verbalizaciones de situaciones que probablemente podrían ocurrirle al usuario por lo que necesite acceder al sitio web, mientras que los comportamientos son las acciones que realizará el usuario para resolver lo planteado anteriormente en las escenas (Brown, 2007). Otros aspectos que deben describirse son el background personal, el cual ofrece una pequeña historia relacionada con las necesidades del cliente y ayuda a generar una cierta empatía entre el diseñador y usuario, así como información demográfica la cual representa el grupo de edad de los usuarios, así como su nivel tecnológico para así contar con una mejor y más eficiente referencia de las características que deberá tener el sitio web. 1.4 Creación de árbol de navegación Los comportamientos son las acciones que realizará el usuario para resolver lo planteado El proceso de investigación y diseño de usuarios trae como uno de los resultados, el diseño del árbol de navegación. Es a través del diseño de personas como se obtiene claridad para el diseño de la navegación del sitio web ya que se poseen datos como el nivel tecnológico de los usuarios, las tareas que estos esperan realizar y la información que el usuario necesita encontrar. Sin comenzar a construir una lista exhaustiva de las necesidades de los usuarios no hubiera sabido por donde comenzar Peter Van Dijck En esta parte del proceso se jerarq uiza la información o el contenido del sitio web y es aquí donde también se explica cómo será el uso de los distintos menús o enlaces, es decir, si se da click a cierto botón qué sección se abrirá, cómo es posible regresar al inicio, qué opción existe si el usuario se ha perdido, entre otros aspectos. En este punto el alumno desarrolla habilidades que son importantes dentro del diseño de un sitio web, como lo son la organización, agrupación y jerarquización de la información, presentándola en un mapa para analizar su funcionalidad y viabilidad. 7

8 En el salón de clases el docente actúa como si fuera el cliente por lo que el alumno debe presentarle el árbol de navegación así como los perfiles de usuario y con base en estos documentos se discute la viabilidad del mapa y se realizan algunos cambios o sugerencias. A continuación se presentan algunos mapas de navegación creados por los alumnos para el proyecto del sitio web de helados. Figura 4. Ejemplo de un árbol de navegación. Fuente: Árbol de navegación para el diseño de un sitio web de una empresa de venta de helados realizado por Lucina Alicia Fernández Salinas. Figura 5. Ejemplo de un árbol de navegación. Fuente: Árbol de navegación para el diseño de un sitio web de una empresa de venta de helados realizado Luisa Daniela García Chong. 8

9 1.5 Bocetaje de los wireframes básicos En este punto del proceso el alumno desarrolla bocetos o wireframes de distintas secciones como el home o inicio, así como una o dos páginas internas. En este aspecto no es necesario realizar demasiados bocetos de un mismo sitio, a menos que lo amerite cada sección, ya que una web puede compartir un mismo diseño modular con algunos ajustes, siendo esta una buena opción que asegura una continuidad y no una distracción pues como menciona Jakob Nielsen (2000: ) los usuarios la mayoría de las veces acceden a un sitio dándole mayor importancia al contenido y no tanto al diseño. Acceden a un sitio dándole mayor importancia al contenido y no tanto al diseño 1.6 Diseño de las páginas Con base en los bocetos presentados se selecciona el diseño que cumpla las metas, motivaciones y características planteadas en los perfiles de usuarios y en este punto el alumno traduce sus bocetos a un software de diseño como Adobe Photoshop o Adobe Illustrator. Figura 6. Diseño de página de inicio. Fuente: diseño de página de inicio para un sitio web de helados realizado por Lucina Alicia Fernández Salinas. 9

10 Figura 7. Diseño de página de inicio. Fuente: diseño de página de inicio para un sitio web de helados realizado por Luisa Daniela García Chong. 1.7 Pruebas de usuario / Revisión Es importante mencionar que el desarrollo de esta prueba depende de la magnitud del proyecto, debido a que en algunas ocasiones el sitio puede ser sencillo sin la necesidad de realizar este test, sin embargo para sitios complejos donde existe mucha interacción por parte de distintos usuarios es necesario hacer esta clase de análisis. Dentro del salón de clase el alumno presenta en pantalla los diseños terminados de las diversas páginas que forman el sitio web, el docente constata que tengan relación con el árbol de navegación así como los perfiles de usuario presentados, en caso de que no exista coherencia en el diseño y lo declarado en los perfiles de usuario y árboles de navegación, el alumno tendrá que rediseñar el sitio o ciertos aspectos donde no exista coherencia. Una vez aprobado el diseño se determina la mejor manera para preparar las imágenes para su posterior programación, es decir a través del software que el alumno haya elegido se preparan las distintas piezas que se utilizarán para la programación. 1.8 Programación del diseño En este proceso los alumnos aprenden dos lenguajes de programación, HTML y CSS. El HTML o Hyper Text Markup Language es el contenido del sitio web, es donde está todo el texto, tablas, listas, imágenes e hipervínculos, mientras que el Cascading Style Sheet o CSS es el que aporta todos los estilos como colores, fondos, variantes tipográficas, efectos, entre muchas otras cosas que harán que el sitio web se vea tal cual el alumno lo planteó en el paso del diseño de página. En algunos casos 10

11 estos lenguajes se complementan con algunas librerías de JQuery para dar movimiento a algunos elementos del sitio sin embargo este lenguaje se limita a la decisión e interés de cada alumno así como a la necesidad de cada sitio. 1.9 Pruebas de usabilidad Una vez terminado el sitio web el alumno presenta todos sus archivos y se comprueba que el sitio cumpla con ciertas características, es decir, que exista un funcionamiento correcto de botones (hipervínculos), sencilla navegación, visualización óptima de imágenes, visualización óptima del sitio en diversos navegadores (Chrome, Explorer, Safari, Mozilla) así como en diversas resoluciones y funcionamiento correcto de elementos como audio y video. En este sitio se prueban todas las páginas revisando que no exista ningún problema, en el caso de que exista alguna problemática el alumno tendrá que corregirla para su posterior lanzamiento Lanzamiento En este último paso el alumno aprende a utilizar los servicios de dominio y hosting, sin embargo debido a que estos poseen un costo y generalmente su renta es anual se utiliza un servicio gratuito que ofrece herramientas similares a los servicios de paga, teniendo en cuenta algunas restricciones, como lo es la limitada selección del nombre del dominio o el poco espacio de disco duro. En este proceso el alumno utiliza el servicio gratuito de en donde se deberá inscribir para poder obtener un hosting es decir, el espacio donde se guardarán los archivos que conforman el sitio web así como el dominio, es decir, la dirección del sitio. Una vez inscrito en el servicio, el alumno deberá guardar todos los archivos que conforman el sitio web, para esto deberá ordenar sus archivos y carpetas para así configurar un cliente de FTP 2 como el FileZilla el cual le permitirá almacenar todos los documentos de una manera rápida y ordenada dentro del hosting. Deberá ordenar sus archivos y carpetas para así configurar un cliente de FTP como el FileZilla 2 FTP: por sus siglas en inglés File Transfer Protocol o Protocolo de Transferencia de Archivos. Cliente FTP es un programa que emplea el protocolo FTP para conectarse a un servidor y transferir archivos, ya sea para descargarlos o para subirlos. 11

12 Figura 8. Orden de un sitio web para su correcto guardado dentro del hosting. Fuente: orden de un sitio web, elaboración propia. 2. Evaluacion Al comenzar el diseño de un sitio web dentro de clase se le especifica al alumno el sistema de evaluación que se llevará a cabo y que está basado en el proceso de diseño de sitios. Tabla 1: Sistema de evaluación en la materias Producción sígnica digital I y II Rubro Porcentaje Características Investigación Comparativa de otros sitios 5% Tabla comparativa basada en los 10 principios de usabilidad de Jakob Nielsen (NN Group, 1995) de sitios similares Diseño de perfiles de usuario 15% Creación de distintos perfiles de usuarios de acuerdo con los focus groups y entrevistas describiendo las motivaciones, necesidades, escenarios, confort tecnológico, background y comportamientos Diseño de mapa de navegación 15% Diseño de un árbol de navegación de acuerdo a lo reflejado en los perfiles de usuarios Diseño del sitio Revisión de proceso de bocetaje (wireframes) 5% Revisión de los bocetos, buscando que sean coherentes de acuerdo a lo planteado en los perfiles e usuario y mapa de navegación Calidad del diseño 15% Revisión de la calidad de diseño empleando imágenes, vectores, patrones y texturas 12

13 Optimización de recursos 10% Revisión de los recursos como videos y audios optimizados para su reproducción o visualización en web Ejecución del sitio Programación del sitio 15% Traducción del diseño a los lenguajes HTML y CSS, en este punto se verifica que la programación sea correcta y ordenada Funcionalidad / Usabilidad 15% Visualización correcta del sitio en diversos navegadores (Chrome, Explorer, Mozilla y Safari). Visualización correcta en distintas resoluciones. Funcionalidad correcta de los botones o hipervínculos. Navegación sencilla Lanzamiento 5% Aplicación de la página web dentro del hosting Fuente: Elaboración propia con base en la rúbrica general de la escuela de Diseño Gráfico en UPAEP. En esta tabla se determinan los puntos que se tomarán en cuenta y que deberá cumplir el alumno de acuerdo con el proceso revisado en clase. Conclusión A través de este proceso se pretende que el alumno tenga una idea clara de lo necesario para la construcción de sitios web, ayudándole a que, al salir al ámbito profesional, domine los pasos para poder realizar proyectos de esta índole ya sea dentro de un equipo de trabajo o gestionando el proyecto. Es primordial mencionar que el alumno tan solo aprende algunas herramientas que se utilizan en el diseño web teniendo la posibilidad de realizar sitios sencillos, no obstante, deberá estar consciente de la necesidad de trabajar con profesionistas de otras áreas como lo es la programación o sistemas computacionales para realizar sitios web más complejos, por ejemplo un carrito de ventas o módulos administrativos. La necesidad de trabajar con profesionistas de otras áreas como lo es la programación o sistemas computacionales Este proceso permite tener una visualización más amplia de lo que conlleva el diseño web, en otras palabras el diseño web no solo es generar pantallas en los programas de diseño y programarlas, es además investigar sobre las necesidades de los diversos usuarios para poderle ofrecer un sitio adecuado con productos que cumplan las demandas y expectativas de las personas. 13

14 REFERENCIAS AMIPCI. (2013). Hábitos de los Usuarios de Internet en México México: (AMIPCI) Asociación Mexicana de internet. Brown, D. (2007). Communicating Design: Developing Web Site Documentation for Design and Planning. California, Estados Unidos: New Riders. Cooper, C., Reimann, R. y Cronin, D. (2007). About Face 3 The Essentials of Interaction Design. Indiana, Estados Unidos: Wiley Publishing, Inc. Ding, W., y Lin, X. (2010). Information Architecture: The Design and Integration of Information Spaces. North Carolina, Estados Unidos: Morgan & Claypool Publishers. Frascara, J. (2011). Qué es el diseño de información? Argentina: Ediciones Infinito. Kunder, M. d. (2006). World Web Size. Recuperado de consultado Niederst, J. (2012). Learning Web Design: A Beginner s Guide to HTML, CSS, JavaScript, and Web Graphics. California, Estados Unidos: O Reilly Media. Nielsen, J. (1995). Ten Usability heuristics. Recuperado de consultado , Nielsen, J. (2000). Usabilidad: Diseño de sitios web. Madrid, España: Pearson Educación. Van Dijck, P. (2003). Information architecture for designers: structuring websites for business success. Hove, East Sussex, UK: Rotovision. 14

Sistema para creación de portafolios electrónicos EduFolia

Sistema para creación de portafolios electrónicos EduFolia Sistema para creación de portafolios electrónicos EduFolia Lidia Guerra Programa de Postgrado en Informática, PPI Maestría en Informática y Tecnología Educativa Universidad Nacional de Costa Rica (506)

Más detalles

Máster de Marketing y Publicidad Digital Yahoo! MKPD06 ARQUITECTURA WEB

Máster de Marketing y Publicidad Digital Yahoo! MKPD06 ARQUITECTURA WEB Máster de Marketing y Publicidad Digital Yahoo! MKPD06 ARQUITECTURA WEB Asignatura: MKPD06 Arquitectura web... Formación: Obligatoria... Créditos: 4.... Semestre: S Grupo: MKPD... Profesor Titular: Santiago

Más detalles

INSTRUCTIVO PARA LA ADMINISTRACIÓN DE LA PÁGINA WEB

INSTRUCTIVO PARA LA ADMINISTRACIÓN DE LA PÁGINA WEB CÓDIGO: A3-IN02 VERSIÓN: 1 PÁGINA: 1 DE: 9 1. OBJETIVO: Propender por el mejoramiento de la comunicación institucional en la comunidad educativa con el fin de orientar los procesos académicos, formativos

Más detalles

Plan Trio Entorno 2009 Su empresa tendrá una presencia completa en Internet

Plan Trio Entorno 2009 Su empresa tendrá una presencia completa en Internet Plan Trio Entorno 2009 Su empresa tendrá una presencia completa en Internet Qué servicios incluye Trio Entorno 2009? 1- Diseño WEB personalizado por diseñadores profesionales. 2- Registro de dominio con

Más detalles

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización

Más detalles

Producción Hipermedia

Producción Hipermedia Producción Hipermedia HIPERTEXTO El hipertexto es una tecnología que organiza una base de información en bloques distintos de contenidos, conectados a través de una serie de enlaces cuya activación o selección

Más detalles

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización Página 1 de 18 CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL Familia Profesional Informática y Comunicaciones Nivel 2 Código IFC297_2 Versión 5 Situación RD 1201/2007 Actualización

Más detalles

Introducción a Ardora www.webardora.net

Introducción a Ardora www.webardora.net Ardora es un programa de autor enfocado principalmente al desarrollo de contenidos educativos para la web con el que se pretende que el profesorado centre su esfuerzo en el aspecto metodológico y didáctico

Más detalles

PREPARATORIA DIURNA DE CUAUTLA

PREPARATORIA DIURNA DE CUAUTLA PREPARATORIA DIURNA DE CUAUTLA Taller de computación II Profr. ING. AARON TABOADA LOMEZ Tecnologías de la Información y Comunicación (TIC) Son aquellas herramientas computacionales que procesan, almacenan,

Más detalles

INTERACCIÓN NIÑO-COMPUTADORA: LA IMPORTANCIA UNA BUENA USABILIDAD WEB PARA EL APRENDIZAJE IDEAL EN NIÑOS DE EDAD PRE-ESCOLAR

INTERACCIÓN NIÑO-COMPUTADORA: LA IMPORTANCIA UNA BUENA USABILIDAD WEB PARA EL APRENDIZAJE IDEAL EN NIÑOS DE EDAD PRE-ESCOLAR INTERACCIÓN NIÑO-COMPUTADORA: LA IMPORTANCIA UNA BUENA USABILIDAD WEB PARA EL APRENDIZAJE IDEAL EN NIÑOS DE EDAD PRE-ESCOLAR Por: John Cano Barrios, canobjohn@gmail.com Ingeniero de Sistemas, Universidad

Más detalles

UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica

UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica Ensenada, Baja California Mayo 2010 Qué es un Sitio Web? Es un conjunto de PÁGINAS WEB que están hospedadas (almacenadas o

Más detalles

E-Info Commerce. Sáquele el máximo rendimiento a su negocio en Internet

E-Info Commerce. Sáquele el máximo rendimiento a su negocio en Internet Sáquele el máximo rendimiento a su negocio en Internet Qué es la solución E-Info Commerce? Solución Web para ofrecer un servicio de valor añadido a sus clientes o empleados. Damos un paso más a la imagen

Más detalles

ÍNDICE. Introducción Características técnicas Funcionamiento de la aplicación

ÍNDICE. Introducción Características técnicas Funcionamiento de la aplicación Identificación de los módulos formativos asociados a los certificados de profesionalidad y títulos de formación profesional, para la adaptación de un sistema de información y detección de necesidades formativas

Más detalles

3. Qué necesitamos para usar Wordpress?

3. Qué necesitamos para usar Wordpress? Contenido 1. Objetivos de este tutorial... 2 2. Qué es Wordpress?... 2 3. Qué necesitamos para usar Wordpress?... 2 3.1 Alojamiento web... 3 3.2 DOMINIO O DIRECCIÓN DE INTERNET... 3 3.3 Cuenta FTP... 4

Más detalles

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose

Más detalles

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

Más detalles

TUTORIAL PARA CREAR UN SERVIDOR FTP

TUTORIAL PARA CREAR UN SERVIDOR FTP TUTORIAL PARA CREAR UN SERVIDOR FTP A continuación ustedes podrán observar y luego implementar el informe que elaboré a fin de que TODOS puedan aprender a montar y mantener su propio Servidor FTP. Comenzaremos

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Servidores web. Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis

Servidores web. Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis Servidores web Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis Servidores web 2 SERVIDOR En informática, un servidor es un tipo de software que realiza ciertas tareas en nombre de los usuarios.

Más detalles

Pasos para obtener un alojamiento gratuito o Hosting y colgar nuestra pagina Web en Internet.

Pasos para obtener un alojamiento gratuito o Hosting y colgar nuestra pagina Web en Internet. Pasos para obtener un alojamiento gratuito o Hosting y colgar nuestra pagina Web en Internet. Existen bastantes alternativas de alojamientos gratuitos, algunos de ellos pueden ser: http://www.byethost.com

Más detalles

PLATAFORMA VIRTUAL BASADA EN MOODLE

PLATAFORMA VIRTUAL BASADA EN MOODLE PLATAFORMA VIRTUAL BASADA EN MOODLE GUIA PARA LOS ALUMNOS GUIA PARA LOS ALUMNOS El siguiente documento es un manual de usuario para los alumnos en general, que pertenezcan a la Plataforma Virtual basada

Más detalles

Experto en Diseño Web y Multimedia

Experto en Diseño Web y Multimedia Experto en Diseño Web y Multimedia Duración: 185.00 horas Descripción En la actualidad, empresas, grupos, organizaciones, y profesionales autónomos se comunican y se proyectan desde la red. Las empresas

Más detalles

GUIA 3 Tema: Optimización de imagenes y recursos para la web.

GUIA 3 Tema: Optimización de imagenes y recursos para la web. 22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de

Más detalles

MPW005 Programación, Aplicaciones, Herramientas y Soportes

MPW005 Programación, Aplicaciones, Herramientas y Soportes MPW005 Programación, Aplicaciones, Herramientas y Soportes Asignatura: Programación, Aplicaciones, Herramientas y Soportes Carácter: Obligatorio Idioma: Castellano Modalidad: Presencial Créditos: 4 ECTS

Más detalles

Qué necesito saber para tener mi sitio web en Internet?

Qué necesito saber para tener mi sitio web en Internet? Qué necesito saber para tener mi sitio web en Internet? Introducción Antes es importante tener en cuenta que Es importante considerar lo siguiente: Definir claramente tu actividad en Internet Establecer

Más detalles

CÓMO CREAR UNA PÁGINA WEB

CÓMO CREAR UNA PÁGINA WEB CÓMO CREAR UNA PÁGINA WEB v.2 Índice 1 Introducción 3 2. Diseño gráfico 3 3. El Lenguaje HTML 3 4. Alojamiento y publicación 5 5. Promoción 8 6. Otras utilidades 9 6.1 Estadísticas 9 6.2 Contadores y Formularios

Más detalles

Práctica 6 - Página Web

Práctica 6 - Página Web Práctica 6 - Página Web Teoría. Una Página Web es un recurso de información que esta diseñada para la Word Wide Web (Red Mundial) y puede ser vista por medio un Navegador Web. Esta información se encuentra

Más detalles

UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA

UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA Nombre: Aplicaciones Computacionales Código: CC-215 Fecha Actualización: Septiembre 2004 Unidad Responsable: Departamento

Más detalles

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

Más detalles

FORMACIÓN AULA VIRTUAL MANUAL DEL ALUMNO

FORMACIÓN AULA VIRTUAL MANUAL DEL ALUMNO FORMACIÓN AULA VIRTUAL Estimado Estudiante, Esperamos que el contenido de este manual ayude a sortear aquellas dificultades que se puedan presentar durante el periodo de familiarización con el nuevo entorno

Más detalles

Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática

Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática 1 Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática TEMA: NAVEGACIÓN CON BÚSQUEDA Y DESCARGA DE INFORMACIÓN EN INTERNET. Objetivos Introducir a los estudiantes en los

Más detalles

Creación de Alojamiento web y blogs.

Creación de Alojamiento web y blogs. Mª Dolores Carballar Falcón 28935146L 1. Introducción. El principal objetivo de esta guía es servir de introducción para que los alumnos de Informática Aplicada de la ESO y de ciclos formativos de informática,

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir

Más detalles

DISEÑO Y DESARROLLO DE PÁGINAS WEB 160 horas. (70 horas presenciales.50 horas autònomas.40 horas investigación) TOTAL CICLO: 14 SÁBADOS

DISEÑO Y DESARROLLO DE PÁGINAS WEB 160 horas. (70 horas presenciales.50 horas autònomas.40 horas investigación) TOTAL CICLO: 14 SÁBADOS DISEÑO Y DESARROLLO DE PÁGINAS WEB 160 horas. (70 horas presenciales.50 horas autònomas.40 horas investigación) TOTAL CICLO: 14 SÁBADOS INTRODUCCIÓN En este Diplomado se establecen las bases y el método

Más detalles

Guía de uso de Moodle para participantes

Guía de uso de Moodle para participantes Guía de uso de Moodle para participantes ÍNDICE 1 QUÉ ES MOODLE?... 3 2 INTRODUCCIÓN A LA PLATAFORMA... 4 2.1 ACCESO... 4 2.2 CURSO... 5 2.2.1 BLOQUES... 6 3 RECURSOS Y MÓDULOS... 8 3.1 TRANSMISIVOS...

Más detalles

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples

Más detalles

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados MANUAL DEL USO DE LAS PLANTILLAS PARA MANTENER EL ESTILO GOBIERNO EN LINEA TERRITORIAL- GELT FASE TRANSACCIONAL Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea República

Más detalles

Capítulo 1. Introducción

Capítulo 1. Introducción Capítulo 1. Introducción El WWW es la mayor fuente de imágenes que día a día se va incrementando. Según una encuesta realizada por el Centro de Bibliotecas de Cómputo en Línea (OCLC) en Enero de 2005,

Más detalles

Reflexión. Inicio. Contenido

Reflexión. Inicio. Contenido Exploradores de Internet Navegador WEb Reflexión "Una máquina puede hacer el trabajo de 50 hombres corrientes. Pero no existe ninguna máquina que pueda hacer el trabajo de un hombre extraordinario. Elbert

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

Más detalles

Herrera, M; De Lima, L; Delgado, D. Abstract. Índice

Herrera, M; De Lima, L; Delgado, D. Abstract. Índice Herramienta Multimedia para la enseñanza, discusión y evaluación de una asignatura dictada con la técnica didáctica Casos de Estudio bajo modalidad semipresencial Herrera, M; De Lima, L; Delgado, D. Índice

Más detalles

CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM

CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM Podemos definir la usabilidad de un sistema (producto o servicio) como la medida en la cual puede ser usado para conseguir objetivos concretos

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

Sitio Web inscripción- alojamiento- publicación

Sitio Web inscripción- alojamiento- publicación Sitio Web inscripción- alojamiento- publicación El Sitio Web Un sitio web es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE

PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE CONTENIDOS DE LA WEB DEL INSTITUTO DE CRÉDITO OFICIAL EN UN

Más detalles

DESARROLLO WEB EN ENTORNO CLIENTE

DESARROLLO WEB EN ENTORNO CLIENTE DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández

Más detalles

1. Resumen.. 3. 2. Objetivos.. 3. 3. Introducción. 3

1. Resumen.. 3. 2. Objetivos.. 3. 3. Introducción. 3 1 Índice 1. Resumen.. 3 2. Objetivos.. 3 3. Introducción. 3 4. Aplicación web para la gestión de una memoria corporativa: reportes de actividades (proyectos) 4.1 Metodología... 4 4.2 Lenguajes y herramientas

Más detalles

Prof. Gutiérrez Gonzales Ángel

Prof. Gutiérrez Gonzales Ángel Instituto Politécnico Nacional Unidad Profesional Interdisciplinaria de Ingeniería y Ciencias Sociales y Administrativas Tecnologías en Ambiente Web Unidad Temática II Diseño y Construcción de Modelos

Más detalles

Unidad V MANEJO DE SOFTWARE PARA DOCUMENTAR

Unidad V MANEJO DE SOFTWARE PARA DOCUMENTAR Unidad V MANEJO DE SOFTWARE PARA DOCUMENTAR Unidad V: Manejo de software para documentar Semana 13 A. PRESENTACIÓN Para la construcción del documento el siguiente paso es elegir el programa de cómputo

Más detalles

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en Dominio y Hosting Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en el internet... 5 http: hyper text

Más detalles

Su empresa siempre en contacto

Su empresa siempre en contacto Su empresa siempre en contacto Entorno Digital, S.A. (2009). 1/9 Qué es? Solución Web para ofrecer un servicio de valor añadido a sus clientes o empleados. Damos un paso más a la imagen corporativa de

Más detalles

PUBLICACIÓN DE SITIOS WEB

PUBLICACIÓN DE SITIOS WEB PUBLICACIÓN DE SITIOS WEB PUBLICACIÓN DE SITIOS WEB Una vez que ya se diseñó y construyó un sitio WEB, es tiempo de publicarlo, para lo cual es necesario encontrar un lugar en donde hospedar el sitio para

Más detalles

01 Cómo ingresar al Campus

01 Cómo ingresar al Campus Contenido Cómo ingresar al Campus Virtual Cursos en Salud?... 4 Cómo editar mi Perfil?... 6 Cómo enviar una Tarea?... 9 Cómo contestar un Cuestionario?... 11 Cómo participar en un Foro de discusión?...

Más detalles

COMO HACER UN SERVIDOR LOCAL

COMO HACER UN SERVIDOR LOCAL DISEÑO PÁGINAS WEB COMO HACER UN SERVIDOR LOCAL 1 2 DISEÑO PÁGINAS WEB Index 1. INSTALACION DE WAMP 2. CREAR UNA BASE DE DATOS 3. INSTALACION DE JOOMLA 4. COMO HACER UNA COPIA DE SEGURIDAD 5. COMO COPIAR

Más detalles

DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS

DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS 1. Introducción Los ambientes de aprendizaje acompañados de trabajos colaborativos como estrategia se revierten en actividades de diferente índole (análisis de videos,

Más detalles

Indexhibit 2 Tareas comunes

Indexhibit 2 Tareas comunes Indexhibit 2 Tareas comunes Oscar Ciutat oscarciutat.com/code Cómo entrar en el área de administración de Indexhibit? 1. Ir a www.direccion.com/ndxzstudio/, sustituyendo www.direccion.com por la dirección

Más detalles

Software para investigación cualitativa y métodos mixtos. Quiénes utilizan NVivo? Use NVivo. Qué es Nvivo?

Software para investigación cualitativa y métodos mixtos. Quiénes utilizan NVivo? Use NVivo. Qué es Nvivo? Software para investigación cualitativa y métodos mixtos Si su trabajo, estudio o área de enseñanza están relacionados con métodos de investigación cualitativos o de tipo mixto, NVivo 10 lo ayudará a llevar

Más detalles

TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web. PROFESOR: Antonio Carrasco

TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web. PROFESOR: Antonio Carrasco TEMA 3. Web Corporativa: Navegabilidad y usabilidad Web PROFESOR: Antonio Carrasco Módulo 1: Análisis funcional y técnico Establecimiento del alcance del sistema Qué pretendemos obtener con el desarrollo

Más detalles

TRANSFERENCIA DE INFORMACIÓN CON FTP

TRANSFERENCIA DE INFORMACIÓN CON FTP TRANSFERENCIA DE INFORMACIÓN CON FTP La finalidad de Internet es el intercambio de información. Existe la necesidad de transferir grandes archivos desde un punto de la red a otro punto (punto a punto),

Más detalles

F1162 Diseño gráfico de sistemas 1/9

F1162 Diseño gráfico de sistemas 1/9 PROGRAMA DE ESTUDIO Diseño gráfico de sistemas Universidad Juárez Autónoma de Tabasco Programa Educativo: Área de Formación : Licenciatura en Informática Administrativa Integral Profesional Horas teóricas:

Más detalles

CURSO/TALLER Aprestamiento en el uso y manejo del entorno virtual de aprendizaje EVA de la UdelaR

CURSO/TALLER Aprestamiento en el uso y manejo del entorno virtual de aprendizaje EVA de la UdelaR CURSO/TALLER Aprestamiento en el uso y manejo del entorno virtual de aprendizaje EVA de la UdelaR Objetivos: Generar un espacio de aprestamiento en el uso y manejo de la plataforma ativa. Familiarizarse

Más detalles

Formarnos / Instructivo para tutores

Formarnos / Instructivo para tutores PROGRAMA DE FORMACIÓN DE DIRIGENTES EN GESTIÓN PÚBLICA Y SOCIAL Formarnos / Instructivo para tutores Universidad Nacional de Lanús / Vicerrectorado / Campus Virtual / 2015 Índice Ingreso a la plataforma

Más detalles

GUÍA DEL AULA VIRTUAL SEMESTRE ACADÉMICO 2013- II VERSIÓN 1.0

GUÍA DEL AULA VIRTUAL SEMESTRE ACADÉMICO 2013- II VERSIÓN 1.0 GUÍA DEL AULA VIRTUAL SEMESTRE ACADÉMICO 2013- II VERSIÓN 1.0 Guía del Aula Virtual 2013 Material - II para uso exclusivo de los docentes de la USMP. ÍNDICE 1. Presentación.. 1 2. Campus Virtual USMP..

Más detalles

TUTORIAL PANEL ADMINISTRACION

TUTORIAL PANEL ADMINISTRACION TUTORIAL PANEL ADMINISTRACION Estimado Usuario: La Página que ha adquirido cuenta con un Panel de Administración para agregar, modificar o quitar noticias, productos, textos, imágenes o cualquier otro

Más detalles

Capítulo 4. Requisitos del modelo para la mejora de la calidad de código fuente

Capítulo 4. Requisitos del modelo para la mejora de la calidad de código fuente Capítulo 4. Requisitos del modelo para la mejora de la calidad de código fuente En este capítulo definimos los requisitos del modelo para un sistema centrado en la mejora de la calidad del código fuente.

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

DISEÑO DE UN CURSO INTERACTIVO Y ADAPTATIVO DE PROCESADORES DE LENGUAJES

DISEÑO DE UN CURSO INTERACTIVO Y ADAPTATIVO DE PROCESADORES DE LENGUAJES Alfonseca, M., Carro, R.M., Pulido, E. and Rodríguez, P. (2000): Diseño de un curso interactivo y adaptativo de procesadores de lenguajes. Proceedings of JENUI 2000: VI Jornadas sobre la Enseñanza Universitaria

Más detalles

PROYECTO WEB FACTURA DIGITAL CONTEMAN

PROYECTO WEB FACTURA DIGITAL CONTEMAN PROYECTO WEB FACTURA DIGITAL CONTEMAN GENERALIDADES 1. ADMINISTRACION DE USUARIOS 2. IMPORTACION DE FACTURAS DIGITALES - Importación desde FTP - Importación directa desde server local. 4. NOTIFICACION

Más detalles

Metodología de Desarrollo de Sitios Web. El desarrollo de software vs. El desarrollo de sitios web

Metodología de Desarrollo de Sitios Web. El desarrollo de software vs. El desarrollo de sitios web Metodología de Desarrollo de Sitios Web Luis Carlos Aceves G. El desarrollo de software vs. El desarrollo de sitios web Diferencias en la forma de trabajar (metodología): Quién es el usuario? Rol de la

Más detalles

MANUAL DE SHAREPOINT 2013. Por: Área de Administración de Aplicaciones.

MANUAL DE SHAREPOINT 2013. Por: Área de Administración de Aplicaciones. MANUAL DE SHAREPOINT 2013 Por: Área de Administración de Aplicaciones. Indice 1. Tipos de Cuentas de Usuario... 2 2. Compatibilidad con exploradores de Internet... 2 3. Como acceder a un sitio de SharePoint

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

Alojamiento web gratuito

Alojamiento web gratuito Alojamiento web gratuito 3. Alojamiento web gratuito Sin dejar de tener en cuenta que un alojamiento web gratuito no será el más adecuado para mantener un sitio web de calidad, sí podemos disponer de alguno

Más detalles

Módulo II Unidad Didáctica 2

Módulo II Unidad Didáctica 2 Módulo II Unidad Didáctica 2 Introducción Una vez que el sitio está desarrollado y hemos cumplido con todas las etapas para su diseño es necesario incorporar algunos conceptos que nos permitan comprender

Más detalles

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Introducción Proyectos es un Sistema de Gestión de Comunidades Virtuales en Web, creado por Quaderns

Más detalles

Nivel Intermedio. Escribir lenguaje de marcado HTML. Utilizar programas editores de HTML. Utilizar Hojas de Estilo en Cascada CSS

Nivel Intermedio. Escribir lenguaje de marcado HTML. Utilizar programas editores de HTML. Utilizar Hojas de Estilo en Cascada CSS Diseño Web Estático Nivel Intermedio Escribir lenguaje de marcado HTML Utilizar programas editores de HTML Utilizar Hojas de Estilo en Cascada CSS Configurar sitios web locales Personas provenientes del

Más detalles

Manual del Profesor Campus Virtual UNIVO

Manual del Profesor Campus Virtual UNIVO Manual del Profesor Campus Virtual UNIVO Versión 2.0 Universidad de Oriente UNIVO Dirección de Educación a Distancia INDICE 1. Campus Virtual. 03 1.1 Accesos al Curso 04 1.2 Interfaz del Curso...06 1.3

Más detalles

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1 Diseño Digital DISEÑO DIGITAL 1 Lectura No. 7 Nombre: Programa integrador de medios Contextualización En estos días la importancia de tener un sitio web se ha vuelto fundamental para que las empresas y

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN GUIA DE LABORATORIO N 12 CICLO: 01-2014 Nombre de la práctica: Sitio web en línea y transferencia de archivos. Lugar de ejecución:

Más detalles

Mini Glosario Internet

Mini Glosario Internet Mini Glosario Internet Ancho de banda (Bandwidth) Es la capacidad de un sistema para transferir datos a través de una conexión de red, medida en valores de bits por segundo (kilobits, megabits, etc.);

Más detalles

Windows Vista Home Premium

Windows Vista Home Premium Windows Vista Home Premium Curso para conocer y aprender a utilizar el sistema operativo Windows Vista Home Premium. El curso se divide en dos partes: en la primera se describe la forma de realizar las

Más detalles

Capítulo V. Resultados de evaluación y pruebas de usabilidad

Capítulo V. Resultados de evaluación y pruebas de usabilidad Capítulo V. Resultados de evaluación y pruebas de usabilidad Una vez que se concluyó la fase de desarrollo de una primera versión inicial de Aula social, se procedió a poner la plataforma en un modo de

Más detalles

Manual de instalación de Kaspersky Internet Security

Manual de instalación de Kaspersky Internet Security Manual de instalación de Kaspersky Internet Security A continuación se describe paso a paso la descarga e instalación del antivirus KIS (Kaspersky Internet Security). DESCARGAR EL INSTALADOR Abrir el navegador

Más detalles

PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM

PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM www.bmformacion.es info@bmformacion.es Objetivos Curso para conocer y aprender a utilizar el sistema operativo Windows Vista Home Premium. El curso se divide

Más detalles

3 - DESARROLLO DEL PROYECTO. Pag. 3. 7 - PUBLICACIÓN. Pag. 8

3 - DESARROLLO DEL PROYECTO. Pag. 3. 7 - PUBLICACIÓN. Pag. 8 TÉRMINOS Y CONDICIONES 1 - DEFINICIONES Pag. 1 2 - MATERIAL PARA EL SITIO WEB.. Pag. 2 3 - DESARROLLO DEL PROYECTO. Pag. 3 4 - MANTENIMIENTO.. Pag. 5 5 - ENTREGA..... Pag. 6 6 - DEVOLUCIONES & CANCELACIÓN...

Más detalles

Guía de Moodle para Estudiantes

Guía de Moodle para Estudiantes Guía de Moodle para Estudiantes 1. Introducción En este tutorial se asume que: 1. Usted tiene al menos el conocimiento básico del uso de una computadora, incluyendo el ratón y el teclado, y está familiarizado

Más detalles

CL_55010 Sharepoint Designer 2010 - Customizing and Branding SharePoint 2010 and Office 365

CL_55010 Sharepoint Designer 2010 - Customizing and Branding SharePoint 2010 and Office 365 Sharepoint Designer 2010 - Customizing and Branding SharePoint 2010 and Office 365 www.ked.com.mx Av. Revolución No. 374 Col. San Pedro de los Pinos, C.P. 03800, México, D.F. Tel/Fax: 52785560 Introducción

Más detalles

Panel de Control CPanel 5

Panel de Control CPanel 5 Panel de Control CPanel 5 Tutorial elaborado por Mario Carvajal, para NidoHosting (www.nidohosting.com) basado en el tema Vertex en español Gestionar Administrador de archivos: para gestionar todos los

Más detalles

Modulo I. Introducción a la Programación Web. 1.1 Servidor Web.

Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Antes de analizar lo que es un servidor Web y llevara a cabo su instalación, es muy importante identificar diferentes elementos involucrados

Más detalles

MÓDULO 1: FrontPage 2003 Parte 1ª

MÓDULO 1: FrontPage 2003 Parte 1ª MÓDULO 1: FrontPage 2003 Parte 1ª TEMA 1. Introducción a la Web Internet y el World Wide Web Hipertexto HTML Servidores, Clientes y Redes Protocolos de Comunicación Direcciones, Dominios y Accesos TEMA

Más detalles

FAVA - Formación en Ambientes Virtuales de Aprendizaje. SENA - Servicio Nacional de Aprendizaje

FAVA - Formación en Ambientes Virtuales de Aprendizaje. SENA - Servicio Nacional de Aprendizaje INTRODUCCIÓN El protocolo FTP (siglas en inglés de File Transfer Protocol) es un protocolo de transferencia de archivos, para un mejor entendimiento es un lenguaje estándar de comunicación que se utiliza

Más detalles

UNIDAD 3. Herramientas de Internet

UNIDAD 3. Herramientas de Internet ECBTI Curso Herramientas Teleinformaticas-201120 UNIDAD 3. Herramientas de Internet Redes de Tutores Herramientas Teleinformáticas Conceptos Básicos WWW: Estas siglas, provienen de las palabras World Wide

Más detalles

1.- GENERAL. 2.- INGRESO AL SISTEMA.

1.- GENERAL. 2.- INGRESO AL SISTEMA. Contenido 1.- GENERAL.... 3 2.- INGRESO AL SISTEMA.... 3 2.1.- Ingreso y uso del sistema.... 3 3.- AMBIENTE DE TRABAJO.... 4 4.- GESTIÓN DE COMPROBANTES.... 5 4.1.- AGREGAR COMPROBANTE.... 5 4.1.1.- Agregar

Más detalles

Precisión y grado de consecución con que los usuarios logran objetivos establecidos. eficacia

Precisión y grado de consecución con que los usuarios logran objetivos establecidos. eficacia Usabilidad ISO 9241 Definiciones Grado en que un producto puede ser utilizado por usuarios especificados para lograr objetivos concretos con eficacia, eficiencia y satisfacción, en un determinado contexto

Más detalles

Programa de los cursos en Autoestudio de Nuevas Tecnologías Modalidad on line para docentes con un nivel nulo o básico en TIC

Programa de los cursos en Autoestudio de Nuevas Tecnologías Modalidad on line para docentes con un nivel nulo o básico en TIC Programa de los cursos en Autoestudio de Nuevas Tecnologías Modalidad on line para docentes con un nivel nulo o básico en TIC Curso abierto y activo El proceso de inscripción está siempre disponible y

Más detalles

DISEÑO E IMPLEMENTACION DE UN PORTAL WEB SOLUCIONES INTEGRALES CON TECNOLOGIA APLICADA

DISEÑO E IMPLEMENTACION DE UN PORTAL WEB SOLUCIONES INTEGRALES CON TECNOLOGIA APLICADA UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO Voluntad. Conocimiento. Servicio. DISEÑO E IMPLEMENTACION DE UN PORTAL WEB SOLUCIONES INTEGRALES CON TECNOLOGIA APLICADA Reporte de Estadía para obtener el Título de

Más detalles

Confección y publicación de páginas Web

Confección y publicación de páginas Web 2014 Confección y publicación de páginas Web Docente: Manuel Fernández Catalán 0 ÍNDICE 1 Presentación... 2 2 Objetivos... 2 3 Tecnología... 2 4 Metodología y evaluación... 3 5 Material didáctico... 3

Más detalles