Notas ejercicio 1

Nos cuentan si hay dudas con respecto a las categorías de evaluación o las notas.

Sobre las Formas

Las formas permiten que el usuario:

• Realice selecciones complejas para enviar el resultado de su selección hacia una base de datos u otros usuarios que usarán esta información.

• Envíe datos, información y archivos desde la página web o aplicación hacia una base de datos u otros usuarios.

• Como elementos de navegación.

Estos elementos (formas) le añaden mucha interactividad funcional a los sitios web y pueden ser usados de diversas maneras: Para seleccionar productos, llenar datos para una compra, realizar inscripciones, elegir opciones con múltiples variantes, enviar un archivo etc.

Las más usadas son:

Características:

Radio button: Permite realizar selecciones excluyentes (si o no) no permite dudas o términos medios.

Check Box: Casilla de verificación. Permite selecciones alternativas. Puede o no activarse.

Cuadro de texto de una línea: Sirve para ingresar textos

Carga de archivos: Es usado para seleccionar un archivo y enviarlo o cargarlo

Campo de texto multilínea: Permite ingresar una mayor cantidad de texto. Su área se puede limitar y si el texto supera en tamaño al área definida aparece scroll

Botón: Realiza una acción: Enviar, guardar, cancelar etc

Menú desplegable: Presenta un listado de elementos y permite la selección de uno o varios de ellos

Menú desplegado: Igual que el anterior pero permite visualizar varias de las opciones que contiene.

Otro ejemplo de diagrama de flujo...

Muchachos, siguiendo lo que vimos hoy de diagramas de flujo, aqui les dejo una imagencita de otro ejemplo (sobre daños del pc) para que lo tengan como "guía" asi como el del cajero que vimos en clase de teoría. Vere si encuentro mas ^^

Necesidad de Reparar el Pc

Comentarios de Roylan al ejercicio.

En el siguiente ejemplo pueden ver un formulario "disfrazado" para motivar alusuario a llenar sus datos.
En este ejemplo en vez de "denos sus datos para darle un premio",dijimos" usted se gano un premio, para dárselo denos sus datos"http://aligma.robinssondivision.com/01.html (prototipo funcional).

• Tengan en cuenta facilitar esta tarea al usuario agrupando la info que vana solicitar por categorias logicas y subdividirlo en caso de ser necesario en pasos o secciones logicas tambien.
• El lenguaje usado es importante para crear familiaridad, de esta manera el usuario no se sentira en un interrogatorio de la fiscalia.
• Recuerden que pueden innnovar con el tema tal y como sucede en este ejemplo.
• Piensen en desarrollar alternativas es decir: si el usuario escoge esto pasa esto pero si escoge esto otro pasa esto otro.
• Recuerden que el formulario debe llevar a unresultado, es decir algo tangible como una suscripcion, una compra, una personalizacion etc.
• Por ùltimo, pero no menos importante, les pedimos mantener confidencial esta propuesta, porfavor no se la reenvien a nadie por fuera del módulo, ni la muestren a quien pueda desarrollar algo similar.

Ejercicio 2: "Diseño de Transacciones"

Enunciado: A partir de un sitio existente en la red elegido por cada estudiante, desarrollar una aplicación transaccional a manera de "pop up".

Valor: 5%

Entrega:Una justificación escrita del proyecto (1 pg). Diagrama de flujo y aplicación pop up funcional.

Referencias web:
Documento sobre diagramas de flujo en: http://www.jjg.net/ia/visvocab/spanish.html

Entrega ejercicio 1

Estos son los url resultantes del ejercicio 1, el martes 1 de agosto estaremos publicando las notas en el blog de cada uno.

Kinetoscopio digital, Camilo
Buen Vivir, Carol
Mecánica Popular, Esteban
National Geographic, Laurie
Cicuta, Mateo
How, Rios
Cambio, Daniel

Correcciones al ejercicio 1:

Kinetoscopio digital, Camilo
Buen Vivir, Carol
Mecánica Popular, Esteban
National Geographic, Laurie
Cicuta, Mateo
How, Rios
Cambio, Daniel

¡Vínculos obligados para todos!
Color: http://www.colourlovers.com/

¡Bienvenidos!

Los invito para que comentemos todo lo que quieran sobre este primer ejercicio, para que compartamos links, ideas sobre el documento o dificultades en el desarrollo del ejercicio. No olviden llenar su perfil. Estamos conectados :-)

Ejercicio 1: "De lo impreso a lo digital"

Enunciado: A partir de una revista impresa, (escogida por cada estudiante) desarrollar una propuesta para esta publicación en la red. Dicha propuesta debe hacerse enteramente con texto a excepción de los encabezados y el cabezote.

Valor: 10%

Entrega:Una justificación escrita del proyecto (1 pg). Desarrollo de una de las ramas del mismo (tres niveles completamente funcionales) montados en la web.

Referencias web:
http://www.alistapart.com/
http://www.8020publishing.com/
http://www.academycastle.com/
http://www.acceptancerock.com/
http://applestooranges.com/
http://www.badboy.ro/
http://www.markboultondesign.com/
http://www.onetwentysix.com/
http://www.pre-voce.com/
http://www.pre-voce.com/ /* es flash pero el layout funciona