Responsive web Framework

FUNCTIONALITY

Installed system

Once the installation is completed, the system has a file structure, tables and services by default.

NOT AVAILABLE FOR TINY SCREENS

(minimum width: 480px)

File structure

Once the system has been installed and the installation folder (install/) has been deleted, the system will have a file structure like the following:

  • admin/
  • cgi-bin/
  • css/
  • favicon.ico
  • index.php
  • js/
  • sup/
  • user/
    • The structure of admin/ and user/ directories, respectively, are very similar to each other, except for small differences.
      To better understand the structure and files that make it up, we will analyze the case of the directory where the control panel for administrators is housed, as it best illustrates the interaction between elements even though the complexity of the elements has been reduced.

      admin/
      • cgi-bin/ Server scripts (cgi)
        • admin.cgi Action over administrative account
        • captcha.cgi Captcha generation and validate
        • config.cgi Actions for system configuration
        • index.cgi Anti mail harvesting code
        • login.cgi Login
        • logout.cgi Logout
        • service.cgi Actions over services
        • slib/ Generic libraries of the system
          • crypt.pl Encoding routines
          • debug.pl Debugging code routines
          • validate.pl Data validation routines
        • subservice.cgi Actions over subservices
        • sup/ System oriented functions
          • sup_db.pl Database communication object
          • sup_env.pl Enviromental data recovering object
          • sup_user.pl User information object
      • css/ Style Sheets
        • lib/ Third-parties libraries
          • normalize.css Normalize styles for older browsers
        • siteup.css Control panel style sheet (custom.css for main page)
        • slib/ Generic libraries for responsive design
          • effects.css Effects, shadows, borders.
          • layout.css Distribution, margins, layout
          • typo.css Typography
      • favicon.ico Icon
      • humans.txt Information about the people involved in development
      • index.php
      • js/ Client scripts (js)
        • lang/ General dictionary of word equivalences
          • lang_EN.js English dictionary
          • lang_ES.js Spanish dictionary
        • lib/ External libraries
          • jquery-2.1.4.min.js JQuery
          • modernizr.js HTML5 support detection
        • rules.js Business rules
        • siteup.js System script
        • slib/ Generic libraries
          • validate.js Data validation
      • logo.png
      • robots.txt Indexing instruction for search engines
      • siteup.png
      • sup/ System routines
        • icons/ Icons
        • lang/ Dictionary of general equivalences
          • lang_UNIV.js Equivalences and ISO codes
          • msgs_EN.js English messages
          • msgs_ES.js Spanish messages
        • mod/ Modules
          • admin/ Managers (similar structure to service/)
          • config/ System configuration
          • init.php General service statistics
          • rules.php Business rules
          • service/ Services
            • icon.png Icon
            • init.php Specific statistics for services
            • lang/ Service dictionary
            • rules.php Business rules for this service
            • service.png Bigger image for this service
            • subservice.png Bigger image for this subservice
            • sup/ Actions over services and subservices
              • service_a.php Add new service record
              • service_b.php Delete service record
              • service_c.php Change service record
              • service_d.php Display service record information
              • service_f.php List services records
              • subservice_a.php Add new subservice record
              • subservice_b.php Delete subervice record
              • subservice_c.php Change subservice record
              • subservice_d.php Display subservice record information
              • subservice_f.php List subservice records
        • slib/ Generic libraries
          • crypt.php Encoding routines
          • dataxchg.php Data conversion
          • debug.php Debugging routines
        • sup/ System objects
          • sup_db.php Database communication object
          • sup_env.php Enviromental variables object
          • sup_init.php (Initialize objects)
          • sup_nav.php Navigation object
          • sup_user.php User information object
        • temp/

        The size of the file tree has been reduced to make it easier to read. The elements are described below in greater detail.

Database structure

In the database, 4 tables are created, each one preceded by a prefix that allows them to be identified from the rest of the tables of other systems

admin has the information of the managers of the system
  • id
  • created date
  • author type:id
  • active enum boolean
  • name
  • login
  • password
  • email
  • privileged enum boolean
  • lang char(2)
  • nowhost
  • nowdatetime
  • lasthost
  • lastdatetime
default metainformation of the system installed
  • id
  • value
service services installed information
  • id
  • pid
  • created date
  • author type:id
  • active enum boolean
  • name
  • privileged enum boolean
  • admactions
  • usractions
subservice subservices installed information
  • id
  • service_id
  • created date
  • author type:id
  • active enum boolean
  • name
  • privileged enum boolean
  • admactions
  • usractions

Stablished values

When the installation process is performed, there are various values that can be determined by the user, such as the prefix used for tables, database user names and others. There are also some that are assigned by the system

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