Two Scoops of Django: Best Practices for Django 1.8

E-book

Building Software : Memo : VDO 3 min

Memo : Vdo 30 sec

Memo : Commit : 20/11/2559

add file ini and set font and font size to global because it easy to change all in one time

ในคอมมิทนี้่จะเป็นการ ใช้ตัวแปร global แทนการแทนค่าไปทีละตัว ซึ่ง จะทำให้สามารถแก้ไขค่าได้สดวกยิ่งขึ้น และทำการเพิ่มไฟล์ ini เพื่อเตรียมการ ทำส่วน option setting

.............................................................................................................................

first time when program has run program will set option from file config.ini

ในส่วนที่จะเพิ่มในส่วนที่ว่า หากโปรแกรมเราเปิดขึ้นมาครั้งแรกนั้น(หมายถึงว่า ปิดแล้วเปิดใหม่ หรือ เปิดครั้งแรก หรือ เปิดใหม่) โปรแกรมจะทำการ อ่านค่าจากไฟล์ ini ก่อน แล้วนำไปปรับใช้ ด้วย method setOption ซึ่งส่วนนี้จะทำให้ เราสามารถ บันทึกการตั้งค่า แล้วเปิดขึ้นมาใหม่ ก็ สามารถใช้การตั้งค่าเดิมได้เหมือนเดิม

.............................................................................................................................

add font and show popup option

เป็นส่วนที่ทำการเพิ่มคลาส ในการแสดงผลการ ตั้งค่าต่างๆ ซึ่งจะทำการเรียกโดยใช้ popup ในคลาส desktop ซึ่ง ในคอมมิทนี้ยังไม่สามารถตั้งค่าได้ เป็นเพียง gui ขึ้นมาเฉยๆ และได้ทำการเพิ่ม font เข้าไปเพิ่ม

...............................................................................................................................

user can use option for change colour backgroud or size or text or font!

คอมมิทที่ทำการเพิ่มคำสั่งให้กับ ปุ่ม option เมื่อ ผู้ใช้ทำการกดลง นั้น จะทำให้เรียก method ในคลาส ซึ่ง จะทำหน้าที่ อ่านไฟล์ ini ตาม key แล้ว นำค่าทีได้ไปอัพเดทใน หัวข้อที่ แตกต่างกันตาม keyword ที่แต่ละปุ่มจะมีไม่เหมือนกัน

ซึ่ง ทำให้สามารถ เปลียนสี เปลียนขนาดfont และ ชนิด font ได้ตามที่ต้องการแล้ว

python game with kivy on android: test :kivy launcher

ขั้นตอนการทำ

ลง Kivy Launcher ในมือถือ

copy ไฟล์โปรแกรมที่เราต้องการ ไปไว้ใน sdcard ตามตำแหน่งทีโปรแกรมต้องการซึ่งอาจแตกต่างกันแต่มักจะอยู่แถวๆ storage/sdcard/emulated/0/kivy

เพิ่มไฟล์ android.txt ที่ด้านในมีข้อความดังนี้
   title=<Application Title>
   author=<Your Name>
   orientation=<portrait|landscape>

*ไฟล์ตัวโปรแกรมหลัก คาดว่าต้องเป็นชื่อ main.py เท่านั้นด้วย
สามารถเล่นได้เลย

Memo : commit : 17/11/2559

add popup option

 

กดที่ปุ่ม option จะขึ้น pop อัพดังนี้ (ยังไม่ได้สร้างการทำงาน เป็นแค่ model ต้นเเบบ)

eclipse : mercurial : merge file ในเครื่องเดียวกัน

ทดลอง Merge file ในคนละ respository ในเครื่องเดียวกัน

 แก้ไขไฟล์ เดียวกันแต่คนละ respository หรือ อันนึงเป็นอันที่โคลนออกมา แล้วทำการแก้ไขในเวลาเดียวกัน จากนั้นคอมมิท แล้ว ให้ ตัวหลัก pull อีกตัวมา (จำลองว่าเพื่อนได้ push ไปแล้วแล้วมันต้องการให้เราทำการเมิร์กนั้นเอง)

 เลือกที่เราต้องการ pull

 ขึ้นเตือนให้เมิร์ก กด merge two head > yes

 ด้านล่างจะมี แถบ บอกให้ แก้ไขไฟล์ไหนบ้าง ก็กดเข้าไปและ ทำการแก้ไขในแถบซ้ายมือ

 หลังจาก resolve ทุกอันแล้วมันจะ ขึ้นมาให้ยืนยันคอมมิท

 หลังจากนั้นจะเห็นได้ว่ามีการเมิร์กเกิดขึ้นนั้นเอง

