Related Data for: To Develop Tonal Structure Analytical Software to Assist Students’ Learning of Tonal Design (doi:10.21979/N9/33P0GP)

View:

Part 1: Document Description
Part 2: Study Description
Part 5: Other Study-Related Materials
Entire Codebook

Related Data for: To Develop Tonal Structure Analytical Software to Assist Students’ Learning of Tonal Design

doi:10.21979/N9/33P0GP

DR-NTU (Data)

2021-08-02

2

Ng, Woon Lam, 2021, "Related Data for: To Develop Tonal Structure Analytical Software to Assist Students’ Learning of Tonal Design", https://doi.org/10.21979/N9/33P0GP, DR-NTU (Data), V2

Related Data for: To Develop Tonal Structure Analytical Software to Assist Students’ Learning of Tonal Design

doi:10.21979/N9/33P0GP

Ng, Woon Lam (Nanyang Technological University)

React JS

DR-NTU (Data)

Ng, Woon Lam

Ng, Woon Lam

2021-08-02

https://doi.org/10.21979/N9/33P0GP

Arts and Humanities, Arts and Humanities, Tone, Tonal, Weather, Mood, Design

Tone or value refers to the measurement of the relative darkness or lightness in visual art. It is based on Ross’ definition with a scale from 1 to 9, with 1 as the lightest and 9 as the darkest; whereas, the Munsell scale is reversed and uses a scale of 0 to 10. Various art forms including drawing, painting, photography and design, often regard tone as a very important visual element. For art forms such as drawing and painting, the training generally depends on perceptual exercises, such as still-life drawing or outdoor painting exercises. Fine artists often develop their own preferences for various tonal designs depending on their working environment, location, or their travel experiences elsewhere. Various lighting conditions related to basic tonal arrangements or color moods are often discussed briefly in art training books. However, there is no concrete framework to discuss how different weathers or moods can be designed based on tonal arrangements. In photography, the discussions are focused on various lighting conditions and how the equipment can be professionally fine-tuned to arrive at the desired mood. Light histograms are used to measure light so as to understand various lighting conditions and moods. In design, the importance of tone was briefly discussed as one of the three attributes of color. Masterpieces from different periods were introduced by the author to discuss the pattern of tones. Tonal design was introduced brusquely as “key” (relative lightness of an image), where “low-key images” referred to darker images and “high-key images” referred to brighter images. Drury and Stryker comprehensively discussed the various relationships of tone and image design in a drawing. Tone was discussed in relation to the constructions of forms, the illusion of space and atmospheric perspective. Tone range was briefly discussed in conjunction with tonal design by Drury and Stryker in 2009. In order to further extend the tonal design concept, this article uses basic mathematical graphic models as a reference to simplify the teaching and learning of the concept. With the use of basic parameters and simple mathematical charts as a visual aid, students will gain an understanding of what governs the basis of tonal design.

Software Installation Package

Users are fully responsible for use of this software.<br><br> For window users, please download the file and place it in a folder. The .exe file is the running file and the rest are what the program functions located. For a Mac user, just download and unzip the Mac zip file. Similarly, after unzipping in Mac, the program file can be used.<br><br> Making builds process (make sure to have all 'babel' and 'webpack' dependencies at package.json file)<br><br> <b>For mac OS:</b><br> npm install<br> npm audit fix<br> webpack --config webpack.config.js<br> electron-packager . --overwrite --platform=darwin --arch=x64 --prune=true --out=release-builds (OR npm run package-mac) <br><br> <b>For Windows OS:</b><br> npm install<br> npm audit fix<br> webpack --config webpack.config.js<br> electron-packager . ColorAnalysisApp --overwrite --asar=true --platform=win32 --arch=ia32 --prune=true --out=release-builds --version-string.ProductName=\"Color Analysis Mapping Application\"<br>

This dataset is made available under a Creative Commons CC0 license with the following additional/modified terms and conditions: For window users, please download the file and place it in a folder. The .exe file is the running file and the rest are what the program functions located. For a Mac user, just download and unzip the Mac zip file. Similarly, after unzipping in Mac, the program file can be used.

10.18848/2325-128X/CGP/v15i01/1-15

Ng, W. L. (2020). Tonal design : a mathematical guide in constructing mood and weather. The International Journal of Design Education, 15(1), 1-15.

10356/142091

Ng, W. L. (2020). Tonal design : a mathematical guide in constructing mood and weather. The International Journal of Design Education, 15(1), 1-15.

Label:

am.pak

application/octet-stream

Label:

app.asar

application/octet-stream

Label:

App.css

Text:

React JS Source Code

text/css

Label:

App.js

Text:

React JS Source Code

application/javascript

Label:

ar.pak

application/octet-stream

Label:

bg.pak

application/octet-stream

Label:

bn.pak

application/octet-stream

Label:

bundle.js

Text:

React JS Source Code

application/javascript

Label:

ca.pak

application/octet-stream

Label:

chrome_100_percent.pak

application/octet-stream

Label:

chrome_200_percent.pak

application/octet-stream

Label:

codeStyleConfig.xml

Text:

React JS Source Code

text/xml

Label:

ColorAnalysisApp.exe

application/x-msdownload

