diff --git a/work/pear-jansomwong/Screenshot 2024-07-26 at 02.29.16.png b/work/pear-jansomwong/Screenshot 2024-07-26 at 02.29.16.png new file mode 100644 index 0000000..e79fa1e Binary files /dev/null and b/work/pear-jansomwong/Screenshot 2024-07-26 at 02.29.16.png differ diff --git a/work/pear-jansomwong/Screenshot 2024-07-26 at 02.46.46.png b/work/pear-jansomwong/Screenshot 2024-07-26 at 02.46.46.png new file mode 100644 index 0000000..c56193c Binary files /dev/null and b/work/pear-jansomwong/Screenshot 2024-07-26 at 02.46.46.png differ diff --git a/work/pear-jansomwong/Screenshot 2024-07-26 at 03.00.28.png b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.00.28.png new file mode 100644 index 0000000..2986fa9 Binary files /dev/null and b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.00.28.png differ diff --git a/work/pear-jansomwong/Screenshot 2024-07-26 at 03.00.49.png b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.00.49.png new file mode 100644 index 0000000..b359711 Binary files /dev/null and b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.00.49.png differ diff --git a/work/pear-jansomwong/Screenshot 2024-07-26 at 03.02.56.png b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.02.56.png new file mode 100644 index 0000000..ecb714c Binary files /dev/null and b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.02.56.png differ diff --git a/work/pear-jansomwong/Screenshot 2024-07-26 at 03.03.12.png b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.03.12.png new file mode 100644 index 0000000..ec6c03d Binary files /dev/null and b/work/pear-jansomwong/Screenshot 2024-07-26 at 03.03.12.png differ diff --git a/work/pear-jansomwong/bangkok_craft_communities_map.html b/work/pear-jansomwong/bangkok_craft_communities_map.html new file mode 100644 index 0000000..b0cb335 --- /dev/null +++ b/work/pear-jansomwong/bangkok_craft_communities_map.html @@ -0,0 +1,2167 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/work/pear-jansomwong/bkkdesignweek.png b/work/pear-jansomwong/bkkdesignweek.png new file mode 100644 index 0000000..492c598 Binary files /dev/null and b/work/pear-jansomwong/bkkdesignweek.png differ diff --git a/work/pear-jansomwong/index.html b/work/pear-jansomwong/index.html index ac9c34b..e97b3ba 100644 --- a/work/pear-jansomwong/index.html +++ b/work/pear-jansomwong/index.html @@ -74,75 +74,11 @@

Several diagrams are used to explain the complex interactions.

User Journey: Multiple Users depicts the journey of multiple stakeholders, including government officials, developers, residents, and community organizations. It shows how each group interacts with the system and the steps they take from announcement to outcome, emphasizing their interconnected roles and actions.

- - - - -
-

2 – Systems

-

Rube Goldberg System

Hyped

- -

Our Rube Goldberg-inspired system starts by detecting the sound of a balloon popping, which triggers the playback of a sound file. The vibrations from the speaker then set a lightweight object, @@ -153,7 +89,7 @@

Rube Goldberg System

-

3 – Authorship

+

2 – Authorship

In my design practice, my authorship philosophy centers on balancing "lock-in" and flexibility to enhance human creativity, inclusivity, and ethical responsibility. This approach draws from my varied experiences in community-focused and commercial design projects. I dive into community-focused initiatives to satisfy my curiosity and desire to experiment and innovate, addressing both existing problems and undiscovered needs. @@ -175,10 +111,214 @@

3 – Authorship

-

4 – Governance

+

3 – Politics

- +

“Reviving Thai Craft Communities through Creative Arts Districts”

+ +

the heart of Bangkok, traditional Thai craft communities are struggling to survive amidst rapid urban development. As new buildings rise, these artisans are being pushed out, losing not only their homes but their cultural heritage. They face tough competition from modern industries, making it hard to sustain their craft businesses. With younger generations moving away and fewer people involved, traditional techniques risk being lost forever. The community spirit is fading, and without exposure and support, these beautiful crafts could disappear. Establishing creative arts districts can revive these communities, preserving their unique culture and boosting their local economy.

+
+ Data Sources and Formats + + Geographic distribution of craft communities in Bangkok + + Format: CSV with latitude, longitude, and description data + Source: Local government websites, GIS databases, and community organizations +
+ +
+ + + + + + Bangkok Craft Communities Map + + + + + + + + +

Creative Business Status

+

Number and utilization of buildings in a Creative Economy District

+ + +

Event Participation Records

Event Participation Records + + Format: Numeric data, event summaries + Source: https://www.bangkokdesignweek.com/en/bkkdw2024/about?section=pastfest + + + +

Community Engagement Images

+ + + + + + + + + +
+
+ + + + + + + + + +
+ Slide 1 +
+
+ Slide 2 +
+
+ Slide 3 +
+
+ Slide 4 +
+
+ Slide 5 +
+
+ Slide 6 +
+
+ + + + +

+ Community Life and Culture Text Data +Format: Text documents (DOCX, PDF) +Source: Descriptions and historical accounts from local historians, community records, and reports + +Interview Quotes from Local Residents +Format: Text documents (DOCX, PDF) +Source: Transcriptions from interviews with community members, local artisans, and stakeholders +

+ +
+

Data Manifesto

+
+In my future practice, I see data as a powerful tool for visualization and storytelling. Quantitative data provides the foundation, revealing patterns and trends that help us understand broader shifts. Qualitative interviews bring in personal stories and insights, adding a human element to the data. Geospatial data helps map out where these events and trends are occurring, giving a clear picture of the spatial dynamics at play. Historical texts link past and present, showing how traditions have evolved over time. Visual documentation, through photos and videos, captures the current state of communities and their activities. Together, these datasets offer a comprehensive view of traditional Thai craft communities. They highlight the challenges of urban development, economic pressures, and the need for cultural preservation. At the same time, they show the potential for revitalization through creative arts districts. This mix of data types supports my belief that targeted interventions can help sustain and grow these communities. +
+

4 – Governance

+
+

Prototype 1: Narrative x Data Visualization x Google Street View & Photoshop x P5.js

+
+ > +
+"Hidden within the bustling streets of Bangkok, these doorways are the silent guardians of our cultural heritage. Each entrance leads to a world where traditional crafts thrive amidst urban chaos. By unveiling these hidden gems, we aim to preserve their stories and celebrate the rich tapestry of our past. Let us walk through these doors and embrace the beauty and resilience of our craft communities." +
+

Prototype 2: Narrative x Mapping x Audio Visual Experience x Mapbox

+
+ +
+
+ +

Prototype 3: Narrative x x Data Visualization x p5js

+
+ +
+ +

"Bangkok Memory Tiles"

+
+ Interactive, conceptual tiles are installed in public spaces, where stepping on tiles triggers visual and auditory experiences related to Bangkok’s cultural heritage. In the center, a larger interactive panel allows users to record and share their stories, contributing to the community's collective memory and participatory governance. + +
+ + + +

5 – Behavior

diff --git a/work/pear-jansomwong/soundmap/20 nearest old craft commu - Sheet1.csv b/work/pear-jansomwong/soundmap/20 nearest old craft commu - Sheet1.csv new file mode 100644 index 0000000..bdf83d3 --- /dev/null +++ b/work/pear-jansomwong/soundmap/20 nearest old craft commu - Sheet1.csv @@ -0,0 +1,21 @@ +ID,Name,Description,Latitude,longitute,Country,Province +1,Narng Lerng,"Ban Nang Loeng, also known as Ban E-Leng, derives its name from the Mon word ""E-Leng,"" which means jar or earthenware pot. It is believed that the community originated from Mon traders who brought jars and other pottery from Ban Sam Khok, Pathum Thani, and sold them in Bangkok along the Khlong Phadung Krung Kasem canal. Over time, the area evolved into a market for exchanging a wide variety of goods, developing significantly since the reign of King Chulalongkorn (Rama V).",13.75926514,100.5121433,Thailand,Bangkok +2,Ban bat ,"At the intersection of Meru Poon and Bamrung Mueang Roads, the exact origins of the community are unclear, with varying accounts. Some say the residents of Ban Bat were originally from Ayutthaya and migrated after the fall of the city, while others believe it was established during the early days of Bangkok. Historically, this community was renowned for its craftsmanship in making monk's alms bowls, with products once sold at markets in the Sao Chingcha and Sampeng areas. Today, only a few families continue this traditional craft.",13.7513014,100.5060857,Thailand,Bangkok +3,Ban Dok Mai ,"Another renowned artisan community in Phra Nakhon is located around Golden Mount (Wat Saket) and the area along Khlong Ong Ang. This old neighborhood developed alongside the construction of the temple and became an important center for the production of consumables in Phra Nakhon. Among these skilled artisan communities is 'Ban Dok Mai,' known for producing fireworks, firecrackers, and torches.",13.74919566,100.5069334,Thailand,Bangkok +4,Ban Krua ,"A historic Thai-Muslim community of Cham descent, the largest of its kind in Bangkok with a history spanning over 200 years. The community is renowned for its traditional silk weaving craftsmanship. It also houses the old 'Masjid Yameul Koiya' mosque, which was established during the reign of King Rama I.",13.75174558,100.5223616,Thailand,Bangkok +5,Trok Ban Panthom,"In the past, this community was known for producing engraved trays, or 'phaan thom,' a significant craft in old Bangkok. Today, this tradition no longer exists, but the community is remembered for its historical role as a key producer of these ancient metalworks.",13.76145439,100.5041867,Thailand,Bangkok +6,Ban Panthom,"Area is known for its craftsmen specializing in making tinware such as water vessels and trays. While there is no exact historical record of when this began, the tinware style was influenced by people who migrated from Nakhon Si Thammarat, hence it was commonly referred to as 'Nakhon tin.' Today, this tradition is no longer present.",13.7601966,100.5027794,Thailand,Bangkok +7,Pom Mahakarn ,"This group has been continuously settled for over 50 years, blending with people who have been here since the reign of King Rama III, who established the old houses still present today. Wat Thepthidaram and Wat Ratchanadda serve as the centers for religious ceremonies and beliefs, while the shrine at Phom Mahakan is a place of veneration for the community.",13.75556335,100.5010247,Thailand,Bangkok +8,Chareonchai ,Home to many valuable historic buildings and serves as a major hub for Chinese cultural and traditional goods in Bangkok.,13.74265736,100.5099521,Thailand,Bangkok +9,Troksilpa-Troktuekdin ,"It is an ancient community that still preserves architecture over 80 years old, including residential areas of its inhabitants. It is situated in the vicinity of significant religious sites, which may have contributed to the establishment of what is now known as the 'Trok Sin-Trok Tin Soi' community, such as Wat Thepthidaram, Wat Mahannapharam, and Wat Ratchanadda.",13.75536892,100.5004767,Thailand,Bangkok +10,Trok Bawornrungsee,Currently renowned for gold leaf production but was historically known for its highly skilled goldsmiths.,13.75879101,100.5007908,Thailand,Bangkok +11,Tuekdin Mosque ,"An old Islamic neighborhood behind the Rajdamnoen building area, features the pristine white 'Tindin Mosque' located in a community surrounded by houses, which may obscure its once-visible beauty.",13.75836767,100.5003551,Thailand,Bangkok +12,Luenrit ,"Uncovered ancient artifacts within the area, including fragments of plates, bowls, glasses, tiles, horseshoes, doors, roofs, mahjong tiles, and even pig remains. These findings reflect historical value from the reign of King Rama IV to the present day.",13.743784,100.505074,Thailand,Bangkok +13,Ban Thongkamplew ,"This ancient gold leaf production community, dating back to the reign of King Rama V, was once a major center for trading gold leaf and royal decorations. It is also a historically valuable community for gold craftsmanship in Bangkok.",13.7507544,100.4993098,Thailand,Bangkok +14,Ban Teethong ,"A community of Lao people from Vientiane and Luang Prabang who migrated during the early Rattanakosin period, specializing in gold leaf crafting for covering Buddha statues and for decorating various artworks.",13.75733288,100.498662,Thailand,Bangkok +15,Ban Krua Nhuer,"The Chamu ethnic community, originally from Cambodia, is renowned for its traditional silk weaving. This community, with its rich cultural heritage, continues to uphold and celebrate its textile craftsmanship.",13.74986855,100.5276124,Thailand,Bangkok +16,Pahurat ,"The historic commercial district of Pahurat in Bangkok is renowned for its vibrant and diverse fabric shops, featuring textiles from Thai, Chinese, and Indian traditions. The area is predominantly occupied by Thai-Indian merchants who offer a range of products, including clothing, accessories, and Indian food with distinctive spice flavors. This makes Pahurat a small Indian community within Thailand, showcasing a rich blend of cultural heritage and commercial activity.",13.74454207,100.4995295,Thailand,Bangkok +17,Wat Sampraya,"The Wat Sam Phraya community is renowned for its unique craftsmanship, such as art made from 'palm leaves.' Although this art form has faded, a notable specialty is 'khao tom nam woon,' a well-known sweet. Additionally, Wat Sam Phraya Worawihan, an ancient temple, has long stood alongside the community.",13.76663902,100.4994244,Thailand,Bangkok +18,Ban Mhor ,"Located next to Ban Lao, is a community of Vietnamese immigrants who settled during the early Rattanakosin period. They originally specialized in making pots and cooking utensils. As modern containers replaced their traditional products, they shifted their focus to selling jewelry, gemstones, and accessories, becoming a renowned area in Phra Nakhon. Today, it has transformed into a major hub for audio equipment sales.",13.74487261,100.4972988,Thailand,Bangkok +19,Yan Ta Praarthit ,"A popular area for foreign tourists in the Banglamphu neighborhood, Khao San Road is a street along the Chao Phraya River featuring restaurants, hotels, hostels, tour companies, coffee shops, dessert places, photo spots, and public parks for relaxation.",13.76227554,100.4931616,Thailand,Bangkok +20,Yan Ta Praarthit ,"A popular area for foreign tourists in the Banglamphu neighborhood, Khao San Road is a street along the Chao Phraya River featuring restaurants, hotels, hostels, tour companies, coffee shops, dessert places, photo spots, and public parks for relaxation.",13.76227554,100.4931616,Thailand,Bangkok \ No newline at end of file diff --git a/work/pear-jansomwong/soundmap/20nearestcommu.geojson b/work/pear-jansomwong/soundmap/20nearestcommu.geojson new file mode 100644 index 0000000..02087d3 --- /dev/null +++ b/work/pear-jansomwong/soundmap/20nearestcommu.geojson @@ -0,0 +1,465 @@ +{ + "type": "FeatureCollection", + "features": [ + { + "type": "Feature", + "properties": { + "ID": 1, + "Name": "Narng Lerng", + "Description": "Ban Nang Loeng, also known as Ban E-Leng, derives its name from the Mon word \"E-Leng,\" which means jar or earthenware pot. It is believed that the community originated from Mon traders who brought jars and other pottery from Ban Sam Khok, Pathum Thani, and sold them in Bangkok along the Khlong Phadung Krung Kasem canal. Over time, the area evolved into a market for exchanging a wide variety of goods, developing significantly since the reign of King Chulalongkorn (Rama V).", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.512143, + 13.759265 + ] + }, + "bbox": [ + 100.512143, + 13.759265, + 100.512143, + 13.759265 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 2, + "Name": "Ban bat ", + "Description": "At the intersection of Meru Poon and Bamrung Mueang Roads, the exact origins of the community are unclear, with varying accounts. Some say the residents of Ban Bat were originally from Ayutthaya and migrated after the fall of the city, while others believe it was established during the early days of Bangkok. Historically, this community was renowned for its craftsmanship in making monk's alms bowls, with products once sold at markets in the Sao Chingcha and Sampeng areas. Today, only a few families continue this traditional craft.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.506086, + 13.751301 + ] + }, + "bbox": [ + 100.506086, + 13.751301, + 100.506086, + 13.751301 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 3, + "Name": "Ban Dok Mai ", + "Description": "Another renowned artisan community in Phra Nakhon is located around Golden Mount (Wat Saket) and the area along Khlong Ong Ang. This old neighborhood developed alongside the construction of the temple and became an important center for the production of consumables in Phra Nakhon. Among these skilled artisan communities is 'Ban Dok Mai,' known for producing fireworks, firecrackers, and torches.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.506933, + 13.749196 + ] + }, + "bbox": [ + 100.506933, + 13.749196, + 100.506933, + 13.749196 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 4, + "Name": "Ban Krua ", + "Description": "A historic Thai-Muslim community of Cham descent, the largest of its kind in Bangkok with a history spanning over 200 years. The community is renowned for its traditional silk weaving craftsmanship. It also houses the old 'Masjid Yameul Koiya' mosque, which was established during the reign of King Rama I.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.522362, + 13.751746 + ] + }, + "bbox": [ + 100.522362, + 13.751746, + 100.522362, + 13.751746 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 5, + "Name": "Trok Ban Panthom", + "Description": "In the past, this community was known for producing engraved trays, or 'phaan thom,' a significant craft in old Bangkok. Today, this tradition no longer exists, but the community is remembered for its historical role as a key producer of these ancient metalworks.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.504187, + 13.761454 + ] + }, + "bbox": [ + 100.504187, + 13.761454, + 100.504187, + 13.761454 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 6, + "Name": "Ban Panthom", + "Description": "Area is known for its craftsmen specializing in making tinware such as water vessels and trays. While there is no exact historical record of when this began, the tinware style was influenced by people who migrated from Nakhon Si Thammarat, hence it was commonly referred to as 'Nakhon tin.' Today, this tradition is no longer present.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.502779, + 13.760197 + ] + }, + "bbox": [ + 100.502779, + 13.760197, + 100.502779, + 13.760197 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 7, + "Name": "Pom Mahakarn ", + "Description": "This group has been continuously settled for over 50 years, blending with people who have been here since the reign of King Rama III, who established the old houses still present today. Wat Thepthidaram and Wat Ratchanadda serve as the centers for religious ceremonies and beliefs, while the shrine at Phom Mahakan is a place of veneration for the community.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.501025, + 13.755563 + ] + }, + "bbox": [ + 100.501025, + 13.755563, + 100.501025, + 13.755563 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 8, + "Name": "Chareonchai ", + "Description": "Home to many valuable historic buildings and serves as a major hub for Chinese cultural and traditional goods in Bangkok.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.509952, + 13.742657 + ] + }, + "bbox": [ + 100.509952, + 13.742657, + 100.509952, + 13.742657 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 9, + "Name": "Troksilpa-Troktuekdin ", + "Description": "It is an ancient community that still preserves architecture over 80 years old, including residential areas of its inhabitants. It is situated in the vicinity of significant religious sites, which may have contributed to the establishment of what is now known as the 'Trok Sin-Trok Tin Soi' community, such as Wat Thepthidaram, Wat Mahannapharam, and Wat Ratchanadda.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.500477, + 13.755369 + ] + }, + "bbox": [ + 100.500477, + 13.755369, + 100.500477, + 13.755369 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 10, + "Name": "Trok Bawornrungsee", + "Description": "Currently renowned for gold leaf production but was historically known for its highly skilled goldsmiths.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.500791, + 13.758791 + ] + }, + "bbox": [ + 100.500791, + 13.758791, + 100.500791, + 13.758791 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 11, + "Name": "Tuekdin Mosque ", + "Description": "An old Islamic neighborhood behind the Rajdamnoen building area, features the pristine white 'Tindin Mosque' located in a community surrounded by houses, which may obscure its once-visible beauty.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.500355, + 13.758368 + ] + }, + "bbox": [ + 100.500355, + 13.758368, + 100.500355, + 13.758368 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 12, + "Name": "Luenrit ", + "Description": "Uncovered ancient artifacts within the area, including fragments of plates, bowls, glasses, tiles, horseshoes, doors, roofs, mahjong tiles, and even pig remains. These findings reflect historical value from the reign of King Rama IV to the present day.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.505074, + 13.743784 + ] + }, + "bbox": [ + 100.505074, + 13.743784, + 100.505074, + 13.743784 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 13, + "Name": "Ban Thongkamplew ", + "Description": "This ancient gold leaf production community, dating back to the reign of King Rama V, was once a major center for trading gold leaf and royal decorations. It is also a historically valuable community for gold craftsmanship in Bangkok.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.49931, + 13.750754 + ] + }, + "bbox": [ + 100.49931, + 13.750754, + 100.49931, + 13.750754 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 14, + "Name": "Ban Teethong ", + "Description": "A community of Lao people from Vientiane and Luang Prabang who migrated during the early Rattanakosin period, specializing in gold leaf crafting for covering Buddha statues and for decorating various artworks.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.498662, + 13.757333 + ] + }, + "bbox": [ + 100.498662, + 13.757333, + 100.498662, + 13.757333 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 15, + "Name": "Ban Krua Nhuer", + "Description": "The Chamu ethnic community, originally from Cambodia, is renowned for its traditional silk weaving. This community, with its rich cultural heritage, continues to uphold and celebrate its textile craftsmanship.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.527612, + 13.749869 + ] + }, + "bbox": [ + 100.527612, + 13.749869, + 100.527612, + 13.749869 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 16, + "Name": "Pahurat ", + "Description": "The historic commercial district of Pahurat in Bangkok is renowned for its vibrant and diverse fabric shops, featuring textiles from Thai, Chinese, and Indian traditions. The area is predominantly occupied by Thai-Indian merchants who offer a range of products, including clothing, accessories, and Indian food with distinctive spice flavors. This makes Pahurat a small Indian community within Thailand, showcasing a rich blend of cultural heritage and commercial activity.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.49953, + 13.744542 + ] + }, + "bbox": [ + 100.49953, + 13.744542, + 100.49953, + 13.744542 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 17, + "Name": "Wat Sampraya", + "Description": "The Wat Sam Phraya community is renowned for its unique craftsmanship, such as art made from 'palm leaves.' Although this art form has faded, a notable specialty is 'khao tom nam woon,' a well-known sweet. Additionally, Wat Sam Phraya Worawihan, an ancient temple, has long stood alongside the community.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.499424, + 13.766639 + ] + }, + "bbox": [ + 100.499424, + 13.766639, + 100.499424, + 13.766639 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 18, + "Name": "Ban Mhor ", + "Description": "Located next to Ban Lao, is a community of Vietnamese immigrants who settled during the early Rattanakosin period. They originally specialized in making pots and cooking utensils. As modern containers replaced their traditional products, they shifted their focus to selling jewelry, gemstones, and accessories, becoming a renowned area in Phra Nakhon. Today, it has transformed into a major hub for audio equipment sales.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.497299, + 13.744873 + ] + }, + "bbox": [ + 100.497299, + 13.744873, + 100.497299, + 13.744873 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 19, + "Name": "Yan Ta Praarthit ", + "Description": "A popular area for foreign tourists in the Banglamphu neighborhood, Khao San Road is a street along the Chao Phraya River featuring restaurants, hotels, hostels, tour companies, coffee shops, dessert places, photo spots, and public parks for relaxation.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.493162, + 13.762276 + ] + }, + "bbox": [ + 100.493162, + 13.762276, + 100.493162, + 13.762276 + ] + }, + { + "type": "Feature", + "properties": { + "ID": 20, + "Name": "Yan Ta Praarthit ", + "Description": "A popular area for foreign tourists in the Banglamphu neighborhood, Khao San Road is a street along the Chao Phraya River featuring restaurants, hotels, hostels, tour companies, coffee shops, dessert places, photo spots, and public parks for relaxation.", + "Country": "Thailand", + "Province": "Bangkok" + }, + "geometry": { + "type": "Point", + "coordinates": [ + 100.493162, + 13.762276 + ] + }, + "bbox": [ + 100.493162, + 13.762276, + 100.493162, + 13.762276 + ] + } + ] +} \ No newline at end of file diff --git a/work/pear-jansomwong/soundmap/commu.code-workspace b/work/pear-jansomwong/soundmap/commu.code-workspace new file mode 100644 index 0000000..4417e61 --- /dev/null +++ b/work/pear-jansomwong/soundmap/commu.code-workspace @@ -0,0 +1,10 @@ +{ + "folders": [ + { + "path": "." + } + ], + "settings": { + "liveServer.settings.multiRootWorkspaceName": "commu" + } +} \ No newline at end of file diff --git a/work/pear-jansomwong/soundmap/images/image1.jpg b/work/pear-jansomwong/soundmap/images/image1.jpg new file mode 100644 index 0000000..89bfaef Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image1.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image10.jpg b/work/pear-jansomwong/soundmap/images/image10.jpg new file mode 100644 index 0000000..fbce431 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image10.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image11.jpg b/work/pear-jansomwong/soundmap/images/image11.jpg new file mode 100644 index 0000000..e8d64de Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image11.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image12.jpg b/work/pear-jansomwong/soundmap/images/image12.jpg new file mode 100644 index 0000000..2b11ae6 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image12.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image13.jpg b/work/pear-jansomwong/soundmap/images/image13.jpg new file mode 100644 index 0000000..6ed723d Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image13.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image14.jpg b/work/pear-jansomwong/soundmap/images/image14.jpg new file mode 100644 index 0000000..f770f08 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image14.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image15.jpg b/work/pear-jansomwong/soundmap/images/image15.jpg new file mode 100644 index 0000000..4d9418d Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image15.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image16.jpg b/work/pear-jansomwong/soundmap/images/image16.jpg new file mode 100644 index 0000000..ba90cbe Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image16.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image17.jpg b/work/pear-jansomwong/soundmap/images/image17.jpg new file mode 100644 index 0000000..0360f32 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image17.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image18.jpg b/work/pear-jansomwong/soundmap/images/image18.jpg new file mode 100644 index 0000000..b401f25 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image18.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image19.jpg b/work/pear-jansomwong/soundmap/images/image19.jpg new file mode 100644 index 0000000..e0c044b Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image19.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image2.jpg b/work/pear-jansomwong/soundmap/images/image2.jpg new file mode 100644 index 0000000..61f6d04 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image2.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image20.jpg b/work/pear-jansomwong/soundmap/images/image20.jpg new file mode 100644 index 0000000..32c8fd0 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image20.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image3.jpg b/work/pear-jansomwong/soundmap/images/image3.jpg new file mode 100644 index 0000000..446eccf Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image3.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image4.jpg b/work/pear-jansomwong/soundmap/images/image4.jpg new file mode 100644 index 0000000..3dc7fff Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image4.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image5.jpg b/work/pear-jansomwong/soundmap/images/image5.jpg new file mode 100644 index 0000000..5e6c75b Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image5.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image6.jpg b/work/pear-jansomwong/soundmap/images/image6.jpg new file mode 100644 index 0000000..455aba7 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image6.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image7.jpg b/work/pear-jansomwong/soundmap/images/image7.jpg new file mode 100644 index 0000000..a66fc06 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image7.jpg differ diff --git a/work/pear-jansomwong/soundmap/images/image8.png b/work/pear-jansomwong/soundmap/images/image8.png new file mode 100644 index 0000000..78e32be Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image8.png differ diff --git a/work/pear-jansomwong/soundmap/images/image9.jpg b/work/pear-jansomwong/soundmap/images/image9.jpg new file mode 100644 index 0000000..198b740 Binary files /dev/null and b/work/pear-jansomwong/soundmap/images/image9.jpg differ diff --git a/work/pear-jansomwong/soundmap/soundmap.html b/work/pear-jansomwong/soundmap/soundmap.html new file mode 100644 index 0000000..693f5c9 --- /dev/null +++ b/work/pear-jansomwong/soundmap/soundmap.html @@ -0,0 +1,85 @@ + + + + +Add custom icons with Markers + + + + + + + + +
+ + + + + +//Explore the hidden alleys of Bangkok through this interactive map, where ancient crafts quietly thrive amidst urban sprawl. Each marker reveals an image and sound, bringing to life the vibrant traditions and stories of these resilient communities. Journey through the heart of the city, discovering the harmonious blend of past and present as you listen to the unique sounds of each craft. Celebrate the enduring spirit and skill of Bangkok's artisans, preserving their heritage one click at a time. \ No newline at end of file diff --git a/work/pear-jansomwong/soundmap/sounds/sound1.mp3 b/work/pear-jansomwong/soundmap/sounds/sound1.mp3 new file mode 100644 index 0000000..b195eb7 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound1.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound10.mp3 b/work/pear-jansomwong/soundmap/sounds/sound10.mp3 new file mode 100644 index 0000000..88ccb54 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound10.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound11.mp3 b/work/pear-jansomwong/soundmap/sounds/sound11.mp3 new file mode 100644 index 0000000..25829fb Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound11.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound12.mp3 b/work/pear-jansomwong/soundmap/sounds/sound12.mp3 new file mode 100644 index 0000000..a0421ce Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound12.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound13.mp3 b/work/pear-jansomwong/soundmap/sounds/sound13.mp3 new file mode 100644 index 0000000..e61fc72 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound13.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound14.mp3 b/work/pear-jansomwong/soundmap/sounds/sound14.mp3 new file mode 100644 index 0000000..2ae3dc2 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound14.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound15.mp3 b/work/pear-jansomwong/soundmap/sounds/sound15.mp3 new file mode 100644 index 0000000..9874bcd Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound15.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound16.mp3 b/work/pear-jansomwong/soundmap/sounds/sound16.mp3 new file mode 100644 index 0000000..fd38fe3 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound16.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound17.mp3 b/work/pear-jansomwong/soundmap/sounds/sound17.mp3 new file mode 100644 index 0000000..5e0cceb Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound17.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound18.mp3 b/work/pear-jansomwong/soundmap/sounds/sound18.mp3 new file mode 100644 index 0000000..3f09379 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound18.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound19.mp3 b/work/pear-jansomwong/soundmap/sounds/sound19.mp3 new file mode 100644 index 0000000..9884d02 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound19.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound2.mp3 b/work/pear-jansomwong/soundmap/sounds/sound2.mp3 new file mode 100644 index 0000000..b9b737f Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound2.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound20.mp3 b/work/pear-jansomwong/soundmap/sounds/sound20.mp3 new file mode 100644 index 0000000..577fd27 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound20.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound3.mp3 b/work/pear-jansomwong/soundmap/sounds/sound3.mp3 new file mode 100644 index 0000000..245a6de Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound3.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound4.mp3 b/work/pear-jansomwong/soundmap/sounds/sound4.mp3 new file mode 100644 index 0000000..1f83f41 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound4.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound5.mp3 b/work/pear-jansomwong/soundmap/sounds/sound5.mp3 new file mode 100644 index 0000000..7f2cc8c Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound5.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound6.mp3 b/work/pear-jansomwong/soundmap/sounds/sound6.mp3 new file mode 100644 index 0000000..d44756e Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound6.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound7.mp3 b/work/pear-jansomwong/soundmap/sounds/sound7.mp3 new file mode 100644 index 0000000..3f79fa2 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound7.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound8.mp3 b/work/pear-jansomwong/soundmap/sounds/sound8.mp3 new file mode 100644 index 0000000..a0956fb Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound8.mp3 differ diff --git a/work/pear-jansomwong/soundmap/sounds/sound9.mp3 b/work/pear-jansomwong/soundmap/sounds/sound9.mp3 new file mode 100644 index 0000000..e61fc72 Binary files /dev/null and b/work/pear-jansomwong/soundmap/sounds/sound9.mp3 differ diff --git a/work/pear-jansomwong/soundmap/style.css b/work/pear-jansomwong/soundmap/style.css new file mode 100644 index 0000000..8fe4f2c --- /dev/null +++ b/work/pear-jansomwong/soundmap/style.css @@ -0,0 +1,9 @@ +body { margin: 0; padding: 0; } +#map { position: absolute; top: 0; bottom: 0; width: 100%; } +.marker { + display: block; + border: none; + border-radius: 50%; + cursor: pointer; + padding: 0; +} diff --git a/work/pear-jansomwong/style.css b/work/pear-jansomwong/style.css index d0190d3..b1242a0 100644 --- a/work/pear-jansomwong/style.css +++ b/work/pear-jansomwong/style.css @@ -3,3 +3,10 @@ article>h1:first-child { color: blue; } + +container { + width: 100%; + height: 100%; + margin: 20px; + position: flex; +} \ No newline at end of file diff --git a/work/yilin-zheng/index.html b/work/yilin-zheng/index.html index a87bf8a..ec94d9d 100644 --- a/work/yilin-zheng/index.html +++ b/work/yilin-zheng/index.html @@ -2,8 +2,7 @@ - - + @@ -19,7 +18,8 @@
-

+ +

Columbia GSAPP @@ -47,37 +47,44 @@

+

+

Hi, this is Yilin.


+

I am drawn to dissecting the upstream and downstream processes, unraveling how decisions are made and subsequently influence one another within complex systems. I focus on understanding the implications of cycles, helping vulnerable people make more informed decisions, emphasizing proactive rather than reactive decision-making.

+

Systems

Is it recyclable?

Wood Lifecycle Timeline

Wood is considered as a renewable resource, it is recyclable, and environmentally friendly in consumers perspective. But it is not as simple as it is known for. There's a lot of hidden elements such as energy, water, and labor inputs behind the curtain of “good resource”. In addition, in recycling construction use of wood, the amount of flows of wood is the greatest. It is important to maintain and track the system to balance the material reuse loop.

- system diagram + system diagram

Whom does it impact?

Understanding the lifecycle system could help users / decision makers to perform comparative analysis to products of similar functions. In addition, being mindful of sustainability of future material innovation. There's a huge group of stakeholders in the construction business that leverage the decision of the journey of wood throughout its lifecycle. The lifecycle awareness is essential for stakeholders to understand and create resilience in this decision system. The lifecycle of wood as a renewable resource presents a multifaceted system characterized by various properties and dynamics. Its renewability, recyclability, and perceived environmental friendliness gave the material a substantial amount of attention and increase in investment.

- SWOT + SWOT
"Velit laoreet id donec ultrices tincidunt arcu…"
- stakeholder + stakeholder

What are its leverage points?

+

Despite these positive aspects, there are significant challenges. Processing and recycling wood requires substantial energy, water, and labor resources, which can offset some of the environmental benefits. On the other hand, transportation and processing contribute significantly to carbon emissions and have a crucial role in scaling the system's efficiency and sustainability. Regulatory and market barriers can also hinder efficient recycling and reuse, making it challenging to maximize the benefits of wood as a renewable resource.

+

The recycling of wood, especially in the construction industry, involves substantial flows of material, which signifies the importance of maintaining and tracking the system to balance the material reuse loop. A diverse group of stakeholders influences the wood lifecycle. Understanding this system allows stakeholders to make informed decisions that promote sustainability and resilience. Material lifecycle awareness enables comparative analysis of products with similar functions and encourages innovation in sustainable material use, ultimately supporting long-term environmental goals.

- flowchart + flowchart
@@ -96,7 +103,7 @@

Adjective:

Authorship

- Zine animation + Zine animation

click to play the AI Artifact Playground

@@ -110,10 +117,19 @@

Authorship

Politics

+ +
+

In exploring the decision-making process of property owners in areas prone to natural disasters, I am looking into various sketch prototypes, focusing on visualization goals, methods, and tools that aligned with my practice. One of the methods I attempted was to map the geographical relationship between vulnerability and population characteristics using Grasshopper. Its parametric design capabilities allowed for dynamic visualizations that could effectively represent complex spatial relationships. Additionally, I want to explore an analytical approach to examine projected flood frequency versus average property ownership periods, using statistical graphs to highlight temporal patterns and trends. All of these are tied into the narrative approach, which aims to depict the user journey, providing a perspective on the property owner's experience. + The combination of analytical and narrative approaches provided a comprehensive view to the decision-making process of the user.

+
+ Decision-making process of property owners when purchasing property in areas prone to natural disasters

Governance

+

Design Fiction: Imagine Communal Housing Possiblities

+ +

04governance_video from Yilin Zheng on Vimeo.

@@ -125,4 +141,4 @@

Behavior

- + \ No newline at end of file diff --git a/work/yilin-zheng/scripts.js b/work/yilin-zheng/scripts.js index b2235c3..78e4545 100644 --- a/work/yilin-zheng/scripts.js +++ b/work/yilin-zheng/scripts.js @@ -1,3 +1,32 @@ +//reference: https://docs.google.com/document/d/1qLuQIsmAmPtSL0i-C5rSPVQyBt5IhxoX-oq7fyIXsW4/edit ; https://pudding.cool/process/introducing-scrollama/ + +//table of contents visibility +// document.addEventListener('DOMContentLoaded', function () { +// const tocLinks = document.querySelectorAll('.table_of_contents a'); +// const sections = document.querySelectorAll('.section'); + +// tocLinks.forEach(link => { +// link.addEventListener('click', function (e) { +// e.preventDefault(); + +// // Hide all sections +// sections.forEach(section => { +// section.classList.remove('active'); +// }); + +// // Show the clicked section +// const targetSection = document.getElementById(this.getAttribute('data-section')); +// targetSection.classList.add('active'); +// }); +// }); + +// // Show the first section by default +// if (sections.length > 0) { +// sections[0].classList.add('active'); +// } +// }); + +//typing animation 1 document.addEventListener("DOMContentLoaded", function() { const staticText = "Is it recyclable? "; // Text that remains visible const typingText = " Logic of Cradle to Grave of Industrial Wood"; // Text to be typed @@ -27,6 +56,7 @@ document.addEventListener("DOMContentLoaded", function() { typeWriter(); }); +//typing animation 2 document.addEventListener("DOMContentLoaded", function() { const staticText = "Adjective: "; // Text that remains visible const typingText = " Whimsical"; // Text to be typed diff --git a/work/yilin-zheng/style.css b/work/yilin-zheng/style.css index a08f1f9..92dd58e 100644 --- a/work/yilin-zheng/style.css +++ b/work/yilin-zheng/style.css @@ -1,15 +1,45 @@ /* CSS style sheet specific to a single student page. */ -/* header { - background-color: white; - font-family: montserrat; -} body { background-color: #F2F2F2; - margin: 0; - padding: 0; font-family: montserrat; -} */ + color: black; +} + +main { + width: 1600px; /* Set the constant width for the body */ + margin: 0 auto; /* Center the body */ + padding: 20px; /* Optional padding for better aesthetics */ + box-sizing: border-box; /* Include padding and border in the element's total width and height */ +} + +header { + /* background-color: white; */ + font-family: montserrat; + top: 0; + /* background: linear-gradient(to bottom, #1e3c72, transparent 100%); */ + padding: 10px 20px; + /* color: white; */ + z-index: 1000; /* Ensure it stays on top */ + border: none; /* No border */ + box-shadow: none; /* No shadow */ + margin-right: 50px; +} + +header a, +header h1, +header h2, +header nav, +header nav a { + /*color: white; Set text color to white */ + text-decoration: none; /* Remove underlines from links */ + margin-top: 10px; +} + +header a:hover { + color: #1e3c72; /* Optional: Change link color on hover for better visibility */ + background-color: transparent; +} .table_of_contents { position: fixed; @@ -21,6 +51,10 @@ body { left: 40px; } +.intro { + font-weight: 400; +} + #typing { animation: blink-caret 0.75s step-end infinite; } @@ -46,7 +80,7 @@ body { } h1 { - color: #732222; + color: #1e3c72; } main { @@ -54,6 +88,11 @@ main { } /* Image object */ +img { + max-width: 100%; /* Make images resize automatically */ + height: auto; /* Maintain aspect ratio */ +} + .flex-image { float: right; margin-left: 15px; @@ -62,10 +101,6 @@ main { max-width: 100%; /* Ensure the image does not exceed the container's width */ } -.standard-image { - max-width: 100%; -} - .flex-text { overflow: hidden; /* Ensure proper text wrapping */ font-size: 15px; @@ -79,3 +114,13 @@ p { font-size: 15px; font-style: italic; } + +a{ + text-decoration: none; /* Remove underline from link texts */ + transition: color 0.5s ease, text-decoration 0.5s ease; +} + +a:hover { + background-color: #7da7f6; /* Change color on hover */ + color: black; +} \ No newline at end of file