SM2289 WRITING DIGITAL MEDIA
COURSE PROJECT
A YEAR AND THEM
2014
What is this: Conceptual
··· PROJECT KEYWORDS:

SOLAR TERM
TIME
LIFE
CHANGE
EXPERIENCE
CULTURE
TRADITION


··· This project is to PRESENT TWO SETS OF SHORT WRITINGS related to:

Life snapshots of two character on the days of Solar Terms (one character for one set of text);
What they did, thought, experienced and gained throughout the year.


··· Each set is made up of 12 short paragraphs:

The main character of the first set (i.e. the set of paragraphs on the left of the webpage) is a Japanese man having a pet cat;
The main character of the second set (i.e. the set of paragraphs on the right of the webpage) is a Chinese college girl.


··· The writings tries to:

Give impressions of local Chinese/Japanese seasonal specialties;
Be narrative and create storyline of some sort.
Download the content pack from Here. (Zipped 12~ MB, unzipped 18~ MB)
Basic Information
TITLE: A Year and Them
Author Name: MA He Jessie
Student ID: 53062520
What is this made with: Technical
··· Languages Used:

HTML [Basic content containment and element structuring]
JavaScript + JQuery [Interactivity control; Change of visual setting according to different content displayed]
CSS [Animations; Layout]

Recommend Firefox or Chrome for opening it.
What is this about: Aesthetic
··· This project was made base on:

My personal interest in Chinese and Japanese traditional culture;
The idea of "create stories about how people change as time goes on in a year";
Inspiration from

Above website has been closed by its owner and I refered to its image contents from http://tieba.baidu.com/p/1433167911


··· Layout of the webpage requires writings to be within specific length; on the other hand, one writing has to contain parts with at least 4 points from the 6 listed below:
Descriptions about nature / changes happened on nature elements (such as weather, plants, etc.) at one specific solar term;
Current actions of the character;
What happened to the character;
Character's thoughts / feeling;
Necessary background information;
Other subordinate contents.

Above requirements limit the length and style of expression of the writings to be short, clear and similar to micro novels. But the writing pieces are not really micro novels, since one set of them together made up one story-of-some-sort, but one micro novel piece made a story itself.


··· Chinese and Japanese people's life used to be closely linked with the solar terms (since they are all mainly agricultural countries in the old times), the history deeply influenced today's people's life in forms of festivals, celebrations, activities, food choices and so on. The writings tried to reflect these cultural elements: for most of the writings, before starting writing about one solar term, I firstly look it up among references, then generate several key images about which the writing should be wrote, then tried to arrange the writing as part of the whole story of the character.


··· Plants and their different looks in different seasons are one important visual elements I used in this project. I think this is a powerful way to indicates the concept of "Time" and "Change", and it echoes to my solar term theme.


··· The use of different types of wall with typically Chinese style roof and window as background and visual components doesn't really have any deep-down meaning; it's only created by personal aesthetic interest.





日本の暮らし二十四節気めぐり 言の葉草
Instruction
··· Use the arrow buttons on both sides to go to next page.
··· Use the four-season buttons on the left side to directly go to the beginning page of that season.
··· PLEASE DON'T RESIZE THE WINDOW AFTER OPENED UP THE PAGE.
References and Resources
REFERENCES:

http://tieba.baidu.com/p/1433167911
http://www.voicer.me/archives/category/goods/page/3
http://baike.baidu.com/subview/6385/13600971.htm
http://tieba.baidu.com/p/1607750073?pn=2
http://www.iseokagenosato.jp/kotonohagusa/ (dead)

Above references are all non-English. I am sorry for any inconvenience caused.

RESOURCES:

Red Maple, http://2.bp.blogspot.com/-9-bbtLFtZ5I/T-92faOhldI/AAAAAAAACF4/51c-6I3BFUE/s1600/20080706123845_single-red-maple-leaf.jpg

Green Leaves, http://0.static.wix.com/media/2ff999_2a54c0ea2c6a8636d6bf04c2a60533c3.jpg_1024

Autumn Scene, http://www.tapeta-kamien-drzewo-konary-woda.na-pulpit.com/zdjecia/kamien-drzewo-konary-woda.jpeg

Bamboo Forest, https://vonagape.files.wordpress.com/2014/10/bamboo-photography-widescreen-download-free-pics.jpg

Lotus Leaf, http://diggingri.files.wordpress.com/2012/06/dscn9251.jpg

Ice on brown leaf, http://www.diskusjon.no/uploads/monthly_12_2008/post-7631-1229907958.jpg

Circle made with leaves, http://media-cache-ec0.pinimg.com/736x/34/23/00/342300bbab9f87a88e174d9d6fc80c92.jpg

Beijing after snow, http://the.crazycatman.eu/uploads/Ego/Penpals/Luna.jpg

Red Wall, http://www.4freetextures.com/Red_wall-image-c204039d8516fd6aa6d918930c481fd7.html?tmp=1

White wall, http://www.plattityder.se/wp-content/uploads/2012/01/IMG_2306.jpg

19th Century Chinese Window Screen, https://www.1stdibs.com/furniture/asian-art-furniture/paintings-screens/19th-century-chinese-window-screen/id-f_611362/

Sunset in spring, http://www.learntoearncashback.com/wp-content/uploads/2014/09/j2uOvrMVIm4M.jpg

Red brick wall, http://www.wallvision.com.au/wp-content/uploads/2013/11/bigstock-Real-old-brick-wall-texture-us-19416674.jpg

Chinese ancient style roof, http://img.bimg.126.net/photo/kQkgAaLMbF0dFvKKTO3zWg==/5782621921545090209.jpg
Screenshots
(During switching animation)
(Button On-hover)