Archive for the ‘web’ Category

Sharing Your Mindjet MindManager Maps with the Clickable Image Web Export

Friday, June 21st, 2013

A couple of days ago I posted my record of the first Visual Thinking Webinar on Conference Reaction.  I received a few how did you do that questions. This is an extended answer to those questions.

Sharing your MindManager Maps with the Clickable Image Export

Download Mindjet MindManager map of this blog Download Mindjet MindManager map of this blog Community is Essential to Building Brands - Record of presentation in mind maps Community is Essential to Building Brands - Record of presentation in mind maps ConferenceREACTION - Records and publshes events on the web ConferenceREACTION - Records and publshes events on the web http://www.cabre.co.uk/ http://www.cabre.co.uk/

To help search engines find this page and those with impaired vision to “read” the map.

The image map content is repeated below as a text outline in one or two columns.

Sharing your MindManager Maps with the Clickable Image Export


1. Map

1.1 Visible

1.1.1 Topics

1.1.2 Topic images

1.1.3 Markers

1.1.4 Relationships

1.1.5 Labels

1.1.6 Boundaries

1.1.7 Background Image

1.1.8 Linked files
See related topics and documents

1.1.9 Web links

1.1.10 Spreadsheets

1.1.11 Why are you still at work?

1.2 Not Functional

1.2.1 Outlook links

1.2.2 SharePoint links

1.2.3 Excel links

1.2.4 Alerts

1.3 Invisible

1.3.1 Notes

1.3.2 Attachments
See related topics and documents

1.4 Tips

1.4.1 Don’t overload the map

1.4.1.1 Use more than one map if you need to

1.4.2 Portrait or Landscape?

1.4.2.1 Right Map or Left & Right or Tree or Org Chart

1.4.3 Export to check the image size

1.4.3.1 If the height or width are larger than required see next tip(s)

1.4.4 Layout Adjustments

1.4.4.1 Use main topic handles to move topics into better positions to maximise width or height

1.4.4.2 Adjust topic length

1.4.4.3 Use line wrap Shift-Return

1.4.4.4 Image alignment

1.4.4.5 Use topic alignment

1.4.4.6 Consider thumbnails with links to higher resolution images

1.4.5 Notes

1.4.5.1 Convert to text or Word etc . and link the file to the topic

1.4.6 Multiple Topic Hyperlinks
See related topics and documents

1.4.6.1 Only first is linked in the export

1.4.7 Hyperlink Alt Text

1.4.7.1 Edit Hyperlink > Options > Link Text

1.4.7.2 Text for Google to find & index

1.5 Check

1.5.1 Mindjet Tasks


2. Export

2.1 Standard

2.1.1 Map Zoom factor (%)

2.1.1.1 Adjust to fit the shared environment

2.1.1.2 86% produces a readable image with default fonts

2.1.2 Include Map Background

2.1.2.1 Yes = large jpg

2.1.2.1.1 good for photos

2.1.2.2 No = small gif

2.1.3 Root Export File Name

2.1.3.1 Change from index.html to something-relevant.html

2.1.3.2 Change to *.php if you want to use php in a modified template

2.2 Modified

2.2.1 Header

2.2.2 Footer

2.2.3 Meta Tags

2.2.4 Map text as outline

2.2.5 Analytics

2.2.6 e.g.

2.2.6.1 Community is Essential to Building Brands


3. Sharing

3.1 Local Network

3.1.1 Share folder & html file name

3.1.1.1 X:\MyExports\index.html

3.2 Web Folder

3.2.1 Upload folders to the server

3.2.2 Share the URL of the html file

3.2.2.1 http:\\y.com\ex\index.html

3.3 WordPress

3.3.1 Upload the image

3.3.1.1 WordPress Media

3.3.1.2 Any online store

3.3.2 Upload the linked Documents folder and files

3.3.3 Paste the html.txt file into a page or post

3.3.4 Edit the image URL

3.3.5 Edit the Linked Documents URL

3.3.6 Check it works

3.4 Tips

3.4.1 Use several maps on one page
See related topics and documents

3.4.1.1 Use one export as the master and paste sub map’s html in to the master html.

3.4.1.2 Remember to put all other files (image) and folders (linked documents) in the master folder.

Creating linked information maps for the web with MindManager

Friday, December 16th, 2011