Label:

Color Analysis Mapping Application-mac-os-v6.zip

application/zip

Label:

constants.js

Text:

React JS Source Code

application/javascript

Label:

cs.pak

application/octet-stream

Label:

d3dcompiler_47.dll

application/x-msdownload

Label:

da.pak

application/octet-stream

Label:

de.pak

application/octet-stream

Label:

el.pak

application/octet-stream

Label:

en-GB.pak

application/octet-stream

Label:

en-US.pak

application/octet-stream

Label:

eric2020.iml

Text:

React JS Source Code

application/octet-stream

Label:

es-419.pak

application/octet-stream

Label:

es.pak

application/octet-stream

Label:

et.pak

application/octet-stream

Label:

fa.pak

application/octet-stream

Label:

favicon.ico

Text:

React JS Source Code

image/x-icon

Label:

ffmpeg.dll

application/x-msdownload

Label:

fil.pak

application/octet-stream

Label:

fi.pak

application/octet-stream

Label:

fr.pak

application/octet-stream

Label:

.gitignore

Text:

React JS Source Code

application/octet-stream

Label:

.gitignore

Text:

React JS Source Code

application/octet-stream

Label:

gu.pak

application/octet-stream

Label:

he.pak

application/octet-stream

Label:

hi.pak

application/octet-stream

Label:

hr.pak

application/octet-stream

Label:

hu.pak

application/octet-stream

Label:

icudtl.dat

text/x-fixed-field

Label:

id.pak

application/octet-stream

Label:

index.css

Text:

React JS Source Code

text/css

Label:

index.html

Text:

React JS Source Code

text/html

Label:

index.js

Text:

React JS Source Code

application/javascript

Label:

it.pak

application/octet-stream

Label:

ja.pak

application/octet-stream

Label:

kn.pak

application/octet-stream

Label:

ko.pak

application/octet-stream

Label:

libEGL.dll

application/x-msdownload

Label:

libEGL.dll

application/x-msdownload

Label:

libGLESv2.dll

application/x-msdownload

Label:

libGLESv2.dll

application/x-msdownload

Label:

LICENSE

text/plain; charset=US-ASCII

Label:

LICENSES.chromium.html

text/html

Label:

logo192.png

Text:

React JS Source Code

image/png

Label:

logo512.png

Text:

React JS Source Code

image/png

Label:

logo.svg

Text:

React JS Source Code

image/svg+xml

Label:

lt.pak

application/octet-stream

Label:

lv.pak

application/octet-stream

Label:

main.js

Text:

React JS Source Code

application/javascript

Label:

manifest.json

Text:

React JS Source Code

application/json

Label:

misc.xml

Text:

React JS Source Code

text/xml

Label:

ml.pak

application/octet-stream

Label:

modules.xml

Text:

React JS Source Code

text/xml

Label:

mr.pak

application/octet-stream

Label:

ms.pak

application/octet-stream

Label:

nb.pak

application/octet-stream

Label:

nl.pak

application/octet-stream

Label:

package.json

Text:

React JS Source Code

application/json

Label:

package-lock.json

Text:

React JS Source Code

application/json

Label:

pl.pak

application/octet-stream

Label:

preload.js

Text:

React JS Source Code

application/javascript

Label:

Project.xml

Text:

React JS Source Code

text/xml

Label:

pt-BR.pak

application/octet-stream

Label:

pt-PT.pak

application/octet-stream

Label:

README.md

Text:

React JS Source Code

text/markdown

Label:

readme.txt

Text:

React JS Source Code

text/plain

Label:

resources.pak

application/octet-stream

Label:

robots.txt

Text:

React JS Source Code

text/plain

Label:

ro.pak

application/octet-stream

Label:

ru.pak

application/octet-stream

Label:

serviceWorker.js

Text:

React JS Source Code

application/javascript

Label:

setupTests.js

Text:

React JS Source Code

application/javascript

Label:

sk.pak

application/octet-stream

Label:

sl.pak

application/octet-stream

Label:

snapshot_blob.bin

application/octet-stream

Label:

sr.pak

application/octet-stream

Label:

sv.pak

application/octet-stream

Label:

sw.pak

application/octet-stream

Label:

ta.pak

application/octet-stream

Label:

te.pak

application/octet-stream

Label:

th.pak

application/octet-stream

Label:

tr.pak

application/octet-stream

Label:

uk.pak

application/octet-stream

Label:

v8_context_snapshot.bin

application/octet-stream

Label:

Value analysis instructions with video links.docx

Text:

User Manual with youtube demo links.

application/vnd.openxmlformats-officedocument.wordprocessingml.document

Label:

vcs.xml

Text:

React JS Source Code

text/xml

Label:

version

text/plain; charset=US-ASCII

Label:

vi.pak

application/octet-stream

Label:

vk_swiftshader.dll

application/x-msdownload

Label:

vk_swiftshader_icd.json

application/json

Label:

vulkan-1.dll

application/x-msdownload

Label:

webpack.config.js

Text:

React JS Source Code

application/javascript

Label:

workspace.xml

Text:

React JS Source Code

text/xml

Label:

zh-CN.pak

application/octet-stream

Label:

zh-TW.pak

application/octet-stream