This is the link to the website of Trace Your Track, the final project.
Claire Keane

oozey mess

⁂
let's talk about Bridgerton tea, my ask is open
hello vonnie
Cosimo Galluzzi
Xuebing Du
occasionally subtle
Cosmic Funnies

Kaledo Art

Discoholic 🪩
cherry valley forever
tumblr dot com
$LAYYYTER

#extradirty
Lint Roller? I Barely Know Her
Mike Driver

roma★

titsay
Not today Justin

seen from Philippines
seen from United States
seen from United States
seen from Puerto Rico

seen from United States

seen from United States
seen from Türkiye

seen from United States
seen from United States

seen from Russia

seen from Malaysia
seen from United States

seen from United States

seen from Singapore
seen from United States

seen from Brazil

seen from United States
seen from United States

seen from Germany
seen from Russia
@hack-tivism
This is the link to the website of Trace Your Track, the final project.
Progress - ad replacement 1.0
In the original script of Portfolio Banners, the src is linked to a website. We tried to change it direct to a html file. However, access to the file is blocked, so “chrome.extension.getURL” is used.
After doing research, we tried to use src="chrome.extension.getURL('ttreplace/index.html')" , but it was not successful. Then, we learnt that a section of “web accessible resources” was required to add in manifest.json. However, the banner (index.html) still cannot be shown. Looking for more references, we found out that src=‘+chrome.extension.getURL("ttreplace/index.html")+’ should be used.
The index.html replaces the ad on Chrome.
References
http://stackoverflow.com/questions/5561021/how-do-i-get-a-chrome-extension-to-load-an-iframe-containing-a-local-page
https://developer.chrome.com/extensions/extension#method-getURL
https://developer.chrome.com/extensions/manifest/web_accessible_resources
http://stackoverflow.com/questions/14806427/how-can-i-use-chrome-extension-geturl-method-in-html-tags
Progress - ad Replacement 0.0
<iframe class="portfoliobanners" id="iframeContent" height="90" width="728" frameborder="no" scrolling="no" allowfullscreen="yes" mozallowfullscreen="yes" webkitallowfullscreen="yes" style="visibility:visible; display:inline-block; margin: 0 auto; margin: 0 auto; width: 728px; height: 90px; position: relative;" src="http://brotherad.com/portfoliobanners/iframe/"></iframe>
<iframe class="portfoliobanners" id="iframeContent" height="605" width="157" frameborder="no" scrolling="no" allowfullscreen="yes" mozallowfullscreen="yes" webkitallowfullscreen="yes" style="visibility:visible; display:block; margin: 0 auto; margin: 0 auto; width: 157px; height: 605px; position: relative;" src="http://brotherad.com/portfoliobanners/iframe/"></iframe>
Drafts of Logo
Progress update
accomplishment:
- finding out the division id of ads ; refer to below Further Research on ad
- title in metadata usually shows the product name of advertisement Risk items: We are looking into the “browsing data” and “history” as history is needed for recovering the keywords, but sometimes, the product names may not show the type of product.
Solution: The ad replacement will still show the related result according to the product title
https://developer.chrome.com/extensions/history#type-HistoryItem
Final Project Idea
Project Title TT. Trace Your Track
Author Name Bobo Ngai Po Yiu, Janet Choi Ka Man
Description
- aesthetic The ads online usually have similar designs, which are compiled by too much information inside a small box. The extension aims to change the chaos created on the web interface; it is not only blocking the ads, but also giving function information to users.
- conceptual We are tracked throughout every step we do on the internet. When we are looking at the advertisements of Amazon or other online shopping websites, we revealed that products on the ad are recommended according to what we have searched previously, which is the historical user data.
- technical Starting with the references of open source ad blocker, a web browser extension will be produced according to the words collected for recommender system and personalized marketing.
Artist Bio Bobo Ngai and Janet Choi are students from Bachelor of Art and Science in New Media (BAS), School of Creative Media, City University of Hong Kong.
Links to related work or author home page (optional) - Adblock Plus : https://github.com/adblockplus/adblockpluschrome - uBlock : https://github.com/gorhill/uBlock Thumbnail Image
Project Image
Demo
Before using Trace Your Track
After using Trace Your Track
draft v1.1 - align to left - showing “Trace Your Track”
draft v1.2 - thumbnail image is used
draft v1.3 - align to center
draft v1.4 - with a quote from Taken - smaller font size
Idea #2
AdBlock : Search
- When we are looking at the advertisements of Amazon or other online shopping websites, we revealed that the recommended products according to what we have searched previously. - Therefore, in our adBlock, we would like to use an AdBlock to show the users the websites are tracking their interests.
Final Project In-class Notes
- technical
- aesthetic
- conceptial
Best Idea
The Morality of Sitting
- Group member : Choi Ka Man, Janet ; Ngai Po Yiu, Bobo
Sitting down in MTR required great courage, as pictures of you may be captured and uploaded to social media. People may criticize you through a photo and a line of caption from the uploader. Surveillance is everywhere, not by the “big power” but the people.
Background
Since 2009, the corporate had launched a series of “Priority Seats Campaign” to encourage passengers to offer their seats to those in need, especially elderly, disabled, pregnant women and children. In 2010, seats painted in red and featuring happy SmileyRWorld faces on the seat back was first introduced on MTR Urban Line trains.
Last year, people started taking photos of young generation sitting on the priority seat and post onto Facebook forum to judge whether that passenger is qualified for priority seat. This led to wide debate between elder and younger age group. Elder generation proposes that younger one should (or even must) give up their seats as they are younger and less in need. Young generation argues people should not be judged only by their age and outlook as they may have internal sickness. Priority seats campaign is not a rule but stereotype. Therefore, each passengers should be equally qualified to take the seat. This public trial later causes younger people avoid sitting on priority seats or even regular seats to prevent getting in this cyber trial.
Idea
Photos of people sitting on the priority seat in MTR will be taken and posted onto Facebook with all people’s faces and outfit are blocked. People are not able to judge the identity of passenger through their outlook. The passengers filming the others are so superficial that they may not know everything about that “potential targets” who may have their own issues or difficulties, yet the “photographers” take control on exposing the targets’ identities and bringing up public trial; the manipulated pictures then allow people to rethink how they / we are trapped by the stereotypes.
Reference
https://www.hongkongfp.com/2015/08/27/peoples-daily-chides-hongkongers-for-hating-to-give-up-their-seat
http://www.scmp.com/news/hong-kong/education-community/article/1851151/hongkongers-too-fixated-smartphones-give-seats
https://www.mtr.com.hk/en/corporate/projects/projects_ops_improve_train_seat.html
BreakTheRule
Bobo and I tried to do exercise on the ground floor of SCM, which aims to be caught by the security guards in front of us. However, security guards didn’t stop us. Rather, she walks into the security center. Another guard comes out and passed by us, but she also didn’t tell us not to do anything or stop shooting.
Therefore, we tried to go closer to the security center, and finally, the guard told us not to shoot.
Initial Ideas
#1 The Morality of Sitting
Sitting down in MTR required great courage, as pictures of you may be captured and uploaded to social media. People may criticize you through a photo and a line of caption from the uploader. Surveillance is everywhere, not by the “big power” but the people.
#2 Anonymous on FB - FacelessBook
Having potential pressure on speaking out my thought, I seldom use the social media. A hidden identity may help people to say what they think and see the others’ opinions objectively.
#3 Self-Control
Self-control maybe led by surveillance. Therefore, I would like to set up a camera in my home for a week or more, in order to see if I would forget the “self-control” after a longer time.
Adblock Got Ads?
I use Adblock for blocking ads on most of the websites. My friend recommended this extension to me for saving time from waiting the 5 seconds on Youtube videos.
But when I was browsing on Mar 12/13 or so, I found ad that showing Snowden and a quote. It is one of the banner supporting Amnesty.org.
Response to CINEMA 2.0 Surviving the Glass System
is Privacy going to be a bomb? is Privacy a bomb already?
The neck collar which is used for presenting the description of works impressed me the most. Other than the physical control on my neck, my path of browsing in the exhibition is controlled because it has the time control and position control in the design of the neck collar.
As the works clearly declared the concept of surveillance and privacy, I didn’t really have strong feeling as it established a clear control on me. It gives me less mystification. I think the uncertainty is always the most fascinating part, for it urge me to look for the answers, which may not inherently exist.
In fact, I don’t really care about the privacy as it may not imply the sense of money. I care about security more than privacy. I need privacy if my personal information got exposed, and someone may get into my account. I don’t want to lose my money in my bank account. My account does not have much money though.
I am on TV. *picture taken by my lovely classmate - Ngai Po Yiu, Bobo
- close-circuit camera in the gallery
This work inspired me to the picture of the close-circuit camera to make a simple poster on the question - privacy v.s. security.
Assignment 4 _ 20160224
This is a website in Chinese mostly. the following is the explanation on the changes that I made from the original website - www.hkatv.com - to my version, which is called Achau Television 阿周癲視 Chau’s Crazy Vision .
Asia Television (ATV) is a Hong Kong TV station which is facing a financial problem now. It produced some well-known TV programmes, but in recent years, some incidents happened were quite interesting that raised people to discuss.
In the original design, it works like a slide show. Therefore, I modified all the picture with other contents that seem to be the most “remarkable” of ATV.
10 Most Ridiculous 十大奇聞回顧
This is inspired by a video that I watched on youtube - a collection of footages on some funny incidents.
Ten Brothers 十兄弟
This is a film poster from internet showing the inadequate numbers of celebrities in ATV. Kenneth Chan, the duplicated actor in this poster, was the most famous actor in ATV. “24hours” implies the problem of “replay abuse”.
Loving Hearts Campaign 2016
ATV organized Loving Hearts Campaign annually to praise people who contribute to community and bring out touching stories. Wang Jing, the major investor, was always on the front-line. As the video shown, he even danced to support the company event. Most importantly, investing money on this company requires the strongest boldness undoubtedly. This is the reason why he should get the prize.
Achau Television Presents: Anniversary Everyday - Happy Birthday to Me
The anniversary show was replayed for many times previously because of inadequate production and advertisement.
When Ling Jin Meets Ling Kam
Ling Jin host some interview programmes in ATV while Ling Kam was a character in a TVB drama series.
Live on Fish 瞬間看魚缸
Telefishion was a classic of ATV World channel showing in midnight. Ironically, some people said that was the highest viewing rate ATV programme.
Shouting A Chau A Chau Together
A song created for 55th Anniversary, a combination of rap and dance. The redundancy in the lyrics. For example, “跟住一齊shout阿周阿周” loops for many times, and the artists tried to be stylish but may not be successful.
Other pages available:
唱阿周! Sing A Chau
A p5js sound recording section for the song originally called “Gimme Five”
The video edited for this website:
Response on Every Day the Same Dream
Assignment 3 _ 20160203
The most impressive part is the “ending”, as I am not sure what is the meaning behind this game. I am still not sure if it should be considered as a ending though.
Playing it the first time, I thought the new cycle of the dream equals to “game over”. But then, I kept on playing, and I realized it should be a cycle that records the changes in different locations. I need to do something every time. Changing clothes, getting off the car, touching the cow, getting the leaf, sitting on the cubicle, jumping off, getting fired and going to the graves seem to be the essential tasks.
In the last round, many things related to the character disappeared. For examples, the wife, the boss and the colleagues disappeared. Once I saw the person jumped off the building in the end, I think the disappearance may imply all of the people in the world committed suicide. Another possibility is that the character dreams a dream which run in a cycle constantly, so the character sees himself jump off, which never ends.
I am shocked by the scene of jumping off, what I understand is that the only way that I can escaped from the everyday the same dream is jumping off (although the character that I can control does not jump off) in order to have the control of your own life, which could be concerned as an aggressive (positive) but frustrated (negative) dilemma.
I am not sure if I get the right meaning behind this game, but I would like to understand deeper from the possibilities in each scene, so I have done a collection of captures.
Indicator Scene # : Location (spacebar-able objects)
Scene 01 : Bedroom (alarm, wardrobe)
Alarm is on
Alarm is off
Without dressing up
Wardrobe; dressed up
Scene 02 : Kitchen (TV, wife)
without turning of TV or dressing up; talk to the wife
turn off TV; talk to the wife
last round
Scene 03: Corridor (button)
without dressing up; press the button; go into the lift
dressed up; press the button; go into the lift
Scene 04: Lift (lady)
talk to the lady to find out how many step is left
last round
Scene 05A: Traffic light (homeless)
talk to the homeless
after talking to the homeless / last round
Scene 06A: Graves
go to the graves; new cycle
Scene 05B: Parking lot
go towards the right
Scene 06B: Road (car)
keep on driving
get off the car
last round
Scene 07B: walkway (cow)
touch the cow
touched the cow / last round
Scene 07A / 08: Falling leaf (leaf)
follow the leaf; get the leaf
after getting the leaf / last round
Scene 09: Office entrance (boss)
without dressing up; get fired; new cycle
dressed up; go towards the working place
last round
Scene 09: Office working place I
go towards the right
last round
Scene 10: Office working place II
going towards the right
last round
Scene 11: Office working place III (cubicle)
Sit down to the cubicle; new cycle
go towards the exit
last round
Scene 12: Exit (jump)
first time jump off; new cycle
watch myself or the colleague jump off; end
Response on Postscript on the Societies of Control
Assignment 2 _ 20160127
After reading the article, I have a reflection on how the technology takes or will take the control on societies in different stages. The article mentioned that the form of the capitalism have been changing. This is also related to the technology because of the internet growth. For example, the P2P marketing allows the companies reach their potential customers and provide service through internet. The new experience through internet may prove the form of societies is changed.
The mechanism of control may become more virtual. It is quite clear that societies are more conscious on any form of control. I am not certain on whether control is inappropriate in societies, for sometimes, control can declare the clearness of some uncertain or critical point on understandings.
lab-lamp server: http://lab-lamp.scm.cityu.edu.hk/~kamanchoi6/
Assignment 2 _ 20160127