SVG Tag Cloud

Die 3D Tag Cloud ausschließlich mit SVG Hilfsmitteln zu realisieren, d.h. ohne Flashprogrammierung,  ist Inhalt dieses Beitrags.

Während bei wp-cumulus ein Flash-Objekt zur Animation benötigt wird, kann bei der SVG Tag Cloud dieses mit SVG Hilfsmitteln und SVG-Web realisiert werden. Leider unterstützen noch nicht alle Browser den SVG-Standard. Der IE9 hat ein grundsätzliches Problem mit der SVG Tag Cloud und bringt keine Anzeige.  Firefox 7 liefert eine dynamische Anzeige, stürzt nur leider zeitweise ab. Die besten und stabilsten Ergebnisse zeigt der Google Chrome V15. Vermutlich ist hier die SVG-Web Bibliothek optimal umgesetzt.

SVG Tag Cloud wurde auf Basis folgender Quellen realisiert:

Die aktuelle Version der SVG Tag Cloud wird unter  http://code.google.com/p/svgtagcloud/ zum Download bereit gestellt. Hier werden auch Aufbau und Variablenversorgung beschrieben.

Aber nun noch das Beispiel in Aktion (wenn der Browser die Anzeige erlaubt):

SVG Tag Cloud

Veröffentlicht unter Tag Cloud, Webdesign | Verschlagwortet mit , , , | 3 Kommentare

WP-cumulus

Die tag cloud von Roy Tanck ist eine wunderbare Übersicht zur Darstellung von Schlagwörter. So auch unten rechts auf dieser Seite.

Gleichfalls gibt es von Roy Tanck zum Download eine Variante die ausserhalb von WordPress frei in Webseiten integriert werden kann.

Anbei ein Beispiel für Facebook zur Darstellung der Freunde in einer „tag cloud“ unter Nutzung von php. Die integrierte Anwendung findet man in Facebook als App unter friends cloud.

Zuerst die Initialisierung und der Abruf der Freundeliste über das Facebook fql API:

<?php
    include_once "fbmain.php";
    try{
        // Fenster-Breite -Höhe und Schriftgröße
        $w=300;
        $h=300;
        $s=10;
        // fql Aufruf
        $fql = "select name, first_name, uid from user where uid IN
            (SELECT uid FROM friendlist_member WHERE flid IN
            (SELECT flid FROM friendlist WHERE owner=" . $user . "))";
        $param  =   array(
            'method'    => 'fql.query',
            'query'     => $fql,
            'callback'  => ''
        );
        $f = $facebook->api($param);
        // Aufbau der tag liste
        $tags = "<tags>";
        if (sizeof($f) > 60) {
                $w=900;
                $h=900;
                $s=6;
        } elseif (sizeof($f) > 30) {
                $w=600;
                $h=600;
                $s=8;
        }
        for($i = 0; $i < sizeof($f); ++$i) {
              $name = $f[$i]['first_name'];
              $tags .= "<a href=%27http://www.facebook.com/profile.php?
                       id=".$f[$i]['uid']."%27 target=%27_blank%27
                       style=%27".$s."%27 color=%270x3B5989%27
                       hicolor=%270xff0000%27>".$name."</a>";
        }
        $tags .= "</tags>";
        $mode = "mode=tags&";
    }
    catch(Exception $o){
    }
?>

Dann im Hauptteil der Aufruf des tag cloud flash movie über das code.google.com Flashplayer Objekt in der Version  2.2:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>friends cloud</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
                swfobject.registerObject("myId", "9.0.0");
        </script>
    </head>
    <body>
        <div>    
            <object id="myId"
                    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                    width="<?php echo $w; ?>" height="<?php echo $h; ?>">
                <param name="wmode" value="opaque">
                <param name="movie" value="tagcloud.swf" />
                <param name="flashvars" value="<?php echo $mode; ?>
                     distr=true&tagcloud=<?php echo $tags; ?>" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash"
                        data="tagcloud.swf" width="<?php echo $w; ?>"
                        height="<?php echo $h; ?>">
                <param name="wmode" value="opaque">
                <param name="flashvars" value="<?php echo $mode; ?>
                        distr=true&tagcloud=<?php echo $tags; ?>" />
                <!--<![endif]-->
                <div>
                    <h1>alternative content</h1>
                    <p><a href="http://www.adobe.com/go/getflashplayer">
                    <img src="http://www.adobe.com/images/shared/
                       download_buttons/get_flash_player.gif"
                       alt="Get Adobe Flash player" /></a></p>
                </div>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </div>
    </body>
</html>
Veröffentlicht unter Facebook, PHP, Tag Cloud, Webdesign | Verschlagwortet mit , , , | 2 Kommentare

POI Freizeit

Die folgenden Freizeit POI unterstützen bei der Suche nach Sport- und Fussballvereinen:

 D Berlin Fussballverein  41 POI  TXT ASC CSV OV2
 D Berlin Sportverein  41 POI  TXT ASC CSV OV2
 D Hamburg Fussballverein  14 POI  TXT ASC CSV OV2
 D Hamburg Sportverein  32 POI  TXT ASC CSV OV2
 D Hannover Fussballverein  49 POI  TXT ASC CSV OV2
 D Hannover Sportverein  47 POI  TXT ASC CSV OV2
 D Köln Fussballverein  15 POI  TXT ASC CSV OV2
 D Köln Sportverein  27 POI  TXT ASC CSV OV2
 D München Fussballverein  37 POI  TXT ASC CSV OV2
 D München Sportverein  41 POI  TXT ASC CSV OV2
 D Nürnberg Fussballverein  47 POI  TXT ASC CSV OV2
 D Nürnberg Sportverein  48 POI  TXT ASC CSV OV2
 D Stuttgart Fussballverein  46 POI  TXT ASC CSV OV2
 D Stuttgart Sportverein  43 POI  TXT ASC CSV OV2
 D0 Fussballverein  77 POI  TXT ASC CSV OV2
 D0 Sportverein  284 POI  TXT ASC CSV OV2
 D1 Fussballverein  126 POI  TXT ASC CSV OV2
 D1 Sportverein  251 POI  TXT ASC CSV OV2
 D2 Fussballverein  163 POI  TXT ASC CSV OV2
 D2 Sportverein  288 POI  TXT ASC CSV OV2
 D3 Fussballverein  229 POI  TXT ASC CSV OV2
 D3 Sportverein  325 POI  TXT ASC CSV OV2
 D4 Fussballverein  91 POI  TXT ASC CSV OV2
 D4 Sportverein  213 POI  TXT ASC CSV OV2
 D5 Fussballverein  121 POI  TXT ASC CSV OV2
 D5 Sportverein  242 POI  TXT ASC CSV OV2
 D6 Fussballverein  124 POI  TXT ASC CSV OV2
 D6 Sportverein  214 POI  TXT ASC CSV OV2
 D7 Fussballverein  207 POI  TXT ASC CSV OV2
 D7 Sportverein  377 POI  TXT ASC CSV OV2
 D8 Fussballverein  195 POI  TXT ASC CSV OV2
 D8 Sportverein  339 POI  TXT ASC CSV OV2
 D9 Fussballverein  192 POI  TXT ASC CSV OV2
 D9 Sportverein  328 POI  TXT ASC CSV OV2
Veröffentlicht unter POI | Verschlagwortet mit , , | Kommentare deaktiviert für POI Freizeit