This diagram depicts the developer tools process flow in three steps: In step 1, the developer works with a Developer Tools-integrated Eclipse to create and manage code-based WebCenter Sites resources. In step 2, resources that are saved in Eclipse are converted into multiple files and stored in a file system structure called the "main Developer Tools workspace." Each JSP and XML element associated with these resources is placed in its own file. In step 3, the Developer Tools kit supports bi-directional synchronization. Resources can be either imported into the WebCenter Sites database from the main Developer Tools workspace or exported from WebCenter Sites to the main Developer Tools workspace.