This week I have worked on a  job for a client creating a set of web pages which are maps of links for different topic areas. The maps are now on the web and visible to his global group of collaborators.  Unfortunately he does want me to share the maps publically but I thought I would remind you (as I did for myself when doing this) or inform you for the first time about customising the clickable image map web export.  The process below is not complete and assumes some knowledge of the MindManager web exports and HTML.

  • Structure: An index map with links to child maps.
  • Copy the Clickable Image Map web export template folder and give it a new relevant name.
  • Create the child maps first.
    • Drag and drop the favicon next to the URL of the required web page, from your browser to the map. This will create a topic with the link, the title text of the web page and the favicon
    • When you have all the required links, arrange and format the map to suit the purpose. You can save this as a Style to use with the next child.
    • Save the child map in map folder for this project.
    • Create a sub-folder where all the web exports will be saved.
    • Export the map using the NEW clickable image map web export. Enter the folder path for the above folder and use a unique name (e.g. the topic name without no spaces) for the Root Export File Name for each map.
    • Repeat this for all the child/topic maps.  Save them all to the same folder.
  • Example index mapCreate the Parent or Index map by dragging the *.html files of the Child maps to the Index map.
    • Note: I used floating topics and hid the hyperlink icon.
    • Format and arrange as required. Try and make this a compact map.
    • Save to the same folder as the child maps.
    • Export the Index map using the clickable image export to the same folder as the other web exports.
    • If you open the index.html with your browser the links to the child web exports won’t work! Open the index.html with a text editor and search and replace “../” with nothing. Save. Reload index.html and it should work now.
  • Edit the ImgmapPage.htm in your new template
    • Add the opening <body> below the </head> tag (It had gone AWOL in mine. So you might want to do that in the original one as well)
    • Open the index.html file. Copy the text from <!–START CLICKABLE IMAGEMAP–> to <!–END CLICKABLE IMAGEMAP–>.
    • Paste this into the ImgmapPage.htm after <body>
    • Save
  • Example with mapRun all the child map web exports again and they will have an index map at the top.
  • Check that it works.
  • Transfer all the contents of web export folder to a folder on your web server and it should work there as well.

The complete ImgmapPage.htm should have this structure:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=%WebExport.CharacterSet%”>
<title>%CustomParameter.PageTitle%</title>
</head>
<body>
<!–START CLICKABLE IMAGEMAP–>
html from index.html
<!–END CLICKABLE IMAGEMAP–>
<!– Command: Expand(“Imgmap.mmbas”) –>
</body>
</html>

Using more html you can:

  • Add <div> tags with CSS style commands you can position the index map.
  • Add some text to the header alongside the index map
  • Add a footer.

The MindManager Web Export is great for summarising discussions?

Thursday, February 3rd, 2011

A couple of evenings ago I attended a discussion about “Community is Essential to Building Brands”. As is my habit I inked the discussion on my Tablet PC using MindManager. Today I have processed it in to a web page which summarises the discussion, links to the web pages mentioned and “borrows” a few logos from their sites. The content is very interesting but here are some tips on how this map was created.

The central topic uses an image “shape” rather than the standard shapes on the ribbon. You will find these in the library under Shapes!

You can drag hyperlinks from links or the favicon in the address bar of your browser on to your topics. If the topic goes green, the link will be in the topic and if it goes red, it will be add as a subtopic with the title text from the web page.

Mostly the logos were grabbed, by right clicking on them, copying the image (not the link) and then pasting them in to a topic using Ctrl-Shift-Alt-V. This does not work with Google Chrome, it just adds the image link. So I reverted to Mozilla Firefox (Internet Explorer will work as well).

Occasionally you will get an image which has a black background. I then use the Windows Snipping Tool that comes by default with the Tablet PC. You can enable it on other PCs by turning on the Tablet PC tools in Control Panel > Programs and Features > Windows Features.  Many image applications have screen capturing tools built in.

The web page is two exports combined:

Main Page:  Is produced from one map. It is a customised combination of the clickable image and outline web export templates that I use for ConferenceREACTION and other reports. It’s nearly in a state that I could let others use it.  Are you interested?

Social Networks Map:  A clickable image export of the social networks map was pasted into the main web page. It’s easy to do: Copy the map image to the same folder as the main export. Copy the text from the mapname.html.txt file and paste this into an appropriate part of the main web page .html file. Change the default file name for one of the exports from index.html to something else e.g. map.html or you will be wondering why things don’t work.

I think those are the interesting bits of the export but if you have any questions please ask them below or contact me.  To see the full maps please visit

Community is Essential to Building Brands

Community is Essential to Building Brands

The MindManager versus iMindMap Election Debate

Friday, April 30th, 2010

I am still a novice at using iMindMap, perhaps 40-60 hours on the job. I have been using MindManager most days since 1996.  So comparing the products is quite difficult for me.  I am pre-programmed to use MindManager.  Anyway I thought there is only way to see if iMindMap works for me and that is to give it the 90 minute debate test!  I covered the first priministerial debate with MindManager and the second with MindMeister.  Here is how iMindMap performed.

