Building Software II : Commit ( CSV export)

https://github.com/poklonas/django_5810164/commit/0fffb2f50dc5699229acfd33446e83c871febf02

commit - ส่วนที่ทำให้มาสามารถ ส่งไฟล์ CSV ได้

https://github.com/poklonas/django_5810164/commit/bd4ec34ef503f34354b8a7e5c9a3600567005b36

commit - ส่วนที่ทำ css สำหรับ app accounting

https://github.com/poklonas/django_5810164/commit/fc80ffb4c68e4293f6f5381e63e683efe440b9f9

commit - ส่วนที่ทำหน้า css สำหรับ app polls

https://github.com/poklonas/django_5810164/commit/95240d536aeda9352f2417ac8e0549bca88d7193

commit - fix bug in csv export

Building Software II : slide 23/2/2560 , commit , homepage

 
หน้าตา ของ หน้า Home page ที่สร้างมา เพิ่ม
http://a5810164.pythonanywhere.com/

--------------------------------------------------------------------------------------------------

https://github.com/poklonas/django_5810164/commit/4842c34368d98377873365f0a87b471e80fa92a8

Commit ล่าสุด เพิ่มในส่วน ของ app homepage เพื่อแสดง หน้าจอหลัก และการแยกไฟล์ css ไปไว้ในส่วนของ static folder

--------------------------------------------------------------------------------------------------

Slide :

https://drive.google.com/file/d/0B7asHdbzNielYWl6bkZZRlE3blk/view?usp=sharing

Building Software II : slide 19/2/2560

https://drive.google.com/file/d/0B7asHdbzNielQlVDWVdnZDdnX0U/view?usp=sharing

Building Software II : Make accounting app Tutorial 1 - models and plan

Make accounting web app : by Django + python + Html + Css 

- ต้อง ลง Django มาก่อน และเขียน Python Html css django มาบ้างแล้ว จะทำให้เข้าใจได้เร็วขึ้น

Tutorial 1 : Model and plan ?

โปรแกรมของเราจะทำอะไรได้บ้าง ?  ?  ?

- สามารถ สร้าง User  ลบ User ได้ 

- ในแต่ละ User สามารถ สร้าง และ ลบ สมุดบัญชี แยกกันได้

- ในแต่ละ สมุดบัญชี จะมีรายการ แยกกัน ซึ่งเราต้องสร้างและ ลบ ได้

- ใน แต่ละ User จะมี ชนิด ของรายการ เช่น เพื่อการศึกษา เพื่อการเดินทางเป็นต้น

ซึ่งสามารถ กำหนดได้เอง และ เขียนคำอธิบายได้เอง

นี้คือ Usecase หลักๆ นั้นเอง ซึ่งได้คร่าวๆ ประมาณนี้

และเราจะมี Model อะไรบ้าง  ? 

1 User ใช้ เก็บรายละเอียดของ ผู้ใช้งาน เป็นชื่อ และวันที่สร้าง

2 Pass_book ใช้เก็บข้อมูล บัญชี มี รายละเอียดคือเป็น บัญชีของใคร วันที่ สร้าง ชื่อของบัญชี

3 List ใช้เก็บรายละเอียดรายการ มูลค่ารายการ ชนิดรายการ เป็นของบัญชีไหน เป็นของวันไหน

4 Type ใช้เก็บชนิด ของรายการ

คร่าวๆ ก็จะได้ประมาณนี้

และนี้ จะเป็นผลลัพธ์ หลัง จาก ได้ทำตามไปจนครบ 

หน้าจอหลัก

เมื่อคลิก เพิ่ม User จะเข้าไปที่หน้า เพิ่ม User

หลังจากเพิ่ม User จะเข้ามาที่หน้า User ที่สร้าง อัตโนมัติ หรือถ้ามีอยู้แล้วก็สามารถ เข้ามาได้เลย

กดปุ่มสร้าง Pass book

ได้สร้าง บัญชี มา 1 บัญชี ชื่อ เงินสด

เมื่อคลิกเข้าไป จะพบ หน้าตาแบบนี้

กดเพิ่ม รายการเพื่อเข้ามาหน้าเพิ่มรายการ

ช่องสำหรับใส่วันจะมีหน้าตาให้เลือกแบบนี้

ผลจากการสร้างรายการเสร็จแล้ว

เนื่องจาก การแสดงรายการจะแยกตามวันไว้ จึง เลือกวันได้ข้างบนและกด Show list in date เพื่อแสดง

หน้าจอ Type manage สร้าง และ ลบ ได้

หน้าจอ ลบ User passbook และ List

Building Software II : แอปเสร็จแล้ว

http://a5810164.pythonanywhere.com/accounting/

ลิงค์ แอป

เป้าหมายต่อไป ทำ Tutorial

Building Software II : slide 16/2/2560 and Bitbucket file

https://drive.google.com/file/d/0B7asHdbzNielQ3ZoSE1QeTdJUjA/view?usp=sharing

Link Slide

https://sarik_kumpan@bitbucket.org/sarik_kumpan/django-project.git

Bitbucket

---------------------------------------------------------------------------------------

Building Software II : slide 9-2-2560

https://drive.google.com/file/d/0B7asHdbzNielYlNwak05eHRTcHc/view?usp=sharing

ver.1

https://drive.google.com/file/d/0B7asHdbzNielakZ2Tm1rajhBbHc/view?usp=sharing

ver.2

Building Software II : ความคืบหน้าช่วง 6-8/2/2560

ลองใช Pythonanywhere กับงานที่ไดทํามา

และได้แก้ไขให้ เมื่อทำการสร้างคำถามเสร็จแล้วจะเข้าไปหน้า

Choice manage ทันทีเพื่อสามารถสร้าง คำตอบได้ทันทีเลย

เขียนชื่อคำถามก่อน และกด ADD

จะเข้ามาที่หน้าสร้างคำตอบหรือจัดการคำตอบเพื่อที่จะสามารถสร้างคำตอบได้ในทันที

เพิ่มจนพอใจหรือ ลบคำตอบได้ที่ด้านล่าง (การทำงานเหมือนเดิมเลย)

หลังจากเพิ่มคำตอบจนพอใจแล้ว ก็ย้อนกลับมาที่หน้าโหวดแล้วลองกดโหวดเพื่อทดสอบการทำงานของ การโหวด

ผลคือทำงานได้ตามปรกติ

ที่หน้าหลัก คำถามก็ได้ถูกเพิ่มแล้วอย่างถูกต้อง เป็นอันว่าแก้ไขได้ผล

(แก้ไขโดยการเปลี่ยนแผลง URL ที่จะเชื่อมต่อ เท่านั้น 

จาก bmi:index > > > bmi:choice_manage และเพิ่ม args=(queation.id,)

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

และได้ไปคิดเรื่อง 

โปรแกรม บันทึกรายรับรายจาย หรือบัญชี

Building Software II : pythonanywhere เว็ปที่สร้าง

http://a5810164.pythonanywhere.com/bmi/

(อันนี้เป็น ตอนใช้งานโพล ทดสอบ จะมีการเปลี่ยนแปลงภายหลัง)

Building Software II : ความคืบหน้า 6/2/2560

จากภาพรวม สรุปคร่าวๆได้ดังนี้

-User can add question
-User can delete question
-User can add choice for any question
-User can delete choice for anyquestion
-Use table for show information
..................................................................................................................

มีการเปลี่ยนแปลงหน้าเว็ป

มีหน้าตาที่สวยงามขึ้น มีการใช้ตารางในการ แสดงผลลัพธ์ ทั้งหมด และมีการบอกเวลา ที่คำถามนั้นถูกตั้งขึ้น


................................................................................................................................
การเพิ่มคำถาม

คลิกที่ปุ่ม Add Question

 จากนั้น กรอกคำถามที่ต้องการ และกดปุ่ม add ได้เลย

 จะได้ คำถามเพิ่มมาดังนี้

 จากนั้น เมื่อลองกดเข้าไปที่หน้าคำถาม

 จะพบว่ายังไม่มีตัวเลือก มาให้เลือก กดเข้าไปที่ Choice manage

พิม คำตอบที่ต้องการเพิ่มเข้าไป

 เมื่อกด Add new แล้วจะเห็นว่า มีคำตอบเพิ่มมา และด้านล่าง สามารถ กดเลือกเพื่อลบ คำตอบได้อีกด้วย

ทดลองสร้างมา 4 คำตอบ และ ออกมาที่หน้า detail และกดเลือกเพื่อโหวด (เช่น 2 ขาในภาพ)

 จะขึ้นหน้าแสดง ผลการโหวดขึ้นมาดังภาพ เราสามารถกด ย้อนกลับไปหน้าเมนูหลัก หรือกดโหวดอีกครั้งก็ได้

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

การลบ คำถาม ทำได้ดังนี้

คลิกที่ลิงค์ Delete Question

จากนั้นเลือก คำถามที่ต้องการจะลบและกด delete ได้เลย

    ซึ่ง ได้ใช้ ตัวอ่านไฟล์ sqlite เข้ามาช่วยว่ามันลบ คำตอบไปด้วยจริงๆมั้ย ดังนี้

ข้อมูลก่อนลบยังมีคำถาม ที่เลิอก และ คำตอบของคำถามที่เลือกอยู่ หลังจากลบแล้วจะได้ผลลัพธ์ ดังภาพด้านล่าง

คำถามและคำตอบของคำถามที่เลือก ได้ถูกลบออกไปแล้ว

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

ไฟล์ที่เพิ่มเข้ามา

มี template choice_manage ที่ใช้ในการแสดงหน้า การจัดการคำตอบของคำถามต่างๆ มีหน้า delete_question_page ที่จะเป็นหน้าแสดง ที่ให้เลือกคำถามสำหรับจะลบ และ new_question จะเป็นหน้าสำหรับเพิ่ม คำถาม

เนื้อหาหลักของ template choice manage 

เนื้อหาหลักของ ส่วน delete_question_page

เนื้อหาหลักของส่วน new_question

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

การอัพเดท เพื่อการใช้งานใน ไฟล์ Views , URLS

เพิ่มการเชื่อมโยง URL เพื่อใช้งานในส่วนที่เพิ่มเข้ามา

ส่วนในไฟล์ Views ที่อัพเดท เพิ่มเข้ามา