Wednesday, January 31, 2018

Django : Tutorial Django part 1

      ในบทความนี้นะครับเราจะมาสอนสร้าง webapp ด้วย Django กันนะครับ

Creating a project

Browse ไปยัง Folder ที่ต้องการเก็บ project จากนั้น เริ่มสร้าง project ด้วยคำสั่ง


$ django-admin startproject mysite

จะทำให้ได้โฟลเดอร์ mysite ซึ่งด้านในจะเก็บไฟล์ project ของ Django ดังนี้

Credit Pic :  https://docs.djangoproject.com/en/2.0/intro/tutorial01/

  1. manage.py คือไฟล์ script สำหรับรันคำสั่งต่างๆ ที่เกี่ยวข้องกับ Django โดยปกติไฟล์นี้จะไม่ถูกแก้ไขใด ๆ
  2. __init__.py คือไฟล์ว่างๆ (ลองเปิดด้วย text editor ดูได้ครับ) ไฟล์นี้มีไว้เพื่อให้ภาษา Python รู้ว่าโฟลเดอร์ที่อยู่นี้เป็นโฟลเดอร์ที่ใช้เก็บ Python Package โดยปกติไฟล์นี้จะถูกปล่อยเป็นไฟล์ว่าง ๆ ไว้แต่เราสามารถใส่ Python script เข้าไปได้เช่นกันแต่จะไม่ขอพูดถึงรายละเอียดในส่วนนี้ในบทความนี้ โดยรายละเอียดเพิ่มเติมของไฟล์นี้สามารถศึกษาได้จาก   https://docs.python.org/3/tutorial/modules.html#packages 
  3. settings.py คือไฟล์ที่ใช้เก็บ configuration ทั้งหมดของ project เอาไว้ เช่น การตั้งค่า Database, Timezone, Logging เป็นต้น ซึ่งค่าที่เก็บในนี้จะอยู่ในรูปแบบ key — value ซึ่งไฟล์นี้จะเป็นไฟล์แรกที่ Django เข้ามาอ่านเมื่อเริ่มการทำงานของ web server
  4. urls.py คือไฟล์ที่ใช้เก็บการ routing ของ HTTP request 
  5. wsgi.py คือไฟล์ที่ใช้เก็บข้อมูลของ Django project ของเรา ใช้สำหรับการ deploy project เมื่อต้องการเชื่อมต่อกับ Web Server สำหรับรายละเอียดการ deploy สามารถอ่านเพิ่มเติมได้  https://docs.djangoproject.com/en/1.11/howto/deployment/wsgi/

เพื่อยืนยันว่า Project ของเราที่สร้างขึ้นสามารถใช้งานได้จริงให้ทดสอบโดยการ Run Server ดูโดยใช้คำสั่ง 
     
$ python manage.py runserver

แล้วจะได้ Output จาก Command lineประมาณนี้ครับ


Credit Pic :  https://docs.djangoproject.com/en/2.0/intro/tutorial01/

ซึ่งคำสั่งจะแบ่งออกเป็น 3 ส่วนคือ

Credit Pic : 
https://cdn-images-1.medium.com/max/1600/1*HKnHpxit1dLDAK7eIJULpg.png

  1. py manage.py คือการสั่งรัน Python script ในไฟล์ manage.py ซึ่งเป็นคำสั่งเริ่มต้นในการรัน Django command ทุกคำสั่ง
  2. runserver คือ parameter เพื่อบอกว่าต้องการ start web server ขึ้นมา
  3. 0.0.0.0:8000 คือ parameter ของ web server ที่เราจะสร้างขึ้นมา โดย 0.0.0.0 หมายถึงให้ web server ของเรา bind กับ   ทุก ๆ IP ในเครื่องของเรา และ 8000 คือ port ที่ต้องการรัน

หลังจากรัน Server Django project สำเร็จ สามารถทดลองใช้ web browser เปิดเข้าหน้าเวปของเราได้ที่ http://localhost:8000 จะได้ผลลัพธ์ตามภาพด้านล่าง


Creating the Polls app

