MindManager SharePoint 20071010

l

Using MindManager Pro 7 with Microsoft SharePoint 2007

October 10, 2007

Mindjet 2007 Using MindManager Pro with Microsoft SharePoint

Table of Contents TABLE OF CONTENTS .......................................................................................................................................... 2

1 INTRODUCTION ............................................................................................................................................... 3

2 USING MINDMANAGER PRO 7 WITH MICROSOFT SHAREPOINT ....................................................................... 3

2.1 ADD MINDMANAGER MAP TO SHAREPOINT REPOSITORY ................................................................................................ 3 2.2 EDIT MINDMANAGER MAP FILE STORED IN MICROSOFT SHAREPOINT ............................................................................... 6

Check Out a MindManager Map File .................................................................................................................... 6 Edit MindManager Map File ................................................................................................................................. 7 Check In a Modified MindManager Map File ........................................................................................................ 8

2.3 USING SHAREPOINT HYPERLINKS IN MINDMANAGER PRO 7 ............................................................................................. 9 Copy SharePoint Document Hyperlinks ................................................................................................................. 9 Copy SharePoint Folder Hyperlinks ..................................................................................................................... 10 Insert Hyperlink into MindManager Pro 7 .......................................................................................................... 11

2.4 EMBED MINDMANAGER ACTIVEX CONTROL IN SHAREPOINT .......................................................................................... 12 Add Web Content Web Part ................................................................................................................................ 12

2.5 INSERT CLICKABLE IMAGEMAP IN SHAREPOINT ............................................................................................................. 17 Export Clickable Imagemap ................................................................................................................................ 18 Add Clickable Imagemap to SharePoint Site ....................................................................................................... 20 Copy Automatically Generated MindManager HTML ......................................................................................... 22 Add Web Content Web Part ................................................................................................................................ 23


1 Introduction This document will describe how to use MindManager Pro 7 with Microsoft SharePoint 2007 server. This document will cover the following topics:

- Adding a MindManager map file to your SharePoint document repository - Using SharePoint Check Out/Check In Functionality - Using SharePoint Hyperlinks in MindManager - Embed MindManager Clickable Imagemap in SharePoint Page

This document assumes the following:

- MindManager Pro 7 - Microsoft SharePoint 2007 Server - Microsoft Internet Explorer 6 or greater

2 Using MindManager Pro 7 with Microsoft SharePoint

2.1 Add MindManager Map to SharePoint Repository The following steps assume that you have already created a map and saved it to your local file system (the initial map file must be uploaded to the SharePoint server versus created directly on the SharePoint server).

1. Login to your Microsoft SharePoint server. 2. Click on the Document Center. 3. Click on the Documents link in the Site Hierarchy pane on the left of your screen.

Documents Link

Upload Document

Documents Center


4. Select Upload Document from the Upload Menu. 5. Press the Browse button on the Upload Document page.

6. Using the standard Choose File dialog box (browser), select the MindManager map file that you want to upload to the SharePoint server.

7. Press the Open button.


8. Enter any comments in the in the Version Comments field.

9. Press the OK button. 10. At this point, the document has been uploaded to the SharePoint server, but the

document is not yet checked in. NOTE: If the document is not checked in, other SharePoint users cannot make edits to the MindManager map and will only be able to view in a read-only mode. Enter a meaningful name or description for your document in the Title field and press the Check In button.

Your MindManager map file has now been successfully uploaded and checked into the Microsoft SharePoint server and is ready for use.

Mindjet 2

2.2 EdiAcodca

C

T

1234

5

2007

it MindMaAmong other ollaboration ocument forannot be ed

Check Out

The following

. Login to y

. Click on t

. Click on t

. Hover you When you

. Click on t

The file icarrow ( )

anager Mthings, Micrbetween us

r editing. If aited and any

a MindMan

g procedure

your Microsohe Documehe Documeur cursor ove

u hover over

he pull-down

con in the Sh to indicate t

Map File Srosoft Sharesers. As such document i

y changes m

nager Map

describes ho

oft SharePoient Center.ents link in ther the MindM

r the file, a p

n menu and

harePoint withat the file i

Using M

