ให้เรตสมาชิก: 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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
os.mkdir ฟังก์ชั่นสำหรับการสร้าง folder ใหม่
โดย benzas00123 ศ 24 ม.ค. 2020 6:44 pm บอร์ด Python Knowledge
0
2
ศ 24 ม.ค. 2020 6:44 pm โดย benzas00123
upload รูปภาพหลายๆรูป ด้วย Flask
โดย benzas00123 ศ 24 ม.ค. 2020 6:31 pm บอร์ด Python Knowledge
0
4
ศ 24 ม.ค. 2020 6:31 pm โดย benzas00123
มาแล้ว MDPartner Component สำหรับจัดเก็บข้อมูลลูกค้าในระบบ CRM
โดย prmindphp ศ 24 ม.ค. 2020 6:02 pm บอร์ด MindPHP News & Feedback
0
17
ศ 24 ม.ค. 2020 6:02 pm โดย prmindphp
os.remove ฟังก์ชั่นสำหรับการลบไฟล์
โดย benzas00123 ศ 24 ม.ค. 2020 5:35 pm บอร์ด Python Knowledge
0
5
ศ 24 ม.ค. 2020 5:35 pm โดย benzas00123
ขอสอบถามวิธีการดึงข้อมูลมาลงใน table ที่เราต้องการหน่อยครับ
โดย benzas00123 ศ 24 ม.ค. 2020 2:06 pm บอร์ด Programming - C/C++ & java & Python
1
13
ศ 24 ม.ค. 2020 2:14 pm โดย benzas00123
ลูกไม่รักดี?
โดย noppadonsk ศ 24 ม.ค. 2020 10:40 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
12
ศ 24 ม.ค. 2020 10:40 am โดย noppadonsk
วิธีการแปลง timestamp เพื่อหาจำนวนวันที่ผ่านมาหรือคงเหลือ
โดย Ittichai_chupol พ 22 ม.ค. 2020 6:37 pm บอร์ด PHP Knowledge
0
38
พ 22 ม.ค. 2020 6:37 pm โดย Ittichai_chupol
วิธีการตรวจสอบว่ารูปเป็นแนวตั้งหรือแนวนอน ด้วยภาษา php
โดย jamepiyawat พ 22 ม.ค. 2020 6:16 pm บอร์ด PHP Knowledge
0
19
พ 22 ม.ค. 2020 6:16 pm โดย jamepiyawat
Range Sliders เก็บค่าตัวเลขด้วย range sliders
โดย benzas00123 พ 22 ม.ค. 2020 5:50 pm บอร์ด Booststap Knowledge
1
64
ศ 24 ม.ค. 2020 9:32 am โดย LEG
อยากทราบวิธีการตรวจสอบว่าจะมีเวลาอีกกี่วันถึงจะ ถึงเลข timestamp ที่กำหนด
โดย Ittichai_chupol พ 22 ม.ค. 2020 3:54 pm บอร์ด Programming - PHP
1
81
พ 22 ม.ค. 2020 4:18 pm โดย thatsawan
ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ
โดย benzas00123 พ 22 ม.ค. 2020 3:13 pm บอร์ด HTML CSS
5
120
พ 22 ม.ค. 2020 3:32 pm โดย benzas00123
วันหยุดที่หายไป
โดย noppadonsk พ 22 ม.ค. 2020 11:42 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
32
พ 22 ม.ค. 2020 11:42 am โดย noppadonsk
วิธีการปรับการการแสดงการ รายชื่อของแจ้งเตือน bookmark โดย phpbb
โดย Ittichai_chupol อ 21 ม.ค. 2020 5:45 pm บอร์ด PHP Knowledge
0
25
อ 21 ม.ค. 2020 5:45 pm โดย Ittichai_chupol
pillow vs wand library ความแตกต่างของ library ทั้ง 2 ตัวในการ procress รูปภาพ
โดย benzas00123 อ 21 ม.ค. 2020 5:29 pm บอร์ด Python Knowledge
1
24
อ 21 ม.ค. 2020 5:54 pm โดย mindphp
อยู่ดีๆ ก็ไม่สามารถเชื่อมต่อกับ database ได้ครับ
โดย benzas00123 อ 21 ม.ค. 2020 4:46 pm บอร์ด Programming - C/C++ & java & Python
5
67
อ 21 ม.ค. 2020 5:39 pm โดย benzas00123
ขอถามเกี่ยวกับ library ImageMagick ครับ
โดย benzas00123 อ 21 ม.ค. 2020 3:29 pm บอร์ด Programming - C/C++ & java & Python
2
31
อ 21 ม.ค. 2020 4:23 pm โดย benzas00123
Git Lad จะทำอย่างไรให้ไฟล์ที่อยู่ในโฟร์ย่อย ออกมาครับ
โดย jamepiyawat อ 21 ม.ค. 2020 12:08 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
148
อ 21 ม.ค. 2020 2:04 pm โดย jamepiyawat
ขอทราบวิธีการเขียน python เก็บข้อมูล ip ของผู้ใช้หน่อยครับ
โดย benzas00123 อ 21 ม.ค. 2020 10:54 am บอร์ด Programming - C/C++ & java & Python
1
111
อ 21 ม.ค. 2020 12:20 pm โดย mindphp
ขอสอบถามเกี่ยวกับการอัพโหลดรูปภาพเข้า ฐานข้อมูลครับ
โดย benzas00123 จ 20 ม.ค. 2020 6:29 pm บอร์ด SQL - Database
3
88
อ 21 ม.ค. 2020 2:00 pm โดย mindphp
โปรแกรมแปลงหน่วย เครื่องมือในการแปลงหน่วยความจุคอมพิวเตอร์
โดย prmindphp จ 20 ม.ค. 2020 6:24 pm บอร์ด MindPHP News & Feedback
0
68
จ 20 ม.ค. 2020 6:24 pm โดย prmindphp