Eclipe : plugin : Mercurial push และศึกษา history เพิ่มเติม

การ Push  

คลิกขวา แล้วเลือก push จะขึ้น url ให้กรอก และ username , pass 

หากจำเป็นต้องใช้ จากนั้น กด finish ได้เลย

ศึกษา History เพิ่มเติม

หลังจากเปิดหน้า History มาแล้วจะเห็นได้ว่า มี กราฟ การคอมมิทอยู่ และหากเรากดจะมีการ บอกว่า ในการคอมมิทนั้น เรามีการแก้ไข ไฟล์อะไรไปบ้าง และ หากว่าเรากด ไปที่ไฟล์ ที่เราต้องการดูว่า มีการแก้ไขอะไรลงไป จะมี หน้าต่าง ขึ้นมาพร้อม แสดงการเปลี่ยนแปลงทั้งหมด

Eclipe : plugin : Mercurial : ลอง newrepository , history , commit

การ สร้าง Respository

หลังจากสร้าง project แล้วคลิกขวา ที่ project เลือก ทีม และ และ เลือก Shere Project

จากนั้นจะได้เลือก ชนิดของโปรแกรม บันทึกการเปลียนแปลงดังภาพ

กด Finish
................................................................................................................................
                         การคอมมิท
จากนั้นลองสร้างไฟล์ text ขึ้นมา (คลิก newfile ซ้ายบนได้เลย) โดยมันจะให้เลือกโปรเจคได้

จากนั้นลองคลิกขวาที่โปรเจค เลือก team > commit จะขึ้นมาตามภาพด้านบน คือ comment การคอมมิท และ เลือกไฟล์ที่ต้องการบันทึก กด OK เป็นอันเสร็จสิ้น
..............................................................................................................................
                      ลอง History

 เพิ่ม คอมมิท เข้าไป
 จะเห็นว่า ตัวเลข เพิ่มขึ้น ตามจำนวนคอมมิท

 ลองกดคลิกขวาทีโปรเจคเลือก Team > history จะขึ้นมาตามภาพ ซึ่งจะมีรายละเอียดต่างๆ

Memo : commit : 8/11/2559

change rename to [0],[1],[2], . . .

 จากเดิมที่เป็น name[] , name[][] , name[][][] กลายเป็น name, name[0], name[1],

ดังรูป รูปบนคือจะห็นว่า เป็นไฟล์ ว่าว , ว่าว[] หลังจากการแก้เป็นตัวใหม่แล้วจะได้ผลลัพตามด้านล่าง คือ น้ำ , น้ำ[0], น้ำ[1] ... เป็นต้น

โดยใช้

ซึ่งมีหลักการคือ ให้เข็คก่อนว่า ชื่อเดิมมันซ้ำมั้ย ถ้าหากซ้ำจะเริ่มทำการกำหนดตัวแปร ที่เริ่มนับตั้งแต่เลข 0 ก่อน และ เก็บชื่อต้นฉบับเอาไว้จากนั้น ให้ทำการ เพิ่ม [เลข] หลังชื่อไฟล์ไปเรื่อยๆ จนกระทั่งไม่ซ้ำเลขใดๆ จึง จะทำอย่างอื่นต่อไป