Stored in ePoint is desh, it requiress not checke

must be save

File

ow to check

nt server.

he Site HierManager ma

pull-down me

select Chec

ndow will nois currently c

MindManage

Microsofigned to fac

s that a user ed out, the f

ed to your loc

out a MindM

rarchy paneap file that yo

enu will appe

ck Out from

ow appear wchecked out

er Pro with M

ft SharePilitate docum“check out” ile stored in cal file syste

Manager ma

on the left oou want to e

ear.

the pull-dow

with a green t.

Microsoft Sha

Point ment

or “lock” a SharePoint

em.

ap file:

of your screeedit.

wn menu.

box and an

arePoint

en.

Mindjet 2

6

7

8

E

OseM

Wo

Wco

2007

. Click on t

. You will b

. Press the

Edit MindM

Once you haverver using t

MindManage

While the man the Share

When you haomplete the

he name of

be prompted

e OK button

anager Ma

ve checked the procedur map file no

ap is checkedPoint server

ave completefollowing se

the file that

with the foll

to continue

ap File

out and opere described

ormally (as if

d out to you,r and will onl

ed making cection.

Using M

you want to

lowing mess

opening the

ened a MindMd in the prevf the file wer

, other usersly be able to

hanges to yo

MindManage

edit.

sage:

MindManag

Manager mavious sectionre on your lo

s will not be o open the fil

our MindMa

er Pro with M

ger map file.

ap file from yn, you can wocal or netwo

able to mode in a read-o

nager map f

Microsoft Sha

your SharePwork with the ork file syste

dify the file stonly mode.

file, please

arePoint

Point

em).

tored

Mindjet 2

C

Th

12

3

45

67

T

2007

Check In a

The followingave modified

. Ensure th

. Return to directory.

. Hover youthe Share When you

. Click on t. Select the

by selecti

. Enter any. Press the

The modified

Modified M

g procedure d it:

hat you haveMicrosoft S

ur cursor oveePoint serve

u hover over

he pull-downe type of revng of the thr

y comments e OK button.

map file is n

MindManag

describes ho

e saved and SharePoint a

er the MindMr.

r the file, a p

n menu and vision you waree radio-bu

for this revis

now checked

Using M

ger Map Fi

ow to check

closed the mnd navigate

Manager ma

pull-down me

select Checant to apply ttons (Minor

sion in the C

d in and ava

MindManage

le

in a MindMa

modified mato the Docu

ap file that yo

enu will appe

ck In from thto the modif

r, Major, or O

Comments f

ailable to oth

er Pro with M

anager map

p file in Mindument Cent

ou want to c

ear.

he pull-downfied version Overwrite Cu

field.

her users for

Microsoft Sha

p file after yo

dManager. er | Docume

heck back in

n menu. of the documurrent):

editing.

arePoint

ou

ents

nto

ment

Mindjet 2

2.3 UsiSSp

C

12345

6

2007

ing ShareSince MicrosoSharePoint is

rovide some

Copy Share

. Login to y

. Click on t

. Click on t

. Right-clic

. Select Co

. Complete

below.

ePoint Hyoft SharePo

s identical toe guidance o

ePoint Doc

your Microsohe Documehe Documek on the nam

opy Shortcu

e the steps li

yperlinksint is a web adding a hy

on adding Sh

cument Hy

oft SharePoient Center.ents link in thme of the fileut from the p

sted in the “

Using M

s in MindMapplication,

yperlink to aharePoint hy

perlinks

nt server.

he Site Hiere that you wapop-up menu

Insert Hyper

MindManage

Manager linking to filny web page

yperlinks to y

rarchy paneant to link tou.

rlink into Min

er Pro with M

Pro 7 es and foldee. The followyour MindMa

on the left oo.

ndManager

Microsoft Sha

ers within wing sectionsanager map

of your scree

Pro 7” sectio

arePoint

s will .

en.

on

Mindjet 2

C

1234

5

6

2007

Copy Share

. Login to y

. Click on t

. Click on t

. Right-clic

. Select Co

NOTE: Yoon the lefDocumen

. Completebelow.

ePoint Fold

your Microsohe Documehe Documek on the nam

opy Shortcu

ou can also ft side and sents folder.

e the steps li

der Hyperl

oft SharePoient Center.ents link in thme of the fol

ut from the p

right-click onelectd Copy

sted in the “

Using M

inks

nt server.

he Site Hierder that you

pop-up menu

n the Documy Shortcut to

Insert Hyper

MindManage

rarchy paneu want to link

u.

ments node icreate a hyp

rlink into Min

er Pro with M

on the left ok to.

in the Site Hperlook to th

ndManager

Microsoft Sha

of your scree

Hierarchy panhe root

Pro 7” sectio

arePoint

en.

ne

on

Mindjet 2

In

Ast

1

23

2007

nsert Hype

After you havteps to inser

. Verify tha

. Right-clic. Select Pa

erlink into M

ve copied thert the hyperli

at the map yo

k on the topaste | Paste

MindMana

e hyperlink fink into your

ou want to a

ic (node) thaHyperlink f

Using M

ger Pro 7

for either a fir MindManag

add the hype

at you want from the pop

MindManage

ile or directoger map.

erlink is open

to add the hp-up menu.

er Pro with M

ory, complete

ned in MindM

hyperlink to.

Microsoft Sha

e the followin

Manager Pro

arePoint

ng

o 7.

Mindjet 2

2.4 EmMmA

A

12

2007

mbed MindMindjet offersmaps hosted ActiveX contr

Add Web C

. Navigate

. Select Ed

dManages a MindManon any web

rol for Intern

ontent We

to the page dit Page from

er ActiveXnager Activebsite, includinet Explorer.

eb Part

where you wm the Site A

Using M

X ControleX control thang Microsoft

want to add Activities me

MindManage

l in Shareat allows uset SharePoint

the MindMaenu (upper-r

er Pro with M

ePoint ers to view at, if the user

anager Activeright corner)

Microsoft Sha

and navigatehas installe

eX control..

arePoint

e d the


3. Click on the Add a Web Part button in an area near where you would like to place

the clickable imagemap. 4. Expand the All Web Parts listing of web parts.

5. Scroll down until you see the Content Editor Web Part (under Miscellaneous). 6. Enable the Content Editor Web Part checkbox. 7. Press the Add button.

Mindjet 2

8

2007

. Click on t

he Open the

e Toolbar P

Using M

Pane link in t

MindManage

the new web

er Pro with M

b part.

Microsoft ShaarePoint


9. Click on the Source Editor button in the Content Editor Web Part tool pane (right side).

10. Place your cursor in the Text Entry window. 11. Paste the following code into the Text Entry window:

<object id="viewer" height="400" width="600" codebase="http://www.mindjet.com/viewer/ax/en/MjMmViewer.cab#Version=6,1,111,0" classid="clsid:4C57C98A-E582-46E4-8FD8-5EBDC94CEA39"> <param name="Image" value="[URL to MindManager Map File]"/> <a href="?install=viewer"><img src="../../../images/eng/MindManager_viewer_plugin_n.gif" width="419" height="300" class="mapimage" alt="Click on the MindManager map image to install the Viewer and view maps through a browser" /> </a> </object> The URL should be a fully qualified path to the map file itself, such as: http://w2kserver-en/Docs/Documents/Marketing/MacTip_AppleScriptExample_20071008.mmap


NOTE: You can also adjust the size of the MindManager window by adjusting the height and width tags in the Object tab (near the beginning of the code).

12. Press the Save button. After the page refreshes, you will see the map image appear in the Web Part container.

Mindjet 2

1

T

2.5 InsMatoin

2007

3. Press the

The MindMan

sert ClickaMindManage

long with theo provide usenformation in

e Publish bu

nager Active

able Imagr Pro 7 allowe automaticaers with a ve

n your Share

utton to comp

eX control is

gemap inws you to exally generateery intuitive aePoint site.

Using M

plete the cha

now inserte

n SharePoport a map aed HTML caand efficient

MindManage

anges.

ed into your S

oint as a clickabln be insertet means of n

er Pro with M

SharePoint s

le image fileed into your Snavigating to

Microsoft Sha

site.

. This imageSharePoint so important

arePoint

e file site

