Interessante Widgets und wie man sie hinzufügt

Mit SOUL 2.9 wurden die Widgets veröffentlicht.

Widgets sind zusätzliche Steuerelemente innerhalb einer Software, über die weitere Einstellungen getätigt werden können. Zum Beispiel können externe Quellen eingebunden werden – wenn sie via https ansteuerbar sind.

In den untenstehenden Antworten werden wir nach und nach spannenden Optionen und wie man diese einrichtet vorstellen.

• Google Maps
• Das aktuelle Wetter
• YouTube-Videos
• Spotify
• infogr.am

Google Maps Ausschnitt

1. Adresse suchen. Ggf. „Größere Karte ansehen“ anklicken falls links die Leiste aus dem Folgescreenshot fehlt.
2. Auf Share bzw. Teilen drücken
   
3. „Karte einbetten“ bzw. „Embed“-Link kopieren:
   <iframe src=“https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2370.188503440315!2d9.92193731620934!3d53.55440238002319!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b185901506328f%3A0x597f2f7130e29c30!2sBehringstra%C3%9Fe+14%2C+22763+Hamburg!5e0!3m2!1sen!2sde!4v1446456267267″ width=“600″ height=“450″ frameborder=“0″ style=“border:0″ allowfullscreen></iframe>
4. Alles vor https und ab “ width“ löschen
   https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2370.188502321289!2d9.9219373!3d53.5544024!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b185901506328f%3A0x597f2f7130e29c30!2sBehringstra%C3%9Fe+14%2C+22763+Hamburg!5e0!3m2!1sen!2sde!4v1446457221510
5. Widget erstellen
   
6. Fertig:
   
7. Support-Tipp:
   Bei der Erstellung die Überschrift weglassen = größeres Bild:
   

Das Wetter unter Nutzung von forecast.io

1. Breitengrad und Längengrad (latitude und longitude) z.B. bei http://itouchmap.com/latlong.html in Erfahrung bringen
   
2. Resultate notieren
   
3. Ortsdaten in folgenden Link des forecast.io-Dienstes übernehmen
   https://forecast.io/embed/#lat=53.554840&lon=9.924940&name=Protonet&units=ca
4. Link zur Widgeterstellung nutzen
   

YouTube-Video

1. Gewünschtes Video auf YouTube aufrufen
2. Rechtskllick auf Video. „Copy video URL“ auswählen
   
3. Kopierten Link für die Widgeterstellung nutzen
   

Spotify

1. Song oder Playlist auswählen
2. „Code zum Einbetten kopieren“
   
3. Code kürzen, auf eigentliche URL
   <iframe src=“https://embed.spotify.com/?uri=spotify%3Atrack%3A1MDoll6jK4rrk2BcFRP5i7″ width=“300″ height=“380″ frameborder=“0″ allowtransparency=“true“></iframe>zuhttps://embed.spotify.com/?uri=spotify%3Atrack%3A1MDoll6jK4rrk2BcFRP5i7
4. Widget erstellen
5. Fertig
   

infogr.am

1. Graph erstellen
2. Share auswählen
   
3. „View on web“ anklicken
4. URL ergänzen um „?src=embed“
   
5. Diese modifizeirte URL für die Widget-Erstellung nutzen