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

From Gramps
Jump to: navigation, search
(Generation of Flash file: sample no longer available)
(9 intermediate revisions by 5 users not shown)
Line 1: Line 1:
[[Category:Tutorials]]
+
{{languages|Make flash plugin from a png}}
 +
 
 
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.
 
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 ?==
 
==How ?==
 
=== Installation of necessary tools ===
 
=== Installation of necessary tools ===
# Install swftools: [http://www.swftools.org/]
+
* Install swftools: [http://www.swftools.org/]: latest version date:2011-10-01 '''swftools-0.9.1.tar.gz''' 2.5 MB or thru your package manager. Version for Hardy Ubuntu is 0.8.1-1ubuntu1. Collection of utilities for SWF file manipulation/creation SWF Tools is a collection of SWF (Flash) manipulation and creation utilities. This package includes: pdf2swf, jpeg2swf, png2swf, gif2swf, font2swf,wav2swf, swfcombine, swfextract, swfdump, swfstrings, swfbbox and swfc.
# use the Graphviz plugin to generate a graphical report (see [[Howto: Make a relationship chart]])
+
** pdf2swf is a PDF to SWF Converter. It generates one frame per page and enables you to have fully formatted text, including tables, formulas etc. inside your Flash Movie.
 +
** jpeg2swf takes one or more JPEG pictures and generates an SWF slideshow.
 +
** png2swf takes one or more PNG pictures and generates an SWF slideshow.
 +
** gif2swf converts GIFs into SWF. It is also able to handle animated gifs.
 +
** font2swf converts font files (TTF, Type1) into SWF.
 +
** wav2swf converts WAV files into SWF.
 +
** swfcombine is a tool for inserting SWFs into Wrapper SWFs. (Templates) E.g. for including the pdf2swf SWFs into some sort of Browsing-SWF.
 +
** swfextract allows to extract Movieclips, Sounds, Images etc. from SWF files.
 +
** swfdump prints out various informations about SWFs.
 +
** swfstrings scans SWFs for text data.
 +
** swfbbox allows to readjust SWF bounding boxes.
 +
** swfc is a tool for creating SWF files from simple script files.
 +
* use the Graphviz plugin to generate a graphical report (see [[Howto: Make a relationship chart]])
  
 
=== Generation of Flash file ===
 
=== Generation of Flash file ===
Line 14: Line 27:
 
# 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.
 
# 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.
  
This has been done with the resulting family tree of Example 2 on [[Howto: Make a relationship chart]]. To see the result, open the file [http://gramps-project.org/samples/wikistuff/exampleflash/ancestorsAndDescedants.swf ancestorsAndDescedants.swf] with a flash enabled browser, and test it out.
+
This has been done with the resulting family tree of Example 2 on [[Howto: Make a relationship chart]].
  
 
== Enhancements ==
 
== Enhancements ==
Line 20: Line 33:
 
* 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 [[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.
+
* The .dot file generated in example 3 on [[Howto: Make a relationship chart]] contains the web-page addresses to the personal pages of the "Narrative Webpage" report pages, and by generating a pdf with the relationship  graph report and using {{man label|''pdf2swf''}}, the resulting flash-file contains clickable links for each individual that should work if the swf-file is placed in the same directory as the index.html file of a Narrative We Page report. The alternative way of generating from .dot file can also be used. One way to accomplish this is to run
 +
dot -Tps2 report.dot > report.ps
 +
ps2pdf report.ps
 +
pdf2swf -o report.swf report.pdf
 +
The resulting swf-file should now work as before, but with the addition of hyperlinks.
 +
 
 +
[[Category:Tutorials]]

Revision as of 18:24, 30 September 2011

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]: latest version date:2011-10-01 swftools-0.9.1.tar.gz 2.5 MB or thru your package manager. Version for Hardy Ubuntu is 0.8.1-1ubuntu1. Collection of utilities for SWF file manipulation/creation SWF Tools is a collection of SWF (Flash) manipulation and creation utilities. This package includes: pdf2swf, jpeg2swf, png2swf, gif2swf, font2swf,wav2swf, swfcombine, swfextract, swfdump, swfstrings, swfbbox and swfc.
    • pdf2swf is a PDF to SWF Converter. It generates one frame per page and enables you to have fully formatted text, including tables, formulas etc. inside your Flash Movie.
    • jpeg2swf takes one or more JPEG pictures and generates an SWF slideshow.
    • png2swf takes one or more PNG pictures and generates an SWF slideshow.
    • gif2swf converts GIFs into SWF. It is also able to handle animated gifs.
    • font2swf converts font files (TTF, Type1) into SWF.
    • wav2swf converts WAV files into SWF.
    • swfcombine is a tool for inserting SWFs into Wrapper SWFs. (Templates) E.g. for including the pdf2swf SWFs into some sort of Browsing-SWF.
    • swfextract allows to extract Movieclips, Sounds, Images etc. from SWF files.
    • swfdump prints out various informations about SWFs.
    • swfstrings scans SWFs for text data.
    • swfbbox allows to readjust SWF bounding boxes.
    • swfc is a tool for creating SWF files from simple script files.
  • 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:

  1. If the report image is called "report.png", execute "png2swf -o report.swf report.png" on the command line.
  2. 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.

This has been done with the resulting family tree of Example 2 on Howto: Make a relationship chart.

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 contains the web-page addresses to the personal pages of the "Narrative Webpage" report pages, and by generating a pdf with the relationship graph report and using pdf2swf, the resulting flash-file contains clickable links for each individual that should work if the swf-file is placed in the same directory as the index.html file of a Narrative We Page report. The alternative way of generating from .dot file can also be used. One way to accomplish this is to run
dot -Tps2 report.dot > report.ps
ps2pdf report.ps
pdf2swf -o report.swf report.pdf

The resulting swf-file should now work as before, but with the addition of hyperlinks.