Mindjet 2

E

12

3

4

2007

Export Clic

. Open the

. Select Mi

. Select Cli

OK button

. Specify th

the HTMLcontrol to

kable Imag

map that yondManager

ickable Iman.

he folder thaL) in the Exp

select an ex

gemap

ou want to exr Button | Ex

agemap from

at you want tport Folder fxport folder)

Using M

xport in Mindxport | Expo

m the Select

o save the cfield (press t.

MindManage

dManager Port as Web

Web Templ

clickable imathe butto

er Pro with M

Pro 7. Pages.

late dialog b

agemap (boton to use the

Microsoft Sha

box and pres

th the imagee Windows

arePoint

ss the

e and


5. Press the Save button to complete the export.

NOTE: You may want to press the Customize button and select the Advanced Settings tab. You can adjust many attributes, including controlling the image size (Zoom Factor), to customize your clickable imagemap export.

Once the export process is complete, several files will be generated in the folder specified in step 4 above:

• Index.jpg: This is the actual image that will be imported into your SharePoint site.

• Index.html: This is a complete web page that contains the image reference and the image map information to add hyperlinks to the image (you will only import part of the HTML and not the complete file).

• Index.html.txt: This contains just the map information for the image file.


Add Clickable Imagemap to SharePoint Site

1. Login to your Microsoft SharePoint server. 2. Click the View All Site Content button at the top of the left navigation pane.

3. Click on the Pages subdirectory in the Document Library list. NOTE: If you upload the image to the Images directory, you will need to manually modify the automatically generated HTML. If you add to the Pages subdirectory, no HTML modifications will be necessary.

Mindjet 2

4

56

78

2007

. Select Up

. Press the. Select ind

earlier in

. Press the. Press the

pload | Uplo

e Browse budex.jpg from this procedu

e Open buttoe OK button

oad Docume

utton on the the director

ure.

on. on the Uplo

Using M

ent.

Upload Docry where you

oad Docume

MindManage

cument: Pau exported th

ent: Pages p

er Pro with M

ges page. he clickable

page.

Microsoft Sha

imagemap

arePoint


9. Press the Check In button on the Pages: Index page.

The image file has now been added to your SharePoint site.

Copy Automatically Generated MindManager HTML

1. Select Start | Program Files | Accessories | Notepad. 2. Select Open from the File menu. 3. Navigate to the directory where you exported the clickable imagemap earlier in this

procedure and open the index.html file. 4. Press <CTRL><A> to select all contents of the file.

5. Select Copy from the Edit menu. 6. Select Exit from the File menu.

Mindjet 2

A

141

1

1

11

2007

Add Web C

4. Navigate 5. Select Ed

6. Click on t

the clicka7. Expand th

8. Scroll dow9. Enable th

ontent We

to the page dit Page from

he Add a Wble imagemhe All Web

wn until you he Content E

eb Part

where you wm the Site A

Web Part butap. Parts listing

see the ConEditor Web

Using M

want to add Activities me

tton in an are

g of web part

ntent EditorPart checkb

MindManage

clickable imenu (upper-r

ea near whe

ts.

r Web Part (box.

er Pro with M

magemap. right corner)

ere you woul

(under Misc

Microsoft Sha

.

d like to plac

cellaneous).

arePoint

ce

.

Mindjet 2

2

2

2007

0. Press the

1. Click on t

e Add button

he Open the

n.

e Toolbar P

Using M

Pane link in t

MindManage

the new web

er Pro with M

b part.

Microsoft ShaarePoint


22. Click on the Source Editor button in the Content Editor Web Part tool pane (right side).

23. Place your cursor in the Text Entry window. 24. Press <CTRL><V> to paste the HTML that you copied in Notepad earlier in this

procedure.

Mindjet 2

2

2

T

2007

5. Press the After the pcontainer

6. Press the

The clickable

e Save butto

page refresh.

e Publish bu

e image map

n.

hes, you will

utton to comp

p is now inse

Using M

see the ma

plete the cha

erted into you

MindManage

ap image app

anges.

ur SharePoi

er Pro with M

pear in the W

nt site.

Microsoft Sha

Web Part

arePoint