El rincón de Beta: El portal de Chifuukoe

Chifuukoe está un poco muerto, por eso ha empezado la op. de revivir Chifuukoe y en ello estamos :3

Para empezar, pos contar de que estamos trabajando duro para re-levantar esto otra vez. Aunque claro está, hay gente que se lo curra mucho y bueno, otros que no lo hacemos tanto…

Mi zona de especialización es el portal en sí y la parte técnica de Chifuukoe, aunque debería subir posts en el servidor tech y hacer más entradas en general… pero bueno, al menos la gente no se queja de mi trabajo con el portal… que yo sepa (?)

Yo tenía una idea, que era la de hacer posts de vez en cuando, escribiedo pequeños tutoriales de HTML, JavaScript y PHP (en HTML incluyo CSS y en PHP incluyo consultas SQL), así que un día me pondré a fondo y me esforzaré~

De hecho, para empezar, empecemos con cosas básicas, de nivel usuario sobre el portal. Como veis, el portal de Chifuukoe, tiende a asemejarse a un “online desktop” es decir, un escritorio en línea, como se puede apreciar de la chachi-traducción (?)

El escritorio es realmente “simple” por la parte de programación (pero no fácil de hacer), pues lo único que pasa es lo siguiente:

  1. El usuario hace una petición HTTP 1.1 de tipo GET al host chifuukoe.com… Para que nos entendamos, tu navegador le pide a chifuukoe la información de la página principal y espera una respuesta.
  2. El servidor le devuelve un código muy simple, que solo hace una cosa, indicarle al navegador que se tiene que descargar ciertos datos extras (css, imágenes, javascript…) que no venían en el código anterior. Vamos, le da una “lista de compra” para descargar, por así decirlo.
  3. El navegador, como buen chaval que es (?) se pone a descargar todos los recursos, los cuales han sido optimizados uno a uno por mí, pero siempre pesan algo, es inevitable, de ahí que avise de que se están descargando datos al comienzo de la carga del portal. (podría quitar este aviso igualmente y la descarga se realizaría en segundo plano, pero me gustó más así).
  4. Una vez descargados los recursos necesarios (no todos y de hecho, casi ni le da tiempo al navegador a mostrar nada en pantalla para cuando ya tiene los recursos mínimos descargados). ¿Cuáles son los recursos mínimos? Pues símplemente JavaScript y CSS. Estos recursos son muy ligeros y es realmente el “programa” del portal en sí. El resto de recursos son imágenes y sonidos (sí, el spinda tiene sonido (?)) y no son necesarios para que el portal empiece a ejecutarse.
  5. El código del portal se ejecuta y puedes disfrutar de sus beneficios.

Como habéis podido ver, el portal casi no tiene interacción por el lado servidor, es decir, Chifuukoe se encarga poco más que de servir archivos, pues del resto, se encarga el navegador. ¿Esto qué significa? Pues que es bastante difícil hackear y el servidor irá más ligero.

En cuanto al proceso del portal, básicamente, mientras en segundo plano descarga imágenes, el programa se encarga de hacer tareas como:

  • Comprobar si existe una cookie de datos guardados (Una cookie es una variable de datos, como un cajón donde guardar una información, que se guarda en tu navegador). El portal, como podéis comprobar, tiene configuración, eso significa que tiene que guardar los datos que le asignemos en la configuración en sí, pues bien, hay dos opciones, o que se guarden del lado servidor o que se guarden del lado cliente. ¿Problemas del lado servidor? Que para cada visitante, aunque no vuelva a entrar nunca más en Chifuukoe, se debería guardar una entrada en la base de datos, lo que acabaría sobrecargando Chifuukoe. ¿Ventajas del lado cliente? Cada persona tiene sus datos en su PC guardados y el propio PC, sin requerir de un servidor externo se encarga de leerlos y hacer acciones al respecto.
  • Carga diversos elementos por pantalla, eventos, acciones, prepara diálogos emergentes, etc, etc… Vamos, rutinas básicas para que todo esté a punto, siempre teniendo en cuenta las opciones del usuario, las cuales están contenidas en una cookie, como anteriormente mencioné.
  • Finalmente, cuando ya está todo listo y al punto, tiene orden de hacer desaparecer el mensaje de “Descargando datos…” y listop.

En el portal hay diversos elementos, pero podría destacar de forma genérica estos:

  • A la derecha, una “taskbar” o barra de tareas, donde podemos encontrar, arriba de todo, el botón “Home” el cual permite acceder a la página principal del portal, estés donde estés; un botón “Apps” donde puedes encontrar una lista de aplicaciones integradas con el portal (algunas tienen fallos y tal, pero siempre se intenta mejorar ·w·/); un botón “Info” el cual te llevará a la página de información, donde podrás ver cierta información sobre el portal; un botón “Configuración” en la parte de abajo de todo, donde podrás seleccionar tus ajustes y, cuando abras una aplicación, podrás ver su icono aparecer, el cual, al ser pulsado, cerrará el  diálogo, haciendo más fácil la administración de aplicaciones abiertas.
  • Abajo a la izquierda (si no lo habéis desactivado ya), un Spinda random. Esto fue idea de cierta persona incluirlo y yo, como borrego, pos a ello. Símplemente, aseguraos de no pasar con el ratón por encima de él.
  • En el centro, un grupo de 5 enlaces apuntando a cada servidor de Chifuukoe (en cuanto abras un enlace desaparecerán, podrás volver a abrirlos pulsando en el botón de abajo a la izquierda.
  • El fondo de pantalla, es de libre elección mediante la configuración, además, cuando abras un enlace, podrás ver que ese fondo se convierte en la página que querías ver, sin necesidad de recargar la página ni llevarte a otra parte.

Y bueno, el portal en sí ya está explicado, ahora cabría indicar qué hay en cada parte de Chifuukoe para tener un conocimiento completo sobre este sitio~ El problema es que el rincón ya tiene 1.000 palabras, o, como diría Twitter, 1K (?), y no puedo escribir más, que me están empezando a doler los dedos. Pero no os preocupéis, para saber esta información no tenéis más que pulsar en el botón de “Info” del portal y ya.

Buenos días/tardes/noches~

 

También te podría gustar...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *