Week 8:01 Simple Web App Test

Creating a simple Web App Using HTML, CSS and Javascript.

I know Why The Caged Bird Sings

Maya Angelou


Tinkering Text : HTML CSS
Tinkering Graphics : Javascript, Canvas
Tinkering Audio : Javascript Audio API

Native : Andriod (Java) /iOS (Objective C/Swift) languages
Hybrid : Native/HTML5 (Cordova) App
Web Apps : Mobile Phone Browser Multi Platform – Progressive Web App loads fast (Like Hybrid)

Code Editor: Atom
Boilerplate: Initializer – No Jquery

HTML Basics
404.html file
png icons
windows xml
crossdomain.xml other server access (adobe flash)

css folder – where the style guides go 
main.css – we will edit this
normalise – same look and feel
humans.txt – what is humans.txt contains the people who have contributed to building the website. 
img – where we put our assets 
index.html – first page 
main.js – where we put our javascript 
plugins- functionality
robots.txt – web crawlers will check to index site i.e to google
tile-wide.png style on tablers

>Add Project Folder

<  >
</> – Closing Tag

Head Tag
Delete Google Analytics
Link connects to CSS Files in the CSS Folder
Script imports Java Files

Describes the content

Body Tag
The actual content that the viewer can see.

Metadata is data about data



I Know Why The Caged Bird Sings by Maya Angelou 

          The free bird leaps
          on the back of the wind
          and floats downstream
          till the current ends
          and dips his wings
          in the orange sun rays
          and dares to claim the sky.

          But a bird that stalks
          down his narrow cage
          can seldom see through
          his bars of rage
          his wings are clipped and
          his feet are tied
          so he opens his throat to sing.

          The caged bird sings
          with fearful trill
          of the things unknown
          but longed for still
          and his tune is heard
          on the distant hill for the caged bird
          sings of freedom

          The free bird thinks of another breeze
          and the trade winds soft through the sighing trees
          and the fat worms waiting on a dawn-bright lawn
          and he names the sky his own.

          But a caged bird stands on the grave of dreams
          his shadow shouts on a nightmare scream
          his wings are clipped and his feet are tied
          so he opens his throat to sing

          The caged bird sings
          with a fearful trill
          of things unknown
          but longed for still
          and his tune is heard
          on the distant hill
          for the caged bird
          sings of freedom.



        Cage Bird Sings



Week 8:0 Creativity Notes

Creativity & Innovation


Meaningful creative apps

Engagement ‘stickiness’.
Try scenarios
Incentivise behaviour
Change people’s lives

Crowded market place – strong and relevant  USP ..

Zombies, RUN!

Action hook
Story hook – emotionally engaged
Achievement hook

What is creativity – art history and philosophy.
Henri Bergson

Perception & Psychology
Gestalt Theory
Norms expectations familiarity

Disruption (advertising)
Change cultural and social practice
Carravgio – light source/shadow
Victor schlovski – demilitarisation

ICEDIP – Iterative Method
Inspiration clarification Evaluation Distillation Incubation Perspiration

Soap opera tactics



Please complete one of the exercises below:
  • Put the contents of your pockets on a scanner and create a character out of elements of the image produced, using any means you wish.
  • Write a 500 word story using the numbers 1 to 12.
  • Change one rule of the card game Snap and play it with someone else. Revise it on the basis of their feedback of the game experience.
  • Spend 20 minutes undertaking the ‘I’ phase (inspiration) of the ICEDIP method for a new idea for an app, and then spend 10 mins evaluating the results.