barbox - developer environment

barbox - developer environment

1. FRONT END FUNCTIONS AND DETAILS

   • general design and looks
     • elements of visual communication
       • space
         • area you work with, gaps and empty space
       • line
         • lines can be used to direct user focal point or divide different features
       • colour
         • the visual colour of a object
       • shape
         • the use of different geometric shapes
       • texture
         • adding a pattern or surface to what ur showing - smooth, rough, etc
       • tone
         • the lightness and darkness of a colour
       • form
         • the use of elements to create differnt effects - shadows, shapes, 3d look etc
       • proportion
         • how big something is relative to the elements around it
       • scale
         • the size of a object
     • principles of visual communication - a set of principles used within web design to create a visually successful website design.
       • what is it?
         • proximity
           • the positioning of elements based on the distance from each other to organise elements based on different features or effects
             • examples - putting all the stuff used to navagate the website in the navagation bar so that people know where to go to find what they want, or putting contact details all in one place
         • contrast
           • The empathsis of a element by using comparasions of elements around it, this produces a strike design and can influence how a use interacts with he website
             • examples- having white writing surrounded by black colour
         • balence
           • balence happens when a combination of elements seems to equal to the other side, added a pleasing look tot he webiste
             • examples - enuring a website looks symetrical horizontally
         • alinement
           • The positioning of elements through consist inline positioning between elements
             • examples - organised catalogs and tables
         • repetition
           • the consistent use of the same element throughout a design to promote unity and reduce complexity for the user
             • examples - consistent use of red and green for yes and no options
         • heirachy
           • The use of elements to emphasise differnt parts or features of a website to improve readability
             • examples - Different sizing of fonts to emphasis the need to be read first (title, warnings, text) or the colouring the different colours to inform readers on what buttons are more dangerous or safer
         • harmony
           • the pleasing effect of combining similar elements together
     • useability principles
       • utility
         • how useful a website is relative to its competition
       • effectivness
         • and effective product means that users of the product can do their task quickly without mistake
       • safety
         • Safety is how well the product can prevent the user from mistakes and ensuring that they can recover form their own mistakes
       • learnability
         • Learnability is the user’s ability to learn how to use a product
       • accessability
         • Accessibility is who can use the product, including people with impairments or barriers like language
   • what is?
     • front end is what the user will seee when using the website
   • front end how to do
     • HTML
       • HTML is the structure of the website when i comes to code, it contains the core components of the website
     • CSS
       • CSS or casading style sheets controls how the user interacts with the website, both visually and physically by visually manipulating the existing HTML CODE

2. BACKEND FUNCTIONS AND DETAILS

   • databases
     • normalisation
       • Normalisation is a process used in database design to organise data in such a way that it reduces redundancy and dependency. this is put into 3 forms NF1, NF2, NF3
         • NF1
           • where all columns have atomic values and all entries are the attributes
         • NF2
           • all non-key attributes must be dependant on the primary key
         • NF3
           • all non-key attributes should only depend on primary/composite key
     • SQL
       • SQL is the standard language for storing and manipulating data in data bases
   • processes
     • login
       • the login page will require a database to store login information and a algorithm to check if the login information is correct
     • display
       • the display page will need a algorithm that personalizes someones front page based what their preferances
     • search
       • search page will need a algorithm that searches thorugh the database through a search promt
   • programming lanages
     • Jinjar
       • jinjar is the language that lets you connect python code with with Html code so that differnt displays can be achieved
     • Python
       • Python is used to code the processes information and then output needed information for the website
         • python is used for the search algorithm, display page, or even checking login