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 :
The World's Most Misunderstood Programming Language
จุดประสงค์
เพื่อพัฒนาเครื่องมือที่ช่วยให้การพัฒนาโปรแกรมภาษาจาวาสคริปต์เป็นไปได้อย่าง
- รวดเร็ว
- ต่อเนื่อง
- สามารถเห็นผลลัพธ์ ของโปรแกรม
ในระหว่างที่พัฒนาโปรแกรมได้ทันที
เป้าหมาย
เครื่องมือที่จะพัฒนาสามารถใช้ในการช่วยพัฒนาเว็ปแอพพลิเคชั่นด้วยภาษาจาวาสคริปต์ โดยสามารถ
- แก้ไขโปรแกรม
- สั่งโปรแกรมทำงาน
- ดักจับเหตุการณ์และสถานะการทำงาน
- แสดงค่าสถานะต่าง ๆ
- แสดงผลลัพธ์การทำงานไปพร้อม ๆ กันได้อย่างทันทีทันใด
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
ภาพรวมการทำงานของระบบ
ผลงานที่เกี่ยวข้อง
เทคโนโลยีที่เกี่ยวข้อง
javascript
event driven programming
node.js
Mocha
atom.io
esprima
แนวทางในการพัฒนา
JSIDE-engine
node.js
ขอบเขตความต้องการเชิงหน้าที่ของระบบ
ขอบเขตความต้องการเชิงหน้าที่ของระบบ
-
ใช้ atom.io เป็น editor พื้นฐานในการ พัฒนาโปรแกรม
-
บันทึก และแสดงสถานะของโปรแกรมบนหน้า editor
-
บันทึก แสดงและสามารถย้อนกลับเหตุการณ์ต่างๆที่เกิดขึ้นกับระบบได้
-
รองรับการแสดงสถานะใหม่ของโปรแกรมเมื่อมีการแก้ไข source code ได้ทันที
ขั้นตอนการดําเนินงาน
1. กำหนดปัญหา ขอบเขต วัตถุประสงค์ และประโยชน์ ในโครงงาน
2. ศึกษาข้อมูลที่เกี่ยวข้อง ทฤษฎี และผลงานอื่นๆ ที่มีลักษณะใกล้เคียงกัน
3. เสนอโครงร่างให้อาจารย์ที่ปรึกษา
4. พัฒนาระบบที่สามารถทำงานได้จริง
5. เพิ่มประสิทธิภาพ เพิ่มความเร็ว ลดการหน่วงและหน่วยความจำ
6. ทดสอบประสิทธิภาพ จัดทำเอกสารการใช้งาน
7. เขียนผลงานทางวิชาการ
ประโยชน์ที่คาดว่าจะได้รับ
1. เครื่องมือที่พัฒนาขึ้น สามารถช่วยให้การพัฒนาโปรแกรมง่ายขึ้น เร็วขึ้น มีความผิดพลาดลดลง และเป็นมิตรกับผู้ใช้งาน
2. เครื่องมือที่พัฒนาขึ้น สามารถช่วยในการทำความเข้าใจกับ source code ที่ต้องพัฒนาเพิ่มเติม และช่วยให้ทำความเข้าใจ library และ framework จากผู้อื่นได้ง่ายขึ้น
ประโยชน์ที่คาดว่าจะได้รับ
3. เครื่องมือที่พัฒนาขึ้นสามารถใช้เป็นส่วนหนึ่งของเครื่องมือที่ช่วยในการเรียนการสอน
ภาษาจาวาสคริปต์
4. เครื่องมือที่พัฒนาขึ้น ทำให้เห็นรูปแบบการทำงานของโปรแกรมได้ง่ายขึ้นและทำให้ผู้สนใจทั่วไปเข้าถึงการเขียนโปรแกรมได้มากขึ้น
ขอบคุณครับ
Q & A
intro jside
By Veha Suwatphisankij
