<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Daniel Peruho &#187; Web Development</title>
	<atom:link href="http://www.peruho.com/category/blog/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.peruho.com</link>
	<description>Spanish Web Designer and Developer</description>
	<lastBuildDate>Wed, 25 May 2011 01:10:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Version control with Flash Builder and Dropbox</title>
		<link>http://www.peruho.com/blog/web-development/version-control-with-flash-builder-and-dropbox/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=version-control-with-flash-builder-and-dropbox</link>
		<comments>http://www.peruho.com/blog/web-development/version-control-with-flash-builder-and-dropbox/#comments</comments>
		<pubDate>Fri, 13 May 2011 03:07:02 +0000</pubDate>
		<dc:creator>peruho</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Dropbox]]></category>
		<category><![CDATA[Flash Builder]]></category>
		<category><![CDATA[svn]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.peruho.com/wordpress/?p=48</guid>
		<description><![CDATA[Working with Version Control should be part of your daily work,  if it is not already. Works under Version Control with Dropbox to have it accessible from anywhere or to work with a partner.]]></description>
			<content:encoded><![CDATA[<h2>Beware your back</h2>
<p>Working with version control should be part of your daily work, if it is not already, you can save a lot of headaches. If you are freelance, or your company doesn&#8217;t work with version control because your project is not bigger enough, or if you work on two computers (home and office) I recommend you work under version control and use Dropbox to access to your project anywhere you are or to work with a partner.</p>
<p>What I&#8217;ll explain here is how to create a repository on Dropbox, without pay any SVN hosting services, and how to work with from Flash Builder. You can use any other program that has SVN support. You can share your repository with colleagues or sync it all at home.</p>
<h3>Tools</h3>
<ul>
<li><strong>Flash Builder</strong></li>
<li><strong>Versions</strong> (50 dollars). You can use another client, but this is my favorite.</li>
<li><strong>Dropbox</strong> (2,5Gb free space)</li>
</ul>
<h3>Workflow</h3>
<p><strong>Create a folder in Dropbox folder</strong> to store your repositories (projects under version control). This will do just once.<br />
<strong>Create a new repository with Versions in that folder</strong>, it will be our project repository.<br />
<strong>Do a &#8220;check out&#8221; </strong> where we go to work locally (not Dropbox).<br />
<strong>Work only and exclusively in our local folder.</strong><br />
<strong>Update the repository</strong> with each major change (do a &#8220;commit&#8221; to the repository)<br />
Continue working<br />
If you work with a team, share this folder using Dropbox.</p>
<p><strong>Why not work directly in Dropbox? </strong><br />
Perhaps you wonder why not work directly with Dropbox, since this is a version control, if you sync one and have our history files and such.<br />
We do not want to do that for several reasons:<br />
Dropbox is not a real version control and we can operate it from our favorite app.<br />
In Dropbox website we have a history of files, but nothing more, with SVN we have access to comments made with each change, compare files from previous versions and all inside Flash Builder.<br />
Although the main reason is you will not want to work more than one person in the same file only with Dropbox. Could be a hell.</p>
<h3>First steps</h3>
<p><strong>Create a Dropbox folder</strong> to store all our repositories from now. In my case is <em>Dropbox/SVN-Repositories/</em><br />
Make sure that we will use the library 1.6 on Versions preferences.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/1_step01-1.png" alt="Check 1.6 Subversion library" title="Check 1.6 Subversion library" width="565" height="619"  class="no-border"/><br />
<strong>2. Create a local repository</strong><br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/1_step02-1.gif" alt="Create new repository in Versions" title="Click on Create Local Repository" width="535" height="300" /><br />
Select our folder where we&#8217;ll store all our repositories.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/1_step02-2.gif" alt="Create new repository in Versions" title="Create new repository in Versions" width="565" height="300" /><br />
<strong>3.</strong> Checkout your repository, this is a local copy to work with. Create a folder within your workspace folder, in this case &#8220;<em>testSVN</em>&#8221; within that folder, Versions will create your local copy of the repository with the name you want, in our case DEV.<br />
<img src="http://www.peruho.com/scripts/timthumb.php?src=http://www.peruho.com/wordpress/wp-content/uploads/2011/04/1_step03-1.gif&#038;w=560&#038;zc=1" alt="Click on Check out" title="Click on Check out" /><br />
<img src="http://www.peruho.com/scripts/timthumb.php?src=http://www.peruho.com/wordpress/wp-content/uploads/2011/04/1_step03-2.png&#038;w=560&#038;zc=1" alt="Select local folder" title="Select local folder" /></p>
<p>The repository and the local copy are working, let&#8217;s make Flash Builder working with SVN.</p>
<h3>Install Subversion on your OSX</h3>
<p>Download and install the Subversions binaries for your OS from <a href="http://www.open.collab.net/downloads/community/">CollabNet</a></p>
<h3>Install Subeclipse on Flash Builder</h3>
<p><strong>1. Select Install new software</strong> on the Flash menu Builder Help (Help> Install new software &#8230;)<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/2_step01-1.png" width="365" height="472" alt="Select Install new software" title="Select Install new software" /><br />
<strong>2.</strong> Select Add<br />
<img src="http://www.peruho.com/scripts/timthumb.php?src=http://www.peruho.com/wordpress/wp-content/uploads/2011/04/2_step01-2.gif&#038;w=560&#038;zc=1" alt="Click on Add" title="Click on Add" /><br />
Flash Builder is based on Eclipse 3.6.1 &#8220;Helios&#8221; and according to the Subeclipse website we have to install version 1.6.x. In the field enter the name you want to remember the plugin, and the next url in Location: <a href="http://subclipse.tigris.org/update_1.6.x">http://subclipse.tigris.org/update_1.6.x</a>, que trabaja  con Subversion 1.6.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/2_step02-1.gif" alt="It's working" title="It's working" /><br />
<strong>3. Select only the required options </strong><br />
<img src="http://www.peruho.com/scripts/timthumb.php?src=http://www.peruho.com/wordpress/wp-content/uploads/2011/04/2_step03-1.gif&#038;w=560&#038;zc=1" alt="Select only the requiered staff" title="Select only the requiered staff" /><br />
Click Next, a summary of the installation is showed, click Next, accept the license and then finish. Maybe a security warning is showed, proceed with installation.</p>
<p>Everything is installed, let&#8217;s go to work with Flash Builder and Subversion!</p>
<h3>Getting started with subversion in Flash Builder</h3>
<p><strong>1. Create a new actionscript project and select the folder where we have our local copy of the repository.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/3_step01-1.gif" alt="Select your local folder" title="Select your local folder" /><br />
</strong><strong>2.</strong> As you can see, <strong>Subversion is already running</strong>. There is a question mark (?) next to the files and folders, it means that version control doesn&#8217;t know what to do with these files, they are unknown to the repository.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/3_step02-1.gif" alt="It's working" title="It's working" /><br />
<strong>3.</strong> Select the folders and files, press the right mouse button and select Team> Add to Version Control. Once this is done we will see a + mark next to the files, meaning that they have been added to the repository in next commit.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/3_step03-1.gif" alt="It's working" title="It's working" /><br />
In the Package Explorer panel, select our project, in the context menu select Team> Commit. We&#8217;ll upload our files to the repository.<br />
On the next screen, select the files you want to update and make a comment about the changes made, as is our first update, type &#8220;Initial commit.<br />
When changes have been made, the following icon represents that the files are updated with the repository.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/3_step03-2.gif" alt="It's working" title="It's working" /><br />
Check the files are already in the repository with Versions.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/3_step03-3.gif" alt="It's working" title="It's working" /><br />
Check the commits historial.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/3_step03-4.gif" alt="It's working" title="It's working" /></p>
<h3>Working with the repository from another computer</h3>
<p><strong>1.</strong> Well, we already have a computer running subversion, by coincidences of life I have to work from my laptop, so I set my project on that computer too.<br />
File> Import> Other and select the folder in SVN the only option there: Checkout projects from SVN<br />
On the next screen select Create new repository location.<br />
Enter the path to our repository (of the Dropbox). We can access this information by pressing CTRL + I in Versions, in our case <em>file://localhost/Users/peruho/Dropbox/SVN-Repositories/testSVN</em><br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/4_step01-1.png" alt="It's working" title="It's working" /><br />
On the next screen select the root of our repository and click next.<br />
Select <strong>Checkout as a project</strong> in the workspace, type the project name and click Next<br />
Select the path where you want the local copy /2011/testSVN/DEV<br />
<strong>2.</strong> Everything is running on our laptop.<br />
<img src="http://www.peruho.com/wordpress/wp-content/uploads/2011/04/4_step02-1.gif" alt="It's working" title="It's working" /></p>
<h3>Things to consider</h3>
<p>There are some important things we must not forget, like not touch our Dropbox folder (SVN-repositories), never change anything, keep in mind that it is a database where Subversion is storing all our changes.<br />
When we want to make a copy of our working copy, note that you can&#8217;t simply make a copy of the folder from Finder, if you do that you are copying too a lot of hidden files that store information from our working copy, and could be a mess. So we have to export to a new folder, this can be done from Versions.<br />
If we want to upload a clean copy to the repository of a project we have to select import.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peruho.com/blog/web-development/version-control-with-flash-builder-and-dropbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 34/45 queries in 0.030 seconds using disk: basic
Object Caching 611/617 objects using disk: basic

Served from: www.peruho.com @ 2012-02-23 12:02:49 -->
