FYP

<body> <h> <table style="width: 100%"> <tr> <th> ''HOW ETHICAL ARE YOU?''</th> </tr> </table> </h> This game will end if you are not living true to the principles of '' The Contract for the Web '' (text-style: "fade-in-out")[ [[START GAME]] ] </body>

<body> <center> (set:$score to 0) Would you like to play as a [[Consumer]] [[Company]]

<center> (set:$score to 0) <h> Would you like to shop </h> [[in store]] [[online]]

<h>While updating the interface of your Website you are faced with options for different text styles </h> (set:$score to 0) Which do you choose? [[option one]] (text-style: "blurrier")[use this text to display information on your website] [[option two]] (text-style: "upside-down")[use this text to diplay information on your webpage] [[option three]] (text-style: "shudder")[use this text to display information on your webpage]

<center> <h class="glow">[OH NO!] </h> Looks like you haven't played according to the principles of <h>''THE CONTRACT FOR THE WEB''</h> Your score is $score { (if: $score is <0)[ do you know any of the principles ](else-if: $score <5)[ could use a bit more research ](else: )[ well done, you know your stuff ]}. [[PLAY AGAIN->START]] [[END GAME]]

<h> Learn more about The Contract for the Web <a href="https://contractfortheweb.org/"> ''HERE'' </a> </h> Should you experience distress arising from participating in this game, the contact details for support services provided <a href="https://www.ucc.ie/en/studentcounselling/links/"> ''HERE'' </a> may be of assistance. Want to play again? [[CLICK HERE->START]]

(set:$score to ($score - 1)) <h> This text is unclear making it difficult for users to read </h> (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score -1)) <h> This text is unclear making it difficult for users to read </h> (text-style: "fade-in-out")[ [[END]] ]

Which layout do you want to use to display content on your website (set:$score to ($score + 2)) [[Simple]] <div align="center"> <table> <tr> <td> text text text text text text text text text </td> </tr> </table> [[Mysterious]] <table> <tr> <td> <table> <tr><td> click me </td></tr> </table> </td> </tr> </table> </div>

(set:$score to ($score +2)) <h>When picking models and ambassadors to advertise your products you decide to use </h> [[MEN]] [[WOMAN]] [[BOTH]]

(set:$score to ($score - 1)) Intentions are not clear The user has no idea what they are clicking on (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score + 1)) Models chosen represent a [[perfect]] image a [[real]] image

(set:$score to ($score -1)) <h> A perfect image is discrimatory to the majority of the population</h> we must strive to include people of all <ul> <li>AGES</li> <li>SHAPES</li> <li>SIZES</li> <li>GENDERS</li><li>GROUPS</li> <li>DISABILITIES</li></ul> (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score + 2)) <h> How would you limit users access to products?</h> Not show content until users [[sign up]] for benefits Provide a [[free trial]] and sample of content

(set:$score to ($score + 1)) Models chosen represent a [[perfect]] image a [[real]] image

(set:$score to ($score + 1)) ''OOPS'' looks like the shops are closed today go [[online]]

(set:$score to ($score + 2)) <h>Would you like to create an account?</h> [[continue as guest]] [[create an account]]

(set:$score to ($score -1)) By continuing as a guest you are not helping to facilitate collaboration between Consumer and Company (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score + 2)) <h> Thanks for signing up </h> You have been offered a 15% discount to avail you must promote it with your friends [[Ignore]] this notice [[Share discount with friends]]

(set:$score to ($score + 1)) <h> Would discounted items through these loyalty progrmmes be mostly [[relevant]] or [[irrelevant]] to you </h>

(set:$score to ($score + 2)) If you were promised better deals by signing up to loyalty programmes would you sign up? [[absolutely]] [[never->continue]]

(set:$score to ($score + 2)) Does loyalty programmes and money off discounts impact your choice of website [[yes]] [[no]]

(set:$score to ($score - 1)) By not supporting diverse groups you're not taking steps to promote an inclusive image (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score -1)) <h> As a Consumer </h> You need to encourage collaboration and Share information online (text-style: "fade-in-out")[ [[END]] ]

<h class="glow" marquee behavior="alternate"scrollamount="12" > CONGRATULATIONS!</marquee> </h> You are living true to the principles of ''The Contract for the Web'' <h> Your score is $score. </h> { (if: $score is < 5 )[ could use a bit more research ](else:)[ Well done, you know your stuff ]}. [[END GAME]]

(set:$score to ($score + 2)) Your personal data has been used to create online trust providing you with relevant content (text-style: "fade-in-out")[ [[continue]] ]

(set:$score to($score -1)) Information may be shared with third party companies providing you with irrelevant content Check who your cookies allow your information to be shared with (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score +2)) <h> You now have access to consumers personal information from their account </h> When using this data will you Use this data to promote the legitimate [[intereset of your company]] [[Share information]] with Companies not agreed with by the Consumer.

(set:$score to ($score - 1)) <h> Motives must be transparent </h> It's necessary to keep ''all'' of internet available ''all'' of the time (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score +2)) <h>Is your website compatable for all devices and Web browsers?</h> It can be accessed on [[Phone, Tablet and PC's->continue]] It looks best on a [[laptop]]

(set:$score to ($score - 1)) Sharing information with third parties not agreed to by the Consumer is going against their right of control over their own privacy (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score - 1)) You should look to further develop your website to ensure it's accessible to everyone from all devices (text-style: "fade-in-out")[ [[END]] ]

(set:$score to ($score + 2)) <h>Would you be more likely to shop on a Website </h> With a range of different brands that tailors to [[different figures]] <h> or </h> Stick with what [[fits]]

(set:$score to ($score -1)) You shouldn't need to sign up to access all content (text-style: "fade-in-out")[ [[END]] ]