Difference between revisions of "Teams Winter 2011/team2/lab3"

From CDOT Wiki
Jump to: navigation, search
Line 3: Line 3:
 
==Prerequisites==
 
==Prerequisites==
 
*Download [http://www.eclipse.org/downloads/packages/eclipse-rcp-and-rap-developers/heliossr2 Eclipse RCP & RAP Developer]
 
*Download [http://www.eclipse.org/downloads/packages/eclipse-rcp-and-rap-developers/heliossr2 Eclipse RCP & RAP Developer]
 
+
*Install RCP plug-in
 
=Create a RCP Application=
 
=Create a RCP Application=
 
==Run a RCP Application==
 
==Run a RCP Application==
Line 9: Line 9:
 
*Select/Enter your preferred workspace in the text box provided and click okay
 
*Select/Enter your preferred workspace in the text box provided and click okay
 
[[File:RcpwT2.png]]
 
[[File:RcpwT2.png]]
*After Eclipse has completed loaded, create a plug-in project by clicking on "File" on the menu bar then scroll to New->Project->Other. A wizard should pop-up in which you should progress to click on the "Plugin-in Development" tree, select "Plug-in Project", and click next.
+
*After Eclipse has completed loaded, create a plug-in project by clicking on "File" on the menu bar then scroll to New->Project->Other. A wizard should pop-up in which you should progress to click on the "Plug-in Development" tree, select "Plug-in Project", and click next.
 
[[File:WizwT2.png]]
 
[[File:WizwT2.png]]
 
*Enter the following information that is seen in the image below
 
*Enter the following information that is seen in the image below
Line 203: Line 203:
 
*Now search for "org.eclipse.ui.menus", click it to ensure it's selected, then finish it by clicking on the finish button.
 
*Now search for "org.eclipse.ui.menus", click it to ensure it's selected, then finish it by clicking on the finish button.
 
[[File:ExtT2.png]]
 
[[File:ExtT2.png]]
*You should notice the plugin was added to your extension.
+
*You should notice the plug-in was added to your extension.
 +
*From your current display, right-click the recently added extension->New->menuContribution. After the item has been added, right-click that item and perform the following actions New->menu.
 +
*Fill in the necessary based on the picture below
 +
[[FIle:MenuT2.png]]
 
*
 
*

Revision as of 02:53, 12 March 2011

Tutorial

In this tutorial, we are creating an RCP application to inform the user of current weather temperatures in major cities of North America. We will use our previous lab 2 classes and alter them according to our specification for this lab. For reference material, we are using Eclipse RCP and Eclipse JFace Table tutorial.

Prerequisites

Create a RCP Application

Run a RCP Application

  • Run Eclipse
  • Select/Enter your preferred workspace in the text box provided and click okay

RcpwT2.png

  • After Eclipse has completed loaded, create a plug-in project by clicking on "File" on the menu bar then scroll to New->Project->Other. A wizard should pop-up in which you should progress to click on the "Plug-in Development" tree, select "Plug-in Project", and click next.

WizwT2.png

  • Enter the following information that is seen in the image below

Wiz2wT2.png Wiz3wT2.png Wiz4wT2.png

  • Since we decided to use a template to create our first project, there are already a few predefined classes that we will alter to suit our requirements for this lab.
  • What you should see in your Eclipse environment is something that looks very similar to the picture below

EclipseStartT2.png

  • In the "MANIFEST" file, click on "Launch an Eclipse Application", this will run the "Hello RCP" template program that has not been edited yet. Running this application as is will result in a window to pop-up.

ManiRun1T2.pngFWindowpopT2.png

  • Lets open "ApplicationWorkbenchWindowAdvisor.java" file so we can alter the window of our application.
  • Replace the following method with the one below
public void preWindowOpen() {
     //Retrieves the main window
     IWorkbenchWindowConfigurer configurer = getWindowConfigurer();
     //Sets the size of the window
     configurer.setInitialSize(new Point(600, 500));
     
     //Header bar becomes available
     configurer.setShowCoolBar(true);
   
     //Footer bar becomes available
     configurer.setShowStatusLine(true);
       
     //Title of the window
     configurer.setTitle("My First RCP Application"); //$NON-NLS-1$
}
  • Redo the same step previously to run the application and your window should be larger and have both header and footer bars.

FWindowpop2T2.png

Configure Your Run

  • To ensure your application has all the resources, files, etc. required to run, we need to modify the "Run Configuration" for our application.
  • Right-click the "MANIFEST" file, scroll down to "Run As", and then highlight and click "Run Configurations..."

RunconfT2.png

  • The "Run Configurations" window is now present. From here, click on the Plug-in tab and check the box "Validate plug-ins automatically prior to launching" and click Apply. This will essentially provide you with all the plug-ins needed for your program to work during runtime.

Runconf2T2.png

Creating a Package and Classes

  • We are now going to create a package called "ecl.team2.lab3.weathermodel". To do this, right-click the src folder, move the cursor to "New", then click packages. Enter "ecl.team2.lab3.weathermodel" in the "Name" textbox and click Finish.

PckgT2.pngPckg2T2.png

  • Now we are going to create classes within this package. To create a class, right-click our newly created package, highlight "New", and scroll down and click "Class". Create a class for "Weather" and "SimpleWeatherSystem".

Classl3T2.png

  • Copy and paste the following to their respective file.

Weather

package ecl.team2.lab3.weathermodel;

public class Weather {
    private String city;
    private float tempInCelcius;
    private float rainInMM;
    private float snowInMM;
    private float windspeedInKM;
    private char windDirection;
   
    public Weather(String pcity, float ptemp, float prain, float psnow, float pwspeed, char pwdirection){
        this.setCity(pcity);
        this.setTempInCelcius(ptemp);
        this.setRainInMM(prain);
        this.setSnowInMM(psnow);
        this.setWindspeedInKM(pwspeed);
        this.setWindDirection(pwdirection);
    }
   
    public void setWindDirection(char windDirection) {
        this.windDirection = windDirection;
    }

    public char getWindDirection() {
        return windDirection;
    }

    public void setWindspeedInKM(float windspeedInKM) {
        this.windspeedInKM = windspeedInKM;
    }

    public float getWindspeedInKM() {
        return windspeedInKM;
    }

    public void setSnowInMM(float snowInMM) {
        this.snowInMM = snowInMM;
    }

    public float getSnowInMM() {
        return snowInMM;
    }

    public void setRainInMM(float rainInMM) {
        this.rainInMM = rainInMM;
    }

    public float getRainInMM() {
        return rainInMM;
    }

    public void setTempInCelcius(float tempInCelcius) {
        this.tempInCelcius = tempInCelcius;
    }

    public float getTempInCelcius() {
        return tempInCelcius;
    }

    public void setCity(String city) {
        this.city = city;
    }

    public String getCity() {
        return city;
    }
}

SimpleWeatherSystem

package ecl.team2.lab3.weathermodel;

import java.util.ArrayList;
import java.util.Random;

public enum SimpleWeatherSystem {
    INSTANCE;
   
    ArrayList<Weather> weathers = new ArrayList<Weather>();
    private SimpleWeatherSystem(){
        ArrayList<String> cities = new ArrayList<String>();
        cities.add("Toronto");
        cities.add("New York");
        cities.add("Calgary");
        cities.add("Ottawa");
        cities.add("Vancouver");
        cities.add("Regina");
        cities.add("Winnipeg");
        cities.add("St. John");
        cities.add("Fredericton");
        cities.add("Halifax");
        cities.add("Quebec City");
        cities.add("Whitehorse");
        cities.add("Yellowknife");
        for(String c:cities){
            Random randomGenerator = new Random();
            float temp = randomGenerator.nextFloat()+35;
            float rain = randomGenerator.nextFloat()+10;
            float snow = randomGenerator.nextFloat()+10;
            float windspeed = randomGenerator.nextFloat()+50;
            char winddirection = '.';
            int r = randomGenerator.nextInt(4);
            switch(r){
            case 0:
                winddirection = 'E';
                break;
            case 1:
                winddirection = 'W';
                break;
            case 2:
                winddirection = 'N';
                break;
            case 3:
                winddirection = 'S';
                break;
                   
            }
           
            Weather w =  new Weather(c, temp, rain, snow, windspeed, winddirection);
            this.weathers.add(w);
            System.out.println(w.toString());
        }   
    }
    public Weather getWeather(String city) throws Exception {
        // TODO Auto-generated method stub
        Weather found = null;
        for(Weather w:this.weathers){
            city = city.toLowerCase();
            String wcity =w.getCity().toLowerCase();
            if(city.equals(wcity)){
                found = w;
                return found;
            }
        }
        return found;
    }
}
  • You will notice that we used a public "enum" type instead of a class. This would make the object in our program a global point for the whole application to access. It's a singleton (static class).
  • These classes will be used later on into the tutorial.

Creating and Using Commands

  • Commands are in the most lamen terms, actions. What we mean by action is that we are insisting through some physical representation, whether it be a button or plain-typed text, we are calling an event. That event can be to exit the program or even perform a feature within the application.
  • Let's create our first menu for the menu bar that will contain a command to exit the application.
  • First open the file plugin.xml, click on the tab "Extensions", and then click on the "Add" button.

PluginT2.png

  • Now search for "org.eclipse.ui.menus", click it to ensure it's selected, then finish it by clicking on the finish button.

ExtT2.png

  • You should notice the plug-in was added to your extension.
  • From your current display, right-click the recently added extension->New->menuContribution. After the item has been added, right-click that item and perform the following actions New->menu.
  • Fill in the necessary based on the picture below

MenuT2.png