Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 104,071

HOME > Windows Azure > Visual Studio Online & Team Developer Tools > ตอนที่ 2 : สร้าง Project บน Visual Studio Online การเชื่อมต่อกับโปรแกรม Visual Studio




ตอนที่ 2 : สร้าง Project บน Visual Studio Online การเชื่อมต่อกับโปรแกรม Visual Studio

ตอนที่ 2 : สร้าง Project บน Visual Studio Online และการเชื่อมต่อกับโปรแกรม Visual Studio ในหัวข้อที่สองนี้ เราจะมาเริ่มต้นรู้จักกับ Visual Studio Online และใช้งานเบื้องต้น ว่าในแต่ล่ะขั้นตอน มีรูปแบบการทำงานอย่างไรบ้าง โดยเริ่มตั้งแต่การสร้าง Project บนหน้า Dashboard และการเชื่อมต่อข้อมูลจาก Source Control ระหว่าง Visual Studio Online กับโปรแกรม Visual Studio ที่อยู่ในฝั่งของ Member (สมาชิกใน Team) รูปแบบนี้จะเรียกว่า Team Foundation Version Control (TFVC) ซึ่ง Visual Studio Online จะใช้ Feature และความสามารถของ Team Foundation Server ที่ถูกติดตั้ง ทำงานอยู่บน Cloud และเราจะสามารถจัดการข้อมูลต่าง ๆ ผ่านหน้าจอ Dashboard ของ Visual Studio Online

เนื่องจาก Visual Studio Online เป็น Team Server ขนาดใหญ่ทำงานบนระบบ Cloud และรองรับการทำงานหลาย ๆ Project หลาย ๆ Team ฉะนั้นเราสามารถจัดระดับการใช้งานให้เข้าใจง่าย ๆ คือ Account จะถูกแบ่งตาม Level จาก Account หลัก -> Project -> Team -> Solution -> Application ให้เข้าใจง่าย ๆ คือ เมื่อเราสมัคร Account กับ Visual Studio Online ใน 1 Account สามารถสร้าง Project ได้หลาย ๆ โปรเจค และใน Project หนึ่ง ๆ นั้น จะสามารถประกอบด้วย Member ใน Team ซึ่งใน Team ก็จะร่วมกันพัฒนา Application หลาย ๆ ตัวที่อยู่ใน Solution เดียวกัน

ฉะนั้นในขั้นแแรกสุด เราจะต้องสร้าง Project ขึ้นมาซึ่งจะเป็น Project หลัก และภายใน Project นั้น ๆ เราสามารถประกอบด้วย Solution และ Application ย่อยต่าง ๆ ได้อีกมากมาย และสามารถจัดการเพิ่มกับ Member สมาชิกภายในทีม ให้รับผิดชอบงานต่าง ๆ ตามมอบหมาย

บนหน้าจอ Dashboard ของโปรแกรม Visual Studio Online

Visual Studio Online  & Visual Studio

URL ของ Dashboard จะเป็น URL ที่ได้จากนั้นตอนการสมัครสมาชิก ซึ่งจะอยู่ภายใต้ Sub domain ของ visualstudio.com

Visual Studio Online  & Visual Studio

เลือกเมนู New เพื่อสร้าง Project ใหม่

Visual Studio Online  & Visual Studio

กรอกชื่อ Project Name ในที่นี้ตั้งชื่อเป็น My Project ส่วน Template เลือกเป็นแบบ MSF for Agel Software....

Visual Studio Online  & Visual Studio

โปรเจคถูกสร้างเรียบร้อย

Visual Studio Online  & Visual Studio

ได้ Project เรียบร้อยแล้ว ให้คลิกที่ชื่อ Project ซึ่งเราจะเข้าสู่หน้าจอ Dashboard ของ Project นั้น ๆ

Visual Studio Online  & Visual Studio

