Cooperative Game

The rapid growing range of devices that use for viewing webpages has given us a totally new way of viewing a webpage.  In this project, we demonstrate how responsive web design can be an interactive and cooperative game by adopting six individual riddles on each device. One of the advantages is that it only requires a web browser; an app or other installation is not required (e.x. Flash plugin).  Although it seems to be an immature cooperative game at the moment, the concept of how responsive web page can be made into a cooperative game is formed.

In this short essay, I would like to address the importance of playing cooperative game and how playing it can be a benefit for social changes.


Finite and infinite Game­s

According to LeFevre (2002), there are two main kind of games, finite or infinite .The purpose of a finite game is played to win; it has a definite starting and finish. A finite game usually resolved within the context of its rules, with a winner of the contest being declared and receiving a victory (Carse, 2011). As shown in Figure 1, the riddle hunt game can be considers as a finite game, it is played for answering 6 riddles correctly with the shortest time spent to solved all the riddles.


Figure 1 – Riddle Hunt Game

On the other hand, an infinite game has the idea of keep playing. There isn’t a definite starting and ending in an infinite game. It is sometimes played with the goal of inviting more players into the game. Unlike the rules in a finite game, rules need to be changed when there appears to be an ending for infinite game.

In addition, no matter what kind of game theory is adopted, finite and infinite game, depends on the rules, all have the possibility to be a cooperative game. According to Carse (2011), it is an unchanging principle of all play, finite and infinite, that no matter what kind of games a participant is playing, always can play freely.


Cooperative and Initiative Game­

Cooperative games stress participation, challenge and entertaining rather than beating other player. It focuses on enjoyment and communication rather than fight and isolation. The concept of such games is not innovative.  However, Some of the traditional games that people play when they were in their childhood.  There may be competition involved, but the consequence of the competition is not to lose. In its place, it may contain swapping sides so that everybody will be on the winning side.

Initiative games are exciting, cooperative, and challenging games in which the group is confronted with a specific problem to solve. There are several reasons to support initiative games. It offers the opportunity to show and educate management skills to its participants, which enhance the development of trust and problem-solving skills in groups.  Games can be use as a tool to explain a method of thinking about experiences that helps people to learn and practice.


Good Reason to play cooperative game

If there is a group of individuals willing to join in social change, breaking down of embarrassments is the first step before they become group mates. Some good essential qualities such as trust and communication are needed to be able to build a team that can solve the problems (Counts, 1963).

Cooperative games also help set the tone of an action.  Social change work is often hard-driven and energy-consuming.  Many groups discover that cooperative games offer kindly method to connect passionate task-oriented aims with ambitious, group-minded teambuilding.  Additionally, entertaining and games help boost social change.

Another benefit of such games is to get its participants to think together, so that individuals in the group have contributions. It is believe that when each group member has inputs they also have ownerships, and usually when more individual has ownership there tend to be more success (Counts, 1963).

It is believe that games can actually emphasize the goal of group’s purpose or even individuals daily work. Through a technique called “framing,” games become relevant and powerful tools to break down barriers, build up focus, and make your group’s process more effective and inclusive of all involved (Rohnke & Project Adventure, 2009).

It is essential to include a sense of purpose, opportunity and passion when creating a cooperative game. Without those pieces as goals, games become pacifiers for the grown, as their potential to stave off the appetite of a group that hungers for power is immense.



It can be seen that a responsive web design can be made into a cooperative game, with the benefits from playing such game, the purpose or goal of the game become a very important factor. The goal of the game is usually decided during the start of the activity. Players probably given a deep message, or the game introduced as a metaphor (Rohnke & Project Adventure, 2009). In addition, the group reflection aids participants to see how they met the goal, and to envision the broader social change implications.



Carse, J. (2011). Finite and Infinite Games: Free Press.

Counts, G.S. (1963). Education and the foundations of human freedom: University of Pittsburgh Press.

LeFevre, D.N. (2002). Best new games: Human Kinetics.

Rohnke, K., & Project Adventure, Inc. (2009). Silver Bullets: A Revised Guide to Initiative Problems, Adventure Games, Stunts, and Trust Activities: 25th Anniversary Edition: Kendall Hunt Publishing Company.




Great Meeting Today!

Absent : Will (Sick)

  • Some thoughts on the Responsive Web Design [Riddle game]
  • List of Devices and Browsers
  • Found Things we can use in this Riddle game at Alison House
  • Started HTML and CSS coding in the google doc.

For this Friday,

Everyone should check the codes in the google doc and think how we can use it in this Riddle Game. Feel Free to change it and adding more codes.

27th February

Fantastic Meeting Today!

No one is absent!

  • Everyone were giving their thoughts on the feedback of the 1st submission. (There was probably miscommunication and misunderstanding within the group , however this was solved and everyone has already joined Facebook group for this DMSP course. To prevent any miscommunications in the future. )
  • We spent most of the time on brainstorming and many great ideas on presentation of and final submission were emerged.

  • We all felt really happy about this new idea  (we called it “Riddle” at the moment), not only it is strongly related the idea of a “Responsive” Web Design and also a very interesting approach by adopting each different devices to play this “Riddle” game.  It is hard to explain the whole concept of this “Riddle” game on the post, We can’t wait to talk about this to you (Amy) on Monday.

For next week:

The “Riddle” idea isn’t completed yet, everyone is being told to do some brainstorming after the meeting. Bring their additional ideas to the next meeting, and most importantly we would like to hear the feedback from Amy on monday 🙂

Web Design For Accessibility

The concept of progressive enhancement (basic conceptualization is the separation of HTML, CSS and JavaScript) has become a hop topic for responsive website design. It can be simply define as the technique of building websites with strong foundations so that it’s accessible to the wide range of browsing situations (different devices)

The three separate layers (HTML, CSS and JavaScript) are useful for the accessibility of the websites, the web developer can at least be sure that all browsers and devices will be able to render the content and it is consider as the most important part of website.

Web accessibility refers to the inclusive practice of making websites usable by people of all abilities and disabilities. When sites are correctly designed, developed and edited, all users can have equal access to information and functionality. For example, when a site is coded with semantically meaningful HTML, with textual equivalents provided for images and with links named meaningfully, this helps blind users using text-to-speech software and/or text-to-Braille hardware. Such as Jaws screenreader (See demonstration on, it makes blind users to access the webpage easily by listening to the options it gives. Another example of using JAWS screenreader is by Robin Christopherson (

The webpage also need to be accessible by some other disabilities users such as poor sight or colour blind, according to BS 8878:2010, it is suggested text and images large and/or enlargeable, links are underlined (or otherwise differentiated) as well as coloured. Below is what web accessibility aims to address.

  • Visual: Visual impairments including blindness, various common types of low vision and poor eyesight, various types of color blindness;
  • Motor/Mobility: e.g. difficulty or inability to use the hands, including tremors, muscle slowness, loss of fine muscle control, etc., due to conditions such as Parkinson’s Disease, muscular dystrophy, cerebral palsy, stroke;
  • Auditory: Deafness or hearing impairments, including individuals who are hard of hearing;
  • Seizures: Photoepileptic seizures caused by visual strobe or flashing effects.

        Cognitive/Intellectual: Developmental disabilities, learning disabilities (dyslexia,        dyscalculia, etc.), and cognitive disabilities of various origins, affecting memory, attention, developmental “maturity,” problem-solving and logic skills, etc.

Besides the concept of Accessibility, there is going to be code example for developing website on the final draft.


BS 8878:2010 Web accessibility – Code of Practice

The W3C’s WAI Web Content Accessibility Guidelines 2.0

Adaptive Web Design