Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (1 modified, 0 added, 0 removed)
  • Confluence.Code.ConfluencePageClass[0]

Details

Page properties

Content

...	...	@@ -51,10 +51,29 @@
51	51
52	52	== Preparing the Repository ==
53	53
54		-{{warning title="ToDo"}}
55		-Write this section.
56		-{{/warning}}
	54	+We have created a Git repository for everyone to do his tutorials in. You can access the repository online through our Stash tool [[over here>>url:http://git.rtsys.informatik.uni-kiel.de:7990/projects/PRAK/repos/12ws-eclipse-tutorials/browse||shape="rect"]]. You will first have to configure your Stash account:
57	57
	56	+1. Login with your Rtsys account information.
	57	+1. Through the button in the top right corner, access your profile.
	58	+1. Switch to the //SSH keys// tab.
	59	+1. Click //Add Key// and upload a public SSH key that you want to use to access the repository.
	60	+
	61	+You should now be able to access the repository. Clone it:
	62	+
	63	+1. Open a console window and navigate to an empty directory that the repository should be placed in.
	64	+1. Enter the command ssh:~/~/git@git.rtsys.informatik.uni-kiel.de:7999/PRAK/12ws-eclipse-tutorials.git{{code language="none"}} .{{/code}} (including the final dot, which tells git to clone the repository into the current directory instead of a subdirectory).
	65	+1. You should now have a clone of the repository in the current directory.
	66	+
	67	+You will use this repository for all your tutorial work, along with everyone else. To make sure that you don't interfere with each other, everyone will work on a different branch. This is not exactly how people usually use Git, but goes to demonstrate Git's flexibility... Add a branch for you to work in:
	68	+
	69	+1. Enter {{code language="none"}}git checkout -b login_name{{/code}}
	70	+
	71	+You have just added and checked out a new branch. Everything you commit will go to this branch. To push your local commits to the server (which you will need to do so we can access your results), do the following:
	72	+
	73	+1. Enter {{code language="none"}}git push origin login_name{{/code}}
	74	+
	75	+You would usually have to enter {{code language="none"}}git pull{{/code}} first, but since nobody will mess with your branch this won't be necessary. By the way, you only need to mention {{code language="none"}}origin login_name{{/code}} with the first {{code language="none"}}git push{{/code}}, since Git doesn't know where to push the branch yet. After the first time, Git remembers the information and it will be enough to just enter {{code language="none"}}git push{{/code}}.
	76	+
58	58	= Creating a Simple Text Editor =
59	59
60	60	OK, with all the preliminaries out of the way let's get working. Fire up Eclipse, choose an empty workspace, close the Welcome panel it will present you with and follow the following steps.
...	...	@@ -68,7 +68,7 @@
68	68	1. As the project name, enter {{code language="none"}}de.cau.cs.rtprakt.login.simple{{/code}}. Uncheck //Use default location// (which would put the project into your workspace), and put it into your local clone of the Git repository instead (the //Location// should read something like {{code language="none"}}/path/to/git/repository/de.cau.cs.rtprakt.login.simple{{/code}}). Click //Next//.
69	69	1. As the name, enter {{code language="none"}}Simple (login){{/code}}. Also, make sure that //Generate an activator// and //This plug-in will make contributions to the UI// are both checked. Click //Finish//. (Eclipse might ask you whether you want to switch to the //Plug-in Development Perspective//, which configures Eclipse to provide the views that are important for plug-in development. Choose //Yes//. Or //No//. It won't have a big influence on your future...)
70	70	1. Eclipse has now created your new plug-in and was nice enough to open the //Plug-in Manifest Editor//, which allows you to graphically edit two important files of your plugin: {{code language="none"}}plugin.xml{{/code}} and {{code language="none"}}META-INF/MANIFEST.MF{{/code}}. (By the way, this would be a great time to research the editor and the two files online.) Basically, those two files provide information that tell Eclipse what other plug-ins your plug-in needs and how it works together with other plug-ins by providing extensions and extension points. Our new plug-in will depend on two other plug-ins, so switch to the //Dependencies// tab of the editor and add dependencies to {{code language="none"}}org.eclipse.ui.editors{{/code}} and {{code language="none"}}org.eclipse.jface.text{{/code}}. Save the editor and close it. (You can always reopen it by opening one of the two mentioned files from the //Package Explorer//.)
71		-1. (% style="color: rgb(153,51,0);" %)**TODO: GIT PROJECT**
	90	+1. Tell Eclipse that the project is inside a Git repository. Right-click on the project, click //Team//, and click //Share Project//. Select Git as the repository type and click //Next//. The repository information should appear and you should be able to simply click //Finish//.
72	72
73	73	== Create the Main Editor Class ==
74	74
...	...	@@ -103,10 +103,44 @@
103	103
104	104	= Creating a Simple View =
105	105
106		-WRITE THIS SECTION
	125	+The next task consists of creating a view that is able to display the state of a Turing Machine. We will do this using a table with one column, where each row represents an entry on the tape of the Turing Machine. The tape shall be infinite to one side, and the position of the read/write head shall be movable by two buttons. The content of the tape shall be determined by the currently active instance of our simple text editor.
107	107
	127	+{{info title="Hint"}}
	128	+In this tutorial, we will be making use of the Standard Widget Toolkit (SWT) to build a user interface. It might be a good idea now to search for an introduction to SWT concepts on the Internet now before you proceed.
	129	+{{/info}}
	130	+
	131	+== Creating the View Class ==
	132	+
	133	+We will start by creating a class that will define the view.
	134	+
	135	+1. Create a class {{code language="none"}}TapeViewPart{{/code}} in a new package {{code language="none"}}de.cau.cs.rtprakt.login.simple.views{{/code}} that extends the [[ViewPart>>url:http://help.eclipse.org/juno/topic/org.eclipse.platform.doc.isv/reference/api/org/eclipse/ui/part/ViewPart.html||shape="rect"]] class.
	136	+1. Add a private field {{code language="none"}}tableViewer{{/code}} of type [[TableViewer>>url:http://help.eclipse.org/juno/topic/org.eclipse.platform.doc.isv/reference/api/org/eclipse/jface/viewers/TableViewer.html||shape="rect"]].
	137	+1. (((
	138	+Your TableViewPart contains a still empty method createPartControl. This method will be responsible for creating the user interface components of your view. Add the following code to create the table we want to display:
	139	+
	140	+{{code title="createPartControl(...)" linenumbers="true" language="java" collapse="true"}}
	141	+Table table = new Table(parent, SWT.BORDER);
	142	+TableColumn column = new TableColumn(table, SWT.NONE);
	143	+column.setWidth(80);
	144	+tableViewer = new TableViewer(table);
	145	+{{/code}}
	146	+)))
	147	+1. (((
	148	+The setFocus method controls what happens when your part gets the focus. Make sure the focus will then automatically be set to the table by adding the following code:
	149	+
	150	+{{code title="setFocus(...)" linenumbers="true" collapse="true"}}
	151	+tableViewer.getControl().setFocus();
	152	+{{/code}}
	153	+)))
	154	+
108	108
109	109
	157	+
	158	+
	159	+
	160	+
	161	+
	162	+
110	110	= Creating an Extension Point =
111	111
112	112	WRITE THIS SECTION

Confluence.Code.ConfluencePageClass[0]

Id

...	...	@@ -1,1 +1,1 @@
1		-2982282
	1	+2982287

URL

...	...	@@ -1,1 +1,1 @@
1		-https://rtsys.informatik.uni-kiel.de/confluence//wiki/spaces/WS12EclPract/pages/2982282/The Plug-in Architecture of Eclipse
	1	+https://rtsys.informatik.uni-kiel.de/confluence//wiki/spaces/WS12EclPract/pages/2982287/The Plug-in Architecture of Eclipse