Once you get used to the Speed Mapping mode, it performs as well as  MindManager with some occasional blips but they could be operator error. Definitely more reliable than MindMeister (but it’s an online tool).  So recording the debate was relatively easy.  As with the other debates I set mains branches and people for 8 blank questions and the statements.  With the appropriate colour coding. I made a deliberate choice to use CAPITALS only.   I did not have the fluidity to make corrections on the fly as I do with MindManager.  Dragging branches is not the same.  No red shadow as per MindManager.  Then the real differences begin.

I deliberately did not want to replicate the linear layout of MindManager and choose the organic setting for Speed Mapping.  This leaves a considerable white space on the map. Good for reading on a A3 sheet but not for maximising the content in a browser screen.  So the result you see below took another hour or two of tweeking post debate to get the best I can achieve.  MindManager has the advantage of global settings that can be applied to topics with regard to vertical and horizontal spacing etc.  This allows you to make instant changes to the topic density on the map.

The result is definitely more organic than a MindManager map.

  • Is it easier to read?
  • Is it more memorable?
  • Is it more stimulating?
  • What do you think?

Third UK Election Debate – 29 April 2010 – BBC

Web Page Notes

1. The header,  footer and general layout are produced by a MindManager web export template Cabre created.

2. The iMindMap is an exported PNG image, converted to GIF, reduced to 90% of original size to speed up page loading and then added to the HTML.

3. The indented text outline is cut from the iMindMap web export of the map with some CSS editing to adjust the styles to work outside of an iframe.  This is a significant plus point of the iMindMap web export. The text on your map images can then be seen by Google et al.

So you may not be able to do this at home !)

Sharing MindManager maps via Mindjet Catalyst

Tuesday, October 6th, 2009

Mindjet have launched Catalyst today. This is a new collaboration and publishing tool for MindManager users. It builds on the previous Mindjet Connect product. Existing users get a seamless transfer to the new product (I did).

A new feature of Catalyst is an easy process for sharing maps with non-users via a browser. A click on the share button creates a copy or snapshot of a map from your workspace. This is made available for anyone to read and download (if you choose). The readers see the map in a full screen window (best to press F11 or View > Full Screen on your browser menu) which has a toolbar with zoom, open and close branches and print the map buttons.

For instance here is a map of useful travel planning links to train and bus timetables, hire car companies, hotels, traffic jam monitors etc.

MindManager Map of Travel Web Sites

Shared via AddThis

This will be a brillaint way to share some types of maps with your colleagues, collaborators, clients and suppliers.

Some caveats:

  1. Links to documents on your PC are not available to sharers. You will have to upload them to your Catalyst Workspace (I need to test this) and link them or host them on a web server.
  2. Tables and images in Notes are not visible.
  3. The format of the map is simplified. e.g. line thickness and colour in not applied.

Gordon Brown’s Labour Party Conference Speech in a mind map

Tuesday, September 29th, 2009

I thought I would run an experiment today, listen to Gordon Brown’s conference speech on the television, map it and publish it. What would it say that the script and the video do not say?

My process was as follows:

  • Prepare web export template – minor edits to a clickable imagemap export I have used many times
  • Create a folder on my conferenceREACTION web space.
  • Tweet that am I doing it.
  • Start mapping and try to ignore other interruptions e.g. a tweet from Maurice asking if I was there?
  • During the speech I posted the map 3 or 4 times. Also added a bit of fill colour to topics and changed the background colour. Note to self – setup a webfolder next time.
  • When speech finished, posted map and tweeted again.
  • Added images and changed to split tree growth direction to get more content across the screen. The speech flip flops down the tree.

Linked to the map in a couple of blogs on Ecademy:

  1. A quick report on Gordon Brown’s speech. Please discuss
  2. Gordon Brown’s Conference speech analysed

And received some feedback:

  • “I didn’t watch Gordon Brown’s speech – but based on the excellent mind map that Andrew Wilcox has produced, I must say it lacks one big thing – VISION.”
  • “Mind map is cool. Did it take long to do? Obviously not too long.”
  • “It’s interesting to compare the relative small size of the ‘New Economic Model’ to the larger scale of the other (spending commitment) sections.”
  • “Thanks for the concise overview.”

How do you react to Gordon Brown’s Labour Party Conference Speech in a mind map?

Can you point me at the best web sites created with MindManager?

Tuesday, September 22nd, 2009

Not catalogs of MindManager maps e.g. Mappio and Biggerplate or web sites which use MindMnager map images in them but web sites created using MindManager’s web export or with an AddIn e.g Map4Web or Aha!VisualWebExport.

