วันพฤหัสบดีที่ 14 พฤษภาคม พ.ศ. 2558

Topic : ปัญหาการเข้าสู่สังคมผู้สูงอายุของประเทศไทย

http://v54-30142.blogspot.com/2015/05/assignment2.html

วันพุธที่ 25 มีนาคม พ.ศ. 2558

repositary >> https://bitbucket.org/myuii/dv_test2

Log

changeset:   4:d7e30487c5ae
tag:         tip
user:        myuii
date:        Wed Apr 29 11:44:13 2015 +0700
summary:     barchart

changeset:   3:eada17004ea5
user:        myuii
date:        Wed Apr 29 11:02:31 2015 +0700
summary:     piechart2

changeset:   2:577bfb896eda
user:        myuii
date:        Wed Apr 29 11:02:12 2015 +0700
summary:     piechart1

changeset:   1:99a57785e787
user:        myuii
date:        Wed Apr 29 09:45:31 2015 +0700
summary:     add piechart.html

changeset:   0:ae09ecf711ab
user:        myuii
date:        Wed Apr 29 09:40:44 2015 +0700
summary:     first commit

วันอังคารที่ 24 มีนาคม พ.ศ. 2558

Exersice5

ใช้ D3.js ทำ Assignment1

เพิ่ม library d3 หรือ ใส่ <script src="http://d3js.org/d3.v3.min.js"></script>

ในไฟล์ index.html

แล้วจึงรันserver python -m SimpleHTTPServer 8888 หน้า index.html จะถูกแสดง
เปิด firefox แล้วใส่ url localhost:8888 เพื่อเปิด Developer Tools ขึ้นมา

================================================

oil sands มีปริมาณน้ำมันสำรองสูงเป็นอันดับ 3 ของโลก

จากการสำรวจเมื่อปี 2013 ทำให้ประเทศยักษ์ใหญ่อย่างจีนและสหรัฐ

ต้องการเข้ามาลงทุน

แต่อุตสากรรมนี้ปล่อยก๊าซเรือนกระจกในปริมาณสูงและเป็นพิษต่อสิ่งแวดล้อม

Global GHG Emission 2013

ทรายน้ำมัน(oil sands) มีส่วนประกอบของ โคลน น้ำ และ บิทูเมน

บิทูเมน(Bitumen) เป็นยางมะตอบความหนาแน่นสูง ในอุตสาหกรรมของทรายน้ำมันจะนำ บิทูเมนมากลั่นให้ได้น้ำมันเหลวออกมา

Bitimen compound

ในกระบวนการกลั่นบิทูเมนต้องนำน้ำสะอาดจำนวนมาก พอๆ กับปริมาณน้ำมันสุดท้ายที่ได้ออกมา

น้ำ 0.8 barrels = น้ำมัน 1 barrels

น้ำที่ปนเปื้อนจากบิทูเมนจะถูกปล่อยออกมาซึมไปใต้ดิน ทำให้น้ำจืดใต้ดินใช้ไม่ได้

แล้วยังมีก๊าซคาร์บอนไดออกไซด์ และซัลเฟอร์ไดออกไซด์ซึ่งเป็นก๊าซเรือนกระจกออกมาด้วย

Table 5 – Oil and gas sector: emissions by production type (Mt CO2e)
2005		2010		2020		Absolute Change 2005 to 2020
Natural Gas Production and Processing	57		46		44		-13
Conventional Oil Production	33		29		27		-6
Oil Sands	32		48		104		73
Oil and Natural Gas Transmission	16		11		9		-7
Downstream Oil and Gas	22		20		20		-2
Total	160		154		204		44

ปริมาณผลกระทบกับปริมาณน้ำมันที่ถูกผลิต

วันพุธที่ 11 กุมภาพันธ์ พ.ศ. 2558

วันอังคารที่ 10 กุมภาพันธ์ พ.ศ. 2558

Exercise4 - Start learning D3.js and Think about topic for your presentation

Exercise4

Interactive Data Visualization ,O'Reilly

- Start learning D3.js
Learning

codecademy
github-d3-Tutorials
Interactive Data Visualization for the Web, O'Reilly << Read online

บทที่3

Web server คือเครื่องคอมพิวเตอร์ที่ให้บริการเอกสารตามข้อมูลที่ร้องขอ Web server ที่นิยมใช้ที่สุดคือ Apache ซึ่งมันไม่จำเป็นต้องดูดี ในขณะที่ Browser ต้องดูดีมากเช่น Chrome, Firefox, Safari ทั้งหมดนี้มีไว้สำหรับให้ Client เรียกชมหน้าเว็บไซต์ได้โดยใช้โพรโทคอล HTTP ผ่านทางเว็บเบราว์เซอร์

DOM : Document Object Model เป็นโครงสร้างลำดับชั้น(hierarchical) ของภาษา HTML

DOM จะแบ่งข้อมูลออกเป็นคอมโพเนนต์ต่างๆ เช่น หัวข้อ ย่อหน้า ตาราง เพื่อให้สามารถจัดการกับเอกสารได้ง่ายขึ้น ไม่ว่าจะเพิ่มหรือลบ และแก้ไขคอมโพเนนต์ต่างๆ ซึ่งสามารถทำผ่านทาง Java หรือ JavaScript

Press Ctrl + Shift + C บน Chrome

DOM style on google Chrome

https://developer.chrome.com/devtools/docs/dom-and-styles

Inheritance, Cascading, and Specificity

<html>
  <head>
    <title></title>
      <style type="text/css">
        div {
          background-color: red;
          font-size: 24px;
          font-weight: bold;
          color: white;
        }
      </style>
    </head>
    <body>
      <p>I am a sibling to the div.</p>
      <div>
        <p>I am a descendant and child of the div.</p>
      </div>
  </body>
</html>

ข้อความที่ถูกแทกด้วย <div> จะถูกใส่รูปแบบ CSS ที่กำหนดไว้

INTRODUCTION TO JAVASCRIPT

ศึกษา Javascript บน codecademy

Interactive JavaScript

confirm("I feel awesome!");
confirm("I am ready to go.");
>> show popup

the program needs an input. You can ask for input with a prompt.

prompt("What is your name?");
prompt("What is Ubuntu?");

Data Types I & II: Numbers & Strings

"What is your name?".length
>>18

Data Type III: Booleans

"I'm coding like a champ".length >= 23;

>>true

Using console.log

console.log("Hello")

console.log(2 * 5)

>> Hello

>> 10

ถูกเรียกว่าการ print

Comparisons

console.log(15 > 4);
console.log("Xiao Hui".length < 122);
console.log("Goody Donaldson".length > 8);
console.log(8*2 === 16);
>>true
>>true
>>true
>>true

Decisions, decisions

if ( "wispmyuii".length >= 7 ) {
console.log( "You have a long name!" );
}
>> You have a long name!

- Think about topic for your presentation

Topic Tar Sand Production Growing VS Tar Sand getting Dirty

Tar Sand น้ำมันเหนียว

สาเหตุที่เลือกหัวข้อนี้เพราะปัจจุบัน ความต้องการน้ำมันสูงมาก ทำให้ราคาน้ำมันต่อหนึ่งหน่วยจึงสูงตามไปด้วย เมื่อมีความต้องการมากก็ย่อมทำให้ราคาดีดตัวสูงขึ้นไปอีก จึงมีการสำรวจหาแหล่งพลังงานที่ยั่งยืน คือ Alberta ซึ่งมีน้ำมันจำนวนกว่า 170 พันล้านบาเรล (เพิ่มอัตราการสำรองน้ำมันเท่ากับ 5 ปี)

ศักยภาพในการลงทุนเพื่อสำรวจ oil sand ปตท.สผ. ลงทุน 68,000 ล้านบาทใช้ซื้อหุ้น 40% ในแหล่งทรายน้ำมัน (tar sands) KKD ในประเทศแคนาดา

ที่มา : http://www.bangkokbiznews.com/blog/detail/526613

http://www.pttep.com/en/ourBusiness_EAndPprojectsDetail.aspx?ContentID=118

Impact ผลกระทบ

Giant Machine for Alberta

Alberta forest 10,000 year old VS Destroy for Tar Sand

New Alberta

การขุด Tar Sand ถือเป็นปัญหาระดับโลกด้านจิตสำนึก การทำลายป่าอายุกว่าหมื่นปี เพื่อให้ได้มาพลังงาน ป่าเหล่านี้ทำงานให้มนุษย์ทุกวันด้วยการปรับออกซิเจน คาร์บอนได้ออกไซด์ สร้างสภาพแวดล้อม แต่ทว่าปัจจุบันมนุษย์ไม่ได้หายใจด้วยออกซิเจนอีกแล้ว มนุษย์หายใจได้ด้วยเงิน ป้อนทรายเข้าไปมากเท่าไร ผลกำไรยิ่งสูงเท่านั้น การเสพติดปิโตรเลียมของคนทั้งโลก และการแสวงหากำไรจากทรายสีดำของคนบางกลุ่ม พลิกป่าเหล่านั้นเป็นป่าเสื่อมโทรม

Improve การพัฒนา
เพื่อนำกราฟ ที่ได้นำไปประยุกต์กับ Info-graphic เพื่อให้คนจำนวนมากได้เข้าใขถึงปัญหาที่ทุกคนจำเป็นต้องช่วยแก้ไข และแนวโน้มที่ทุกคนจะได้มีโอกาศใช้น้ำมันเหนียว
Inspiration แรงบันดาลใจ
การสร้างระบบในเชิงวิศวกรรมที่เคยเรียนมาคือการป้อน input น้อย เพื่อให้ได้ output มาก แต่การขุด tar sand ลบความคิดเชิงวิศวกรรมนี้ทั้งหมดเพื่อป้อน input (ทรายจำนวนมาก) เพื่อให้ได้ output (น้ำมันจำนวนน้อย)
สารคดี Alberta Oil Sand พากย์ไทย
oil sand greenhouse
http://www.livescience.com/37962-tar-sands-expansion-impact.html
rgytrendsinsider.com/2013/11/11/oil-sands-and-the-environment-part-i/
http://www.oag-bvg.gc.ca/internet/English/parl_cesd_201410_02_e_39849.html