หน้าจอหน้า Dashboard ของ Project ที่อยู่บน Visual Studio Online ซึ่งจะประกอบด้วยเมนูต่าง ๆ มากมาย ที่จะช่วยให้การจัดการบริหาร Project ตามฟีเจอร์ของ Visual Studio Online








Visual Studio Online  & Visual Studio

ให้คลิกที่ Open in Visual Studio ซึ่งโปรแกรมจะทำการเรียกโปรแกรม Visual Studio ขึ้นมาอัตโนมัติ

Visual Studio Online  & Visual Studio

เลือกประเภทของ Visual Studio ซึ่งในที่นี้ อาจจะมีหลายประเภทในกรณีที่เป็น Version Express แต่ในกรณีที่เป็น Ultimate ก็สวามารถเลือกที่จะพัฒนาได้หลากหลาย Application

Visual Studio Online  & Visual Studio

ในกรณีที่เปิดโปรแกรม Visual Studio ครั้งแรก อาจจะต้องทำการ Sign In ด้วย Microsoft Account ซึ่ง Account จะต้องเป็น Member ใน Team ด้วย (อ่านเพิ่มเติมในตอนที่ 4)

Visual Studio Online  & Visual Studio

หลังจากที่เปิดโปรแกรม Visual Studio แล้ว ข้อมูลต่าง ๆ จะเชื่อมไปยัง Team Foundation Server ที่อยู่บน Visual Studio อัตโนมัติ


การเปิด Visual Studio และการเชื่อมต่อไปยัง Source Control ที่อยู่บน Visual Studio Online

Visual Studio Online  & Visual Studio

สำหรับในกรณีที่ไม่ได้เรียกจากหน้า Dashboard ของ Visual Studio Online ก็สามารถทำการเปิดโดยตรงจากโปรแกรม Visual Studio ได้เช่นเดียวกัน โดยเลือกที่ Open from Source Control

Visual Studio Online  & Visual Studio

เลือกเมนู Open from Source Control

Visual Studio Online  & Visual Studio

ให้ใส่ URL ของ Source Control ที่ได้จากการสมัคร Visual Studio Online

Visual Studio Online  & Visual Studio

ในครั้งแรกให้เลือก Configure your workspace เพื่อกำหนด path ของ Work Space

Visual Studio Online  & Visual Studio

กำหนด Path และเลือก Map & Get

Visual Studio Online  & Visual Studio

ได้ Path ที่จะจัดเก็บไฟล์ที่ดึงจาก Source Control

สำหรับการใช้งาน Source Control สามารถอ่านเพิ่มเติมได้ในตอนที่ 3


ตัวอย่างการใช้งาน Visual Studio และการ Sync ข้อมูลบน Visual Studio Online ตามที่ได้เกริ่นไว้ก่อนหน้านี้ เมื่อเราเชื่อม Visual Studio กับ Source Control ของ Visual Studio Online ข้อมูลต่าง ๆ ระหว่าง Server กับ Client จะมีการ Sync กันตลอดเวลา ซึ่ง Resource ต่าง ๆ ที่เกิดขึ้นบน Server จะถูกดึงมายัง Client และข้อมูลที่เกิดขึ้นที่ Client ก็จะมีการ Sync ไปยัง Server อัตโนมัติ ซึ่งข้อมูลต่าง ๆ เหล่านี้จะถูกกระจายไปยัง Member ต่าง ๆ ที่อยู่ใน Team ทั้งหมด

Visual Studio Online  & Visual Studio

ในเคสนี้จะยกตัวอย่างการสร้าง Work Item

Visual Studio Online  & Visual Studio

ให้เลือกที่ Project

Visual Studio Online  & Visual Studio

เลือก Work Item

Visual Studio Online  & Visual Studio

เลือก New Work Item โดย New Item นี้เป็นการสร้าง Task งาน และสามารถที่จะ Assign รายการนี้ไปยัง Member อื่น ๆ ที่อยู่ใน Team

Visual Studio Online  & Visual Studio

กรอกรายละเอียดของ Task งาน ซึ่งประเด็๋นสำคัญจะอยู่ที่ Assigned To ซึ่งในนีจะลอง Assign ถึงตัวเอง

Visual Studio Online  & Visual Studio

เลือก Save

Visual Studio Online  & Visual Studio

และเมื่อ Task ถูกสร้างและ Assign ไปยัง Member อื่น ๆ แล้ว สมาชิกในทีมสามารถดูรายการ Task ของตัวเองได้จากเมนู My Tasks

Visual Studio Online  & Visual Studio

ซึ่งก็จะเห็นรายการ Task ของตัวเองรับผิดชอบ และสามารถ Update สถานะต่าง ๆ ของ Task ที่ตัวเองรับผิดชอบ เช่น ดำเนินการเรียบร้อบแล้วก็อาจจะ Update เป็น Closed

กลับมายัง Visual Studio Online บน Web Dashboard

Visual Studio Online  & Visual Studio

เลือก Work -> Queries

Visual Studio Online  & Visual Studio

จะเห็นรายการ Tasks ที่ถูกสร้างขึ้นจากโปรแกรม Visual Studio ซึ่งข้อมูลจะถูก Sync มาจัดเก็บบน Server ของ Visual Studio Online ทกครั้ง และกระจายข้อมูลต่าง ๆ เหล่านี้ไปยังสมาชิกคนอื่น ๆ ตามความรับผิดชอบแลถุก Assign ไว้ใน Team

Visual Studio Online  & Visual Studio

รายการ Task

Visual Studio Online  & Visual Studio

รายละเอียดของ Task ที่ถูกสร้างขึ้น








จากบทความนี้เราคงจะเข้าใจพื้นฐานการทำงานของ Visual Studio Online แบบคร่าว ๆ กันแล้ว โดยรูปแบบนั้นถ้าเคยใช้พวก Team Foundation Server พัฒนาโปรแกรมเป็น Team แล้ว ก็จะไม่ค่อยแตกต่างกันมากนัก เพียงแต่ว่า Visual Studio Online จะทำงานอยู่บน Cloud เราไม่จำเป็นจะต้องมี Server ของตัวเอง ซึ่งในเหตุผลนี้เอง สามารถลด Cost ในการติดตั้ง Server และ Cost อื่น ๆ ในการดูแลระบบ Network ได้

สำหรับวิธีการใช้งาน Feature อื่น ๆ ของ Visual Studio Online เช่น การจัดการ Member มีทีม หรือ การใช้งาน Source Control ผ่านโปรแกรม Visual Studio สามารถอ่านเพิ่มเติมได้จากบทความที่ 3 และ 4

   
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2014-11-17 14:25:04 / 2017-03-24 15:59:06
  Download : No files
 Sponsored Links / Related

 
ตอนที่ 1 : Visual Studio Online คืออะไร มีประโยชน์อย่างไร และขั้นตอนการสมัครใช้งาน
Rating :

 
ตอนที่ 3 : การใช้งาน Hosted Source Control (TFVC) และการ Publish บน Azure Web Site
Rating :

 
ตอนที่ 4 : จัดการ User บน Visual Studio Online และ Work Items and Agile Planning
Rating :

 
ตอนที่ 5 : Visual Studio กับการสร้าง Hosted Build Service บน Visual Studio Online
Rating :

 
ตอนที่ 6 : การใช้งาน TFS Git Integration กับ Source Control บน Visual Studio Online
Rating :

 
ตอนที่ 7 : การใช้งาน Application Insights บน Visual Studio Online การวิเคราะห์ข้อมูลเชิงลึก
Rating :

 
ตอนที่ 8 : การใช้งาน Cloud Load Testing บน Visual Studio Online ทดสอบประสิทธิการทำงาน
Rating :

 
ตอนที่ 9 : การใช้งาน Debugging for Cloud Applications กับ Windows Azure Web Site
Rating :


ThaiCreate.Com Forum




Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   


Acc : thaicreate@hotmail.com










Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2017 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่