En el transcurso de esta semana logré realizar las actividades que tenía planificadas. Al final de todo por lo menos a mí me sirve realizar un listado de tareas por día a realizar. No todas las actividades fueron sencillas porque en algunas no tenía muy claro cómo lo iba a hacer. El punto es que durante la semana logre estabilizar las tareas que estaban en la lista. En esta semana tenía que definir cuáles eran los elementos que iban a esta por defecto en el sistema. De esta manera tendría claro las vistas que iba a usar tanto a nivel de drivers y vistas de CodeIgniter.
Los elementos a utilizar en la segunda versión de Kentana Core
El elemento más importante es la barra de navegación porque está presente casi siempre. El único caso en el que no se muestra es cuando se necesita una Landing Page y no son muy frecuentes. Siempre hay que tener en cuenta que este software es para negocios, por lo que el objetivo no son el uso de “landing’s” pero si está la posibilidad de usarlas. Otro elemento primordial es el formulario principal, ya que estaría presente en páginas que el usuario usaría a diario. ¿Cuál sería la diferencia entre un formulario principal y otros que no lo son? La barra inteligente se habilitaría para este formulario con funciones especiales. Luego entraremos más en detalle con las posibilidades de esta barra que no estaba en la primera versión. Otro elemento común es el footer que se configuraría con información sencilla sobre el software.
Otro elemento nuevo es la barra vertical que tendría las funciones de menú principal. Entonces el espacio donde antes estaba el menú ahora será ocupado por un panel principal de usuario. El contenido del panel será utilizado por los widgets del sistema. Estos contendrían funciones especiales y podrán ser mostrados en el panel principal y en las barras auxiliares vertical y horizontal. Para el sistema los elementos serían los siguientes:
- Navbar = Barra de navegación principal
- Smartbar = Barra inteligente
- Verticalbar = Barra vertical de menú
- Sidebar (aside) = Barra auxiliar vertical
- Prefooter = Barra auxiliar horizontal
- Dashboard = Panel de control de usuario
- Footer = Espacio de información extra del sistema
- Widgets = Funciones auxiliares individuales
- Formulario principal = Formulario de interacción del usuario con el sistema que interactúa con la smartbar.
Las vistas del sistema
Las vistas en Codeigniter funcionan como el ultimo nivel de MVC para mostrar el contenido al usuario. Normalmente tiene código Html de salida para la página. Pero en esta versión del sistema he decidido reutilizarla por tipo de salida y gestionar los elementos por medio de drivers. Bajo este nuevo concepto solo hay 6 vistas de CI a mostrar:
- Header = Contiene la meta información de la página de salida
- Footer = Contiene los cierres Html de la página y además incluye scripts y styles de página
- Vista de Navbar, Contenido y Footer = Esta es una vista sencilla sin elementos avanzados para Kentana Core.
- Vista de contenido = Como ya se menciono se usará para páginas de tipo landing. Solo muestra el contenido sin ningún otro elemento adicional.
- Vista de Navbar, Verticalbar, Contenido y Footer = Será utilizada para el menú principal y los menús internos de cada programa instalado.
- Vista de Navbar, Contenido, Prefooter y Footer = En esta vista incluye la barra auxiliar vertical.
Los drivers de vistas
Sin embargo hay elementos que no se han mencionado como la barra auxiliar vertical o la smartbar. Estas en realidad hacen parte del contenido de la página pero los drivers controlan que no se sobrepongan. Por ejemplo la smartbar y la verticalbar visualmente están en la misma posición pero una esta por fuera del contenido y la otra hace parte de él. Los drivers deben validar que la información se muestre correctamente para que el usuario no tenga confusiones. En ese contexto los drivers de vista que tendrá esta versión del Kentana Core serían los siguientes. Estas serían todas las posibles combinaciones de acuerdo a las características de cada elemento:
- Navbar, Smartbar y Footer
- Navbar, Smartbar, Aside y Footer
- Navbar y Footer
- Navbar, Verticalbar y Footer
- Navbar, Aside y Footer
- Navbar, Prefooter, Footer
- Navbar, Verticalbar, Aside y Footer
- Contenido
- Navbar, Smartbar, Prefooter y Footer
- Navbar, Aside, Prefooter y Footer
- Navbar, Smartbar, Aside, Prefooter y Footer