Ideas

Ideas for my scratch project:

• Space Invader Zim (classic Space Invader with space invader zim theme)
• Adventure Time themed where's wally
• Pong
• Racing game

I've decided to do the Invader Zim game. I've already drawn the character.

This is also a character that MIGHT be used:

Key Moves

Key moves are the directions the sprite would be moving using the up, down, and side buttons. Useful for most games, to direct the sprite to where you want it to. The 'move _ steps' can change the speed at which your sprite moves in the direction chosen when you press the correct button.

Follow The Mouse

This script is for the sprite to follow the mouse pointer. This occurs forever after the green flag is clicked and the game begins and until the red button is clicked. The 'move 10 steps' can also change how fast it follows the mouse pointer.

Whirl

This distorts the image of the sprite in a whirl. This happens forever after the green flagged is clicked when the mouse hovers over the sprite. Since the choosen effect is whirl, the sprite will be whirled, you can always change the effect.

Glide

This is to plan the path the ghost in this game. When the green flagged is clicked, it will go where the dimensions/instructions tell it too.The 'glide _ secs' is how long it will wait to glide to the next point in which you have directed it to. Normally used for computer 'intelligent' characters in the game, not the one you use to play.  

 

Animate It

This script is to animate a sprite. In the 2nd photo 'costumes' i had to edit the first ghost and save each change as a new costume. The blocks are forever on repeat, meaning that it'll keep changing when the green flag is clicked and only stop when the red circle is clicked. The 'wait _ secs' block is a timer for when the sprite to change its costume.

Keep Score

This script is to keep score in the game. In this specific game when the bee touches the edge, the score will go up by 1. This is shown in the 6th script (IF) and onwards.

Say Something

This script is to make Nina the cat say 'I eat poo!' for 2 seconds. The orange instruction is a controlled instruction and the purple is a looks instruction. It makes the sprite Nina say 'I eat poo!' when clicked for the limit of time selected in this case, 2 seconds.

Flowchart

 

 

 

 

 

 

 

 

 

Definitions for computer programming.

1.       Algorithms:  Step by step instructions that are given describes how to reach a goal. Can be used in computers, maths and many more.

2.       Pseudo code: Pseudo means like, pretending to be. Pseudo code means like code, a tool used by programmers to describe an algorithm. It contains standard words like ‘being’, ‘end’ ‘hint’ but it is not, it is not understood by a computer.

3.       Machine Language: Code for an algorithm written in a low level language that only the computer understands. ie; doesn’t have English words.

4.       High Level Computer Language: Contains regular words like ‘if’, ‘then’, ‘else’ etc...

5.       Flowchart: an algorithm described using a diagram. It uses standard symbols eg; diamond symbol is used to selection.

6.       Sequence: is the order in which the steps are carried out.

7.       Selection: In an algorithm is where you have to make a choice, usually between 2 items.

8.       Repetition: Repeating a step again and again until your goal is achieved.

 

1.       Negotiating traffic lights as you drive down a street.

Is the light green? If yes continue driving. If no is the light red? If yes step on the break to stop. If no slow down.

Website Theory

I am doing Jessica Pasco's of VA.2 blog. She has 6 artworks, which are all displayed on her website. Nina and Mary are in my group, each doing their own person's blog.

The sizes for her 5 landscape images are  854 x 570 and her 1 portrait photo is 570 x 854. I edited the size of these images using Microsoft Office Picture Manager by Edit Picture > Resize > Adjust Sizes. If you click a photo (dimensions of 114 x 171)  on the home page, it opens in another tab of the same photo in its original size of 854 x 570. 

There was a comment section and 'Allow Attachments which wasn't suppose to be there but i was able to remove it by More > Page Settings > deselect Allow Attachments and Allow Comments.

Evaluating Web Design

1.     Read through the article and write a one line summary of each principle in your blog.

Don't Make Users Think: The webpage should be obvious and self-explanatory. A clear structure, moderate visual clues and easily recognizable links to reduce cognitive load to viewers.

Don't Squander Users' Patience: Keep user requirments minimal and remove all barriers meaning the user doesn't need to fill out subscriptions or registrations when first using.

Manage To Focus User's Attention: Organised webpage, must provide both static and dynamic content, parts of the sites attracting more attention than others.

Strive For Feature Exposure: Letting the user see clearly what functions they can use, the viewers must understand the content and feel comfortable.

Make Use Of Effective Writing: Use short, sussinct phrases, and use plain objective language.

Strive For Simplicity: Keep it simple and clean, so it's easier for the visitors to navigate.

Don't Be Afraid Of White Space: White Space results as a well-scannable layout giving the content a domniating position,

Communicate Effectivley With A "Visible Language": Organize; provide a clear conceptual structure. Economize; the most with the least amount of cues and visual elements.

Conventions Are Our Friends: They are useful as they reduce learning curve, the need to figure out how things work.

Test Early, Test Often: Provide crucial sights into significant problems and issues related to the given layout.

2.     See if you can locate an example of two poorly designed web sites. Provide the link in your blog and describe why the site has poor design.


www.argren.net Unorginized layout, ugly colour scheme choice, too much text, too many advertisments.

QR Codes

1.       What is a QR code?

A QR code is a unique two-dimensional code which can be read by a QR reader, a mobile phone with a camera and smartphones. QR means 'Quick Response' and it started in Japan.

2.       What can they be used for?

It can be used by businesses promoting to their potential customers to instantly learn about their products (marketing) or to help people who are lost, where they can take photo and it links/shows them their way.

3.       Provide some examples of how they are being used in marketing and education.

Education:  An increasing numbers of schools have started mainly using technology and QR codes are essential to for faster learning such as accessing videos, websites and other helpful sources.

Marketing: Qr codes can be used for promoting a business or a product such as placing it on a poster where the public can take a picture of it and it links them to further infromation about the product. It can be used for business cards, where all your information can just be scanned instead of writing it all down (less time consuming).

4.       What hardware (Device) and software (apps or programs) do you need to scan a QR code?

To scan a QR code, you need either a QR reader, a mobile phone with a camera or a smartphone. For the iphone you can download the 'Scan' app made by QR Code City to read a QR code.

5.       What hardware and software do you need to create a Qr code?

To create a QR code you need a computer or a smart phone (hardware) and a qr code generator (software). You can display it on a poster.

6.    QR code that links Madeon - Finale

Google Sites Demo (Madeon)

For my demo website I chose to base my website on Madeon. The multimedia devices I used were videos, photos, music, links, text and a twitter application. Madeon Link

Changes

Changes while creating this video:

• Nina is the narrator instead of me.
• I am the cameraman replacing Nina.
• Mary joined our group halfway through the assignment.

Problems

• PROBLEMS: At first we couldn't film as the lighting at school wasn't very good so we had to arrange a time where i could go to Nina's house to film.
  
•  Mary was grounded so she couldn't help film.
  
• When we first recorded our voice memo, it didn't fit, so we had to re do it so it would suit the video.
  
• I had a few days off/office monitor when we were working on the assignment.

Synopsis

Mary's blog.

STORYBOARD

Change:

Nina's hands are used in the video instead of Mary's.
I am recording for the video.
Mary is finsihed

Me and Nina filmed when she came over, but we still had a lot to finish so i gave her the remaining part to film, as i fix the storyboard.