Difference between revisions of "Make flash plugin from a png"

From Gramps
Jump to: navigation, search
(New page: The procedure is simple, for someone familiar with using the graphviz plugin. # Install swftools: http://www.swftools.org/ # Create a filter in gramps # Create the image using the relatio...)
 
Line 1: Line 1:
The procedure is simple, for someone familiar with using the graphviz plugin.
+
This is a guide to creating a Family tree that can be viewed in a web-browser in a convenient way by allowing zoom in/out and navigating the image of the tree.
  
# Install swftools: http://www.swftools.org/
+
# Install swftools: [http://www.swftools.org/]
# Create a filter in gramps
+
# use the Graphviz plugin to generate a graphical report (see [http://www.gramps-project.org/wiki/index.php?title=Howto:_Make_a_relationship_chart])
# Create the image using the relationship graph plugin. I choose .png file format, and choose to use many pages, but "minimal size" as options.
+
# If the report image is called "report.png", execute "png2swf -o report.swf report.swf" on the command line.
# Run "png2swf file.png". This generates "output.swf" which I then rename to "file.swf" and ask my relatives to point their browser to.
+
# There should now be a file report.swf, that can be opened in any browser with a flash-plugin. In my case (firefox, winows XP), I can zoom by right-clicking in the image and choosing zoom in from the menu, and I can navigate by "dragging the image" inside the window with my mouse.
  
There is a command line switch to name the output file, but I do not remember
+
I did this with the result of Example 2 on [http://www.gramps-project.org/wiki/index.php?title=Howto:_Make_a_relationship_chart], adn the resulting file may be available here soon. I named it ancestorsAndDescedants.swf.
it now. 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
+
=== Enhancements ===
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 [http://www.gramps-project.org/wiki/index.php?title=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 16:42, 10 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 zoom in/out and navigating the image of the tree.

  1. Install swftools: [1]
  2. use the Graphviz plugin to generate a graphical report (see [2])
  3. If the report image is called "report.png", execute "png2swf -o report.swf report.swf" on the command line.
  4. There should now be a file report.swf, that can be opened in any browser with a flash-plugin. In my case (firefox, winows XP), I can zoom by right-clicking in the image and choosing zoom in from the menu, and I can navigate by "dragging the image" inside the window with my mouse.

I did this with the result of Example 2 on [3], adn 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 [4] 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.