ก่อนอื่นต้องอธิบายความแตกต่างระหว่าง Project และ App ก่อน
Project vs Application
  • App คือ โปรแกรมที่อยู่ในเว็บไซต์ เช่นในเว็บอาจจะประกอบไปด้วย เว็บบอร์ด สถิติการเข้าชม โพล ปฏิทิน และอื่นอีกมากมาย  
  • Projects คือ เอาทุกอย่างที่กล่าวที่ว่ามา ยัดเข้าไปใน Projects หรือ เว็บไซต์ เว็บหนึ่ง 
เริ่มต้นโดยจะสร้าง app ผ่าน manage.py ที่อยู่ภายใต้ project ที่เราสร้างขึ้นมา โดยเขียนคำสั่งตามนี้

$ python manage.py startapp polls

หลังจากสร้าง app เรียบร้อยแล้ว จะได้โฟลเดอร์ที่ชื่อว่า polls อยู่ภายใต้ project เราอีกที

 
Credit Pic :  https://docs.djangoproject.com/en/2.0/intro/tutorial01/

หลังจากนั้นให้เราทำการสร้างหน้า view ขึ้นมาเพื่อสร้างหน้าแสดงผลให้กับ app ของเรา
ให้เข้าไปที่  polls/views.py แล้วเขียน code  ตามนี้

Credit Pic :  https://docs.djangoproject.com/en/2.0/intro/tutorial01/

หลังจากนั้นสร้างไฟล์ที่ชื่อว่า urls.py ให้อยู่ในโฟลเดอร์ polls/ ขึ้นมา

Credit Pic :  https://docs.djangoproject.com/en/2.0/intro/tutorial01/

แล้วก็เข้าไปแก้ไข urls.py ให้ชี้ไปที่ views ให้ถูกต้อง ตามนี้ 

 
Credit Pic :  https://docs.djangoproject.com/en/2.0/intro/tutorial01/

 หลังจากนั้นให้ชี้ root url ที่ไฟล์ urls.py ในส่วนของ project 
(ไฟล์อยู่นอกโฟล์เดอร์ polls/ อย่าสับสน) 
ไม่ว่า code จะเขียนไว้อย่างไรก็ตามให้แก้ตามนี้

 
 Credit Pic :  https://docs.djangoproject.com/en/2.0/intro/tutorial01/

หลังจากนั้นให้ลองรัน server ขึ้นมาแล้วไปที่ 


ใน browser ของคุณซึ่งผลลัพท์ที่ได้ขึ้นประมาณนี้ครับ

Sunday, January 14, 2018

[w 1-2] Post blog about your idol(s)

Post about your idol(s)


credit pic : https://www.vanityfair.com/hollywood/2017/08/this-is-us-sylvester-stallone-milo-ventimiglia-rocky



Number 1!!

Sylvester stallone


ประวัติ
Michael Sylvester Gardenzio Stallone หรือ Sylvester Stallone
เกิดวันที่ 6 กรกฎาคม ค.ศ. 1946 ณ โรงพยาบาลชาริตี้ นิวยอร์ก สหรัฐอเมริกา

