[Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema lumen
Hola amigos. A ver si me pueden orientar:

Tengo que construir una página web dinámica basada en BD.

La cuestión es que las personas dedicadas a la lógica de la aplicación no
se encargarán de la presentación (del diseño de la web).

Es más las personas dedicadas al diseño no tienen idea de lenguajes de
programación.

Mi pregunta es cómo puedo afrontar eso y si existen aplicaciones para que
el trabajo de los diseñadores sea algo muy visual, tipo shopify
( http://www.shopify.com/ ), es decir, que puedan mover marcos o quitarlos
para rediseñar un página entera (manteniendo la lógica intacta).


Gracias de antemano.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema Rodrigo Álvarez Virgós
Hola, lumen

Si no he entendido mal, tú eres quien se va a encargar de montar las 
páginas con css y programarlas de manera dinámica, ¿no?
Pues es fácil: que los diseñadores te dibujen los documentos (en 
CorelDraw, FreeHand... el software que sea), y a partir de ahí tú les 
pides: necesito esta imagen, necesito el valor rgb de este color, 
necesito esta esquinita...)

Si son los propios diseñadores los que van a crear las hojas de estilo, 
entonces no veo el problema por ningún sitio... ¿qué tendrá que ver que 
no sepan programar con diseñar la página web?
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema Tei
On 9/6/07, lumen [EMAIL PROTECTED] wrote:
 Hola amigos. A ver si me pueden orientar:

 Tengo que construir una página web dinámica basada en BD.

 La cuestión es que las personas dedicadas a la lógica de la aplicación no
 se encargarán de la presentación (del diseño de la web).

 Es más las personas dedicadas al diseño no tienen idea de lenguajes de
 programación.

Encierra a todos los diseñadores en freehand, y pon a su alrededor un
ejercito de programadores armados de compiladores e interpretes de
linea de comandos hasta los dientes. Los diseñadores pueden transmitir
sus condiciones en forma de imagenes.  Aun tendrias el problema del
idioma, por supuesto. Y el abismo cultural.  Pero como en el contacto
entre dos civilizaciones alienigenas, aun tienen en comun las
matematicas. Ambas partes podrian llegar a algun tipo de acuerdo
basado en numeros. En la lista se ha sugerido un ajuste de las fuentes
para que 10pt = 10px.  Eso seria un comienzo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema Rita Madariaga
Hola!

En la empresa en la que yo trabajo separamos la lógica
de la presentación. Para ello hemos diseñado un
sistema propio que facilita esta tarea.

Al ser un producto que usamos de forma comercial no
puedo pasártelo, pero si necesitas algún tipo de
colaboración puedes ponerte en contacto directamente
conmigo.

Un Saludo



--- lumen [EMAIL PROTECTED] wrote:

 Hola amigos. A ver si me pueden orientar:
 
 Tengo que construir una página web dinámica basada
 en BD.
 
 La cuestión es que las personas dedicadas a la
 lógica de la aplicación no
 se encargarán de la presentación (del diseño de la
 web).
 
 Es más las personas dedicadas al diseño no tienen
 idea de lenguajes de
 programación.
 
 Mi pregunta es cómo puedo afrontar eso y si existen
 aplicaciones para que
 el trabajo de los diseñadores sea algo muy visual,
 tipo shopify
 ( http://www.shopify.com/ ), es decir, que puedan
 mover marcos o quitarlos
 para rediseñar un página entera (manteniendo la
 lógica intacta).
 
 
 Gracias de antemano.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a
 Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la
 siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
 



  

Luggage? GPS? Comic books? 
Check out fitting gifts for grads at Yahoo! Search
http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema lumen
On Thu, Sep 06, 2007 at 10:23:12AM +0200, Rodrigo Álvarez Virgós send:
 Hola, lumen
 
 Si no he entendido mal, tú eres quien se va a encargar de montar las 
 páginas con css y programarlas de manera dinámica, ¿no?

No, yo quiero encargarme de la lógica de la aplicación y ofrecer la
información necesaria para renderizar la aplicación a otro sistema, que se
encarge de generar el html.
De manera que los diseñadores sólo tengan que saber qué información tienen
disponible y pintarla como quieran.

Así, si un cliente en particular de mi aplicación, quiere hacer algunos
cambios en la web, yo no me tengo que preocupar de nada, es sólo tarea de
los diseñadores cambiar las cosas de sistio y colores.

Lo genial sería que los diseñadores puedieran diseñar con una aplicación
tipo Glade, donde el deseño se hace muy WYSIWYG, haciendo clicks y
situando las secciones con contenido.

 Pues es fácil: que los diseñadores te dibujen los documentos (en 
 CorelDraw, FreeHand... el software que sea), y a partir de ahí tú les 
 pides: necesito esta imagen, necesito el valor rgb de este color, 
 necesito esta esquinita...)

Ya, esto es lo típico. El diseñador te pasa una maqueta y el programador
debe reproducirla, haciéndola realmente dinámica.

Precisamente esto es lo que quiero evitar. Yo se programar, no diseñar. Mi
idea es que no tenga que encargarme de nada de visualización.

He leído que una posible solución es que mi aplicación genere xml y que
los diseñadores creen xslt para crear el html.
Eso tiene dos pegas para mí:

  - no lo he montado nunca. Además parece un sistema bastante complejo.

  - no he visto aplicaciones con las que se pueda crear los xslt
gráficamente (a base de clicks tipo dreamweaver). Conocéis vosotros?

Gracias. Un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema Almorca
A lo mejor te sirve Smarty que es un sistema de plantillas que permite
separar el diseño de la implementación.

Busca más por Google si te interesa.


El día 6/09/07, lumen [EMAIL PROTECTED] escribió:

 On Thu, Sep 06, 2007 at 10:23:12AM +0200, Rodrigo Álvarez Virgós send:
  Hola, lumen
 
  Si no he entendido mal, tú eres quien se va a encargar de montar las
  páginas con css y programarlas de manera dinámica, ¿no?

 No, yo quiero encargarme de la lógica de la aplicación y ofrecer la
 información necesaria para renderizar la aplicación a otro sistema, que se
 encarge de generar el html.
 De manera que los diseñadores sólo tengan que saber qué información tienen
 disponible y pintarla como quieran.

 Así, si un cliente en particular de mi aplicación, quiere hacer algunos
 cambios en la web, yo no me tengo que preocupar de nada, es sólo tarea de
 los diseñadores cambiar las cosas de sistio y colores.

 Lo genial sería que los diseñadores puedieran diseñar con una aplicación
 tipo Glade, donde el deseño se hace muy WYSIWYG, haciendo clicks y
 situando las secciones con contenido.

  Pues es fácil: que los diseñadores te dibujen los documentos (en
  CorelDraw, FreeHand... el software que sea), y a partir de ahí tú les
  pides: necesito esta imagen, necesito el valor rgb de este color,
  necesito esta esquinita...)

 Ya, esto es lo típico. El diseñador te pasa una maqueta y el programador
 debe reproducirla, haciéndola realmente dinámica.

 Precisamente esto es lo que quiero evitar. Yo se programar, no diseñar. Mi
 idea es que no tenga que encargarme de nada de visualización.

 He leído que una posible solución es que mi aplicación genere xml y que
 los diseñadores creen xslt para crear el html.
 Eso tiene dos pegas para mí:

   - no lo he montado nunca. Además parece un sistema bastante complejo.

   - no he visto aplicaciones con las que se pueda crear los xslt
 gráficamente (a base de clicks tipo dreamweaver). Conocéis vosotros?

 Gracias. Un saludo.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
