Responsive web Framework

FUNCTIONALITY

Sistema instalado

Una vez que se ha completado la instalación, el sistema cuenta con una estructura de archivos, tablas y servicios por defecto.

NOT AVAILABLE FOR TINY SCREENS

(minimum width: 480px)

Estructura de archivos

Una vez que el sistema ha sido instalado y la carpeta de instalación (install/) ha sido borrada, el sistema tendrá una estructura de archivos como la siguiente:

  • admin/
  • cgi-bin/
  • css/
  • favicon.ico
  • index.php
  • js/
  • sup/
  • user/
    • La estructura de los directorios admin/ y user/ (paneles de control de administrador y usuario, respectivamente) son muy similares entre sí, salvo pequeñas diferencias.
      Para comprender mejor la estructura y archivos que lo conforman, analizaremos el caso del directorio donde se alberga el panel de control para administradores, por ser el que mejor ilustra la interacción entre elementos aún cuando se ha reducido la complejidad de este.

      admin/
      • cgi-bin/ Scripts de servidor (cgi)
        • admin.cgi Acciones sobre administrador
        • captcha.cgi Generación y validación de captcha
        • config.cgi Acciones sobre configuración del sistema
        • index.cgi Generación de código anti mail harvesting
        • login.cgi Registro
        • logout.cgi Desregistro
        • service.cgi Acciones sobre servicios
        • slib/ Librerías genéricas propietarias
          • crypt.pl Rutinas de encriptamiento
          • debug.pl Rutinas para debug de código
          • validate.pl Rutinas de validación de datos
        • subservice.cgi Acciones sobre subservicios
        • sup/ Librerías específicas para sistema
          • sup_db.pl Objeto de comunicación con la BD
          • sup_env.pl Objeto de recuperación de datos de entorno
          • sup_user.pl Objeto con información del usuario
      • css/ Hojas de estilo
        • lib/ Librerías de terceros
          • normalize.css Normalización de campos para navegadores antiguos
        • siteup.css Estilo de interface para panel de control (custom.css en página principal)
        • slib/ Librerías genéricas propietarias
          • effects.css Efectos, sombras, colores
          • layout.css Distribuición, tamaños, márgenes
          • typo.css Tipografía
      • favicon.ico Ícono
      • humans.txt Información acerca de las personas involucradas en el desarrollo del sitio
      • index.php
      • js/ Scripts de cliente (js)
        • lang/ Diccionario general de equivalentes idiomáticos
          • lang_EN.js Diccionario inglés
          • lang_ES.js Diccionario español
        • lib/ Librerías externas
          • jquery-2.1.4.min.js JQuery
          • js.cookie.js Interface con cookies
          • modernizr.js Detección de capacidades html5 en navegadores
        • rules.js Reglas "de negocio" del sistema
        • siteup.js Script del sistema
        • slib/ Librerías genéricas propietarias
          • validate.js Validación de valores
      • logo.png
      • robots.txt Instrucciones de indexación de sitio
      • siteup.png
      • sup/ Rutinas propias del sistema
        • icons/ Íconos
        • lang/ Diccionario general de equivalentes idiomáticos
          • lang_UNIV.js Tabla de equivalencias y códigos ISO
          • msgs_EN.js Mensajes en inglés
          • msgs_ES.js Mensajes en español
        • mod/ Módulos
          • admin/ Administradores (estructura similar a service/)
          • config/ Configuración del sistema
          • init.php Despliega estadísticas generales de servicios
          • rules.php Reglas de negocio
          • service/ Servicios
            • icon.png Icono identificador
            • init.php Despliega estadísticas particulares de servicios
            • lang/ Diccionario de datos para este servicio
            • rules.php Reglas de negocio
            • service.png Imagen ampliada de servicios
            • subservice.png Imagen ampliada de subservicios
            • sup/ Acciones del sistema sobre servicios y subservicios
              • service_a.php Alta de servicio
              • service_b.php Baja de servicio
              • service_c.php Cambio a servicio
              • service_d.php Información de servicio
              • service_f.php Listar servicios
              • subservice_a.php Alta de subservicio
              • subservice_b.php Baja de subservicio
              • subservice_c.php Cambio a subservicio
              • subservice_d.php Información de subservicio
              • subservice_f.php Listar subservicios
        • slib/ Librerías genéricas propietarias
          • crypt.php Rutinas de encriptamiento y codificación
          • dataxchg.php Conversión de datos
          • debug.php Rutinas para debug
        • sup/ Objetos del sistema
          • sup_db.php Comunicación con la base de datos
          • sup_env.php Variables de entorno
          • sup_init.php (Inicializador)
          • sup_nav.php Datos de navegación
          • sup_user.php Información del usuario
        • temp/

        Se ha reducido el tamaño del árbol de archivos a fin de hacer más sencilla su lectura. Los elementos son descritos más adelante con mayor detalle.

Estructura de base de datos

En la base de datos, se crean 4 tablas, cada una de ellas precedida de un prefijo que las permite identificar del resto de las tablas de otros sistemas

admin contiene la información de los administradores del sistema
  • id
  • created date
  • author type:id
  • active enum boolean
  • name
  • login
  • password
  • email
  • privileged enum boolean
  • lang char(2)
  • nowhost
  • nowdatetime
  • lasthost
  • lastdatetime
default contiene metainformación sobre el sistema instalado
  • id
  • value
service contiene la información de los servicios instalados
  • id
  • pid
  • created date
  • author type:id
  • active enum boolean
  • name
  • privileged enum boolean
  • admactions
  • usractions
subservice contiene la información de los subservicios relacionados
  • id
  • service_id
  • created date
  • author type:id
  • active enum boolean
  • name
  • privileged enum boolean
  • admactions
  • usractions

Valores establecidos

Cuando se realiza el proceso de instalación, hay diversos valores que pueden ser determinados por el usuario, como es el prefijo utilizado para las tablas, los nombres de usuario de la base de datos y otros. También hay algunos que son asignados por el sistema

file:sup_env.pl, file:sup_env.php
  • siteupdir = sup
  • tempdir = temp/
  • availableactions = abcdefghi
  • availablelangs = EN ES
  • cgidir = cgi-bin/
  • seccode = random
db:admin
id
name
login
email
privileged
random
webmaster
webmaster
webmaster@127.0.0.1
1
db:service
id
pid
name
privileged
admactions
usractions
random
random:1
admin
1
cf
random
random:1
config
1
h
random:1
random:1
service
1
abcdf
db:subservice
id
pid
name
privileged
admactions
usractions
random
random:1
subservice
1
abcdf
db:default
id
value
actions
abcdefghi
copyright
J Alejandro Ceballos Z
css
layout.css typo.css effects.css lib/normalize.css
desc
a:2:{s:2:"EN";s:67:"SiteUP is a modular tool for responsive design interactive websites";s:2:"ES";s:87:"SiteUP es una herramienta modular para el diseño responsivo de sitios web interactivos";}
developer
abcdefghi
generator
SiteUP! v10.0.0
install
random:2
js
lib/jquery-2.1.4.min.js
jsh
lib/modernizr.js
keys
a:2:{s:2:"EN";s:64:"SiteUP!, interactive, responsive design, modular, web, framework";s:2:"ES";s:67:"SiteUP!, interactivo, diseño responsivo, modular, web, constructor";}
license
http://opensource.org/licenses/MIT
setup
now
sitename
SiteUP! Installation
supver
SiteUP! v10.0.0