Sylvester ชีวิตที่เริ่มจากศูนย์
ครั้งนึง Sylvester Stallone ดาราดังที่เรารู้จักเคยใช้ชีวิตเป็นคนเรร่อน และสาเหตุที่ทำให้เขาเป็นคนเร่ร่อนเพราะชีวิตเสเพลที่เละเทะของเขาจนทำให้ชีวิตคู่จ้องพังทลายเขาถึงกับเคยขโมยเครื่องประดับของภรรยาตัวเองไปขายเพื่อให้ได้เงินมาเลี้ยงชีพเลย หลายๆคนคงทราบว่า Sylvester นั้นรักสุนัขมากๆ ซึ่งเขาเล่าว่าในช่วงปี ค.ศ. 1971 Sylvester ต้องใช้ชีวิตอย่างยากลำบาก โดยเขาบอกว่า เขาและเจ้า Butkus สุนัขของเขาต่างก็มีร่างกายที่ซูบผอมและหิว เขาต้องอาศัยอยู่ที่ฟล็อบเฮ้าส์เก่าๆ เหนือรถไฟใต้ดินที่มีทั้งแมลงสาบ มีสภาพอากาศที่ร้อน ชื้น และหนาวเย็น เมื่อทุกอย่างเริ่มแย่เขาก็ตัดสินใจนำเจ้า Butkus ไปขายให้กับคนแปลกหน้าในร้านเหล้าในราคา 25 ดาลลาห์ เพียงเพื่อจะเอาเงินมาเลี้ยงชีพ เขากล่าวว่านั่นคือช่วงเวลาที่ตัวใจของเขาแตกสลายเขาเดินออกมาร้องไห้ฟูมฟาย สองอาทิตย์ต่อมา Sylvester มีโอกาสได้ไปดูการแข่งขันขกมวยระหว่าง Mohammed Ali และ Chuck Wepner การชกครั้งนั้นทำให้เขามีแรงบัลดาลใจให้เขาทุ่มเวลาไปกับการเขียนบทหนังที่ทำให้เขามีชื่อเสียงนั่นก็คือ Rockie หลังจากเขาเขียนบทเสร็จก็นำบทไปเสนอขายให้กับค่ายหนังชื่อดัง โดยทางค่ายยอมซื้อในราคา 125000 ดาลล่าห์เลย ซึ่ง Sylvester พอใจกับราคานี้แต่เขามีข้อแม้ว่า "เขาต้องได้แสดงเป็นตัวเอกของเรื่อง" นั้นทำให้ทางค่ายปฎิเสธด้วยเหตุผลว่า "Sylvester มีวิธีการพูดที่ตลก เกินกว่าจะเป็นตัวเอกได้" เมื่อทางค่ายปฎิเสธ Sylvester ก็ไม่ง้อ นั้นจึงทำให้ทางค่ายหนังดังต้องตามง้อเขาจนสุดท้ายทางค่ายเสนอว่า "จะให้ราคาบทเพียงแค่ 35000 ดอลลาห์" Sylvester จะรีบคว้าโอกาสนี้ทันที หลังจากหนังเข้าฉาย หนังก็ได้รับรางวัลออสการ์สาขา Best Picture, Best Actor, Best Film Directing และ Best Editing Movie นอกจากนี้หนัง Rockie ยังถูกยกย่องให้เป็นหนังที่ดีที่สุดจึงทำให้ Sylvester ดังเป็นพลุแตกเลย แล้วสิ่งที่เขาทำกับเงิน 35000 ดอลลาห์ ก็คือ เขากลับไปที่ร้านเหล้าร้านเดิม รอคอยชายแปลกหน้าที่เขาได้ขายเจ้า Butkus เขารอถึง 3 วันก็พบกับชายแปลกหน้าและเจ้า Butkus เขาขอซื้อสุนัขของเขาคืนโดยให้เหตุผลว่าทำไมถึงขายมัน แต่ชายแปลกหน้าก็ไม่ยอมขายคืนให้จน Sylvester ต้องยอมทุ่มเงินถึง 15000 ดอลลาห์ เพื่อซื้อสุนัขเขาคืน ถึงแม้ต้องจ่ายราคาสูงมากแต่ Sylvester ก็มีความสุขมากที่ได้เจ้า Butkus คืนสู่อ้อมกอด


credit pic : https://www.vanityfair.com/hollywood/2017/08/this-is-us-sylvester-stallone-milo-ventimiglia-rocky



Number 2!!

Paul walker


credit pic : http://peopleschoice.com/2015/04/06/furious-7-last-scene-paul-walker/



ประวัติ
Paul William Walker IV หรือ Paul walker
พอล วอล์กเกอร์ เกิดวันที่ 12 กันยายน ค.ศ. 1973 ที่รัฐแคลิฟอร์เนีย

ความลับ 10 ปี ของ Paul walker
เรื่องมีอยู่ว่าในขนะที่พอลกำลังเดินช้อปปิ้งอยู่ในร้านเพชรแห่งนึงในเมืองซานตา บาร์บาร่า เค้าได้เห็นผู้ชายคนนึงซึ่งเป็นทหารที่เพิ่งกลับจากหน้าที่ประจำการที่ประเทศอิรัก กำลังหาเลือกซื้อแหวนให้แฟนสาว เพราะจะขอแฟนสาวแต่งงาน ก่อนเดินทางไปประจำที่อิรักอีกครั้ง แต่หนุ่มทหารคนนั้นชอบแหวนเพชรมูลค่าราว 3 แสนบาท เพราะมันดูสวยงามมาก แต่ทหารผู้นั้นไม่มีเงินพอที่จะจ่ายจึงต้องเดินออกจากร้านไปด้วยความเศร้า ทิ้งไว้เพียงแค่รายละเอียดส่วนตัว ที่อยู่ เบอร์โทร Paul เดินเข้าไปถามพนักงานว่าเกิดอะไรขึ้น หลังจากทราบเรื่องราว จึงได้บอกให้พนักงานใช้บัตรเค้ารูดซื้อแหวนวงนั้นให้ทหารหนุ่ม แลัวส่งไปให้ที่บ้านก่อนทหารหนุ่มจะเดินทางไปอิรัก เมื่อทหารได้รับแหวนก็งงและรีบไปที่ร้านเพื่อไปยืนยันว่าเค้าไม่มีเงินซื้อ พนักงานจึงบอกไปว่า มีคนเทคแคร์ให้แล้วไม่ต้องกังวล ทหารจึงอยากทราบว่าใคร พนักงานไม่ยอมบอก จนทหารหนุ่มต้องติดต่อไปกับบริษัทเครดิตการ์ด จนทราบภายหลังต่อมาว่า คนที่อยู่เบื้องหลังความสำเร็จในการขอแต่งงานแฟนสาวของเค้า คือ "Paul Walker"

credit pic : https://pantip.com/topic/35614203

credit pic : https://pantip.com/topic/35614203

credit pic : https://pantip.com/topic/35614203

credit pic : https://www.youtube.com/watch?v=O1gngIwuTcQ



Wednesday, January 10, 2018

My new year's resolution

My new year's resolution

  1. ทำงานที่ได้รับมอบหมายจากแต่ละวิชาให้ครบ และทำให้ดีที่สุด
  2. อ่านหนังสือก่อนอาทิตย์สอบ 1 อาทิตย์
  3. ต้องพยายามไม่ติด F 
  4. เกรดต้องไม่ต่ำกว่า 2.00
  5. มีความอดทนมากกว่าเดิม

Knowledge : What is Web Application

What is Web Application


ความหมายของ Web Application
  • Web Application คือ Application ที่ถูกเขียนขึ้นมาสำหรับการใช้งานบน Web ต่างๆ (เช่น Google doc)
  • ถูกปรับแต่งให้แสดงผลแต่ส่วนที่จำเป็น เพื่อเป็นการลดทรัพยากรในการประมวลผล ของตัวเครื่องสมาร์ทโฟน หรือ แท็บเล็ต 
 ข้อดีของ Web Application (เว็บแอพพลิเคชั่น)
  • สามารถโหลดหน้าเว็บไซต์ได้เร็วขึ้น อีกทั้งผู้ใช้งานยังสามารถใช้งานผ่าน Internet ในความเร็วตํ่าได้
  • สามารถใช้โปรแกรมประเภท Brower ที่ติดมากับ OS ใช้งานได้ทันที ไม่จำกัดว่าเครื่องที่ใช้เป็น OS อะไร
  • มีการ Update แบบ Real-time
  • เก็บบันทึกข้อมูลบน Cloud
   การทำงานของ Web Application
  • การทำงานโปรแกรมส่วนหนึ่งจะวางตัวอยู่บน Rendering Engine
    ( Rendering Engine
    จะทำหน้าที่หลักๆ คือนำเอารูปแบบโครงสร้างข้อมูลที่ใช้ในการแสดงผล  นำมาแสดงผลบนพื้นที่ส่วนหนึ่งในจอภาพ
    )
  • โปรแกรมส่วนที่วางตัวอยู่บน Rendering Engine จะทำหน้าที่หลักๆ คือการเปลี่ยนแปลงแก้ไขสิ่งที่แสดงผล และจัดการตรวจสอบข้อมูลที่รับเข้ามาเบื้องต้นและการประมวลบางส่วน แต่ส่วนการทำงานหลักๆ จะวางตัวอยู่บนเซอร์เวอร์  ในลักษณะ Web Application แบบเบื้องต้น

การทำงานของ  Web Application

Credit Pic : https://blog.wisered.com/wp-content/uploads/2016/01/Screen-Shot-2559-01-11-at-10.55.34-AM.png


ขอบคุณข้อมูลจาก

http://aicomputer.co.th/sArticle/002-เว็บแอพพลิเคชั่น-Web-Application-คืออะไร.aspx