SÍLABO DEL CURSO DE ARQUITECTURA DE LA INFORMACIÓN Y USABILIDAD I. INFORMACIÓN GENERAL: 1.1 Facultad: Cmunicacines 1.2 Carrera Prfesinal: Cmunicación Audivisual en Medis Digitales / Cmunicación y Peridism/ Cmunicación y Publicidad 1.3 Departament: ------- 1.4 Requisit: 100 Crédits aprbads 1.5 Perid Lectiv: 2014 1 1.6 Cicl de Estudis: 7 1.7 Inici Términ: 24 de Marz 2014 19 de juli 2014 1.8 Extensión Hraria: 9 Hras ttales (4HC + 5HNP) 1.9 Crédits: 4 II. SUMILLA: La asignatura de Arquitectura de la Infrmación y Usabilidad es un curs práctic de la línea de diseñ y aplicacines digitales pr cmputadra que le permite tener al estudiante ls cncimients y metdlgías necesarias para la cnstrucción de páginas web de fácil acces, navegación y cmprensión, en td tip de platafrma; Desktp, Tablet y Smartphne. El prpósit del curs es vincular al estudiante cn el prce desarrll de prducts web, aplicads a diferentes ámbits cmunicacinales y de publicidad. Ls temas principales sn: Usabilidad y accesibilidad de un siti web, desarrll de pryect de siti web, desarrll del siti web, integración de elements interactivs multimedia e internet 2.0. III. LOGRO DEL CURSO: Al finalizar el curs, el estudiante crea y ptimiza websites centrads en el usuari estableciend patrne navegación y diseñ de prcess interactiv frma eficiente.
Nmbre de Unidad I: USABILIDAD Y ACCESIBILIDAD DE UN SITIO WEB Lgr de Unidad: Al final de la unidad el estudiante utiliza ls criteri usabilidad y accesibilidad en un entrn digital, para el diseñ gráfic y estructural de sitis web de frma eficiente. Semana 1 2 Saberes Básics - Principi usabilidad y accesibilidad en función al entrn web. - Intrducción al curs. - Usabilidad a partir de la ergnmía. -Accesibilidad a partir de ls dispsitivs empleads. - Principi usabilidad y accesibilidad en función al usuari. - Usabilidad a partir de la lectura del usuari. -Accesibilidad a partir de las capacidadel usuari. Cntenids Actividade Aprendizaje Hras Presenciales -El estudiante evalúa ls principi usabilidad en web. -El estudiante cmenta y discute cn sus cmpañers sbre ls principi accesibilidad Hras N Presenciales - Analiza sitis web en función de usabilidad y accesibilidad. - Plantea necesidades de infrmación para elabrar un siti web cn criteri usabilidad y accesibilidad. - Identifica de característica un públic a cnsiderar. - Organiza infrmación cncida del públic elegid. - Plantea encuesta en línea a partir de necesidade infrmación n cubiertas pr la infrmación cncida. Recurss Labratri Labratri Evaluación: (T1): Presentar un planteamient de investigación para el desarrll de un siti web, en función a necesidades identificadas en un públic determinad. Semana 2. Evaluación (criteris de evaluación) Argumenta cn sustent el análisi accesibilida d y usabilidad de frma cherente. Publica encuesta en línea en función a característic as a averiguar de un públic determinad
3 4 Principi diseñ de arquitectura de sitis web. - Principi diseñ gráfic de un siti web. Tamañs y reslucines. - Diferencia entre diseñ vectrial y de mapa de bits. - Realización de ejercici diseñ de interfaces, btnes y viñetas. - Diferencia entre maquetación para el cliente y para el prduct final. - - Elabra de diagramas de fluj y mapa siti. - Interpreta ruta navegación en función de usuaris ptenciales. El estudiante indaga ls tema diseñ web y sus características - Analiza de sitis web en función a su estructura. - Crea mapa de siti de primer pryect de siti web. - Resuelve la primera revisión de resultads de encuesta y tabulación de resultads. - Analiza de sitis web en función a criteris de diseñ gráfic. - Punts. - Líneas. - Superficies. - Clres y texturas. - Crea diseñ gráfic de pryect web. Labratri Labratri Organiza la infrmación de cherente. Estructura web respetand principis de usabilidad y accesibilida d. Tabula encuestas en línea. Analiza un diseñ gráfic. Maneja las sftware de clara. Nmbre de Unidad II: Desarrll de pryect de siti web Lgr de Unidad: Al final de la unidad el estudiante plantea un pryect de siti web aplicand infrmación sbre las necesidadel públic elegid. El pryect debe cnsiderar ls resultad la investigación, la estructura y el diseñ gráfic. 5 - Función de HTML cm lenguaje de prgramación. - Estructura de códigs HTML a partir de prpiedades y valres. El estudiante recnce las funcinel HTML, CSS y us. - Investiga para recncer las principales etiquetas HTML. - Arma básicamente un siti web en función a códigs de encabezad y cuerp. Labratri Aula Virtual Manej de las sftware de rdenada y eficiente.
6 - Función de CSS cm lenguaje de prgramación. - Manej de prpiedade text c - Inserción de imágenes y creación de hipervínculs. El estudiante recnce las funcine HTML. - Investiga principales prpiedades CSS a partir de la investigación, diferenciación de elements que pueden ser manejads estéticamente cn CSS y aquells que requieren gráfica externa. Labratri Utiliza criteri lógic en la prgramació 7 U tablas cn criteris estétics a partir de códigs - Dimensines abslutas y relativa tabla. - Márgenes interns y externs. - Brdes. Integración cn trs códigs HTML. Analiza la creación y u tablas cn códigs CSS - Recnce sitis web creads a partir de tablas cn códigs - Integra criteri u HTML y CSS cn investigación para pryect web. Labratri Maneja sftware y demuestra un criteri lógic en la prgramació Evaluación: (T2): Presentar avance pryect de siti web y ejercici integración HTML / Semana 6. EVALUACIÓN PARCIAL Presentar un pryect de siti web que cnsidere l siguiente: bjetivl pryect, resultad 8 investigación, principi usabilidad, característica accesibilidad, estructura a partir de mapa de siti y de diseñ gráfic de página de inici e interires. Nmbre de Unidad III: Desarrll de siti web Lgr de Unidad: Al finalizar la tercera unidad el estudiante cnstruye un siti web acrde cn el pryect previamente desarrllad cnsiderand las indicacinel dcente Manej de 9 Armad de siti web - - Recncimient de característica sitis web. - Adaptación del diseñ gráfic en función a las necesidade crte y exprtación. Labratri sftware. Criteri lógic en la prgramació
Integración de imágenes e hipervínculs 10 - Crte y exprtación de diseñ gráfic. Armad en HTML a partir de tablas invisibles. - Imágenes cm bjet e imágenes cm fnd. - El estudiante detalla y analiza las HTML para el diseñ grafic - Recnce característica sitis web. - Arma siti web cn text, imágenes e hipervínculs. Labratri Manej de sftware. Realiza cn criteri lógic la prgramació Hipervínculs a partir de imágenes. 11 Integración de tablas anidadas y marcs. - Marcs al interir de tablas anidadas. Hipervínculs entre dcuments HTML relacinads a partir de marcs. - El estudiante elabra tabla diseñ web - Recnce de sitis web. - Arma página siti web al interir de marcs. Labratri Manej de sftware. Criteri lógic en la prgramació Evaluación: (T3): Presentar el siti web cread, cn diseñ gráfic crtad y armad, imágenes, hipervínculs, tablas anidadas, marcs e integración HTML / Semana 12. Nmbre de Unidad IV: Integracin de elements interactivs, multimedia e internet 2.0 Lgr de Unidad: Al finalizar la cuarta unidad el estudiante integra en un siti web elements interactivs y multimedia, cnectads cn s nline de la web 2.0. Manej de elements interactivs 12 - Principi la prgramación rientada a bjets. - Frmularis. Aplicacine cambi de imagen a partir de event ratón. - El estudiante analiza la prgramación en bjets. - Investiga prpiedades avanzadas a partir de lenguajes incrustads (script). - Investiga pcine aljamient de siti web. Labratri Manej de sftware de cherente utiliza criteri lógic.
13 Manej de elements multimedia - Inclusión de elements multimedia. - Banners animads. - Audi.Vide. - El estudiante revisa ls distints elements multimedia - Investiga prpiedades de ls principales frmats multimedia. - Publica siti web y elabración de encuesta de satisfacción. Labratri Manej de sftware de cherente utiliza criteri lógic. 14 Integración de aplicacine internet 2.0 - Redes sciales. - Aplicacine la nube digital. Asesría en el desarrll del pryect Final. - El estudiante analiza el tema de internet 2.0 - Investiga aplicacines dispnibles en la nube digital. Labratri Manej de sftware en redes sciale cherente utiliza criteri lógic. Labratri Presenta en - El estudiante pide - Prueba siti web en el tiemp Asesría de distints navegadres. establecid asesría de 15 presentación del - Tabula resultad su pryect presentación del pryect Final encuesta de para pryect Final. satisfacción. asesramie nt Evaluación: (T4): Presentar avance siti web, cn integración de elements interactivs, multimedia e internet 2.0. Semana 14. EVALUACIÓN FINAL 16 Presentar el siti web publicad, cnsiderand la integración de elements interactivs, multimedia e internet 2.0. Debe ir acmpañad de ls resultad la encuesta de satisfacción.
IV. ESTRATEGIAS DIDÁCTICAS: - Aprendizaje basad en prblemas. - Estudi de cass. - Aprendizaje basad en pryects. - Aprendizaje clabrativ. - Discusión cntrversial. - Aprendizaje cperativ. - Visitas guiadas. - Otrs métds activs adecuads para el curs. V. SISTEMA DE EVALUACIÓN DEL CURSO: El crngrama de la evaluación cntinua del curs es el siguiente: ESPECIFICACIÓN DE ACTIVIDADES DE EVALUACIÓN CONTINUA EN EL CURSO T Descripción Semana T1 Presentar un planteamient de investigación para el desarrll de un siti web, en función a necesidades 4 identificadas en un públic determinad. T2 Presentar avance pryect de siti web y ejercici integración HTML / 6 T3 Presentar el siti web cread, cn diseñ gráfic crtad y armad, imágenes, hipervínculs, tablas anidadas, marcs 12 e integración HTML / T4 Presentar avance siti web, cn integración de elements interactivs, multimedia e internet 2.0. 14 Nta: la evaluación de la rtgrafía es un criteri trasversal en tdas las prácticas, trabajs y evaluacines previstas en el curs. En ese sentid, cada falta rtgráfica se sancinará cn un cuart de punt (0.25). El pe cada T es: EVALUACIÓN PESO (%) ESCALA VIGESIMAL T1 15 0,6 T2 20 1,8 T3 30 3,6 T4 25 6,0 TOTAL 100% 12
Ls pess pnderad ls resultad evaluación sn ls siguientes: EVALUACIÓN PESO (%) ESCALA VIGESIMAL PARCIAL 25 5 CONTINUA (Ts) 35 10 FINAL 45 5 TOTAL 100% 20 Events UPN Live (dirigid a dcentes y estudiantes) EVENTO Wrld Leadership Frum (Méxic) Wrld Innvatin Frum (New Yrk) Wrld Business Frum (New Yrk) FECHA 09 y 10 de abril 04 y 05 de juni 07 y 08 de ctubre VI. BIBLIOGRAFÍA: 1. Bibligrafía Básica N CÓDIGO AUTOR TITULO AÑO 1 006.74HTML Christpher Murphy, HTML y CSS 2009 MURP Nicklas Perssn 2 006.74HTML Jsé López Quijad Dmine HTML y 2008 LOPE 2008 DHTML Páginas Web para cnsultar en N AUTOR TITULO LINK AÑO 1 Andreas Astrup, Jachim Chn Jacbsen, Jnas HTML.net http://es.html.net/ 2013 Astrup 2 Thibaut Curuble DevDcs http://devdcs.i/ 2013 3 J. D. Gauchat http://sistemasquimica.wikispaces.c El gran libr m/ de file/view/el+gran+libr+de+html5,+ HTML 5, CSS CSS3+y+Javascrip+- 3 y Javascript +Juan+Dieg+Gauchat.pdf 2012
VII. ANEXOS Cmpetencias 1. Liderazg Cmpetencias Generales UPN Descripción Inspira cnfianza en un grup, l guía hacia el lgr de una visión cmpartida y genera en ese prcesarrll persnal y scial. 2. Trabaj en Equip 3. Cmunicación Efectiva 4. Respnsabilidad Scial 5. Pensamient Crític 6. Aprendizaje Autónm 7. Capacidad para Reslver Prblemas Trabaja en cperación cn tr crdinada, supera cnflicts y utiliza sus habilidades en favr de bjetivs cmunes. Intercambia infrmación a travé diversas frma expresión y asegura la cmprensión mutua del mensaje. Asegura que sus accines prducirán un impact general psitiv en la sciedad y en la prmción y prtección de lrechs humans. Analiza e Interpreta, en cntexts específics, arguments prpsicines. Evalúa y argumenta juici valr. Busca, identifica, evalúa, extrae y utiliza eficazmente infrmación cntenida en diferentes fuentes para satisfacer una necesidad persnal de nuev cncimient. Recnce y cmprende un prblema, diseña e implementa un prce slución y evalúa su impact. 8. Emprendimient Transfrma ideas en prtunidades y accines cncreta creación de valr para la rganización y la sciedad.