Bennu Game Development

Foros en Español => Site => Topic started by: gecko on October 10, 2017, 08:47:22 PM

Title: Overhaulin' del Sitio
Post by: gecko on October 10, 2017, 08:47:22 PM
Culpa de l1nk3rn3l y su intención de dar vida a la sección de proyectos de BennuGD es que me puse manos a la obra con un rediseño completo de la pagina web.

Aclaro que esto todavía esta súper en pañales (todo está sin terminar, y hay mucho sin empezar! ja), pero de todas formas los invito a que miren, opinen, colaboren en todo lo que quieran.

Mi intención seria darle una repasada completa a todas las secciones de la comunidad, pero dependiendo de lo que me dure la motivación el alcance de los cambios puede variar, jajaja.

Por ahora tengo la estructura general de la pagina, y de algunas secciones. Faltan colores, imágenes, y muchas mas cosas. Pueden ver ya mismo lo que llevo hecho en https://tehuel.github.io/bennugd-redesign/

Agrego unas imágenes para generar un poco de hype (?)

(https://s19.postimg.org/hnmijtnvn/Screenshot-2017-10-10_Bennu_GD_Website.png) (https://s19.postimg.org/7dk3kky01/Screenshot-2017-10-10_Bennu_GD_Website.png)(https://s19.postimg.org/8fua33to3/Screenshot-2017-10-10_Documentacion_-_Bennu_GD.png) (https://s19.postimg.org/dr96ntfqp/Screenshot-2017-10-10_Documentacion_-_Bennu_GD.png)(https://s19.postimg.org/tcqi7s74j/Screenshot-2017-10-10_Proyectos_-_Bennu_GD.png) (https://s19.postimg.org/a7n8y0sgh/Screenshot-2017-10-10_Proyectos_-_Bennu_GD.png)
Title: Re:Overhaulin' del Sitio
Post by: Futu-block on October 10, 2017, 09:21:22 PM
Cuenta con mi hacha

Esta bien darle un remozado a la página, que no vean la gente que nos dormimos
Title: Re:Overhaulin' del Sitio
Post by: panreyes on October 10, 2017, 10:21:23 PM
Buenas Gecko :)
Me parece una gran idea darle un nuevo aire al diseño de la página web, pero debes tener en cuenta que el diseño debe estar pensado para ser utilizado en Drupal, que es el gestor actual de contenidos de la página web. Podríamos plantearnos una migración a otro CMS, pero prefiero mucho más Drupal que Wordpress, que consume muchos más recursos.
Title: Re:Overhaulin' del Sitio
Post by: JaViS on October 10, 2017, 10:33:19 PM
Pixel, justo iba a comentar a favor de Wordpress sobre Drupal.
No estoy muy al tanto de las estadisticas de rendimientode ambos frameworks (cuando dejé de usar Drupal, alla por la version 5, todavía era muy pesado) pero el sistema de publicación actual esta muy pobre y no ayuda mucho al escribir las noticias. Quizas sea por la version de Drupal que estamos usando, pero cada vez que tengo que publicar algo me da bronca que el editor sea tan anticuado y sea tan tedioso algo tan simple como agregar un link. Ni hablar de que no tiene un gestor multimedia para subir imagenes, etc. Wordpress tiene todo eso incluido, y me parece que se ajusta mejor a lo que estamos necesitando.

Por otro lado, me causó curiosidad que no se aprovechara la versatilidad de Drupal para hacer la sección de proyectos, con crear un tipo de nodo nuevo era suficiente, no ví la necesidad de ir con algo custom.

Con respecto al diseño, creo que le haría muy bien una actualizacion a la homepage, sobretodo si tiene soporte a mobiles!
Title: Re:Overhaulin' del Sitio
Post by: panreyes on October 10, 2017, 10:36:57 PM
Pues JaViS. Si tú, como encargado del contenido de la web, das el visto bueno, podríamos probar a desarrollar una 2.0 con Wordpress :)
Title: Re:Overhaulin' del Sitio
Post by: gecko on October 10, 2017, 10:50:56 PM
Buen dato, cuando el diseño esté mas cerrado lo paso al sistema de templates que se use.

Si es por votar, voto por Wordpress simplemente porque ya lo conozco, y como dice JaViS es muy amigable de usar.
Title: Re:Overhaulin' del Sitio
Post by: panreyes on October 10, 2017, 10:58:29 PM
Wordpress instalado y configurado, en un lugar temporal privado :)

gecko y JaViS, en breve recibiréis un e-mail para empezar a ponernos manos a la obra tan pronto os venga bien :)
Title: Re:Overhaulin' del Sitio
Post by: JaViS on October 11, 2017, 01:34:17 AM
Buenísimo. Me voy a poner a ver si hay forma de migrar posts desde Drupal a WP
Title: Re:Overhaulin' del Sitio
Post by: JaViS on March 05, 2018, 10:24:16 PM
quedó en nada esto?
Title: Re:Overhaulin' del Sitio
Post by: Futu-block on March 05, 2018, 11:15:06 PM
eso parece, jijiji
Title: Re:Overhaulin' del Sitio
Post by: panreyes on March 05, 2018, 11:43:07 PM
Buenas :)

En principio queda lo que hablamos por el correo. No está muerto, pero yo no he sacado hueco en los últimos 4 meses ni para respirar (en qué momento decidí hacerme padre xD)
Que yo sepa, de la web nueva SECRETA que tenemos a medias, falta arreglar las descargas, meter la sección de proyectos y poco más.

Si quieres, habla con Tehuel, acabáis de pulir lo que tenemos y cuando esté listo, me avisáis y hago el cambio de la web actual a la nueva.
(Para los que no sepáis de qué hablamos, no os preocupéis que el foro no se toca)
Title: Re:Overhaulin' del Sitio
Post by: gecko on March 06, 2018, 03:37:06 AM
aaaaaaah tengo que terminar con esto!

Me faltaba completar el tema de proyectos, para que se pueda manejar todo junto desde el mismo backend.

Y no recuerdo que tan cerrado/terminado estaba el diseño del sitio, así que seguro que algo le falta.

Este mes, este mes les parece una meta realista? Salimos estrenando todo para este mes?

(nota mental: tengo que aprender a aprovechar mejor mis momentos de motivación y exprimirla a full, no sé cuando viene ni cuando se va, pero cuando está tengo que exprimirla más, a full)
Title: Re:Overhaulin' del Sitio
Post by: gecko on March 06, 2018, 03:38:10 AM
PD: FELICITACIONES por la familia!
Title: Re:Overhaulin' del Sitio
Post by: JaViS on March 06, 2018, 12:07:58 PM
Ah bueno me alegro mucho que todavía esté en pie. Estaba quedando muy bien :)
Title: Re:Overhaulin' del Sitio
Post by: panreyes on March 06, 2018, 12:11:22 PM
Quote from: gecko on March 06, 2018, 03:37:06 AM
aaaaaaah tengo que terminar con esto!

Me faltaba completar el tema de proyectos, para que se pueda manejar todo junto desde el mismo backend.

Y no recuerdo que tan cerrado/terminado estaba el diseño del sitio, así que seguro que algo le falta.

Este mes, este mes les parece una meta realista? Salimos estrenando todo para este mes?

(nota mental: tengo que aprender a aprovechar mejor mis momentos de motivación y exprimirla a full, no sé cuando viene ni cuando se va, pero cuando está tengo que exprimirla más, a full)

Dale toda la caña que quieras :)
Yo me apunto urgente integrar lo de las descargas bien hecho pronto!
Title: Re:Overhaulin' del Sitio
Post by: JaViS on April 17, 2018, 02:08:07 PM
Bueno señores esto está demorando mas de lo planeado por lo que propongo es hacerlo por etapas:

1. Publiquemos el sitio nuevo solo con las noticias migradas y un tema generico con algunas modificaciones de color y logo. De esta manera podemos empezar a hacer uso de las bondades de Wordpress a la hora de publicar noticias.

2. Cuando esté listo cambiamos al tema personalizado


3. agreguamos la seccion proyectos También cuando esté listo,


Mientras tanto, me postulo para ayudar a mantener la Wiki que se cae cada dos por tres, y me parece un recurso demasiado importante como para que lo dejemos estar offline
Title: Re:Overhaulin' del Sitio
Post by: gecko on April 17, 2018, 06:40:39 PM
Asumo que me van a sacar a patadas (después de haber sido yo el que propuse esto y después no dí más novedades), pero de todas formas hago la propuesta:

Otra opción para el nuevo sitio web es usar un generador de sitios estáticos (https://www.staticgen.com/), donde todo el contenido está en formato markdown, en archivos de texto, y luego de un proceso de build, se genera todo el html y se sube a un hosting. Con eso se simplifica un monton el tema de mantenimiento y actualizaciones, pero se pierde el editor visual para agregar contenido, ya que la edición hay que hacerla en modo texto.





Ahora, volviendo al tema del sitio en wordpress, estoy de acuerdo en encararlo en etapas. Yo habia hecho un logo nuevo, así que aprovecho y se los presento. Que opinan?

(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4099)
(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4101)

Personalmente estoy pasando muy por un momento de simplificar todo lo máximo que puedo, y bueno, este logo es resultado de aplicar esa filosofía.

Title: Re:Overhaulin' del Sitio
Post by: JaViS on April 17, 2018, 07:17:37 PM
Ese logo me encanta, deberiamos mostrarselo a Splinter a ver que opina. Buen trabajo!




Con respecto al sistema de contenidos que mencionas, estas hablando de algun framework en particular? podrias pasar link?
Title: Re:Overhaulin' del Sitio
Post by: gecko on April 17, 2018, 08:39:35 PM
Si, el tema de los sitios estáticos es algo que estuve investigando para aplicar en mi trabajo, y es un movimiento que está tomando mucha fuerza. Perdón si me extiendo mucho, pero aprovecho para compartir las conclusiones que pude ir sacando.

Los 2 frameworks más grandes son actualmente Jekyll (https://jekyllrb.com/) (con lo que funciona github-pages, por ejemplo. está hecho en Ruby) y Hugo (https://gohugo.io/) (es muy muy rápido. está hecho en Golang).

Tienen varias ventajas copadas:
- el resultado final del proceso es html estático, eso hace que la página ande rapidísimo, y no tenga dependencias o requerimientos a nivel servidor/hosting
- no necesita mantenimiento ni actualizaciones de seguridad, porque no hay nada "instalado" en el servidor/hosting
- el sitio entero (tanto el diseño como el contenido) se puede versionar (meter dentro de un repo git), porque no hay una base de datos, el contenido son directamente archivos de texto e imagenes
- el migrar a otra tecnologia tambien es relativamente sencillo por esto de que el contenido está separado
- si está dentro de un repo, se puede configurar con integración continua, de manera que a partir de cada cambio que se haga en el sitio, se genere y deploye una version nueva automaticamente, haciendo que la actualizacion o publicacion del contenido sea muy sencilla, y automatica.

La desventaja más grande es que no incluye cosas dinamicas como comentarios, puntajes, búsqueda, y ese tipo de cosas (aunque mucho de esto se puede "tercerizar", y hacerlo mediante un servicio externo. Disqus  (https://disqus.com/)para comentarios, Algolia  (https://www.algolia.com/)para búsquedas, y así...).
Otra desventaja es que los "editores" del contenido no le tienen que tener miedo a la consola, porque la edicion se hace directamente sobre los archivos de texto.

En el caso particular de la comunidad BennuGD, yo creo que aplica perfectamente a lo que es la página web/blog de noticias. Tambíen estaria muy bueno migrar la documentación a algo así.
Lo que no estoy seguro es si puede aplicar para la seccion proyectos, porque ahi la barrera más grande sería que cada usuario tiene que poder publicar contenido, y eso significa que cada usuario tiene que aprender a usar esa herramienta.

Hasta acá es el tema generación de sitios estáticos... y yendo un pasó más (y volando todavía mas alto) está algo que se conoce como JAMStack (https://jamstack.org/), en donde se separan completamente lo que es el contenido de un sitio de lo que es la página (o aplicación) en la que se muestra. Y ahi es donde por ejemplo se puede tener una aplicacion que haga de API/Gestor de contenidos (hay muchas (https://headlesscms.org/)), donde se cargan las noticias, se edita la documentación y se publican los proyectos... y por otro lado aparte, una web que consume esos datos y genera un sitio HTML estático. Pero bueno, esto lo veo demasiado ambicioso, aunque de todas formas queria comentarlo, porque es una posibilidad que existe.

De nuevo pido perdón si me excedí o me fui de tema, pero todo lo que digo lo digo con mucho optimismo y ganas de que esta comunidad mejore.
Title: Re:Overhaulin' del Sitio
Post by: JaViS on April 17, 2018, 10:01:12 PM
Ah bien, si, estoy al tanto de esos frameworks, de hecho he usado Jekyll, pero me parece que no aplican a lo que necesitamos ahora.


Creo que ahora estamos necesitando una herramienta mas facil para la edicion de noticias y la performance no es un issue que tengamos que solucionar
Title: Re:Overhaulin' del Sitio
Post by: SplinterGU on April 18, 2018, 03:09:04 AM
me gusta el logo, tiene mas pinta de serio... aunque no se si haria falta el gorrito... la verdad que no lo se, esta muy lindo...
Title: Re:Overhaulin' del Sitio
Post by: Futu-block on April 18, 2018, 07:44:31 AM
si, yo voto gorrito
Title: Re:Overhaulin' del Sitio
Post by: panreyes on April 18, 2018, 08:58:34 AM
Buenas :)
Perdón por desaparecer, tengo demasiado lío últimamente y he estado 3 semanas sin internet en casa.

@Javis: Luego te mando datos para lo del Wiki.
@gecko: Lo que queráis hacer con el site me parecerá bien. Lo de las páginas estáticas siempre es ideal, aunque más problemático a la hora de mantenerlo (aunque igual con el sistema que comentáis no hay problema). Yo suelo utilizar alguna plantilla y algún generador simple hecho a mano con PHP para este tipo de cosas.

Gorrito: Voto sin. Me gusta mucho tal como se ve en el nuevo dibujo :)
Sé que cambia la imagen que tiene que dar, pero desde mi punto de vista se ve más bonito :)
Title: Re:Overhaulin' del Sitio
Post by: SplinterGU on April 18, 2018, 11:59:02 AM
ah, y en el original, las piramides son 3 aunque no se vea una porque esta medio tapada por el Bennu...

el gorrito es la forma de diferenciar a Bennu de una garza comun... ahhhhh, y las 2 plumas...

en realidad las 2 plumas lo diferencia de la garza comun y el gorrito la deidad bennu de una garza bennu comun...

al menos las 2 plumas si deberian ir... el gorrito no estoy tan seguro...
Title: Re:Overhaulin' del Sitio
Post by: JaViS on April 18, 2018, 01:53:24 PM
Es cierto, el gorrito es importante
Title: Re:Overhaulin' del Sitio
Post by: gecko on April 18, 2018, 07:57:03 PM
Quote from: SplinterGU on April 18, 2018, 11:59:02 AM
ah, y en el original, las piramides son 3 aunque no se vea una porque esta medio tapada por el Bennu...

el gorrito es la forma de diferenciar a Bennu de una garza comun... ahhhhh, y las 2 plumas...

en realidad las 2 plumas lo diferencia de la garza comun y el gorrito la deidad bennu de una garza bennu comun...

al menos las 2 plumas si deberian ir... el gorrito no estoy tan seguro...

buenisimos datos, la verdad no lo habia tenido en cuenta, voy a revisar el diseño y cuando tenga los cambios aviso.

Me alegra mucho que -a grandes razgos- guste el diseño.
Title: Re:Overhaulin' del Sitio
Post by: SplinterGU on April 20, 2018, 03:59:47 PM
:)
Title: Re:Overhaulin' del Sitio
Post by: Futu-block on April 29, 2018, 10:44:45 AM
Quote from: gecko on April 17, 2018, 06:40:39 PM
Asumo que me van a sacar a patadas (después de haber sido yo el que propuse esto y después no dí más novedades), pero de todas formas hago la propuesta:

Otra opción para el nuevo sitio web es usar un generador de sitios estáticos (https://www.staticgen.com/), donde todo el contenido está en formato markdown, en archivos de texto, y luego de un proceso de build, se genera todo el html y se sube a un hosting. Con eso se simplifica un monton el tema de mantenimiento y actualizaciones, pero se pierde el editor visual para agregar contenido, ya que la edición hay que hacerla en modo texto.





Ahora, volviendo al tema del sitio en wordpress, estoy de acuerdo en encararlo en etapas. Yo habia hecho un logo nuevo, así que aprovecho y se los presento. Que opinan?

(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4099)
(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4101)

Personalmente estoy pasando muy por un momento de simplificar todo lo máximo que puedo, y bueno, este logo es resultado de aplicar esa filosofía.

Que sepais que voy a usar estos logos en una charla de programación para el proximo sabado, pondré el trabajo y las diapositivas en el foro
Title: Re:Overhaulin' del Sitio
Post by: Drumpi on May 11, 2018, 01:16:36 AM
Primero: enhorabuena por tu paternidad, Pixel, aunque sea con retraso. Ya no te hace falta volver a ir al gimnasio :D
Segundo: ¿Páginas estáticas? ¿Estamos volviendo al año 96 o qué? :D No os ofendais, es lo que me dijeron cuando hice mi primera web, allá por el 2002 :P
Me mola la nueva página de entrada. Pensaba que era el único que pensaba que Wordpress era ideal para tener una buena web sin esfuerzo (y si encima empiezas a trastear en los ficheros de código...).

Tercero: ¿En serio? ¿Me va a tocar retocar todas las tiras cómicas otra vez? :D (tengo que subirlas a mi web, pero primero necesitaría crear un plantilla PHP que además de la imágen me cargue un título y un texto descriptivo, y para eso también tengo que aprender ^^U).
Title: Re:Overhaulin' del Sitio
Post by: panreyes on May 11, 2018, 09:01:56 AM
Quote from: Drumpi on May 11, 2018, 01:16:36 AM
Primero: enhorabuena por tu paternidad, Pixel, aunque sea con retraso. Ya no te hace falta volver a ir al gimnasio :D
Segundo: ¿Páginas estáticas? ¿Estamos volviendo al año 96 o qué? :D No os ofendais, es lo que me dijeron cuando hice mi primera web, allá por el 2002 :P
Me mola la nueva página de entrada. Pensaba que era el único que pensaba que Wordpress era ideal para tener una buena web sin esfuerzo (y si encima empiezas a trastear en los ficheros de código...).

Tercero: ¿En serio? ¿Me va a tocar retocar todas las tiras cómicas otra vez? :D (tengo que subirlas a mi web, pero primero necesitaría crear un plantilla PHP que además de la imágen me cargue un título y un texto descriptivo, y para eso también tengo que aprender ^^U).
Las páginas estáticas son generadas por un CMS que hay detrás. Con eso se consigue evitar tener que mantener la página web y evitar ataques.
Title: Re:Overhaulin' del Sitio
Post by: Arcontus on May 11, 2018, 10:45:46 AM
Quote from: gecko on April 17, 2018, 06:40:39 PM

Ahora, volviendo al tema del sitio en wordpress, estoy de acuerdo en encararlo en etapas. Yo habia hecho un logo nuevo, así que aprovecho y se los presento. Que opinan?

(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4099)
(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4101)
¿Hay logo definitivo? Necesito uno para ponerlo en la portada de mi proyecto.
Title: Re:Overhaulin' del Sitio
Post by: gecko on December 03, 2018, 09:45:07 PM
Bueno, hay novedades.

Por un lado el logo. Le di una revisión al diseño, y le agregué las plumitas. Cuentenme que opinan al respecto.

(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4124)
(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4126)

Y por otro lado también estuve avanzando bastante con el sitio web, en tehuel.github.io/bennugd-redesign (https://tehuel.github.io/bennugd-redesign/) se pueden ver los avances hasta el momento.

La idea es que la web la podamos ir editando de forma colaborativa, ya que el código fuente/el contenido está todo dentro de un repositorio de github (https://github.com/tehuel/bennugd-redesign) al que cualquiera podría proponer cambios. De esta manera se podría integrar también en el mismo sitio la documentación, y la famosa sección de proyectos.

Title: Re:Overhaulin' del Sitio
Post by: panreyes on December 04, 2018, 10:48:44 AM
Me gusta muchísimo la idea :)
Llevo unos días desconectado del Discord, ya comentaremos por allí más :)
Title: Re:Overhaulin' del Sitio
Post by: JaViS on December 04, 2018, 02:41:53 PM
excelente! tenés muy buen gusto para el diseño, el logo esta genial!


con respecto a la pagina, me gusta mucho la idea, pero me da lastima que vayamos a perder todo el contenido que ya tenemos en materia de noticias :S es decir, la capacidad de wordpress para `blog` y noticias son muy buenas. quizas podamos usar una mezcla entre las dos cosas para tener en sitio estatico todo lo que es documentacion y mantener wordpress para las noticias? no se me ocurre como hacer.


otra cosa que me preocupa es perder la habilidad de buscar en la documentacion, pero creo que github provee de una wiki verdad? quizas esa wiki tiene una herramienta de busqueda.
Title: Re:Overhaulin' del Sitio
Post by: gecko on December 04, 2018, 06:51:02 PM
Muchas gracias!  ;D

Respecto a la sección noticias, no estoy seguro a que te referís de perder, pero la idea sería poder migrar todo el contenido. Posts, etiquetas, categorías, todo eso se podría migrar. Comentarios en los posts supongo que no, porque habría que usar algún servicio externo de comentarios (como disqus (https://disqus.com/)). Ahora lo que si se "pierde" es la interfaz de edición de wordpress, ya que la edición de noticias pasa a ser edición de texto en markdown.

Ahora respecto a la posibilidad de búsquedas, no lo había pensado antes, pero estuve investigando un poco, y logré implementar una librería de búsqueda (http://fusejs.io/) en el frontend. Y funciona asombrosamente bien. Al momento de generar el sitio, se genera un índice en formato JSON de todas las páginas, y después desde javascript en cada cliente se hace la búsqueda usando este indice. Sin backend de por medio  :o

Se puede ver esto de la búsqueda ya andando en https://tehuel.github.io/bennugd-redesign/docs/

Title: Re:Overhaulin' del Sitio
Post by: JaViS on December 04, 2018, 09:17:02 PM
Sorprendente :D me encanta la busqueda :D


Con respecto a las noticias, me referia a eso, me quedo mas tranquilo que se puede importar todo. No creo que haga falta darle soporte a comentarios.


No hay tanto problema con perder el editor de noticias, aunque lo que si me preocupa un poco es perder la habilidad de administrar las imagenes (tener un tool para subir, hostear y linkear imagenes a los articulos).
Por otro lado, Markdown no soporta imagenes y quizas debamos buscarle la vuelta.




El sitio está quedando bárbaro!
Title: Re:Overhaulin' del Sitio
Post by: darío on December 08, 2018, 09:17:12 PM
Gecko tiene buena pinta el sitio, muy útil la lista de sugerencias en el buscador de documentación :)Ánimo con ello.

P.D: soy dacucar en discord...
Title: Re:Overhaulin' del Sitio
Post by: SplinterGU on December 11, 2018, 07:24:44 PM
Quote from: gecko on December 03, 2018, 09:45:07 PM
Bueno, hay novedades.

Por un lado el logo. Le di una revisión al diseño, y le agregué las plumitas. Cuentenme que opinan al respecto.

(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4124)
(http://forum.bennugd.org/index.php?action=dlattach;topic=4605.0;attach=4126)

Y por otro lado también estuve avanzando bastante con el sitio web, en tehuel.github.io/bennugd-redesign (https://tehuel.github.io/bennugd-redesign/) se pueden ver los avances hasta el momento.

La idea es que la web la podamos ir editando de forma colaborativa, ya que el código fuente/el contenido está todo dentro de un repositorio de github (https://github.com/tehuel/bennugd-redesign) al que cualquiera podría proponer cambios. De esta manera se podría integrar también en el mismo sitio la documentación, y la famosa sección de proyectos.



excelente gecko!