gafeman viciao2k3 logo viciao2k3
 
¿que estoy haciendo?
estoy en la ultima fila a la izquierda, donde estais vosotros ?
 chica del dia  —  la novia de tu mejor amigo
 
Suscribete →  
487  fans y una planta carnivora
 
Viciao2k32008AgostoJueves 21
9

Programando un foro desde cero, el backend

Publicado en Diseño  —  264 lecturas

¿Qué es el backend?

copio y pego de Emprende Guatemala:

“Si nos referimos al backend de un website, hablamos del área de administración en donde se ingresa, edita y organiza el contenido”

Creando el backend de mi foro

Hace unos días dansekoko92 (que por cierto es usuario del mes), me preguntó como voy con el foro.

Pues aún me queda para rato, pero ya queda menos… cada día intento cumplir como mínimo 1 o 2 tareas del to-do.

Hoy por ejemplo he estado metido con el backend para gestionar los temas y respuestas marcados como spam.

El reto de diseñar y programar por una sola persona:

Diseñar la interfaz y programar es peor que la tortura china, sobre todo cuando no tienes la primera parte muy clara.

El diseño de una interfaz no sólo consiste en que todo quede bonito, también se tiene que tener en cuenta detalles como:

  • Tienen que aparecer todos los elementos necesarios
  • La interfaz tiene que ser fácil de comprender y utilizar
  • Poder hacer el máximo de acciones en una misma pantalla
  • Seguir una estructura, intentar que haya elementos fijos entre páginas para no marear al usuario y para que le sea más fácil de recordar

Ejemplo de diseño del backend:

La siguiente captura es de la primera versión que hice del listado de temas y respuestas marcados como spam, me basé en la administración de comentarios del wordpress:

Luego se me ha ocurrido que seria más rápido y fácil para los moderadores poder editar las respuestas desde la misma página, sin tener que abrir otra pestaña para editar cada una de las respuestas:

Pero no me ha convencido del todo, ya que se le da la misma importancia a los detalles que al propio comentario, por lo que en la versión semi final he agrupado la columna tema y foro, quedando así:

Cambio de última hora:

He puesto la fuente de botones del formulario más grandes, añadí un botón para resetear y movi hacia abajo el checkbox para marcar todos los comentarios junto los otros controles.

¡P-E-R-F-E-C-T!

¡Compartelo!    twitter   del.icio.us   webeame   meneame   stumbleupon   mr.wong   ?

  •  9  comentarios
  •  0  pings   —   0  trackbacks
 
Pings
  1. No hay pingbacks

Trackbacks
  1. No hay trackbacks
  1. Yo ya he visto funcionar el foro, está muy bueno, muy minimalista, la idea de editar los post ahi mismo no es mala, no la heches a la basura.


    Por otro lado si me sigues borrando los posts te tiro el mechero y no quieres estar calvo o si?, por cierto, no es una amenaza, es algo amistoso xD, te lo digo en buena onda, y adelante, que según muchos el mundo se acaba en el 2012, te quedan casi 4 años para terminar xD


  2. para los que piensen que me voy a jartar de hacer scroll en los textareas de cada comentario se equivocan he pensado en eso, y cada textarea se ajusta al numero de lineas del comentario :D


    @Angelfire: por eso voy sin prisas jeje


  3. Muy interesante. Me gusta la idea de ver en diferentes imágenes la evolución del backend.


  4. Yo todavía no he visto el foro, pero gracias a estas fotos, sé que tiene muy buena pinta ;) Tengo ya ganas de que esté disponible!


  5. @Steven: me alegro que te haya gustado, intentare publicar mas posts sobre interfaces :P


    por cierto bienvenido a viciao2k3 !!!!


    @dansekoko92: pues esto es lo que no veras ya que es el backend jeje


  6. Liberarás el código?


  7. @Guillem: a lo mejor… no te aseguro nada! pr.imero tengo que terminarlo jeje


  8. @gafeman: Paportarideas o payudarunpoco solamente ;)


  9. Simplemente G-E-N-I-A-L!


    Saludos (:


0-0

Código de conducta


Cualquier comentario que no cumpla una de las condiciones,
sera borrado sin previo aviso:
  1. Ser persona
  2. No insultar (A eso se le llama Trolear)
  3. No escribir el texto en mayusculas (Es lo mismo que gritar)
  4. No Spamear (ej. hablar de lo que comiste ayer...)
  5. Evitar comentarios del tipo soy primero, soy segundo, hijo de puta...
  6. Escribir el comentario en castellano
  7. Saber el día de la semana que naciste
  8. No deshonrar la ortografia del administrador

La sole

¡Participa en la discusión!





background by eboy