We don't need no education - Pink Floyd
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema Victoria Gracia
Tengo que construir una página web dinámica basada en BD.

La cuestión es que las personas dedicadas a la lógica de la
aplicación no se encargarán de la presentación (del diseño de la
web).

Si no he entendido mal, tú eres quien se va a encargar de montar las 
páginas con css y programarlas de manera dinámica, ¿no?

 No, yo quiero encargarme de la lógica de la aplicación y ofrecer la
 información necesaria para renderizar la aplicación a otro sistema, que se
 encarge de generar el html.
 De manera que los diseñadores sólo tengan que saber qué información tienen
 disponible y pintarla como quieran.

Hasta aquí no debería haber problema, si te encargas de la lógica de la 
aplicación, tendrás claros cuales son los procesos a seguir y, para cada uno de 
ellos la información que la aplicación suministra y la que necesita. Arma un 
buen briefing con eso y los diseñadores no tienen más que tocar las CSS al uso 
en cada caso.

Es más las personas dedicadas al diseño no tienen idea de lenguajes de
programación.

Tampoco debería ser un problema. Si realmente son diseñadores al menos
saben trabajar con conceptos abstractos como *menú*, *titular*,
*cuerpo de texto*, ... e incluso determinar algunas propiedades de éstos
como por ejemplo elemento de texto de 200 a 1000 caracteres.

