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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากเล่นเฟซบุ๊กต้องทำยังไง
โดย teenproza7 พ 22 พฤษภาคม 2019 8:48 pm บอร์ด Share Knowledge
0
18
พ 22 พฤษภาคม 2019 8:48 pm โดย teenproza7
สอบถามเรื่องการสร้างเพจ
โดย khwanchanok พ 22 พฤษภาคม 2019 7:14 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
8
พ 22 พฤษภาคม 2019 7:14 pm โดย khwanchanok
วิธี start server บนเครื่อง VM กรณี server ดับ (Ubuntu server) ระบบไฟล์มีปัญหา
โดย tatiya พ 22 พฤษภาคม 2019 7:04 pm บอร์ด Linux - Web Server
0
9
พ 22 พฤษภาคม 2019 7:04 pm โดย tatiya
ข้อดีเเละข้อเสียของการซื้อของเเพง
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 6:50 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
5
พ 22 พฤษภาคม 2019 6:50 pm โดย สริญญา สมสา
การสร้าง FanPage ใน Facbook
โดย khwanchanok พ 22 พฤษภาคม 2019 6:46 pm บอร์ด Share Knowledge
3
31
พ 22 พฤษภาคม 2019 7:50 pm โดย tatiya
ไม่สามารถส่งค่าไปยัง database ได้
โดย teenproza7 พ 22 พฤษภาคม 2019 6:21 pm บอร์ด Programming - C/C++ & java & Python
1
17
พ 22 พฤษภาคม 2019 6:30 pm โดย tatiya
เรียนรู้การนับค่าKey index ในList
โดย khwanchanok พ 22 พฤษภาคม 2019 6:15 pm บอร์ด Python Knowledge
0
4
พ 22 พฤษภาคม 2019 6:15 pm โดย khwanchanok
ข้อแตกต่างระหว่าง List Tuple และ Ditionary
โดย khwanchanok พ 22 พฤษภาคม 2019 6:04 pm บอร์ด Python Knowledge
0
4
พ 22 พฤษภาคม 2019 6:04 pm โดย khwanchanok
มารู้จักกับ Built-in Funtion ในPython
โดย khwanchanok พ 22 พฤษภาคม 2019 5:52 pm บอร์ด Python Knowledge
0
5
พ 22 พฤษภาคม 2019 5:52 pm โดย khwanchanok
สร้างตัวแปรใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:36 pm บอร์ด Python Knowledge
0
7
พ 22 พฤษภาคม 2019 5:36 pm โดย khwanchanok
Error ภาษาไทยใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:29 pm บอร์ด Python Knowledge
0
15
พ 22 พฤษภาคม 2019 5:29 pm โดย khwanchanok
ดูแลหูฟังกันอย่างไรใหม่มีประสิทธิภาพ
โดย jamepiyawat พ 22 พฤษภาคม 2019 4:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
11
พ 22 พฤษภาคม 2019 4:55 pm โดย jamepiyawat
วิธีทำสลัดโรล
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 4:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พ 22 พฤษภาคม 2019 4:41 pm โดย สริญญา สมสา
ออกกำลังกายกี่วันถึงจะดีนะ ?
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
18
พ 22 พฤษภาคม 2019 3:48 pm โดย jamepiyawat
ประเภทเเละระบบของการเงิน
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 3:29 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
6
พ 22 พฤษภาคม 2019 3:29 pm โดย สริญญา สมสา
เจอปัญหา หลังจากการอัพเกรด Joomla เมนูย่อย ใน Components Component หาย
โดย mindphp พ 22 พฤษภาคม 2019 3:28 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
8
พ 22 พฤษภาคม 2019 3:28 pm โดย mindphp
เลือกเก้าอี้ที่เหมาะสมกันเถอะ
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พ 22 พฤษภาคม 2019 3:13 pm โดย jamepiyawat
สรุปฟีเจอร์ที่เพิ่มไปในระบบ Web - Ordering
โดย Parichat พ 22 พฤษภาคม 2019 2:55 pm บอร์ด Diageo - Web Ordering (Main)
0
7
พ 22 พฤษภาคม 2019 2:55 pm โดย Parichat
วิธีแก้อาการเมาค้าง แฮงค์ คลื่นไส้ ทำอย่างไรให้หายเมาแบบรวดเร็ว
โดย teenproza7 พ 22 พฤษภาคม 2019 2:40 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
พ 22 พฤษภาคม 2019 2:40 pm โดย teenproza7
Custom field ใน Joomla ที่เราสร้างขึ้นมา เอง ทำให้มันค้นได้ไหม
โดย icphp พ 22 พฤษภาคม 2019 2:34 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
10
พ 22 พฤษภาคม 2019 3:11 pm โดย tsukasaz