MindMap Digi Tech

MindMap Digi Tech

1. Task Requirements

   • Prescribed criteria
     • • Your website must include TWO aspects styled using CSS
       • Background Colour
         • Blue
       • Font Colour
         • Blue
         • Purple
         • Black
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following:
       • Table showing information
       • Hyperlink to external website
       • Ordered/unordered list
       • Different Heading Sizes
       • Paragraphs
     • • Your website must have an aesthetic that suits/aligns with your User Persona
       • Clear Layout
       • Apporariate colour
       • typography
       • colour + contrast
       • Images + graphics
   • Self determined criteria
     • Website must have All types of pets values ranging from pet, exclusive, huge, titanic, gargantuan
       • Catagories of huges eg. Balloon
       • Must include rap
       • Has to have the Demand
     • Website must have 2 pages+ and hyper links, with paragraphs and pictures of the pets.
       • The website must have buttons that refer to other websites
       • The pictures of the pets has to be seperate from the table and in another website
       • Website must have a clean layout.

2. User Persona

   • Frustrations
     • Finding out the values, It is very hard to since they are bad
   • Goals
     • To get a higher amount of profit in Pet simulator 99
   • About them
     • Enrique, 14yrs old, lives in Brisbane QLD Works at McDonalds
   • Needs
     • He needs a Clean, easy to navigate, simple website that can be used to efficiently find the prices of pets in pet simulator

3. Existing Solutions

   • BGSI.GG
     • Pros
       • Dark coloured background clean look
       • Easy navigation through website
     • Cons
       • loads of advertisements.
   • Cosmic Values
     • Pros
       • Purple and black colour scheme clean look.
       • It shows popular youtubers who endorse and use the website with real stats
       • Statistics with trusted people making the website.
     • Cons
       • Some pictures are not loading
       • The GUI looks outdated and could be updated

4. User Interface

   • Features
     • Call to action
     • Table
     • Paragraphs
     • Unorder/ordered list
     • Hyper Links to other websites
     • Images
   • User Interface Components
     • Buttons
     • Links
     • Images
   • Aesthetic
     • Colours
       • Purple
       • Black
     • Contrast
       • Clear Layout
     • Typography
       • Fonts should convery personality of

5. Coding Environment

   • Developer Tools
     • NotePad++
       • edit code, write scripts, and manage plain text files
     • Coding Language
       • HTML
         • It is a Coding language used to make the content websites
           • <p></p> for paragraph <h1></h1> for biggest heading etc.
       • CSS
         • control the visual presentation and layout of web pages
           • h1{ Text-align: center color: green; }
     • HTML.5
       • software used to write, edit, and test web code quickly and accurately
   • Key Algorithms
     • Website Navigation
       • Buttons
         • Homepage
         • Page 2
         • Page 3
       • HyperLink
         • Cosmic Values
         • PS99RAP