Skip to content
This repository has been archived by the owner on May 4, 2024. It is now read-only.

osshiya/Singapore-s-Culture-of-Queuing

Repository files navigation

Singapore-s-Culture-of-Queuing

How to use:

In the first section, it is an introduction page where the topic is introduced. There is an animated arrow that will direct the user to the second section of the website.

In the second sections, there are two graphs, a bar chart and a pie chart, they show the percentages of the trends.

By hovering over the graph, the user can view the detail. The legend is also interactable by clicking on it.

In the third section, it is a drag and drop section. By dragging the floating icons and dropping it to the blue box at the left bottom corner, the right bottom corner will reveal some background stories related to the object.

The icons are surrounded with green and red shadows. The icons with red shadows are stories with negative impacts and effects Meanwhile the icons with green shadows are just normal stories.

In the fourth and last section, there is a slider at the bottom. By dragging the circle across the slider. The yellow notes on top will reveal some tips and guides to queuing etiquettes.

Platforms/ Hardware required:

› Laptop. › Internet Browser (Internet Explorer/ Google Chrome/ Mozilla Firefox/ Safari/ Opera).

Limitations/Bugs in the Application:

› Drag and drop cannot be returned for reuse. › No Y-Axes for Bar Chart.

References

https://kontinentalist.com/stories/the-things-we-queued-for https://eresources.nlb.gov.sg/infopedia/articles/SIP_458_2005-01-11.html https://www.asiaone.com/News/Latest%2BNews/Singapore/Story/A1Story20130627-432783.html https://www.channelnewsasia.com/news/singapore/huawei-y6-pro-phone-54-national-day�promotion-queues-11755386 https://sgmagazine.com/city-living/news/times-singaporeans-queued-something https://www.campus.sg/best-of-singapores-queues-in-2017/ https://www.straitstimes.com/singapore/iphone-craze-goes-on-despite-haze-as-fans-queue-up�early-to-get-their-hands-on-new https://www.channelnewsasia.com/news/lifestyle/five-on-friday-5-silly-silly-things-singaporeans�have-queued-up-9460634 https://www.scmp.com/news/asia/southeast-asia/article/3049607/coronavirus-singapore-urges�calm-after-panic-buying-hits https://mustsharenews.com/ikea-queues-queenstown/ http://theindependent.sg/i-wanted-to-faint-siao-liao-crazy-long-queues-after-easing-of-circuit�breaker/ https://www.todayonline.com/singapore/crowd-heads-ikea-ahead-closure-tuesday-company-says�online-store-continue https://www.channelnewsasia.com/news/lifestyle/gong-cha-singapore-singpost-centre-open�9458616 https://www.singaporememory.sg/contents/SMB-235cbaed-63f8-41ae-80ad-4b5aff897386 https://www.huffpost.com/entry/queue-etiquette-dont-be-o_b_4209264 https://www.earthsattractions.com/queue-etiquette-dos-and-donts-of-waiting-in-line/ https://www.qminder.com/queuing-etiquette-guide/ https://www.chartjs.org/ https://www.sitepoint.com/html5-native-drag-and-drop-api/ https://www.w3schools.com/html/html5_draganddrop.asp/https://www.w3schools.com/howto/howto_js_draggable.asp/ https://www.w3schools.com/css/css3_animations.asp/ https://www.w3schools.com/howto/howto_js_rangeslider.asp/ https://iconmonstr.com/angel-down-circle-thin-svg/ https://fonts.google.com/specimen/Philosopher?category=Sans+Serif&sidebar.open&selection.fami ly=Philosopher:ital@1#standard-styles/