Ver el código de «Valentina Perez:LC3 2010»

=[[LC3 2010]]=

* [[Valentina Pérez:Proyecto sitio Inmunomedica|Proyecto sitio sitio web Inmunomédica]], por [[Usuario:valentinaperez | Valentina Pérez]]

==Clase 1==

El desarrollo básico del curso, será la utilización de la wiki como repositorio de conocimiento será fundamental, de modo que exista una documentación del proceso de entrega de trabajos, generando contenido, lo que es parte importante de nuestro estudio.

===Lenguaje HTML===
Lo que se tratará durante las clases, será la programación en HTML. Este es un lenguaje o código utilizado para la creación de sitios web, y que funciona a base de marcas o etiquetas, determinando cómo debe mostrarse la información en los browsers (navegadores).

Es de gran importancia el saber cómo programar interfaces, cómo lo plasmado en el papel se visualiza en los distintos medios digitales, con los cuales diseñamos experiencia. A través de estos creamos puntos de interacción, relaciones entre softwares y personas y viceversa, siendo un proceso complejo para el diseño.

Al momento de diseñar, existe un proceso productivo en el área de trabajo y con las personas que ejercen diferentes disciplinas, lo que nos ayuda a construir los diseños de mejor manera para los usuarios y para definir de forma clara los distintos escenarios.

===Medios Digitales===
Los medios digitales son soportes en los cuales se dispone información, y además de internet, podemos encontrar otros como:

*Pantallas
*Móviles
*TV
*Juegos
*Consolas de comando

===Diseño centrado en las Personas===
Existen tres puntos claves que nos proporcionan un ordenamiento y tácticas al momento de diseñar, de esta manera, no nos centramos inmediatamente en buscar la solución, sino que en primera instancia entendemos cual es el problema de la persona.

====Planifiación====
'''Estrategia'''

Es, básicamente, un planteamiento estratégico, en el que las preguntas ''¿Qué?'', ''¿Cuando?'', ''¿Quienes?'' y ''¿Cómo?'' son fundamentales.

Se compone de:
# Brief: resumen en el cual, la persona con la que trabajaremos, nos dice qué es lo que necesita para que logremos entender la la problemática. El brief tiene tres componentes de gran importancia:
## Presupuesto (dinero con el que cuenta la persona para el proyecto)
## Contra Brief (preguntas que nacen a partir del brief, las hace el diseñador)
## Debrief (se ven los objetivos y permite la generación de mecanismos de medición)
# Entrevistas Guiadas: conversaciones con usuarios y/o funcionarios con el fin de adquirir más informacion que ayude al desarrollo del diseño.
#Benchmark: análisis comparativo que mide las capacidades de experiencia que hay tras el encargo. También permite tener anotaciones del experto sobre un servicio y generar herramientas de objetivos.


'''Comportamiento de las Personas'''

El estudiar el ''comportamiento de las personas'', nos permite comprender sus tendencias y motivaciones, la manera en cómo interactúan con un sistema, pero esto no debe confundirse con el estudio de los ''sistemas en interacción con las personas'', pues en este caso nos centramos en la usabilidad.

Se compone de:
# Expert Review: evaluación hecha por expertos
# Personas y Escenarios: pensar en el usuario, dónde y en qué condiciones interactúa con un sistema
# Evaluación Heurística: análisis de usabilidad
# Eyetracking: herramienta de medición

====Estructuración====
'''Arquitectura de la Información'''

La manera de tener una diagramación que permita una comprensión lingüística, corresponde a la arquitectura de la información, ligándose directamente con la rapidez en los sistemas digitales.

Se compone de:
# Diseño de Contenidos
# Mapas de Navegación: primera representación gráfica de la base de los contenidos
# Wireframes: maquetas en las que se utilizan etiquetas reales de los mapas de navegación


'''Diseño de Interacción'''

====Producción====
'''Diseño de Interfaz'''

'''Diseño de Códigos de Interfaz'''

===Primer Encargo===
# Descargar aplicaciones FTP, como [http://www.panic.com/transmit/ Transmit] para Mac o [http://filezilla-project.org/ Filezilla] para distintas plataformas.
# Crear un sitio web que contenga una palabra o un texto. Para esto, primero se crea una carpeta en el escritorio, la cual será nuestra "raíz", que debe contener:
## Carpeta "css"
## Carpeta "imag"
## Carpeta "html"
## Documento "index.html" (se crea en un editor de texto y allí se escribe el código de programación)
# Leer esta [http://www.w3c.es/divulgacion/guiasbreves/XHTML guía] y seguir los pasos para la programación del sitio web.

===Personajes Relacionados===
* Alan Cooper
* Jakob Nielsen
* Donald Norman


--[[Usuario:Sofia savoy|Sofia savoy]] 02:11 24 jun 2010 (UTC)



[[Categoría: Pre Grado]]
[[Categoría: Diseño Gráfico]]
[[Categoría: Lenguaje Computacional]]
[[Categoría: Cursos]]
[[Categoría: 2010]]
[[Categoría: Lenguaje Computacional 3]]

=Propuesta inmunomédica=

==Lista de contenidos==

#Quienes somos
##Directorio y administración
#Exámenes
##Lugar
##Tipo de exámenes
#Laboratorio
##Unidades de laboratorio
##sucursales
#Convenios
##Isapres
#Clínica dental
##inmunodent
##lugares
##dentistas
#inmuno óptica
##información
##sucursales
#Plan auge
##información del AUGE GES
##pasos a seguir
##Preguntas frecuentes
##Patologías
#Contacto
##Mesa central
##Servicios y convenios
##sucursales
#Noticias
#Sucursales
##Exámenes
##Atención dental
##especialistas
#Alergias
##PDF
#Revista

==Card Sorting==
[[Archivo:card sorting inmuno.jpg|500px]]

==Propuesta Mapa de Navegación==

[[Archivo:mapainmunomedica.png|900px]]

==Wireframes==
===Home===
[[Archivo:wirehome2.png|700px]]

====Tomar hora====
[[Archivo:paso tomar hora.png|700px]]

=====Sugerencua tomar hora=====
[[Archivo:sugerencia tomar hora.png|700px]]

=====doctores=====
[[Archivo:doctoresinmunomedica.png|700px]]

=====Información del doctor=====
[[Archivo:informacion de doctores inmuno.png|700px]]