+ All Categories
Home > Documents > © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library...

© 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library...

Date post: 23-Dec-2015
Category:
Upload: julia-potter
View: 222 times
Download: 3 times
Share this document with a friend
Popular Tags:
27
© 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year
Transcript
Page 1: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

IBM Experience Modeler - Theme EditorInstalling Python Image Library

Presenter’s Name - Presenter’s Title

DD Month Year

Page 2: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Overview

Experience Modeler’s new Theme Editor is written in python and runs as an external application.

Separating the Theme Editor from the modeler enables changing the theme and Theme Editor without changes to the Modeler.

Theme Editor was written in python, a commonly use computer language and uses Tcl/Tk for GUI and requires python 2.7.x. Even though python 3.x is available, Tcl/Tk currently only works with v2.7.x which is standard on Max OS X.

You can confirm the presence and version of python on your Mac after opening a terminal window and entering the command:

– python –version

Because the Theme Editor incorporates images for better presentation and understanding, you will also install the Python Image Library (PIL).

2

Page 3: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Installation

After confirming the presence of a compatible version of python, you will need to install the Python Image Library (PIL).

There are many ways to install PIL, but these will do a basic install using standard Mac tools. You can also install with MacPorts and Homebrew, although they install in locations unique to themselves.

Procedure:– Install Xcode from App Store – free– Install command line tools for Xcode

• This include gcc the GNU c compiler– Install PIP – Package Installer for PHP– Install PIL – Python Image Library

That’s it

3

Page 4: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Open Apple’s App Store – Search for xcode

4

Page 5: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation5

From App Store - install Xcode

Source: If applicable, describe source origin

IBM Presentation Template Full Version

Page 6: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Install additional Xcode components

6

Page 7: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Click “Install” button

7

Page 8: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation8

Page 9: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation9

Page 10: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation10

Page 11: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Launch Xcode and select Preferences

11

Page 12: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Click on Downloads icon, click “Command line tools”, Install.

12

Normally appears here. Mine is already installed.

Page 13: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation13

Page 14: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation14

Page 15: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation15

Page 16: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation16

Page 17: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Python Image Library is now complete

Your Experience Modeler Theme Editor has the components necessary to run.

17

Page 18: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

From the top menu, Run, select External Tools.

On that menu, select External Tools Configuration

Set up the Theme Editor in Experience Modeler

Page 19: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Click on the “New” icon

Page 20: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Configuring your first Theme Editor

Enter a name using the pattern: project_theme_ThemeEditor

On a Mac python install location is in “/usr/bin/python”

Click on the Browse Workspace button to set the working directory

Page 21: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Select the ThemeEditor.py python script in the project and theme you want to edit.

Navigate to the project > themes folder > Theme folder > Theme Editor folder

Click on the Theme Editor folder

On the right side, select the ThemeEditor folder

Page 22: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Complete configuration and Run the Theme Editor

Working directory was set from browsing.

Add Argument: ThemeEditor.py

Click Apply

Click Run

Page 23: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Creating subsequent Theme Editor activators

After you create your first Theme Editor, you can easily duplicate a previous one and change the name and Working Directory.

Open the Run > External Tools > External Tools Configuration dialog

Page 24: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Duplicate one of your Theme Editor Configurations

Click on a previous Theme Editor Configuration, preferably one in the same project.

Page 25: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Modify setting for new Theme Editor Activator

Change the name to reflect the project and theme

Either browse to the project > themes folder > theme folder > Theme Editor folder or just modify the string for the Working Directory

Location and Argument remain the same

Page 26: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Complete the configuration and Run the Theme Editor

Click Apply and Run

Page 27: © 2010 IBM Corporation IBM Experience Modeler - Theme Editor Installing Python Image Library Presenter’s Name - Presenter’s Title DD Month Year.

© 2010 IBM Corporation

Additional Information

You can also review the video on YouTube for configuring the Theme Editor, although it is for Windows so the path to the python executable is different.


Recommended