Difference between revisions of "Make flash plugin from a png"
Line 1: | Line 1: | ||
− | This is a guide to creating a Family tree that can be viewed in a web-browser in a convenient way by allowing | + | [[Category:Tutorials]] |
+ | This is a guide to creating a Family tree that can be viewed in a web-browser in a convenient way by allowing zooming in and out and navigating the image of the tree. | ||
+ | ==How ?== | ||
+ | === Installation of necessary tools === | ||
# Install swftools: [http://www.swftools.org/] | # Install swftools: [http://www.swftools.org/] | ||
− | # use the Graphviz plugin to generate a graphical report (see [ | + | # use the Graphviz plugin to generate a graphical report (see [[Howto:_Make_a_relationship_chart]]) |
− | |||
− | |||
− | + | === Generation of Flash file === | |
+ | Flash is a proprietary format, of which however open implementations exist. You have to install a flash player and a browser plugin, to be able to view a flash file in firefox, konqueror, ... | ||
− | + | You can create the flash file as follows: | |
+ | # If the report image is called "report.png", execute "png2swf -o report.swf report.png" on the command line. | ||
+ | # There should now be a file report.swf, that can be opened in any browser with a flash-plugin. You can zoom by right-clicking in the image and choosing ''zoom in'' from the menu, and you can navigate by "dragging the image" inside the window with your mouse. | ||
+ | I did this with the result of Example 2 on [[Howto:_Make_a_relationship_chart]], and the resulting file may be available here soon. I named it ancestorsAndDescedants.swf. | ||
+ | |||
+ | == Enhancements == | ||
* It is also possible to use javascript to add zooming by moving the mouse wheel, but he who did it does not remember how at the moment. | * It is also possible to use javascript to add zooming by moving the mouse wheel, but he who did it does not remember how at the moment. | ||
− | * The .dot file generated in example 3 on [ | + | * The .dot file generated in example 3 on [[Howto:_Make_a_relationship_chart]] seems to contain the web-page addresses to the personal pages of the "Narrative Webpage" report pages, and it would be nice to have links from inside the flash-application to the personal homepages. I do not know if this is possible. |
Revision as of 08:04, 11 June 2007
This is a guide to creating a Family tree that can be viewed in a web-browser in a convenient way by allowing zooming in and out and navigating the image of the tree.
How ?
Installation of necessary tools
- Install swftools: [1]
- use the Graphviz plugin to generate a graphical report (see Howto:_Make_a_relationship_chart)
Generation of Flash file
Flash is a proprietary format, of which however open implementations exist. You have to install a flash player and a browser plugin, to be able to view a flash file in firefox, konqueror, ...
You can create the flash file as follows:
- If the report image is called "report.png", execute "png2swf -o report.swf report.png" on the command line.
- There should now be a file report.swf, that can be opened in any browser with a flash-plugin. You can zoom by right-clicking in the image and choosing zoom in from the menu, and you can navigate by "dragging the image" inside the window with your mouse.
I did this with the result of Example 2 on Howto:_Make_a_relationship_chart, and the resulting file may be available here soon. I named it ancestorsAndDescedants.swf.
Enhancements
- It is also possible to use javascript to add zooming by moving the mouse wheel, but he who did it does not remember how at the moment.
- The .dot file generated in example 3 on Howto:_Make_a_relationship_chart seems to contain the web-page addresses to the personal pages of the "Narrative Webpage" report pages, and it would be nice to have links from inside the flash-application to the personal homepages. I do not know if this is possible.