Veha Suwatphisankij
!@#@$^&%&
JSIDE
JavaScript Interactive Development Environment
JSIDE
ระบบโต้ตอบทันที
เพื่อการพัฒนาโปรแกรมภาษาจาวาสคริปต์
นายเวหา สุวัฒน์พิศาลกิจ
5530537521
อาจารย์ที่ปรึกษา
รศ. ดร. สมชาย ประสิทธิ์จูตระกูล
problem
coding is complicated.
development cycle takes so long
developer spend 50-80% of their time
read source code
bug code almost come before bug
จุดประสงค์
เพื่อพัฒนาเครื่องมือที่ช่วยให้การพัฒนาโปรแกรมภาษาจาวาสคริปต์เป็นไปได้อย่าง
- รวดเร็ว
- ต่อเนื่อง
- สามารถเห็นผลลัพธ์ ของโปรแกรม
ในระหว่างที่พัฒนาโปรแกรมได้ทันที
เทคโนโลยีที่เกี่ยวข้อง
javascript
event driven programming
node.js
Mocha
atom.io
esprima
เป้าหมาย
เครื่องมือที่จะพัฒนาสามารถใช้ในการช่วยพัฒนาเว็ปแอพพลิเคชั่นด้วยภาษาจาวาสคริปต์ โดยสามารถ
- แก้ไขโปรแกรม
- สั่งโปรแกรมทำงาน
- ดักจับเหตุการณ์และสถานะการทำงาน
- แสดงค่าสถานะต่าง ๆ
- แสดงผลลัพธ์การทำงานไปพร้อม ๆ กันได้อย่างทันทีทันใด
mock up
editor
50
20
30
type
time
eventPhase
pgogrampharse
bubbles
....
UI renderer
event viewer
receive data from server
click #submit
click #viewUser
window changeSize
ภาพรวมการทำงานของระบบ
แนวทางในการพัฒนา
JSIDE-engine
node.js
ขอบเขตความต้องการเชิงหน้าที่ของระบบ
ขอบเขตความต้องการเชิงหน้าที่ของระบบ
-
ใช้ atom.io เป็น editor พื้นฐานในการ พัฒนาโปรแกรม
-
บันทึก และแสดงสถานะของโปรแกรมบนหน้า editor
-
บันทึก แสดงและสามารถย้อนกลับเหตุการณ์ต่างๆที่เกิดขึ้นกับระบบได้
-
รองรับการแสดงสถานะใหม่ของโปรแกรมเมื่อมีการแก้ไข source code ได้ทันที
ขั้นตอนการดําเนินงาน
1. กำหนดปัญหา ขอบเขต วัตถุประสงค์ และประโยชน์ ในโครงงาน
2. ศึกษาข้อมูลที่เกี่ยวข้อง ทฤษฎี และผลงานอื่นๆ ที่มีลักษณะใกล้เคียงกัน
3. เสนอโครงร่างให้อาจารย์ที่ปรึกษา
4. พัฒนาระบบที่สามารถทำงานได้จริง
5. เพิ่มประสิทธิภาพ เพิ่มความเร็ว ลดการหน่วงและหน่วยความจำ
6. ทดสอบประสิทธิภาพ จัดทำเอกสารการใช้งาน
7. เขียนผลงานทางวิชาการ
ขั้นตอนการดําเนินงาน
อุปสรรคการทำงาน
จัดการเวลา ไม่เหมาะสม
- เทอมปัจจุบันมีเวลามากขึ้น
ไม่มีรูปแบบงานที่เหมือนกับงานที่พัฒนา
- ศึกษาจากงานที่คล้ายกันบางส่วน
ขอบคุณครับ
Q & A
progress JSide
By Veha Suwatphisankij
progress JSide
show progress of JSide development
