Skip Navigation LinksHome > Standards > DeveloperDotNet > Using TFS to Edit Website

Using TFS to Edit Website

  1. Setup Team Explorer to connect to TFS
  2. Get Latest (aka: Download files to your local workspaces)
  3. Confirm your understanding how the toolbar was automatically opened
  4. Editing Web Pages with code file
  5. Adding a new folder to the TFS
  6. Use Team Explorer to Edit XML Page
  7. Use "Beyond Compare" to Copy from local(e.g. ant) to the Web

  • Editing XML Web Pages

    1. Open Team Explorer Window
      2. Open Team Explorer Window
      Figure: Open Team Explorer Window
    2. Checkout and Edit file
    3. If failed, Stop working and asking for help
    4. Get Latest Version of File From ANT Server
      5. Get Latest Version
      Figure: Getting Update file from ANT Server
    5. Check Out for Editing
    6. Open "HomeCalender.xml" from Source Control Explorer Window for Editing
    7. Update "HomeCalender.xml" for an upcoming events
      8. XML Page
      Figure: Updating XML Page for an Upcoming Events
    8. For New Event follow the same syntax from Calender Entry
    9. Insert New Title
    10. Give URL of the page for link.
    11. Give correct path of the image
    12. Description of the Event
    13. Start and Ending Date of the Event

    • Adding a new folder to the TFS

    1. Go into Explorer (tip: hold click the windows button and the e key ). Navigate to your ProjectsTFS\trunk\SSW.Website.WebUI\StandardsInternal\_EmployeeTestArea\. You will see the folder name you created in the previous step.
    2. Copy this folder and rename it to your name.
    3. Go back into Visual Studio. Select the _EmployeeTestArea folder name and then click the Add Files Icon
      4. Add Files Icon
      Figure: Add Files Icon
    4. The "Add to Source Control" window appears. Click "Add Folder.." button. The "Browse Folder" window appears.
    5. Navigate in this window to the _EmployeeTestArea and then to the folder that you just created in Explorer. Select it and click the "OK" button. The "Browse Folder" window disappears.
    6. Click the "OK" button in the "Add to Source Window". It disappears.
    7. Your new folder appears with a "plus" icon on left hand side.
    8. Open "aboutme.aspx" which is inside your newly created folder
    9. Update "aboutme.aspx" with your own details. Don't forget to change the Title of the window as well. In order to reduce spam the "@ssw.com.au" of  the email address is depicted as an image so write only your username between the tags. 
    10. Right Click your folder name and select  "Check in Pending Changes". Your folder now exists on the TFS as well as your local machine.

  • Use FTPSync to Copy from Ant to the Web

    **NOW MOVED TO USING BEYOND COMPARE** (see below)
    1. Start FTPSync.
    2. Click the AU server and press the "connect" button.
    3. Browse to the correct file location on both your local computer and the remote server.
      4. FtpSync Files Icon
      Figure: Compare Files Icon
    4. Press the compare files icon.
      5. Synchronise Icon
      Figure: Synchronise Icon
    5. Press the green circle button on the right.
    6. The program asks you to confirm the transfer. Check the timestamp checkbox.
      7. Set Local timestamps to Remote after transfer
      Figure: Always tick Checkbox for "Set Local timestamps to Remote after transfer"
    7. Click the "OK" button.
      8. Note: Sync files to US server first and then to AU server.
      Reason: Make sure always have synchronized timestamps on AU server and local server.
      We only care about Timestamps on AU server because the local server recalls last timestamp. This way the colour of the file names becomes black not red or blue.

    Note: Did you follow the synchronization standards?

  • Use "Beyond Compare" to Copy from local (e.g. ant) to the Web

    1. Start Beyond Compare.
    2. Choose local computer to one side and Web server to the other side then press the "OK" button.
      3. Connect to Web Server
      Figure: Choose the server
    3. Browse to the correct file location on both your local computer and the remote server.
      4. Compare Items
      Figure: Compare Files Icon
    4. Press the compare files icon.
    5. Select the file on your local computer side then press the copy button
    6. The program asks you to confirm the transfer. Press OK
      7. Transfer file
      Figure: Always tick Checkbox for "Set Local timestamps to Remote after transfer"
    7. Click the "OK" button.
      8. Note: Sync files to US server first and then to AU server.
      Reason: Make sure always have synchronized timestamps on AU server and local server.
      We only care about Timestamps on AU server because the local server recalls last timestamp. This way the colour of the file names becomes black not red or blue.

    Note: Did you follow the synchronization standards?

    • Acknowledgements

    Adam Cogan
    Alvin Shen