A few have been mentioned in this Question on LinkedIn “Can you point me at good examples of web sites created with MindManager? Or describe intranet sites where possible.

I want to be able to show a client some examples of best practice, so he and I can formulate some ideas about the best way export his knowledge to his clients.

I have a “catalogue” of MindManager export web sites I have produced but I would be surprised if they were the best in class. I must add the one I am currently working on called ConferenceREACTION.

Please add links to the best MindManager web exports in your comments to this blog.

Excel Spreadsheets and Ranges in MindManager Web Exports

Friday, July 24th, 2009

Yesterday I was training a client team. They had already been using MindManager to create a series of internal web sites for sharing information within their multi-national group, suppliers and clients, They had created a new web export template to suit their purpose and produced some elegant web pages linked to different sources of information. One area in where they reached the “It’s not doing what I really want” limit was the handling of spreadsheet information. Here are some suggestions that arose from that discussion, many of which I have tried previously and some which may be relevant to other file types e.g. Word and PowerPoint.


The Standard Link

Add a hyperlink to the spreadsheet file in the topic or in the topic text. There are more options in a topic link e.g. adding an argument which opens a specific worksheet in the spreadsheet. The standard link to a file will take a copy of the spreadsheet and place it in the Linked Documents folder of the web export. You can create a web link to a networked version of the spreadsheet with read only rights. Thus web site users will see the current data.

Advantages:

  • Easy to do
  • The original is not accessed by the user. They can do what ifs on the spreadsheet.

Disadvantages:

  • Excel has to be loaded and the file opened which takes time.

The Excel Range

In MindManager 7 and 8 you can add an Excel range to a topic. This works well when viewing the map in MindManager. The data is refreshed every time the map is opened and can be refreshed with F5 at any time. Data can be placed in relationship to other information on the map e.g. sales data next to a list of outstanding invoices.

Advantages:

  • Works if you are using a clickable image export. You see a snapshot of the spreadsheet ranges in the map.

Disadvantage:

  • In other web export you see nothing except for a Data Container marker i.e. the spreadsheet was here but MindManager does not handle it in this export 🙁 !


The Cut and Paste

You can cut and paste a spreadsheet range in to the topic notes. This creates a table.

Advantages:

  • Easy to do.
  • Information appears when the web page is loaded.

Disadvantages:

  • Formatting is not the same and in my experience cell heights get larger. For ranges more than 4 x10 cells the post paste editing required to tidy up makes this unacceptable.


The Excel Web Export

Use the Excel “Save as Web Page” option. There are several options when doing this but the principles are that you either create web page which is a static snapshot of a range or whole spreadsheet or a more interactive web page which permits e.g. changing data and data sorting. Use a hyperlink in the map to point at this HTML file

Advantages:

  • The data owner can republish the Excel web page after each update or save (an automated option in the publication process) of the spreadsheet.
  • The formatting of your spreadsheet is reproduced
  • The web page loads quickly
  • The publisher can create several views of the spreadsheet for different users and save them as individual pages e.g. for an improvement process monitor: Completed actions, over due actions, department X actions

Disadvantages:

  • The Excel web page is external to the MindManager web export i.e. the content does not appear inside the export page template. I suggest you use the open in new web page option in the Hyperlink. Workaround: You could post export paste the Excel HTML into a “blank” web page created during the export but I really wish Mindjet which allow HTML snippets to be added to topic notes!

Do you have any better strategies?

Fastest session for me using MindManager

Tuesday, January 20th, 2009

This evening I recorded a meeting for the Winchester Action on Climate Change which had about 20 attendees. It was the brainstorming to start a 3 year plan for CO2 reduction in Winchester. Target 7% per year! The content remains private for now but here are some interesting stats from a event recorder using MindManager.

I walked in with a parent map with some information on it e.g. the attendees but I did not have an agenda. During the meeting I created 6 maps using the Right Click Topic > Send to new map command. Two summarising introductory presentations and three to cover the brainstorms on Transport, Domestic and Business/Government/Organisations plus their group feedback.

I have just used the Multimap View > Combine All to combine all the maps in to one. The statistics say I have 993 words (perhaps 100 of those existed when I walked in the room) in 316 topics (40 were there already).

Not bad for a 105 minute meeting. 3 topics a minute on average proably 10 topics a minute at peak.

Tha facilitator was really impressed by what I did and the load it took of him. He could concentrate on leading the meeting not writing on flip charts. Although he did some flip charts to start with but then realised there was no point.

Now I have to tidy them up and publish them as a web site, Word document and a set of PowerPoint slides by Thursday 17:00. Plus do the day job.

All in an evening’s marketing and my bit for tackling climate change.

Is that a record breaker? It was definitely a personal best!