ให้เรตสมาชิก: 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 พฤ 13 ก.พ. 2020 10:57 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
130
พฤ 13 ก.พ. 2020 10:57 am โดย noppadonsk
อยากทราบการเอาเลขมาคุณในช่อง 10อัน แล้วมาแล้วผลข้างล่างครับ
โดย comopal พ 12 ก.พ. 2020 6:49 pm บอร์ด Programming - PHP
1
346
พฤ 13 ก.พ. 2020 9:39 am โดย LEG
ต้องรีบเดี๋ยวลืม
โดย noppadonsk พ 12 ก.พ. 2020 10:56 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
153
พ 12 ก.พ. 2020 10:56 am โดย noppadonsk
วิธีการเลือกงาน
โดย jataz2 พ 12 ก.พ. 2020 9:47 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
156
พ 12 ก.พ. 2020 9:47 am โดย jataz2
วิธีการไปสัมภาษณ์งาน
โดย jataz2 พ 12 ก.พ. 2020 9:25 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
159
พ 12 ก.พ. 2020 9:25 am โดย jataz2
วิธีการ insert ข้อมูลในขั้นตอนติดตั้ง Extension phpbb
โดย Ittichai_chupol อ 11 ก.พ. 2020 5:55 pm บอร์ด PHP Knowledge
1
381
อ 11 ก.พ. 2020 6:01 pm โดย thatsawan
visual studio 2008 crystal reports viewer มี ในToolbox แต่ใช้งานไม่ได้
โดย d.direk อ 11 ก.พ. 2020 2:33 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
226
อ 11 ก.พ. 2020 2:33 pm โดย d.direk
การเดินทางจากปลวกแดง (ระยอง)- กรุงเทพฯ
โดย panudda อ 11 ก.พ. 2020 12:07 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
106
อ 11 ก.พ. 2020 12:07 pm โดย panudda
จะหยามกันเกินไปแล้ว
โดย noppadonsk อ 11 ก.พ. 2020 11:19 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
118
อ 11 ก.พ. 2020 11:19 am โดย noppadonsk
อยู่ห้องเช่าหรือคอนโดก็ทำอาหารได้เมนูง่ายๆ อยากแชร์ค่ะ
โดย Anonymous อ 09 ก.พ. 2020 5:39 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
1707
พ 26 ก.พ. 2020 10:46 pm โดย odin83
FLIR AX8-9Hz กล้องถ่ายภาพความร้อนแบบต่อเนื่อง | IP67
โดย LEG ศ 07 ก.พ. 2020 2:39 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
193
ศ 07 ก.พ. 2020 2:39 pm โดย LEG
คัดกรองคนมีไข้ด้วยกล้องถ่ายภาพความร้อน | Thermal Imaging Camera
โดย LEG ศ 07 ก.พ. 2020 1:27 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
177
ศ 07 ก.พ. 2020 1:27 pm โดย LEG
สอบถามการใช้ selenium บน ubuntu หน่อยครับ
โดย jirawoot ศ 07 ก.พ. 2020 10:52 am บอร์ด Programming - C/C++ & java & Python
2
1679
ศ 07 ก.พ. 2020 1:22 pm โดย jirawoot
อย่าคิดว่าง่ายๆนะ
โดย noppadonsk ศ 07 ก.พ. 2020 9:23 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
148
ศ 07 ก.พ. 2020 9:23 am โดย noppadonsk
B - ระบบ LINE API ไม่ตอบสนองคำสั่ง [2020-02][001]
โดย thatsawan พฤ 06 ก.พ. 2020 6:31 pm บอร์ด MD-CRM - Tester
6
17
ศ 07 ก.พ. 2020 4:37 pm โดย mindphp
วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari
โดย Ittichai_chupol พฤ 06 ก.พ. 2020 5:36 pm บอร์ด PHP Knowledge
0
227
พฤ 06 ก.พ. 2020 5:36 pm โดย Ittichai_chupol
สอบถามครับ ต้องการสร้างเลขรันนัมเบอร์ แล้วรีเซ็ตทุกวัน ต้องทำยังไงครับ
โดย chatee supasand พฤ 06 ก.พ. 2020 12:00 pm บอร์ด Programming - C/C++ & java & Python
6
278
พฤ 06 ก.พ. 2020 3:33 pm โดย chatee supasand
เป็นเดือดกับลูกค้า
โดย noppadonsk พฤ 06 ก.พ. 2020 11:41 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
117
พฤ 06 ก.พ. 2020 11:41 am โดย noppadonsk
วิธีการสร้าง listbox ที่เมือมีการเลือกรหัสแล้วจะแสดงข้อมูลที่มีรหัสเดียวกับที่เลือก
โดย Ittichai_chupol พ 05 ก.พ. 2020 6:33 pm บอร์ด Jquery & Ajax Knowledge
0
1464
พ 05 ก.พ. 2020 6:33 pm โดย Ittichai_chupol
ทำไมเปลี่ยน type ข้อมูลเป็น int ไม่ได้คับ
โดย chatee supasand พ 05 ก.พ. 2020 5:47 pm บอร์ด Programming - C/C++ & java & Python
2
177
พ 05 ก.พ. 2020 5:55 pm โดย jirawoot