ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

 

Web IDE คืออะไร ? และใช้งานอย่างไร ?

Web IDE คืออะไร
Web IDE คืออะไร

Web IDE เป็นเครื่องมือของ GitLap ที่ช่วยให้สามารถแก้ไขปัญหาเล็กๆจากไฟล์ Project ที่เข้าถึงโค้ดของแต่ละไฟล์ได้อย่างง่ายดาย รวมถึงการสลับการใช้งานสาขาหรือ branches ได้ทันที

การใช้งาน Web IDE สามารถใช้งานได้บนเว็บเบราว์เซอร์ซึ่งการทำงานจะคล้ายๆ Edittor อย่าง NetBeans, Sublime แต่ Web IDE ของ GitLap (กิตแล็บ) จะสะดวกในการใช้งานโดยที่ไม่ต้องติดตั้งเพียงแค่เข้าเว็บก็สามารถแก้ไขโค้ดได้แล้ว นอกจากนี้ Web IDE ยังสามารถดู Preview Code ก่อน Commit ได้ ทำให้การทำงานนั้นง่ายยิ่งขึ้น

ขั้นตอนต่อไปนี้จะสอนวิธีการใช้งาน Web IDE ของ GitLap เพื่อพัฒนาภาษาไทยเว็บบอร์ด phpBB3.2

ขั้นตอนที่ 1 : เข้าเว็บไซต์ GitLap เช่น : http://git.mindphp.com/phpBBThaiEdition/th > เลือกไปที่ Branches

Web IDE
Web IDE


ขั้นตอนที่ 2 : เลือก Branch ที่เป็นของตัวเองหากยังไม่มีให้เลือกที่ New branch

Web IDE New branch
Web IDE New branch


ขั้นตอนที่ 3 : กำหนดชื่อสาขา Branch name > Create branch

Web IDE Branch name
Web IDE Branch name


ขั้นตอนที่ 4 : เลือกเมนู Web IDE

Web IDE
Web IDE


ขั้นตอนที่ 5 : จะแสดงหน้าต่างและไฟล์ต่างของ Project

แสดงหน้าต่างและไฟล์ต่าง
แสดงหน้าต่างและไฟล์ต่าง


ขั้นตอนที่ 6 : แต่ละไฟล์สามารถแก้ไขได้ เมื่อคลิกจะแสดงโค้ดทั้งหมดของไฟล์นั้น

Web IDE คลิกจะแสดงโค้ด
Web IDE คลิกจะแสดงโค้ด


ขั้นตอนที่ 7 : ทดสอบลองแก้ไขโค้ดที่ไฟล์ common.php > จะเห็นได้ว่าปุ่ม Commit แสดงขึ้นมา

Web IDE ทดสอบลองแก้ไข
Web IDE ทดสอบลองแก้ไข


ขั้นตอนที่ 8 : ด้านซ้ายจะสามารถ Preview Code ก่อนหลังได้ ว่าเราได้แก้ไขอะไรไปบ้าง

Web IDE  Preview Code
Web IDE Preview Code


ขั้นตอนที่ 9 : ต่อไปขึ้นตอน Commit เพื่ออัพไปยัง Server ในเมนู commit ด้านซ้าย จะแสดงไฟล์ที่เราแก้ไขทั้งหมด กดเครื่องหมาย "ถูก" เลือกไฟล์ที่จะ commit

Web IDE ขึ้นตอน Commit
Web IDE ขึ้นตอน Commit


ขั้นตอนที่ 10 : ไฟล์ที่เลือกจะถูกแสดงด้านล่างจะนั้นกด Commit

Web IDE Commit
Web IDE Commit


ขั้นตอนที่ 11 : ในการ Commit จะบังคับให้ผู้พัฒนาป้อนข้อความรายละเอียดของการแก้ไข > เลือก branch ของเรา > กด Commit

Web IDE เลือก branch
Web IDE เลือก branch


ขั้นตอนที่ 12 : รายการถูก Commit เรียบร้อยแล้ว สามารถดูได้ที่เมนู Activity จะแสดงรายการที่แก้ไข

สามารถดูได้ที่เมนู Activity
สามารถดูได้ที่เมนู Activity

 

        การพัฒนา Web IDE บน GitLap ของ mindphp เป็นการร่วมกันพัฒนาปรับแก้โค้ดของ Project ต่างๆของ mindphp ได้เปิดให้ร่วมกันพัฒนาอย่าง JoomshoppingThaiEdiion เว็บขายของออนไลน์ และตัวอย่างที่ทำให้ดูเป็นการพัฒนาไฟล์ภาษาของเว็บบอร์ด phpBB 3.2 : phpBBThaiEdition ซึ่ง Web IDE จะสามารถพัฒนาได้บน GitLap ที่เว็บเบราว์เซอร์ได้เลยโดยที่ไม่ต้องติดตั้งโปรแกรม

เพื่อพัฒนา Project ให้สมบูรณ์และให้ผู้ที่สนใจสามารถดาวน์โหลดไปใช้งานก่อนต่อไป

ดาวน์โหลด Project :

phpBBThaiEdition : ภาษาไทย สำหรับ phpBB 3.2

JoomShopping : ไฟล์ Component JoomShopping บน Joomla

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ท่านตลกหรอพระเจ้า?
โดย noppadonsk พ 05 ก.พ. 2020 10:53 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
59
พ 05 ก.พ. 2020 10:53 am โดย noppadonsk
อยากทราบวิธีการแก้ไข้ ปํญหาเนื่องจากการติดตั้ง ตาราง โดย phpbb ที่มีจำนวนคอลัมมากๆๆ
โดย Ittichai_chupol อ 04 ก.พ. 2020 2:21 pm บอร์ด Programming - PHP
2
91
อ 04 ก.พ. 2020 2:32 pm โดย Ittichai_chupol
ถึงกับไปไม่เป็น
โดย noppadonsk อ 04 ก.พ. 2020 11:04 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
79
ศ 07 ก.พ. 2020 11:40 am โดย LEG
B - บอร์ด Odoojob เข้าไม่ได้ครับ
โดย jamepiyawat อ 04 ก.พ. 2020 10:39 am บอร์ด Odoojob.com - Tester
0
4
อ 04 ก.พ. 2020 10:39 am โดย jamepiyawat
สอบถามครับ ต้องการตัดค่าที่ซ้ำกันออกต้องทำไงครับ
โดย chatee supasand จ 03 ก.พ. 2020 2:19 pm บอร์ด Programming - C/C++ & java & Python
2
263
จ 03 ก.พ. 2020 2:41 pm โดย chatee supasand
กดsaveแล้วerrorครับ(สอนเขียน PHP ติดต่อฐานข้อมูล MySQL อัพโหลดภาพ เพิ่ม ลบ แก้ไข Database)
โดย jutikul1012 จ 03 ก.พ. 2020 11:02 am บอร์ด Programming - PHP
0
1708
จ 03 ก.พ. 2020 11:02 am โดย jutikul1012
อย่าลืมเซฟงานนะ
โดย noppadonsk จ 03 ก.พ. 2020 10:45 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
143
จ 03 ก.พ. 2020 11:01 am โดย thatsawan
ขอคำแนะนำเทคนิคพแดี พอดีผมกำลังหัดทำเว็บด้วย wordpress
โดย Anonymous จ 03 ก.พ. 2020 7:47 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
164
จ 03 ก.พ. 2020 11:24 am โดย mindphp
ทำความเข้าใจกับคีย์ลัด google Sheetsl เพื่อให้การทำงานง่ายขึ้น
โดย nutchasn ส 01 ก.พ. 2020 6:37 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
69
ส 01 ก.พ. 2020 6:37 pm โดย nutchasn
เพิ่มทักษะการใช้โปรแกรม Microsoft Excel ให้คำนวณและวิเคราะห์ได้ง่ายขึ้น
โดย nutchasn ส 01 ก.พ. 2020 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
67
ส 01 ก.พ. 2020 5:53 pm โดย nutchasn
ความแตกต่างของ google Slides กับ powerpoint เพื่อเลือกใช้ในการนำเสนอ
โดย nutchasn ส 01 ก.พ. 2020 5:02 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
65
ส 01 ก.พ. 2020 5:02 pm โดย nutchasn
เรียนรู้การขอStatement เพื่อใช้เป็นหลักฐานยืนยันการเคลื่อนไหวทางการเงิน
โดย nutchasn ส 01 ก.พ. 2020 2:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
46
ส 01 ก.พ. 2020 2:53 pm โดย nutchasn
ทำความเข้าใจภาษีมูลค่าเพิ่ม เพื่อให้เข้าใจว่าทำไมต้องจดทะเบียน
โดย nutchasn ส 01 ก.พ. 2020 12:27 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
49
ส 01 ก.พ. 2020 12:27 pm โดย nutchasn
อยากทราบวิธีการ แสดง icon logo ในหน้า favorite ของ safiri มีการแสดง icon ที่กำหนด
โดย Ittichai_chupol ศ 31 ม.ค. 2020 7:23 pm บอร์ด Programming - PHP
1
181
ศ 31 ม.ค. 2020 7:25 pm โดย mindphp
ขอสอบถามเกี่ยวกับการดึงข้อมูลภายในหน้าเดียวกันครับ
โดย benzas00123 ศ 31 ม.ค. 2020 7:08 pm บอร์ด HTML CSS
1
174
ศ 31 ม.ค. 2020 7:30 pm โดย benzas00123
Q-อยากทราบว่าต้องการย่อขยายรูปต้องทำยังไงค่ะ
โดย nutchasn ศ 31 ม.ค. 2020 6:29 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
180
ศ 31 ม.ค. 2020 6:33 pm โดย Ittichai_chupol
วิธีการปรับเปลี่ยน css เมือจอแสดงผมมีขนาดที่แตกตางกัน โดยการ override template เพื่อลดจำนวน โคด css
โดย Ittichai_chupol ศ 31 ม.ค. 2020 6:03 pm บอร์ด CSS Knowledge
0
143
ศ 31 ม.ค. 2020 6:03 pm โดย Ittichai_chupol
Flask dropzone กับคำสั่งในการตั้งค่าตัว โมดูลต่างๆ
โดย benzas00123 ศ 31 ม.ค. 2020 6:02 pm บอร์ด Python Knowledge
0
80
ศ 31 ม.ค. 2020 6:02 pm โดย benzas00123
การจัดซื้อใน โปรแกรมOpen erp ให้มีประสิทธิภาพ
โดย nutchasn ศ 31 ม.ค. 2020 5:56 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
49
ศ 31 ม.ค. 2020 5:56 pm โดย nutchasn
Flask dropzone โมดูลสำหรับการสร้าง Drop file อย่างง่าย
โดย benzas00123 ศ 31 ม.ค. 2020 5:21 pm บอร์ด Python Knowledge
0
120
ศ 31 ม.ค. 2020 5:21 pm โดย benzas00123