Computer: Inkscape (aus Wiki)

Gehört zu: Vektorgrafik

Vektorgrafik mit Inkscape (aus Wiki)

Ist eine [[OpenSourceSoftware]] zur Bearbeitung von [[VektorGrafik]] auf der Basis von [[SVG]],

Inkscape entstand als eine Abspaltung von Sodipodi.

== Installation ==
* Definitive Software Library: ”’Inkscape”’
* Name: Inkscape
* Version: 0.45.1
* Hersteller/Bezugsquelle: [http://sourceforge.net/projects/inkscape sourceforge]
* Installations-Ordner: d:\bin\Inkscape
* Konfiguration: ./.
* Systemvorassetzungen: Windows,…

== Verwendung ==
* Zur Erstellung von Vektorgrafiken im [[SVG]]-Format.
* Zur Skalierung von SVG-Grafiken auf [[MediaWiki]]

— [[User:Dkracht|Dkracht]] 14:32, 25 March 2008 (CET)

[[Category:DefinitiveSoftwareLibrary]]

Astrofotografie: Neptun mit Geostationären Erdsatelliten

Gehört zu: Das Sonnensysten
Siehe auch: Künstliche Erdsatelliten

Fotoserie auf Neptun

Am 29.8.2016 habe ich von Kollase aus mehrer Fotoreihen geschossen. Zum Schluss wollte ich auch mal in Richtung Neptun zielen.

Das war von 20:45 bis 20:47 UT eine Serie von 8 Aufnahmen mit je 15 sec Belichtung mit dem Takumar 135mm bei ISO 3200 und f/3.5.

Dabei habe ich zufällig eine Gegend mit geostationären Ersatelliten getroffen (Deklination ca. -7 Grad). Da die Aufnahmen auf die Sterne nachgeführt waren, sind die geostationären Satelliten nun zu kleinen Strichen geworden (siehe Fotos unten).

Deklination geostationärer Satelliten

Geostationäre Satelliten haben eine Umlaufzeit von 24 Stunden und befinden sich in einer Kreisbahn 35.786 km über der Erdoberfläche mit einer Bahnneigung von 0° immer über dem Erdäquator. Wenn wir von Hamburg (53,5° geografischer Breite) beobachten, müssen wir also etwa 7,6 Grad unterhalb des Himmeläquators schauen, wenn wir genau nach Süden schauen. Da Neptun nicht genau im Süden steht, wären die geostationären Satelliten in dieser Gegend etwas weniger als 7,6 Grad unterhalb des Erdäquators zu sehen. Contine reading

Internet: Graphics in HTML

Gehört zu: Vektorgrafik

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: Adobe Flash Player – Shockwave – in Mozilla Firefox

The Situation with my Graphics

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 SWL 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:

Computer: Graphics in MediaWiki

Gehört zu: Web-Authoring
Siehe auch: Grafiken
Siehe auch: MediaWiki

Status: Statt MediaWiki verwende ich jetzt WordPress

Graphiken in MediaWikiZeichnungen (Drawings)

Auch in MediaWiki 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 Grafiken auf Mediawiki (SVG, SWF, PDF,…)

Damit man Vektorgrafiken auf Mediawiki hochladen kann, müssen einige Einstellungen vorgengenommen werden.

 php.ini

file_uploads = On 
post_max_size = 20M
upload_max_filesize = 20M

 LocalSettings.php

$wgEnableUploads = true    -->  (dann erscheint links die Klick-Zeile "Upload")
$wgFileExtensions = array('png','gif','jpg','jpeg','pdf','svg','swf','mp3','ogg');

Manchmal gibt es Probleme mit der Erkennung des richtigen MIME-Types. Dann kann man folgendes versuchen:

$wgVerfiyMimeType = false;
$wgMimeDetectorCommand = 'file -bi';
in httpd.conf bzw. .htaccess:  AddType image/svg+xml svg

Contine reading

Computer: SVG Vektorgrafiken (aus Wiki)

Gehört zu: Grafik
Siehe auch: Graphics in WordPress

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 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 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>

Dies als Grafik:

http://blog.kr8.de/wp-content/uploads/2016/08/DasHausvomNikolaus.svg

SVG-Grafik: Path

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>

Dies als Grafik:

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>

Dies als Grafik:

http://blog.kr8.de/wp-content/uploads/2019/03/BalancedScorecard-3.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> 

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 Tools

SVG Tools 1

 SVG Tools2

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):

Und so sieht die SVG-Grafik dan hier  aus:

http://blog.kr8.de/wp-content/uploads/2016/08/Helloworld.svg

SVG-Grafik: Hello World

 

SVG Beispiel 2: Tageslänge

http://blog.kr8.de/wp-content/uploads/2016/08/Helloworld.svg

SVG Beispiel 3: RSS Family

Dies Beispiel stammt von der Seite: RSS.

http://blog.kr8.de/wp-content/uploads/2016/08/Rss-family.svg

SVG-Grafik: RSS-Family

 

SVG Beispiel 4: SWISH Flash Animation

Dies SVG-Beispiel stammt von der Seite: SWiSH

http://blog.kr8.de/wp-content/uploads/2016/08/Swish_Flash_Animation.svg

 

Astronomie: Berechnung der Tageslaenge nach Jahreszeit und geografischer Breite

Gehört zu: Sonnensystem

Berechnung der Tageslänge

 Aus meinem Wiki. Siehe auch:  Astronomie    Collected Excel Sheets

 Die Formel

Dafür habe ich als Schüler folgende Formel gefunden:

	cos t  = -(tan(φ) * tan(δ))

Wobei:

t
halber Tagesbogen
φ (phi)
Geografische Breite
δ (delta)
Deklination der Sonne

Die Deklination der Sonne können wir vereinfacht berechnen als (Quelle: http://lexikon.astronomie.info/zeitgleichung/):

	delta = 0.40954*sin(0.0172*(T-79.35))

Wobei:

T:
Tagesnummer im Jahr; d.h. der erste Januar hat die Nummer 1, der zweite Januar die Nummer 2 usw.

 Die Zeichnung (auch als SVG und als ODG vorhanden)

1052px-Tageslaenge.jpg

Zeichnung: Tageslaenge

 

— Main.DietrichKracht – 19 Mar 2005

Computer: RSS (aus Wiki)

Siehe auch: RSS Reader

Content Syndication RSS (aus Wiki)

(Redirected from ContentSyndication)

Contents

See also: Atom, News Feeds, Newsfeed Reader, Newsfeed Writer, XSLT

 What is RSS?

By Mark Pilgrim (http://www.xml.com/lpt/a/2002/12/18/dive-into-xml.html)

RSS is a format for syndicating news and the content of news-like sites, including major news sites like Wired, news-oriented community sites like Slashdot, and personal weblogs. But it’s not just for news. Pretty much anything that can be broken down into discrete items can be syndicated via RSS: the “recent changes” page of a wiki, a changelog of CVS checkins, even the revision history of a book. Once information about each item is in RSS format, an RSS-aware program can check the feed for changes and react to the changes in an appropriate way.

 Verzeichnisse von RSS-Newsfeeds

 RSS 2.0 Format

  • Datumsfelder müssen nach RFC822 (1982) aufgebaut sein; d.h. es muss zwingend immer der Wochentag am Anfang stehen.
  • Der Verfasser eines Artikels kann nur als E-Mail-Adresse angegeben werden, nicht als Klartext.
  • Validator: http://feedvalidator.org

 RSS Software

  • RSS Clients: Newsfeed Reader
    • RSS Bandit
  • RSS Server: Newsfeed Writer
    • I try to do this with WebLogs
    • Tristana Writer RSS (kann RSS und Atom, Timestamp-Automatismus aber ganz schlecht)
    • Absolute RSS Editor
    • Easy RSS Content Generator (NO, benötigt als Input vorhandene RSS Feeds)
    • mirabyte Feed Writer (kann nur RSS, gute Oberfläche)

 A brief RSS history

Code Fragments only

But coders beware. The name “RSS” is an umbrella term for a format that spans several different versions of at least two different (but parallel) formats. The original RSS, version 0.90, was designed by Netscape as a format for building portals of headlines to mainstream news sites. It was deemed overly complex for its goals; a simpler version, 0.91, was proposed and subsequently dropped when Netscape lost interest in the portal-making business. But 0.91 was picked up by another vendor, UserLand Software, which intended to use it as the basis of its weblogging products and other web-based writing software.

In the meantime, a third, non-commercial group split off and designed a new format based on what they perceived as the original guiding principles of RSS 0.90 (before it got simplified into 0.91). This format, which is based on RDF, is called RSS 1.0. But UserLand was not involved in designing this new format, and, as an advocate of simplifying 0.90, it was not happy when RSS 1.0 was announced. Instead of accepting RSS 1.0, UserLand continued to evolve the 0.9x branch, through versions 0.92, 0.93, 0.94, and finally 2.0.

What a mess.

Abbildung: SVG-Grafik showing this family tree:

http://blog.kr8.de/wp-content/uploads/2016/08/Rss-family.svg

RSS-Family Tree

 

 So which one do I use?

That’s 7 — count ’em, 7! — different formats, all called “RSS”. As a coder of RSS-aware programs, you’ll need to be liberal enough to handle all the variations. But as a content producer who wants to make your content available via syndication, which format should you choose?

 RSS versions and recommendations

Version Owner Pros Status Recommendation
0.90 Netscape Obsoleted by 1.0 Don’t use
0.91 UserLand Drop dead simple Officially obsoleted by 2.0, but still quite popular Use for basic syndication. Easy migration path to 2.0 if you need more flexibility
0.92, 0.93, 0.94 UserLand Allows richer metadata than 0.91 Obsoleted by 2.0 Use 2.0 instead
1.0 RSS-DEV Working Group RDF-based, extensibility via modules, not controlled by a single vendor Stable core, active module development Use for RDF-based applications or if you need advanced RDF-specific modules
2.0 UserLand Extensibility via modules, easy migration path from 0.9x branch Stable core, active module development Use for general-purpose, metadata-rich syndication

 RSS Namespaces

Da RSS-Dateien ein XML-Dialekt darstellen, sollte immer ein korrekter Namespace angegeben werden….

   xmlns="http://backend.userland.com/RSS2"

 Eigene RSS Newsdfeeds

 Newsfeed Reader

Siehe: Newsfeed Reader
— Main.DietrichKracht – 07 Feb 2004