Computer: T-Entertain (aus Wiki)

T-Entertain (aus Wiki)

Gehört zu: Fernsehen

Telekom Entertain

Bei der Telekom heisst das Internet-Fernsehen (IPTV) Telekom Entertain und basiert auf Microsoft MediaRoom.
Der Tarif Entertain Comfort beinhaltet:

  • FernsehenHDTV möglich mit VDSL
  • Internet-Breitband-Anschluss DSL 16 Plus Flatrate — von der Telekom
  • Telefonieren im Festnetz der Telekom Deutschland-Flatrate – Festnetz-Anschluss von der Telekom

Konditionen T-Entertain Comfort:

  • Vertragslaufzeit: mindestens 24 Monate
  • Am Telekom-Festnetz-Standardanschluss (=analog): EUR 44.95 mtl.
  • Am Telekom-Festnetz-Universalanschluss (=ISDN): EUR 48,95 mtl.
  • Optional VDSL25 für HDTV: EUR 10,– mtl.

Web-Link: http://www.iptv-anbieter.info/iptv-provider/t-home-iptv.html

Erste Erfahrungen: Bittsteller bei der Telekom

Zum Ausprobieren von Telekom Entertain habe ich einen zweiten, separaten Telefonanschluss einrichten lassen. Das hat eine Weile gedauert, weil der irgendwie “neu” eingerichtet werden musste.

Entertain auf dem vorhandene ISDN-Telefonanschluss (neue Sprache: “Universal-Anschluss”) sollte 5 EUR mehr kosten als auf einem “Standard-Anschluss” (sprich: analog).

Ausserdem habe ich auf dem vorhandenen Telefonanschluss einen “fremden” DSL-Provider. Mit einem “fremden” DSL-Provider geht nämlich Entertain nicht – auch wenn der Fremde “Congstar” heisst und eine 100-prozentige Tochter der Telekom ist. Eine Beauftragung von Entertain auf dem vorhandenen Telefonanschluss wurde von der Telekom immmer sofort mit einem Standardschreiben beantwortet in der Art: “Wir freuen uns, dass Sie sich entschieden haben mit DSL zur Telekom zu wechslen…” – das war aber gar nicht mein ausgesprochener Wunsch. Mein Wunsch war schlicht IPTV d.h. Entertain.

Die Krone der Unzumutbarkeiten der Telekom-Bürokraten war dann das Ansinnen, ich müsse den “falschen” DSL-Provider jetzt erst einmal kündigen und eine Kündigungsbestätigung der Telekom vorlegen. Erst dann würde die Telekom gnädigerweise bei mir die Voraussetzungen für IPTV schaffen. Das war zu viel für mich. Ich widerrief alle Beauftragungen der Telekom zu Entertain auf dem bestehenden ISDN-Anschluss.

Nach ein paar Tagen des Nachdenkens habe ich mich dann für einen zweiten ganz separaten Anschluss bei der Telekom entschieden. Gründe: die Telekom hat bei IPTV keine Konkurrenz: Alice macht nur bis 16000 bit/s und kein HDTV, 1&1 macht überhaupt kein IPTV, sondern nur eine Videothek.

Am 16.08.2010 wurde dann der zweite Telefonanschluss als “Standard-Anschluss” (sprich: analog) geschaltet. Der Telefonanschluss wurde von der Telekom zunächst als Call & Surf Comfort neu eingerichtet. Das “Surf” ging damit erst einmal über DSL3000R. Als DSL-Router hatte ich den Speedport W 920V bestellt – der kann dann auch

  • VDSL2, was ich ja für die weiteren Schritte zu Entertain mit HDTV brauchte
  • DECT Basisstation
  • VoIP
  • Interner ISDN S0-Port – ich möchte ja mein vorhandenes ISDN-Equipment möglichst weiter verwenden…

Im zweiten Schritt durfte ich dann bei der Telekom VDSL25 und Entertain beauftragen. Dazu hatte ich den Media Receiver MR301 geordert.

Zugangsdaten

Am 5.10.2010 wurden meine “neuen” Zugangsdaten freigeschaltet. Mit diesen konnte ich nun endlich HDTV-Sender empfangen. Nebeneffekt: Die mit den alten Zugangsdaten gemachten TV-Aufnahmen können nun nicht mehr abgespielt werden…

Ethernet Switch – IPTV macht Multicasting

Ich habe dann schrittweise alles ausprobiert. Mit dem neuen Samsung LED-Fernseher UE-46 C 6700 USXZG, der am 27.9.2010 geliefert wurde, ging dass alles sehr gut.

Um mein häusliches Ethernet-LAN nun schrittweise vom alten DSL-Provider Congstar auf das neu und schnellere VDSL25-Internet umzustellen, kaufte ich einen zweiten Switch für das neue LAN. was ich dan neben dem alten LAN aufbauen wollte. Dazu kaufte ich im Media-Markt einen Sitecom Network Giga Switch 8 port LN-121. Alle Geräte des “neuen” LANs nun an den Switch gestöpselt und den Switch mit dem Speedport Router verbunden. Das brachte zwei merkwürdige Effekte:

  • In dem neuen LAN funktionierte das DHCP nicht richtig – ich musste mit statischen IP-Adressen arbeiten
  • Das IPTV Entertain, das jetzt auch über den neuen Switch lief zeigt jetzt Fehler (Bild fror ein, Kompressionsartefakte)

Nach zwei längeren Telefonaten mit der Entertain-Hotline konnte die Ursache gefunden werden: Der Switch war der Schuldige. IPTV arbeitet mit IP-Multicast und mit IGMP-Paketen. Das können “normale” Gigabit-Switche nicht, selbst nicht die der Telekom….

Lösung
Das Ethernet-Kabel vom Media Receiver MR301 direkt in den Port 3 des Routers Speedport W 920V gestöpselt und – alles wieder bestens!

Erfahrung: Port-Wechsel

Am 29.10.2010 abends friert das TV-Bild ein beim Versuch das TV-Programm zu wechseln.

  • Ein Neustart des Media Receiver MR301 bringt keine Besserung.
  • Nach einem Restart des Routers Speedport W920V lässt sich der Media Receiver überhaupt nicht mehr durchstarten, sondern hängt sich auf.
  • Workaround: Umschalten auf Kabel Deutschland
  • Telekom Störungsmedung: Man will einen Techniker schicken

Am nächsten morgen führt ein erneuter Versuch den Media Receiver durchzustarten schließlich zum Erfolg. Der für den 30.10.2010 zwischen 9 und 12 Uhr avisierte Telekom-Techniker ruft vorher an zund sagt man hätte einen neuen Port geschaltet und nun seine alle Messwerte super und er sehe keinen Sinn darin noch vor Ort zu erscheinen.

Dkracht 17:34, 23 October 2010 (CEST)

Computer: Internet Radio (aus Wiki)

Internet Radio (aus Wiki)

From Dietrich Blog (Strato)
(Redirected from Internet-Radio)

blog.kr8.de

Siehe auch: Podcasting, MediaLibrary, COWON Q5W

Radiosender live im Internet hören, das ist heuzutage ganz einfach möglich. Die Technik heisst Streaming Audio oder um das Internet mit ins Soel zu bringen: WebRadio bzw. InternetRadio.

Es gibt mehrere konkurriernde Systeme:

Dass überhaupt eine annehmbare Tonqualität zu Stande kommt, liegt an den Komprimierungtechniken. Komprimierung mit MP3 oder auch RealAudio ergibt bei Übertragungsraten von 44 Kbit/s schon einen ordendlichen Klang. Einfachere Sendungen werden mit 32 Kbit/s oder noch weniger übertragen, bei breitbandigem InternetZugang (z.B. DSL) kommt man gut auf 128 kBit/s, was entkomprimiert (1:11) an die CompactDisk-Qualität von 176,4 kByte/s herankommt.

Als Software zum hören von Streaming Audio (Internet Radio) gibt es sehr viel Software. Sehr oft gelobt werden:

benutze ich: iTunes oder auch RealPlayer bzw. WinAmp.

Meine Anforderungen

  • Das Gerät soll schön klein sein, damit man es von Raum zu Raum tragen kann
  • Das Gerät soll einen eingebauten Laufsprecher haben, damit man auch mal ohne “große” HiFi-Speaker, schnell mal was hören kann
  • Es müssen unbedingt folgende Sender empfangbar sein:
    • NDR Info
    • Spreeradio
    • Mallorca Inselradio
    • ..

Meine Favorites

Meine Shortlist: Hardware

Meine Bewertung der Software-Lösungen

Eingenschaft iTunes MAGIX JetAudio Screamer
MP3 spielen Ja Ja Ja Ja
WMA spielen Nein Ja Ja Ja
Stationsliste importieren Ja Nein Ja XML-Datei
Stationsliste exportieren  ? Nein  ? XML-Datei
WebRadio Recording Nein Ja Nein Ja

Sammelangebote von Sendern

Sender speichen als Playlist

MP3 WinAmp

#EXTM3U
#EXTINF:-1,Rockantenne
http://mp3.webradio.rockantenne.de:80
#EXTINF:-1, Inselradio Mallorca - Das Inselradio 95,8 FM
http://live-inselradio.com:8000/
#EXTINF:-1, Radiostream von Eins Live 
http://gffstream.ic.llnwd.net/stream/gffstream_stream_wdr_einslive_b
#EXTINF:-1, MDR Sputnik MP3


#EXTINF:-1, Oldie Radio Berlin
http://www.oldiestar.de/oldie.asx
#EXTINF:-1,Radio VHR Europe
http://www.radio-vhr.de/europe.asx
EXTINF:-1,Klassik Radio
http://str31.creacast.com:80/klassik1

MicrosoftMediaPlayer

<?wpl version="1.0"?>
<smil>
   <head>
      <meta name="Generator" content="Microsoft Windows Media Player -- 9.0.0.3250"/>
      <author/>
      <title>Internet Radio SWR3</title>
   </head>
   <body>
      <seq>
         <media src="http://lsd.newmedia.tiscali-business.com/bb/redirect.lsc?stream=swr3$livestream.wma&content=live&media=ms"/>
      </seq>
   </body>
</smil>

RealPlayer

<?xml version="1.0" encoding="UTF-8"?>
<smil>  
   <body> 
      <seq>	
         <audio src="rtsp://stream1.rbb-online.de/broadcast/antenne-live.ra"/>	
      </seq>
   </body>
</smil>

Einige Sender

Die deutschen Rundfunkanstalten benutzen gerne das grundsolide (und etwas teurere RealAudio-Format), während viele kleine amerikanische Stationen MP3 streamen.

Siehe auch: http://mypage.bluewin.ch/a-z/cusipage/liveradio2.html

Sender Format URL
104.6 RTL Live Real http://lsd.newmedia.tiscali-business.com/bb/redirect.lsc?adid=1001&content=live&media=rm&stream=rtl1046/rtllive.rm
Deutschlandfunk MP3 http://www.dradio.de/streaming/dlf.ram http://www.dradio.de/streaming/dlf.m3u
DeutschlandRadio Berlin Real http://www.dradio.de/streaming/dlr.ram
DRS1 Schweiz Real http://dms-cl-013.skypro-media.net:8080/ramgen/encoder/drs1.rm rtsp://206.165.150.203:554/encoder/drs1.rm?cloakport=8080,554,7070
EinsLive WDR http://www.wdr.de/wdrlive/media/einslive.smil
NDR 1 Niedersachsen Real http://www.ndr.de/ramgen/live/rnds.rm
NDR 1 Radio MV Real http://www.ndr.de/ramgen/live/rmv.rm
NDR 1 Welle Nord Real http://www.ndr.de/ramgen/live/wn.rm
NDR2 Real http://www.ndr.de/ramgen/live/ndr2.rm
NDR Info Real http://www.ndr.de/ramgen/live/ndrinfo.rm
NDR Kultur Real http://stream.ndr.de/bb/redirect.lsc?stream=ndr/live/ndrkultur.rm&content=live&media=rm
Spreeradio MNS http://cms.streamfarm.net/cms/_vm100/radio/2925spreeradio_live.asx?referer=www.spreeradio.de
Inselradio Mallorca MP3 http://stream.live-inselradio.com:8080/inselradio http://live-inselradio.com:8000/listen.pls
CBC Saskatchewan CBC Radio One http://sask.cbc.ca/radio/cbcsask.smi
88.5 KCSN Real http://www.kcsn.org/listen/kcsnlofidirect.ram
WNYC FM, New York Public Radio http://64.202.98.18:80

Programm-Informationen

— Main.DietrichKracht – 10 Jun 2004

IFTTT If This Then That

Gehört zu: Internet

Automatisierung mit IFTTT If This Then That

IFTTT ist ein Service (“Automatisierungsdienst”) im Web, mit dem man Regeln aufstellen kann (If <this> then <that>) um bestimmte Aufgaben zu automatisieren.

Man muss ich bei IFTT anmelden.

  • URL:  http://www.ifttt.com
  • Dort eine Konto einrichten mit UserId & Password (und einer E-Mail-Adresse)

Zur momentanen Verwirrung hat IFTTT vor einiger Zeit seine Begriffswelt geändert, sodass Erklär-Videos z.B. von Youtube  für den heute neu anfangenden IFTTT-User nur schwer verständlich sind.

IFTTT Applets

Regeln hießen früher “Recipes” und neuerdings “Applets“.

Solche Regeln (also Applets) haben ja die Form:  if <this> then <that>, wobei das <this> die Bedingung ist unter der die <that> genannte Aktion ausgeführt werden soll.
Im IFTTT-Jargon heißt die Bedingung <this> “Trigger” und die Aktion <that> “Action“.

IFTTT Services

Trigger und Actions werden bei IFTTT mit Hilfe von sog. Services (alter Name:  Channels)  definiert.

Solche Services sind z.B. “Email”, “Dropbox”, “Google Drive”, “Date & Time” etc.
Services, die wir bei der Formulierung von Triggers und Actiones verwenden wollen, müssen für IFTTT aktiviert werden. Das heisst im IFTTT-Jargon Services müssen “connected” werden, dann können sie als “Quelle” oder “Ziel” verwendet werden.

Ein Trigger kann dann z.B. formuliert werden als “Wenn über den Email-Service eine Mail eintrifft, dann …”

Eine Action kann z.B. formuliert werden als “speichere den E-Mail-Anhang mithilfe des Dropbox-Service in der Dropbox die beim “connecten” des Dropbox-Service angegeben wurde.

Sammelsurium

Frage: Können im <that>-Teil eines Applets auch mehrere Actions stehen?

Bemerkung: Man kann Applets (Regeln) wie oben angedeutet, komplett selbst definieren oder auch Applets, die andere gemacht haben benutzen.

Alternativen: Zapier, WappwolfAutomator, Hooks

Computer: WordPress: Welche Datenbank Version von MySQL oder MariaDB

Gehört zu: WordPress
Siehe auch: MySQL, ProviderStrato

WordPress bei Strato funktioniert nicht mehr

Anfang Januar 2017 funktionierte mein WordPress-Blog http://blog.kr8.de  bei meinem Web-Hoster Strato nicht mehr richtig.
Die Ursache des Problems bei Strato ist ungeklärt.
Bei Strato sichere ich mein WordPress mit dem Plugin UpdraftPlus auf meine Dropbox – und das hat noch funktioniert.

Die Ursache: utf8mb4

Um weiter arbeitsfähig zu bleiben, wollte ich die Updraft-Sicherung von Strato in mein lokales WordPress einspielen was aber zu einer Fehlermeldung führte, die sagte, dass meine MySQL-Version zu alt dafür sei. Weitere Recherchen ergaben, dass es an der MySQL collation “utf8mb4_unicode_ci” liegt, die das WordPress bei Strato verwendet aber von meinen lokalen MySQL 5.0 nicht unterstützt wird.

Meine lokalen WordPress-Installationen verwendeten als Datenbank MySQL in der Version 5.0.41 und diese unterstützten utf8 aber nicht  utf8mb4.  Letzteres bildet ein utf-Zeichen auf 4 statt drei Bytes ab. Contine reading

Internet: Vector Graphics in HTML

Gehört zu: Vektorgrafik
Siehe auch: HTML, SVG, WordPress

Vektorgrafiken in HTML-Seiten

Auch in HTML-Seiten möchte man ja ab und zu auch schöne Vektorgrafiken einbauen – nicht nur Pixel-Bilder.

Je nach Format (SVG, SWF, ODG, VSD, PPT,…) sind da unterschiedliche Lösungen möglich, wo bei schon das Upload solcher Grafiken ein Problemchen sein kann.

Upload von SVG-Grafiken

Bei WordPress muss man den Dateityp “SVG” zulassen zum Upload z.B. durch Installation des WordPress-Plugins “SVG Support”. Dies habe ich in Graphis in WordPress beschieben.

Bei Flickr geht es so:…

Bei Google Photos geht es so: …..

SVG Grafik in eine HTML-Seite einbinden

SVG Browser Support heute

Kein Web-Browser unterstützt den aktuellen SVG-Standard in vollem Umfang.

Mozilla Firefox hat sehr gute SVG-Unterstützung.

Microsoft Internet Explorer und Edge nur mittelmäßige SVG-Unterstützung. Contine reading

Computer: Evolution from B2/Cafelog to WordPress 1.0

Gehört zu: WordPress

Evolution of WordPress: B2/Cafelog to WordPress 1.0

by Keith Dsouza on July 14th, 2008 in WordPress

A few days ago we had told you what you should know about WordPress 2.6. The post described new features that will be introduced shortly in WordPress 2.6. Though there are several new features that you may like in this new version, there might be many that have gone unnoticed that were introduced in the earlier versions of WordPress. To quell the anticipation that users might have for the latest version, we wanted to write a series of posts that will cover WordPress from its infancy to WordPress 2.5 (the latest major version) that many of you use.

The WordPress team has been naming their major releases after popular Jazz legends and we will take a look at code names for the past releases. Contine reading

Computer: Adobe Flash Player – Shockwave – in Mozilla Firefox

Gehört zu: Vektorgrafiken
Siehe auch: SWF, SVG
Benutzt: Grafiken aus GitHub

Meine Vektorgrafiken als SWF oder SVG

My older websites do use vector graphics in Shockwave format – originally produced by Feehand and converted from .fla to .swf

In the long run I am planning to convert .swf to a more open and modern format ( like .svg or html5 or ….)

At the moment I want to keep my older websites “alive”, so I need to know how to embed SWF-files in HTML and how to render them in the important Web Browsers (Mozilla Firefox,…)

My traditional website, that I want to keep “alive” is:  http://www.kr8.de (original) resp. http://web.kr8.de (converted to bootstap).

Adobe Flashplayer

As I understood, I need Adobe Flashplayer as a plugin into my web browser in order to render my SWF graphics properly.

My favorite web browser is Mozilla Firefox. With Firefox version 43.04 I was unable to install the Adobes Flashplayer plugin.
With Mozilla Firefox 28.0 the installation of the Adobe Flash Plugin went well. To be exact: I installed Shockwave Flash 22.0.0.209 as a plugin to Mozilla Firefox 28.0.

Rendering SWF in HTML

My SWF files showed up perfectly on my HTML-Pages in Mozilla Firefox.
Example: http://web.kr8.de/ldap.html

This is the code I used for embedding the SWF into the HTML:

<object align=”left” classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0″ width=”294″ height=”126″>
<param name=”movie” value=”img/ldap.swf” />
<param name=”wmode” value=”transparent” />
<param name=”quality” value=”high” />
<embed quality=”high” pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” src=”img/ldap.swf” width=”294″ height=”126″  wmode=”transparent” />
</embed>
</object>

Potential Problems

  • Use the right file path in the SRC parameter e.g. src=”img/ldap.swf”
  • Use wmode=”transparent”
  • Other Firefox-Plugins may interfere with the Shockwave Flash plugin, e.g. Shockwave Director or others…

Als SVG-Grafik geht es ganz einfach

Wenn wir statt Shockwave das SVG-Format nehmen, geht es einfacher, wobei wir SVG in der WordPress Media Library oder auch in GitHub speichen können:

Abbildung 1: LDAP-Schema (WordPress Media Library : ldap.svg)

Abbildung 2: LDAP-Schema (GitHub: ldap.svg)

Ldap.svg

Computer: SVG Vektorgrafiken (aus Wiki)

Gehört zu: Vektorgrafik
Siehe auch: Graphics in WordPress
Benutzt: Grafiken aus Github

SVG Scalable Vector Graphics (aus Wiki)

  • SVG ist ein auf XML beruhender W3C-Standard für VektorGrafik.
    • SVG 1.0: 2001
    • SVG 1.1: 2003
    • SVG 1.2: 2005
    • SVG 2.0: hieran wird seit 2011 gearbeitet (“Candidate Recommendation”)
  • SVG wurde sehr stark von der Firma Adobe unterstützt. Zum 1.1.2008 hat Adobe “End of Life” verkündet.
  • SVG hat als offenes; d.h. nicht-proprietäres Format große Unterstützung durch OpenSourceSoftware
  • SVG wird von MediaWiki unterstützt
  • SVG wird von WordPress unterstützt
  • WebBrowser unterstützen SVG auch…?
  • Konkurrierend zu SVG ist: Flash von Macromedia (aufgekauft von Adobe)

SVG-Dateien sind keine binären Dateien, sondern Text-Dateien, die also auch mit normalen Text-Editoren bearbeitet werden können.
Solche SVG-Dateien sind “normale” XML-Dateien mit dem besonderen Namespace SVG.

SVG tat sich anfangs sehr schwer, da Flash der Industrie-Standard war.
SVG 1.1 enthielt lediglich eingie Korrekturen zu 1.0
SVG 1.2 wurde nie offiziell fertiggestellt.
SVG 2.0 soll der neue Super-Standard werden – als Teil von HTML5

SVG Grafiken Einbetten in…

 Bekannte Probleme mit SVG

  • Darstellung von Pfeilspitzen an Linien
  • Welche Schrifttypen werden unterstützt?
  • Darstellung von Fließtext (ab SVG 1.2 möglich)

 Weblinks zu SVG

SVG-Viewer

SVG-Grafiken bis Verson 1.1 können z.B. in Mozilla Firefox betrachtet (“Rendering”) werden. Auch Google Drive…

SVG-Grafiken Erstellen und Bearbeiten

Ich benutzte zur Zeit (Feb. 2020) das SVG-Tool Inkscape. Leider wurden in Inkscape schon einige Elemente von SVG 1.2 implementiert, die aber nie definitiv verabschiedet wurden. Dazu gehören: flowRoot, flowRegion und flowPara…

Dies sind Fliesstext-Konstrukte, die von den Vertretern im W3C sehr kontrovers diskutiert wurden und schließlich nicht in den SVG-Standard aufgenommen wurden. Wir müssen bei Inkscape also aufpassen und ggf. solche Konstrukte entfernen und durch einfachere Konstrukte von SVG 1.1 ersetzen.

SVG die ersten Schritte

  • Koordinatensystem
    • X-Achse waagerecht vom linken Bildrand nach rechts
    • Y-Achse senkrecht vom oberen Bildrand nach unten
  • Elemente
    • Rechteck
    • Text, auch Fließtexte
    • Bezierkurven
    • Kreis, Ellipse, Bogen
    • Pfad
    • Pfeilspitzen ????????

Beispiel für einen Pfad

Pfad aus “M” (=move to) und “L” (= line to):

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" 
     width="200" height="300">
  <path stroke="black" stroke-width="1px" fill="none"
     d="M 50,250 L 50,150 L 100,77.5 L 150,150 L 55,150 L 150,250 L 54.5,250 L 150,154 L 150,246"/>
</svg>

Abbildung 1: Dies als Grafik in SVG-Format (Github: DasHausvomNikolaus.svg)
DasHausvomNikolaus.svg

Beispiel für Bogenstücke

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300" height="300">
<g stroke="black" stroke-width="1" fill="none">
<path d="M150 50 A100 100 0 0 0 50 150" />
<path d="M0 150 L150 150" stroke="red"/>
<path d="M150 0 L150 150" stroke="blue" />
<path d="M50 200 A50 50 0 0 1 100 250" />
<path d="M50 160 L50 300 M0 250 L150 250" stroke="gray"/>
</g>
</svg>

Abbildung 2: Dies als Grafik in SVG-Format (Github: Pathwitharcs.svg)

Pathwitharcs.svg

SVG mit Bogenstücken

Beispiel für zwei einzelne Textzeilen

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg"  width="265" height="65" 
     xml:space="preserve" color-interpolation-filters="sRGB" fill="none">
	<title>Balanced Scorecard</title>
	<desc>Aus:  pres_030806.ppt TTC</desc>
	<style type="text/css">
		.st2 {fill:rgb(0,103,171);font-family:Verdana;font-size:20pt;font-style:italic;font-weight:bold}
	</style>
	<g>	
                <rect x="1" y="1" fill="none" stroke="black" width="264" height="64"/>
		<text x="18" y="29" class="st2">Basic Balanced</text>	
		<text x="50" y="55" class="st2">Scorecard</text>		
	</g>
</svg>

Abbildung 3: Dies als Grafik (Github: BalacedScorecard-3.svg)

BalancedScorecard-3.SVG

Balanced Scorecard als SVG

Beispiel für Fließtext

Fließtext wurde in SVG 1.2 neu eingeführt. Nicht alle SVG-Tools unterstützen dies.
SVG-Quellcode:

<?xml version="1.0" standalone="no"?>
<svg version="1.2" xmlns="http://www.w3.org/2000/svg"
    id="body" width="350" height="350">
  <title>SVG flowPara Example.</title>
  <g>
    <rect stroke="blue" fill="gold" x="10" y="10" width="200" height="300"/>
    <flowRoot>
      <flowRegion>
        <rect stroke="blue" fill="gold" x="10" y="10" width="200" height="300"/>
      </flowRegion>
      <flowDiv text-align="start">
        <flowPara font-family="Arial" font-size="20" fill="#000000" text-align="start">
                  P1 The quick brown fox jumped over the lazy dog.</flowPara>
        <flowPara font-family="Arial" font-size="20" fill="#000000" text-align="start">
                  P2 Gallia est omnis divisa in partes tres quarum unam incolunt Belgae.</flowPara>
        <flowPara font-family="Arial" font-size="20" fill="#000000" text-align="start">
                  P3 a b c d e f g h i j k l m n o p q r s t u v w x y z</flowPara>
      </flowDiv>
    </flowRoot>
  </g>
</svg> 

Abbildung 4: Dies als SVG-Grafik mit Version 1.2 Elementen zum Fließtext:

Flow-2.jpg

SVG-Grafik mit Fliesstext

Da hier SVG 1.2 kan das SVG nicht als Original Flow-2.svg richtig angezeigt werden. Daher wir es in ein Flow-2.jpg umgewandelt (mit Inkscape und Libre Office Draw).

SVG Beispiele

 SVG Beispiel 1: Hello World

So sieht der SVG Quelltext aus:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="260" height="60">
	<rect x="10" y="10" fill="blue" width="240" height="40"/>
	<text x="40" y="40" style="fill:gold; font-size:20pt">
		Hello World!
	</text>
</svg>

Diese SVG-Datei wurde als “normale” Grafik auf die WordPress Media Libray hochgeladen.

Das Einfügen dieser SVG-Grafik erfolgt dann in WordPress  “normal” über den “Add Media” Buttom im Editor (der dann ein HTML.IMG daraus macht):

Abbildung 5: Und so sieht die SVG-Grafik dann aus (Github: Helloworld.svg)

Helloworld.svg

SVG-Grafik Hello World

Abbildung 6: SVG Beispiel 2: Tageslänge (GitHub: Tageslaenge.svg)

Tageslaenge.svg

 

SVG Beispiel 3: RSS Family

Abbildung 7: Dies Beispiel stammt von der Seite: RSS (Github: Rss-family.svg)

Rss-family.svg

SVG Beispiel 4: SWISH Flash Animation

Abbildung 8: Dies SVG-Beispiel stammt von der Seite: SWiSH (Github: Swish_Flash_Animation.svg)

Swish_Flash_Animation.svg

Internet: Google Webmaster Tools: Google Analytics – Google AdWords

Gehört zu: Internet
Siehe auch: Google

Google Webmaster Tools

Alle gehosteten WebSites sind im Google Webmasters Tool registriert: http://www.google.com/webmasters/tools

und bei Google Analytics unter Google-Konto mit Tacking-IDs angemeldet: http://www.google.com/analytics/

Google Analytics

Anmelden bei Google Analytics:  http://www.google.com/analytics/

Als erstes benötigen wir ein Google-Konto. Das haben wir normalerweise schon…
Contine reading