The essential steps are:
- getting the graphic into .jpg format
- uploading the graphic and linking it to the article
- getting the graphic to present in the way you want to on the article page.
For reference, the step details are as follows:
Step 1a. the simplest way of starting is to create an object of what you want on a PowerPoint slide by using the Draw/Group function. One important step in creating this group is to ensure that every object is filled (usually with white). If they are not filled, the software assumes they are filled with black, which is usually not what you want.
Step 1b. select the object, right click on it and select “Save as Picture”. On the pop-up menu, select file type as .jpg, and save in the folder of your choice.
Step 2a. edit the article you are writing in Wikibon and enter [[Image:name of the graphics file page.jpg]] where you want the graphic to appear.
Step 2b. hit the “show preview” tab at the bottom of the page. At the point in the article when you inserted the [[image:]] syntax, you will see a box with red lettering saying “Image:name of the graphics file page.jpg”.
Step 2c. click on the box. This will take you to an Upload File page in Wikibon. With the browse button, link to the .jpg file you previously stored on your computer. Hit the “upload file” tab at the bottom of the page. You will get confirmation that the file has been uploaded.
Step 2d. use the back button to return to the “show preview” page. Either save now and go to step 3, or go to step 3.
Note: In some cases you may encounter an internal server error at this step and may need to try again.
Step 3a. modify the syntax of the [[Image:name of the graphics file page.jpg]] to adjust the picture to your liking (multiple pressings of the “show preview” tab are usually required).
Step 3b. the complete syntax is [[Image:{name}|{type}|{location}|{size}|{caption}]].
Step 3c. use thumb for {type} if you want more control over the image.
Step 3d. if you want the graphic on its own, use Center as the {location}. If you want the text to flow round it, use left or right.
Step 3e. enter the name that you want to appear as the caption in {caption}.
Step 3f. if you want to control the {size}, use (say) 100px if you want the graphic to be 100 pixels wide (very small).
In the “Justifying Tiered Storage” article, I used the syntax [[Image:Tiered storage business case.jpg|thumb|left|200px|Example of a delta tiered storage business case]]. I think that is a good standard to use as a default. The user can get the full sized version if they double click on the graphic.
The best information on the gory details of graphics management is at http://en.wikipedia.org/wiki/Help:Contents/Images_and_media.