..............................................................................................................................
if user just edit file program will not rename it and if user edite file name it will check file name if has same file name the new name will add a [ number which more same file in folder Participants

  ก่อนที่จะทำการ rename เมื่อทำการ edit ไฟล์ จะทำการเช็คก่อนว่า ไฟล์มีการเปลียนชื่อมั้ยถ้าเปลียน ก็ จะเช็คต่อไปว่า ไฟล์ที่จะเปลียนไปเป็นชื่อนั้นอะ มันซ้ำกับไฟล์ไหนมั้ย ถ้าซ้ำก็จะทำการเติม [number] ต่อท้าย แต่ถ้าไม่ก็ทำการ rename ตามปกติเลยซึ่ง การ set_count_rename นั้นมีการเปลียนแปลงให้กลายเป็นฟังก์ชั่นจาก commit ที่แล้วอยู่ในเฉพาะ ตอนสร้างไฟล์ใหม่เท่านั้น ตอนนี้สามารถเรียกใช้ ทั้งจากตอน สร้างไฟล์ใหม่หรือแม้กระทั่งตอน edit ไฟล์ ได้แล้ว

.............................................................................................................................
Merge

Eclipe : plugin : Mercurial

https://www.mercurial-scm.org/wiki/MercurialEclipse

ขั้นตอนการลง

 - คลิกที่ help บนเมนูด้านบน เลือก Eclipse marketplace จากนั้นหา MercurialEclipse

กด install ได้เลย

           กด i accept > finish

รอลง

พอลงเสร็จ ก็ restart eclipse จากนั้นก็เสร็จแล้ว

...................................................................................................................................

ลอง Clone 

คลิกขวา ที่แถบเมนู เลือก new proj. > เลือก ตามภาพ

 จากขั้นตอนตรงนี้

 มันจะมีให้ใส่ link ก่อนจากนั้น จะเข้ามาดังรูปต่อไป

 หลังจากกด finish แล้ว  ถือว่าเสร็จ

....................................................................................................................................

Memo : Commit : 6/11/2559

now can add new text without replace the samename ,because it will add [] after name and set new status bar to top of programe

ให้เช็คว่า ถ้าหากไฟล์ที่ต้องการจะสร้างมาใหม่นั้น มันมีชื่อนี้อยู่ก่อนแล้ว ให่ทำการ เติมท้ายชื่อไฟด้วย [] ไปเรื่อยๆ

Memo: commit : 5/11/2559

use folder to stroage front of program

ได้สร้างโฟล์เดอร์สำหรับเก็บ ไฟล์ที่จำเป็นของโปรแกรมเอาไว้ คือ resource และนำ front ที่ต้องการจะใช้ไปเก็บในโฟล์เดอร์นั้นๆ และทำการแกไขเพื่อให้โปรแกรททำงานได้สอดคล้องกับการเปลียนแปลง เช่น

- แก้ไขให้ไปดึงไฟล์ front จากโฟล์เดอร์ที่ต้องการ  โดย . หมายถึงตำแหน่งปัจจุบัน และ /resource เป็นโฟล์เดอร์ที่อยู่ในตำแหน่งปัจจุบันนั้นๆ และ /500..... เป็นชื่อไฟล์ front
..................................................................................................................................

chage add file commnad to desktop file (was in button) and add some comment

เปลียน method จาก คลาส my_button ไปอยู่ใน desktop แทน และเพิ่มคอมเม้นเล็กน้อย

..................................................................................................................................

fix bug rename

  ^ ^^^  เนื่องจาก rootpath มีการเปลียนแปลง จึงจำเป็นต้องเปลียนแปลงเงื่อนไขในการใช้ คำสั่ง new_text และ view ซึ่ง view จะใช้ ตรวจสอบ  ชื่อไฟล์ 4 ตัวสุดท้าย ว่าเป็น .txt หรือไม่ จึง ค่อยไปใช้ ฟังก์ชั่นตามชนิดไฟล์ตามเงือนไข

^^^  หลักการคือ สำรอง ตำแหน่ง rootpath เอาไว้ ก่อนแล้ว ค่อยนำไป แทน อันใหม่ ที่ ผิดตำแหน่ง

 การใช้ realpath เพราะว่า ตำแหน่งปกติ ในโปรแกรม คือ ./text  (ใช้ . เพราะแต่ละเครื่องจะไม่เหมือนกัน) จะทำให้ ปรากฏ ตำแหน่งที่แท้จริง เช่น /home/sarik/memo/text เป็นต้น จากนั้น chdir คือการเปลียนตำแหน่งอ้างอิง ไปที่ . . .. ซึ่ง ใช้ slef.fileChooser.path (คือตำแหน่งไฟล์ที่เลือก) จากนั้นใช้ rename โดยarg คือ (ชื่อเก่า, ชื่อใหม่) ในdirectory ปัจจุบันที่ os อยู่ ซึ่งจากการทำขั้นตอนนี้ พบว่า  มันจะเหมือนกับทำให้ directory ปัจจุบันเปลียนไป ใน ชื่อที่เราจะเปลียน จึงใช้ chdir('..') เพื่อออกมา และ ยังพบว่า ค่า rootpath ของ fileChooser เปลียนไป จึงจำเป็นต้องเอาค่าทีสำรองไว้ มาแก้ไข นั้นเอง

ซึ่ง ถ้าไม่เพิ่มการคอมมิทนี้ จำทำให้ การrename ได้แค่ในหน้าหลักเท่านั้น ถ้าไปrename ในโฟล์เดอร์ข้างในลึกๆ จะทำให้ กดย้อนกลับไม่ได้

..............................................................................................................................

change how to store file to one directory and use type of file to find them

ลบ folder text , image ที่แยกออกจากกันและใช้ store แทนซึ่งเป็นการเก็บรวมไว้ที่เดียวกันเลย แต่ใช้ระบบ filter ที่ใช้กรองว่าจะหาไฟล์ประเภทอะไรแทน ซึ่งตอนนี้มี
- all , - text , -image

 แก้ไขระบบการเพิ่มไฟล์ ให้เพิ่มไปใน directory ที่ fileChooser ปัจจุบันอยู่ แทนที่จะเพิ่มไปที่หน้า ./store ตลอด

Memo : Use case update 4/11/2559

Memo: Use case 4/11/2559

1. Add File
   1. คลิกปุ่ม add file
   2. เลือกไฟล์ที่ต้องการจะ add
   3. กดปุ่มยืนยัน หรือ ยกเลิก

ต้องการจะทำให้เป็ฯ

   1 คลิกที่ปุ่ ม Add file to this folder
   3 เลือกไฟล์
   4 กดตกลง

2. View File

   1 เลือกไฟล์
   2 กด View Select File

3. New Text
   1. คลิกปุ่ม new text
   2. เพิ่มในส่วนของข้อความตามที่เราต้องการ
   3. กดเซฟ

4. Remove File
   1 เลือกไฟล์
   2 กด ปุ่ ม Remove
   3 กดยืนยัน

5. Edit Text
   1. เปิดไฟล์ text ที่ต้องการขึ้นมาก่อน
   2. แก้ไขข้อวามใน text และ แก้ไขชื่อไฟล์ตามที่ต้องการ
   4. กดเซฟ

Memo : commit ที่สำคัญๆ

https://bitbucket.org/RIKTI/memo/commits/b2c04c6637f663000dee3061765366b11ab2aebd

ส่วนแสดง ผล การ View รูปภาพ โดยภาพที่ออกมาจะเป็น Popup

https://bitbucket.org/RIKTI/memo/commits/99de862e106f41d4c5d5f4b8947bc988362a7f41

ส่วนเปลียนแปลงครั้งใหญ่ ใน Gui ที่ทำให้ ต้องเปลียนแปลง โค้ดภายในเกือบทั้งหมด(พวกคลาส) และได้ทำการเปลียน ชื่อไฟล์ จาก space เป็น desktop ซึ่ง การแก้ไข ครั้งนี้ จะทำให้ ผู้ใช้ ไม่จำเป็นต้องกด เข้า View File ก่อนที่จะมีหน้าต่างเลือกไฟล์ เพราะ ว่า มันจะขึ้นมาตั้งแต่ ตอนเปิดโปรแกรม เลย ซึ่ง การแก้ไขโค้ดภายในครั้งนี้ ก็ได้เกี่ยวข้องกับการ วิว text และวิธีการ ทำงานในการแก้ไขไฟล์ text
อีกด้วย

   รูปบน เป็นก่อนทำการเปลียนแปลง และรูปล่าง คือ หลังการเปลียนแปลงครั้งใหญ่

   การเพิ่มไฟล์ Text หรือการสร้าง ไฟล์ text ขึ้นมาใหม่นั้น จะมีหน้าต่างแบบนี้