Mi pregunta es cómo puedo afrontar eso y si existen aplicaciones para
que el trabajo de los diseñadores sea algo muy visual, tipo shopify
( http://www.shopify.com/ ), es decir, que puedan mover marcos o
quitarlos para rediseñar un página entera (manteniendo la lógica
intacta).

A ver, ¿no decíamos que eran diseñadores? Deberían ser capaces de poder
tomar un código HTML marcado con una serie de clases determinadas por la
lógica de la aplicación y la imagen corporativa del cliente y a partir
de ahí construir las hojas de estilo y elementos gráficos necesarios
para llevar el proyecto a buen puerto.

 Así, si un cliente en particular de mi aplicación, quiere hacer algunos
 cambios en la web, yo no me tengo que preocupar de nada, es sólo tarea de
 los diseñadores cambiar las cosas de sistio y colores.

Sigue siendo así si los diseñadores realmente son profesionales web.
Sólo deberían cambiar la hoja de estilos y, eventualmente, algún
elemento gráfico.

 Lo genial sería que los diseñadores puedieran diseñar con una aplicación
 tipo Glade, donde el deseño se hace muy WYSIWYG, haciendo clicks y
 situando las secciones con contenido.

Yo soy poco partidaria de las aplicaciones para el diseño. Siempre he
creído que si realmente sabes diseñar para la web debes ser capaz de
entender, interpretar y respetar las normas CSS y ajustarte a las
dificultades de los diferentes navegadores, diferentes resoluciones,
etc...

  Pues es fácil: que los diseñadores te dibujen los documentos (en 
  CorelDraw, FreeHand... el software que sea), y a partir de ahí tú les 
  pides: necesito esta imagen, necesito el valor rgb de este color, 
  necesito esta esquinita...)

 Ya, esto es lo típico. El diseñador te pasa una maqueta y el programador
 debe reproducirla, haciéndola realmente dinámica.
 
 Precisamente esto es lo que quiero evitar. Yo se programar, no diseñar. Mi
 idea es que no tenga que encargarme de nada de visualización.

No deberías encargarte de la visualización si hacéis unos esquemas
iniciales donde indiques a los diseñadores cuáles son las pantallas que
va a tener el usuario en cada etapa de la aplicación. Por ejemplo:

Página inicial del sitio:
Además de los elementos comunes a todas las páginas
descritos (menú de navegación, buscador, información
de contacto, ...), en la pantalla aparecerán exactamente
6 cajas con información de productos donde se indica:
- nombre del producto (de 10 a 100 caracteres)
- descripción (de 200 a 1000 caracteres)
- imagen del producto
- precio del producto
- enlace a comprar el producto

Casuística:
De los 6 productos mostrados en la portada:
- al menos 1 será el artículo en oferta en ese momento.
  Puede haber de 1 a 3 artículos en oferta.
- el resto serán artículos comunes que la aplicación
  seleccionará en base a una serie de criterios marcados
  desde el departamento de ventas
  Se deja a criterio del diseñador si debe diferenciarse
  visualmente los productos según la categoría a que
  pertenecen.

Acciones de usuario:
- Hacer click sobre cualquier producto de los mostrados
  lleva al usuario a la página propia del producto(PR1)
- Hacer click sobre el enlace de compra de alguno de los
  productos mostrados, añade este producto al carrito de
  la compra del usuario (CC1)
- Navegar por el 

Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema Nadia Fankhauser
 No, yo quiero encargarme de la lógica de la aplicación y ofrecer la
 información necesaria para renderizar la aplicación a otro sistema, que se
 encarge de generar el html.
 De manera que los diseñadores sólo tengan que saber qué información tienen
 disponible y pintarla como quieran.

Evidentemente, en el proceso que describes falta/urge un maquetador web.
Aunque termines decantando por alguna alternativa (software 1.2.3 plop!)
estás/n difiriendo una acción necesaria para más tarde o más temprano.
Te lo digo por experiencia... No vuelvo a cometer ese error.

(ahora voy por otros... ja!)


-- 
_
Desarrollos Visuales
www.tintedigital.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema Pablo Jose Acuña
On Thu, 06 Sep 2007 14:51:53 +0200
Victoria Gracia [EMAIL PROTECTED] wrote:
 Espero que toda esta disertación te ayude a encontrar un buen camino
 para afrontar el proyecto.

Pues a mi si que me ha servido!!!

Ahora mismo nos estabamos planteando con mi mejor mitad,
flamante diseñadora, cual sera la mejor manera de
trabajar en equipo uniendo estos dos mundos, programacion/diseño, que
hablamos lenguajes tan diferentes!!

Realmente una clase magistral y para mi un punto de partida.

Gracias de nuevo.

-- 
---/Pablo
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema lumen
On Thu, Sep 06, 2007 at 12:50:05PM +0200, Almorca send:
 A lo mejor te sirve Smarty que es un sistema de plantillas que permite
 separar el diseño de la implementación.
 
 Busca más por Google si te interesa.

echaré un vistazo, gracias.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Diseño de templates de forma visual

2007-09-06 Por tema lumen
On Thu, Sep 06, 2007 at 02:51:53PM +0200, Victoria Gracia send:

[]

 
 Espero que toda esta disertación te ayude a encontrar un buen camino
 para afrontar el proyecto.


Me ayuda. Muchas gracias por la orientación. Y creo que tienes razón.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo