I will walk around and speak to students and assist.
Make sure to upload it tothis link on MyKangan before the class is over. Upload complete and incomplete works. You can always add to it and re-upload your work.
Link to all Weeks Week 1 Week 2 Week 3 Week 4 Week 5 Week 6
Content:
Game Genres
Find 5 Educational Games (Task)
Game Mechanics
Homework
Feedback
Game Genres
We will start off by comparing last week’s works by you. What definitions did everybody find?
Game genres are different from film genres. While film genres are related to a style of a film or an era a plot is set in, game genres relate more to the way a game is played. This is the actions a gamer needs to perform to succeed in a game. These actions are also called Game Mechanics. Game genres can also be classified by a viewpoint (eg First Person Shooter = FPS and Third Person Shooter = TPS or 3PS) or the style.
Examples are:
Action
Fast paced, player needs to be accurate and quick (eg shooting)
Racing
Competitive games that revolve around vehicles of all sorts racing against each other. Can be single player or multiplayer.
Example: Need for Speed
Sport
Anything about sports, either action of playing the sport with a character or simulation of making a team succeed. Most current sport games are hybrids of Action/RPG or Action/Simulation.
Examples: Fifa, Pro Evolution Soccer, Tiger Woods Golf, Football Manager.
Strategy
A genre that requires planning and thinking to succeed. There is real-time and turn-based strategy. Real-time that the game runs to a clock and that every players actions take place straight away. Turn-based strategy is more of a stop and go experience, players decide on their turns and then the game advances per turn.
Examples: League of Legends, Total War Series, Risk
Adventure
This genre is about solving problems, there may be puzzles, exploring, memorisation and twists along the way. Levels play a part, often there are areas that need to be explored. Most adventure games are hybrids with other games.
Examples: Tombraider, Myth
Simulation
Arcade
Puzzle
FPS – First Person Shooter
3PS/TPS – Third Person Shooter
RPG
Party, Dance , Rhythm
Children
Fitness
Edugames or Educational Games
Find 5 Educational Games
Research Educational Games!
Use the internet to find 5 games (including Ubisoft’s Rocksmith) that are current.
Describe the platform,
the technology,
game mechanics and
target audience as well as
learning material/topic.
Upload in form of a comment to this post with a link to game images and and info online!
Game Mechanics
Game mechanics are a topic that has created a fair bit of controversy over the years. People vary in their definition of what should be a game mecahnic. Below is a definition that we will use for this class:
A simple division between mechanics and rules breaks down into two things:
Mechanics are the actions you can perform
Rules determine the outcome and
gameplay is derived by balancing these two things.
So, to take a Tetris example:
The mechanics of Tetris are:
Turn a block
Drop a block fast
Destroy blocks by creating a line
The rules of Tetris are
Gravity, which accelerates in a stepped fashion according to score
Score, which increases in a stepped fashion according to created lines
Pile reformation, which determines the effects of a destroyed line on the blocks above.
The lose condition of whether the pieces reach the top
The next piece determinant, which selects what new piece will show after the previous one has landed.
Use photoshop to create a photo montage image like the one below.
Search for specific technique: Photomontage
Artform that became extremely popular in the early 20th Century. Particularly popular in German Expressionism and Dadaism. Click the images for links to the original images or sites:
Photomontage: Amir Ebrahim Photography
Massive Attack – The Essential Mix
Create the Image in Photoshop
Create a similar photomontage to the one above by Amir Ebrahim Photography. Find a photo to base it on and copy and paste layers and change the image colour and tone.
Make sure to apply the meta data to the final product before saving it as a JPEG and PSD.
Email the JPEG
Email the JPEG to me.
Student Examples
Below are examples by students:
to be posted
Feedback
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!
ICAWEB424A Evaluate and Select a Web Hosting Service
Last Week
Last week we discussed aspects of social networking and how we relate to it. Let us look at the class discussion in the Forum on MyKangan. (The link requires for you to be signed into MyKangan).
Some of the discussion points and evaluations:
Facebook
How interactive is the site?The site is very interactive as a user can communicate with others through many ways (e.g messaging, chat, comments, statuses, posts, sharing media) 9/10
How intuitive is the navigation? Facebook isnt very inituitive, especially for beginners new users, there isnt really much of a tutorial on how to connect with friends, upload images, posts, etc. And the navigation is a little bit hard to use. 6/10
How responsive is the site (speed)? Facebook loads very fast on a desktop/laptop but i find it tends to be slow and laggy on a smart phone and can take awhile to load/refresh. 7/10
Advertisments: are there frequent ads, pop-ups or spam? The ads are all interesting to the user and related to a user’s “likes” (which could be books, movies, games, etc). 7/10
Visuals, layout and graphics: Facebook has a boring blue and white colour scheme, although the layout may be modern and clean it isnt very appealing, its too simple and boring. The website is very text based (especially if you have a lot of “friends” that post alot of statuses, etc), but it does have some images if someone has uploaded them. 4/10
How interactive is the site? Facebook is very interactive when it comes to interacting with other users. You can engage them in different ways from chatting to posting on their ‘wall’. I find the wall feature a bit corny and there is no wall anyway, so it is just a page in a text editing software. The fact that you can communicate with others, post songs, documents, videos, photos, graphics and links is excellent. Interactivity:9/10
How intuitive is the site? Facebook is not very intuitive. When you are new to Facebook you do not quite know what to do. It is rather boring to look at and you cannot understand the navigation easily. You get better at it through experience. I would rate it: 5/10
How responsive is the site? It is pretty fast. Mostly happy: 9/10
Advertisements? I do not like ads, I hate pop-ups and that goes even more for spam. Facebook is good in regards to ads, their ads are targeted and generally of interest to me.8/10
Visuals? What visuals? It looks like a text editor! Very boring in layout, in use of images and in colours: 2/10
Federico’s verdict: 6.7/10!
Linked In
Linked In is not very interactive because the site is now dated and the only interactions are when you email someone or they contact you. The topics of interest are not very regular and there is not alot of activity on a daily basis. 6/10
The navigation is also dated and like many SNS sites it takes time to navigate around the site to get used to it. 5/10
Linked In site speed is fast and there is not a page load time problem. 8/10
Linked In doesn’t have ads although I have noticed that they are promoting ads like facebook style ads to appear in the near future. All members have the ability to advertise their own business. 3/10
The visuals and graphics of Linked In are also dated and in need of an upgrade. You cannot edit your own images to how you want them to look and the whole page layout is boring. 4/10
On Linked In you cannot search for a person unless you are logged in. This makes it good for privacy reasons although if you want to use the paid version you can see who has been searching for you which seems to contradict the privacy aspects of Linked In. 5/10
Linked In is 80% text based and 20% images. 2/10
Paul’s verdict: 33/70!
Social Web in HTML
We will look at ways to include content in a Social Networking website and how to incorporate content from your website on another site.
You can use HTML to embed sound, video, websites and other objects.
Iframe
Iframe is a command that allows you to embed a website or a video into a frame. Example for code:
We will read through this task together please click on the link to download the file. Follow the in-class discussion and make sure that you understand each question or ask the teacher in the presentation!
We will commence Dreamweaver training. We will use the video tutorials provided on Adobe TV’s Webdesign Channel, but I would like you to open this online PDF to get you started: A Beginner’s Cookbook to Dreamweaver.
Note: Before you view ‘Defining a new Site’ create a folder with the name dw website and subfolder by the names: assets, CSS, images, notes, scripts and video.
Listening to your customers is an integral aspect of customer service. Image: Federico Viola
To be able to provide good customer service you need to know what the needs of your customers are.
This ability to understand is central to customer service and shows how customer service should commence with and ear rather than a mouth. Listen to your customers!So, let us have a look at customers.
Customers
Industries vary in customers and customer interaction. Some industries can be quite casual and friendly while other industries may have a more professional or even reserved level of contact. Your local hairdresser or many cafes are relaxed in the way they interact with clients.
Below is a list of customer groups. Try to relate these groups to multimedia design. So, brainstorm what these clients may be for a multimedia designer. I will post the brainstorm from class.
Clients
‘Purchasers of services’
Suppliers of goods and services
Contractors providing goods and services
Members of the general public who make contact with the organisation, such as prospective purchasers of services
Potential funding bodies
Co‑workers, peers and fellow frontline managers
Board members
Supervisors
Customer Needs
Let us look at customer needs. Customer needs can be looked at in a context. They may be related to:
Accuracy of information
Advice or general information
Complaints
Fairness/politeness
Further information
Making an appointment
Prices/value
Purchasing organisation’s products and services
Returning organisation’s products and services
Specific information.
Write down a context this may happen in, a location or point of contact (online, in a shop in person).
Please create examples of customer needs attached to each. Example: Complaints – A customer wants to be listened to , wants to reach a certain outcome and a customer would like an apology or explanation.
If you look at the diagram above you can see that customer needs can be classified further into value needs, psychological needs and performance needs.
Once you understand the customer needs of your target audience you will be able to respond to these.
Analysing Your Customers
What options do you have as a business owner or service provider to learn about the needs of your target audience? Below are some suggestions on how to receive the information:
customer feedback form
customer satisfaction surveys
quality assurance data
conducting interviews
making recommendations
obtaining management decisions
questioning and asking directly
seeking feedback to confirm understanding
summarising and paraphrasing.
A multimedia business can, as part of their quality control, make a feedback question or survey a recommended procedure for their staff. ‘Before a project is complete you need to ask the client for specific feedback.’
See my comment at the bottom of every post as another example.
Customer Service Standards
A business needs to plan to meet customer requirements. When you have a contract with a client most aspect of customer needs will be specifically stated (eg: ‘design a website that allows sales and promotion of sport equipment… due date:…).
The delivery of products and services needs to be aligned with the business plan of an organisation. You need to clarify what standard of product and service quality you want to reach.
The larger the organisation the harder it is to inform everyone of the customer service standards. A good way to set customer service standards and to make sure everyone in the organisation is well aware of it is to make it part of the culture of the business.
It helps to discuss the customer service standards at every meeting. Posters are another great way to ensure that staff know about them. See example below:
Customer service standards that work – source: WinningCareers.com.au
Assignment
Complete the questions in the attached assignment sheet and create a basic Customer Service Standard list or poster for a café in the CBD or a multimedia business that specialises in Web Design and Instructional Videos, and online resources.
Include 10 points in the poster that that business should focus on. Make it all up!
Using the Reflect tool (o) to reflect the i downwards as if it has collapsed in front.
Only practice will help you learn! Photo by BreonWarwick on morgueFile
Contemporary design in style of Construcitvism by Teo Brito found at LauraGreen92 – click image for more information and link to her blog
Photo by ariadna on morgueFile
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
The concept was used on the German side as well with this ‘Auch du sollst beitreten zur Reichswehr’ [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss
Jenga, photo courtesy of: Design-Crit.com
Photo by frenchbyte on morgueFile
Colours, Numbers and Boxes – very happy and alive, personally I do not like the distortion of the word content – found at: Flickr
Based on photo by xandert found on morgueFile
Illustration by Jessie Ford, found on DzineBlog.com
‘For Great Road Trips: Switzerland’ Poster by Herbert Matter in (Swiss) International Style – Source: http://swisstype.wordpress.com/work/
Screenshot – 82 Everyone is a Marketer by Seth Godin from What’s Your Story by Joyce Hostyn
Outlined text changed in size and colours dropped into the individual letters with Eyedropper tool using LMB + Alt
Massive Attack – The Essential Mix
Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.com
Vertical lines of a dark fence, image courtesy of p.ic – Photo Internet Collection – www.photoic.wordpress.com, photographer: Federico Viola
Photo by DTL on morgueFiles
Illustrator unknown – found at: Ephemera – World of Rare Books
Fruity Design – This is great for a menu, very appetizing thumbnails – found at: WeddingPhotography.com
Photo by hotblack on morgueFile.com
Milk Poster – Swiss International Style Reference – by Annabel Stephen Salip
This is a template for a business website found at TemplateMonster. It is interesting in the sense that it breaks up the main image as part of the navigation. The sound it comes with is annoying.
Britons, Lord Kitchener Wants You! Propaganda poster design from WWI by Alfred Leere. Image: courtesy of WorldWarEra.com
Some of us have there most enjoyable moments in nature at the beach, Photo by rivediamoci on morgueFiles
Example of applied changes
Examples of Output and Display for web-content. Image: live.surveyshack.com
Peace- Swiss International Style Reference – by Maryam Chananeh
Source: morgueFile, Photo by matei
Setting the grid up.
Text and Shapes – This design lends itself to an interactive use – found at: Klafferty.com
Illustration: Jamie McKelvie – Art Brut Record
Close-up at Fed Square, Federico Viola 2013
Vista Lighting Effect – Courtesy of: Tutorial9
Illustration: Tavis Coburn – Illustration for for an article predicting trends in Apple’s mobile strategy. Found on: TavisCoburn.com
Photo Montage by SGlider12 on Webdesign.org – Click image for great Gimp tutorial
Illustration by Gary Neill found on Dzineblog.com – http://garyneill.com/ http://garyneill.tumblr.com/
Grassy Rabbits
Based on photo by hotblack from morgueFile.com
Courtesy of The Art of Mass Effect Universe’, 2012
Experimental Photomontage by Robert Heinecken
Pink Ribbon Day – Swiss International Style Reference – by Hwan Rochanabuddhi
Photo by Seemann on morgueFile.com
Steel Curves, Image: courtesy of flickr.com, photographer: Margeois.
Text-based Table of Content – Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)
Photo by mcconnors on morgueFile
Illustration by Kate Miller, found on DzineBlog.com
The swirls in the image are made up of numerous lines. Courtesy of: www.openprocessing.org
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Illustration by Tavis Coburn found on DzineBlog.com
Photo by clarita on www.morguefile.com
The calming effect of horizontal lines, image: courtesy of flickr.com, Photographer: jaikdean
The grass layer has been turned into a clipping mask with the shape of the rabbit below.
Work by Egon Schiele, found at Mom.org
Layers in Photoshop are like a Collage of images stuck on top of each other…
Geese in Ameland, Photo by Frans Schouwenburg
Courtesy of The Art of Mass Effect Universe’, 2012
Work by Jo W
Illustration by Jessie Ford, found on DzineBlog.com
The gentle curve of the river and the light green tones of the grass give this image a calming feel. The montains and the clouds have a less calming effect. Image: courtesy of Icon Photography School – http://www.photographyicon.com/line/
Based on photo by dhester from morgueFile.com
Swiss International Style – Joseph Müller-Brockmann – Beethoven – found at www.designhistory.com
Finding the Right Candidate for a Job… – Photo AdamRiley from www.projectnoah.org
A Beautiful Piece by Aerosol found on his Facebook
Constructivism Reference – by Lylah Livingston
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
He loves OHS! – Photo by Karpati Gabor on morgueFile
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
Photo by matthewbridges on morgueFile.com
Italian movie poster found on Abduzeedo.com
Based on a photo by delboysafa from morgueFile.com
Luminescent Lines – Courtesy of: PSDLearning
The Glossy Reflection is transparent on top and gets whiter towards the bottom.
What Time is it Now? by King_Bobbles
The Face by drfranken found on ChromoArt.de
Illustration by Gary Neill found on P.A.P.-Blog – http://garyneill.com/ http://garyneill.tumblr.com/
Table of Content from Textbook – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Uncle Sam Wants You, WWI Propaganda Poster for US Army recruits, Design by James Montgomery Flagg, 1916, image found at: Live Auctioneers
Multimedia Production Cycle – This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Typographic with Colours and Photos – The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com
Couple found at http://frenchbydesign.blogspot.com.au
Based on image by hotblack on morgueFile.com – F.Viola
Photo by omdur on morgueFile
Lines and Gradients- Courtesy of: psdtuts+
Image source: Data Center Knowledge
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Swiss travel poster from 1934 by Herbert Matter – Source: http://swisstype.wordpress.com/work/
Image Source: www.photoshopessentials.com
Leonardo’s St. John the Baptist, Louvre, Paris, Image: courtesy of A World History of Art – www.all-art.org
Your Lipstick Needs You, an entertaining take by Digital Media Artist Samantha Cain. Courtesy of: Samantha Cain, http://www.behance.net/samanthacain
Found at Inc.com
Text and Shapes – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Screenshot of Endless Alphabet 2, courtesy of AppsPlayground.com
Michael Pointing in GTA V – Courtesy of Rockstar
Work by Justin Anderson
Photomontage: Amir Ebrahim Photography
Poppies – Vector art Federico Viola based on photo by hotblack from morgueFile
Photo by agathabrown on morgueFile
Screenshot from What’s Your Story by Joyce Hostyn
Concept for Gallery Screnshot
Good Morning! Photo: wallyir, from: morgueFile.com
“Step into my office” Source: The Age, click image for link
Photo by dharder on morgueFiles.com
ruthworkx -http://ruthworkx.files.wordpress.com
Photo by mconnors on morgueFile
Light Streaks – Courtesy of: PhotoshopEssentials
Mosaic of Sofia Coppola – by Maurizio Galimberti – www.mauriziogalimberti.it
Photo by clarita on morgueFile
I Want You – Emily Strange, The lovable Emily Strange came to life in 1991, designed by Nathan Carrico for Santa Cruz Skateboards. She is referred to as a counterculture icon. I would just call her a sceptic. Image found at: Kollectable Kaos
![The concept was used on the German side as well with this 'Auch du sollst beitreten zur Reichswehr' [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss](https://classoffederico.files.wordpress.com/2014/04/world-war-propaganda_auch-du-sollst-beitreten.jpg?w=264&h=337 "world war propaganda_Auch du sollst beitreten")
RAE - Research and Exploration 