Computer: Graphics in MediaWiki

Gehört zu: Web-Authoring
Siehe auch: Vektorgrafiken, MediaWiki, WordPress

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

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

Computer: WordPress Menüs – Navigation

WordPress Menüs – Navigation

Gehört zu: WordPress
Siehe auch: Google Fotos
Benutzt: Fotos von Google Drive

Stand: 23.09.2021

Menüs zur Navigation zu WordPress-Seiten, kann man ja sehr intuitiv im WordPress-Backend unter dem Punkt “Design > Menüs” einrichten.

Zuvor muss jedes Menü aber “angemeldet” werden. Diese Anmeldung geschieht bei WordPress-Thems in der PHP-Datei “functions.php”.
Nachdem ein Menü in “functions.php” angemeldet wurde und im WordPress-Backend von seiner Struktur her definiert wurde, muss man als dritten Schritt noch für die Ausgabe des Menüs sorgen.

WordPress-Menü anmelden in “functions.php”

 
Die Anmeldung der Menüs erfolgt mit der PHP-Funktion “register_nav_menues()” und kann etwa wie folgt aussehen:
 
register_nav_menus( array(
             primary =>  Erstes Menu ,
             secondary => Zweites Menu,
             tertiary => Drittes Menu,
      ) ) ;
 
Man spricht von “slugs”  ( primary, secondary, tertiary) und “descriptions”  (Erstes Menu, Zweites Menu, Drittes Menu).
Die Bezeichnungen ‘Erstes Menu’, ‘Zweites Menu’ und ‘Drittes Menu’  erscheinen dann im WordPress-Backend unten unter Menü-Einstellungen – Position im Theme.

Menü-Strukturen definieren im WordPress-Backend unter Design > Menüs

 Im WordPress-Backend werden nun Menü-Strukturen (Hierarchie von Seiten) definiert.  Die Seiten müssen zu diesem Zeitpunkt schon mal vorhanden sein – ggf. nur als Dummies mit leerem Inhalt o.ä.

Im WordPress-Backend  bekommt jede hier angelegte Menü-Struktur einen weiteren sprechenden Namen, der ausschließlich hier im WordPress-Backend zur Benennung und Auswahl (“Wähle ein Menü zum Bearbeiten:…” – richtiger Weise “Wähle eine Menü-Struktur….”) benutzt wird. Ich kann hier beliebig viele Menü-Strukturen definieren. Muss dann aber letztlich jedem angemeldeten Menü (s.o.) eine Menü-Struktur zuordnen. Dazu wird bei einer Menü-Struktur unten im WordPress-Backend unter Menü-Einstellungen – Position im Theme eine “Description” ( ‘Erstes Menu’, ‘Zweites Menu’ und ‘Drittes Menu’ ) angehakt.

Abbildung 1: WordPress Backend Menues (Google Drive: WordPress-Backend-Menuestruktur.jpg)

WordPress backend Menue-Struktur

WordPress-Menü Ausgeben auf die Web-Seite

 Für die Ausgabe eines Menüs ist die Position (Ort)  auf der Web-Seite und die Gestaltung des Menüs (Farben, Schrift, Kästchengröße, Verhalten bei Klick, Hover etc.) anzugeben.
Typischweise ist der Ort eines Menüs im Header-Bereich – kann aber auch an anderen Stellen plaziert werden.
Die Ausgebe-Befehle (z.B. in der PHP-Datei “header.php”) erfolgt mit der PHP-Funktion “wp_nav_menu()” und kann etwa wie folgt aussehen:
   <?php
                      wp_nav_menu( array(
                          theme_location     => primary,
                          depth              => 2,
                          container          =>  div,
                          container_class    => collapse navbar-collapse navbar-ex1-collapse,
                          menu_class         =>  nav navbar-nav,
                          fallback_cb        => wp_bootstrap_navwalker::fallback,
                          walker             => new wp_bootstrap_navwalker())
                      ) ;
        ?>
Man sieht, dass hier die Menüs mit ihrem “slug” (also ‘ primary’, ‘ secondary’ etc.),  so wie bei der Anmeldung vergeben, identifiziert werden.
Die Gestaltung (Aussehen) des Menüs erfolgt dann durch die diversen CSS-Klassen ( z.B. “nav”, navbar-nav”) und das  “Walker-Objekt”…..

Computer: Web Prototyping

Gehört zu: Web-Anwendungen
Siehe auch: HTML-Editing

Web Prototyping

Für das Prototyping von HTML-Seiten gibt es viele ganz unterschiedliche Tools.

Pingendo ist ein HTML-Editor auf Bootstrap-Basis

http://t3n.de/news/pingendo-einfaches-prototyping-608076/

Stichworte

  • Stichwort: wireframe
  • Stichwort: Click-through    Clickpfad  Klickpfad
  • Stichwort: Mockup

Tools

  • Tool: Fireworks
  • Tool: Axure
  • Tool: Pencil Project   http://pencil.evolus.vn/Downloads.html
  • Tool: Balsamiq

 

Computer: WordPress: Google Maps Plugin

Gehört zu: WordPress
Siehe auch: Google Maps, WordPress Plugins, Autobahn-Parkplätze
Benutzt: WordPress-Plugin  “WP Go Maps”

Stand: 18.06.2023

WordPress Plugin für Google Maps

Das Einbetten von kleinen Landkarten aus Google Maps in eine WordPress-Seite bzw. einen WordPress-Betrag sollte mit einem “schönen” Plugin möglich sein.

Allerdings sind dabei folgende “Kleinigkeiten” erforderlich:

  • Installation des WP-Plugins
  • Ein Google Maps API-Key
  • Dazu muss man eine Keditkarte eingeben – es gibt einen kostenlosen Test
  • Anlegen von IDs je Google-Maps-Karte

Die Google-Maps-Karten werden nicht im WordPress-Editor angezeigt, sondern nur im “View Post”.

Beispiel: Hahnenkoppel

Computer: Mozilla Firefox 28: Evernote Web Clipper Icon disappeared

Gehört zu: Internet
Siehe auch: Mozilla Firefox, Evernote

Mozilla Firefox: Evernote Problem

I am using Mozilla Firefox with the older version 28, because I do not like the newer Firefox versions…..

One day (April 2015) I noticed that the Evernote Web Clipper icon had disappeared from my Mozilla Firefox toolbar….

Web experts I could google had interesting ideas on problem cause and potential solotions — none worked for me.

Comparing my desktop PC with my notebook PC,  I realized that one had installed Evernote Web Clipper Mozilla AddOn version 5.9.1 and the other version 6.x.x. – perhaps by automatic updating…

I switched back to Evernote Web Clipper 5.9.1 and my problem was solved.

Version 6 of the Evernotes Web Clipper is said to be a “complete re-write” – which was not good for my Firefox 28

 

Computer: Mozilla Firefox v28 ändern von Englisch auf Deutsch

Gehört zu: Internet
Siehe auch: WebBrowser

Mozilla Firefox v28 ändern von Englisch auf Deutsch

Ich liebe den Mozilla Firefox Version 28 und möchte nicht die neueren Versionen haben, weil ich deren Oberfläche nicht mag.

Problem Nr 1:

Nach dem Installieren des Firefox v28  wird automatisch erkannt, dass diese Version nicht die neueste ist, und sofort ein Update gestartet.

Lösung Nr.1

Bei der Installation sollte “customized” gewählt werden und dann die angebotene Installation des “Maintenance Service” abgewählt werden.
Ausserdem bei den Firefox-Einstellungen (Menü Extras Einstellungen Erweitert Update) den Radio-Button “Nicht nach Updates suchen” anklicken.

Problem Nr. 2

Ich habe leider die englische Version von Firefox v28 intsalliert. Mein betreuter Benutzer möchte aber lieber den Firefox in DEUTSCH haben.

Lösung Nr.2

Man findet schnell, dass man die Firefox-Sprache umstellen kann, indem man auf die URL “about:config” geht und dort nach der Zeile “general.useragent.locale” sucht. Da klickt man mit der rechten Maustaste drauf und wählt bearbeiten und kann die Einstellung von “en-GB” ändern auf “de” – und speichern. Nach einem Neustart von Firefox ist die deutsche “Locale” auch aktiv. Aber das ganze nutzt noch nichts, denn das Umschalten der “Locale” geht ins Leere, solange man nicht auch das deutsche Sprachpaket für Firefox installiert hat.

Man findet die Firefox-Sprachpakete (de.xpi, en-US.xpi, etc.)  unter:  http://releases.mozilla.org/pub/mozilla.org/firefox/releases/latest-8.0/win32/xpi

Leider lässt sich dieses “neueste” Sprachpaket de.xpi aber nicht unter Firefox v28 installieren. Ich muss also das zu Firefox v28 passende Sprachpaket herunterladen. Das finde ich unter  http://releases.mozilla.org/pub/mozilla.org/firefox/releases/28.0/win32/xpi

 

Computer: Migration vom Speedport W921V auf FritzBox 7390

Gehört zu: Fritzbox
Siehe auch: Internet-Zugang

Internet-Zugang mit ADSL Router: Speedport W921V – Fritzbox 7390

Heute habe ich meinen Telekom DSL-Router Speedport W921V gegen eine FritzBox 7390 ausgetauscht.

Mit der FritzBox kann ich zunächst alles das, was ich mit dem SpeedPort auch mache:

  • IPTV (Telekom Entertain)
  • IP Telefonie (Telekom)
  • DECT-Basisstation für meine vorhandenen DECT-Telefone
  • DSL Modem für Internet-Zugang (zur Zeit DSL 16000 von der Telekom)
  • Gigabit Ethernet Switch mit 4 Ports
  • WLAN Access Point

Die FritzBox soll darüberhinaus zusätzliche Vorteile bringen, von denen viele meiner Kollegen schwärmen. Das werde ich Punkt für Punkt ausprobieren. Als Vorteile der FritzBox werden u.a. genannt:

  • Umfassende Administrierbarkeit
  • UPnP Gerätesteuerung – um z.B. den Remote-Web-Zugriff einfach einzurichten
  • Fritz!NAS
  • Aufbau eines VPN
  • Und einiges andere mehr (siehe später weiter unten)

Ich behalte den Telekom Speedport nun als Zweitgerät, was zum Austausch in Notfällen dienen soll (Single Point of Failure) und falls die Telekom bei zukünftigen Störungsmeldungen sich querstellen sollte.

Erste Einrichtung der FritzBox

IP-Adresse

Zunächst kann ich die FritzBox nicht von meinem PC über Internet-Browser ansprechen. Wenn in in der Adresszeile “fritz.box” eingebe, tut sich erst einmal garnix. Erst nach dem Herunterfahren und Neu-Starten meines PCs bekomme ich die Benutzeroberfläche der FritzBox im Internet-Browser. Der Grund ist wohl dass die FritzBox standardmäßig mit der IP-Adresse 192.168.178.1 arbeitet in mein häusliches LAN seit Jahren mit einer anderen Ethernet-Adresse arbeitet. Über das DHCP der FritzBox bekommt mein PC dann eine 178er Adresse. als erstes ändere ich die Netzwerkadresse der FritzBox auf meine gewohnte Netzwerkadresse, dann spielen auch alle meine Devices im LAN wieder mit (z.B. der Microsoft Homeserver).

DHCP

Den DHCP-Bereich stelle ich dann genauso ein, wie er auf dem SpeedPort war (100-199).

Internet-Provider

Die Eingabe der Zugangsdaten funktioniert bestens über den Einrichtungsassistenten der FritzBox. Ich kann nun wieder von allen meinen Geräten im häuslichen LAN im Internet surfen.

WLAN

Auch das WLAN der FritzBox stelle ich auf die gleichen Daten ein, wie es vorher mit dem SpeedPort war (SSID, WPA2 mit dem gleichen pre-shared Key), dann funktionieren alle meine WLAN-Geräte (z.B. Notebook, iPhone, iPad) unverändert.

FritzBox sagt: WAP2, TKIP und AES-CCMP

Mit der Einstellung “WPA + WPA2” funktionierte das WLAN mit den Notebooks gut, aber als der neue Drucker HP Officejet 6700 dazu kam, wollte der sich nicht mit dem WLAN verbinden. Erst als ich den WPA-Modus auf “WPA2 (CCMP)” umstellte, ging auch der neue Drucker ins WLAN.

Telefonie

Meine Telefonnummern für IP-Telefonie mit der Telekom kann ich ganz einfach über den Einrichtungsassistenten der FritzBox eingeben.

DECT-Basis

Meine drei DECT-Telefone muss ich nun mit der DECT-Basis der FritzBox “paaren”. Das ist ein bisschen fummelig. Ich muss die Telefone auf “Basis 4” einstellen dann “Mobilteil paaren” mit Pin 0000 am Telefon eingeben und gleichzeitig im Einrichtungsassistenten die DECT-Paarung anstossen. Nach mehreren Versuchen hat auch das dann schließlich funktioniert.

Remote Web-Zugriff

Was muss ich machen, um meinen Microsoft HomeSever wieder von außen d.h. vom Internet, zu erreichen?

Der Windows HomeServer kann den Remote Web-Zugriff automatisch mit einem Assistenten einrichten. Dazu ist es erforderlich, dass der Router d.h. die FritzBox das “UPnP” unterstützt.

Die FritzBox kann das (im Gegensatz zum SpeedPort), die UPnP-Funktion muss aber “freigeschaltet” werden.

Auf der Benutzeroberfläche der FritzBox zuerst unter dem Menüpunkt System -> Ansicht die “Erweiterte Ansicht” einschalten. Dann unter dem Menüpunkt Heimnetz -> Netzwerk auf dem Reiter “Programme” auch den Haken im dritten Absatz “Änderungen der Sicherheitseinstellungen über UPnP gestatten.

Dann auf dem Windows HomeServer:

  • Das “Dashboard” aufrufen.
  • klicken auf die Schaltfläche “Start” auf der oberen Leiste ganz links.
  • unter “Diese Aufgaben abschließen” anklicken “Remotewebzugriff einrichten”‘

Dynamisches DNS

Zum Zugriff von außerhalb z.B. Remote Web oder auch VPN ist eine feste Adresse für die FritzBox sehr sinnvoll.

Mein ganz alter Account bei DynDNS funktioniert nicht so richtig. Deshalb habe ich nun einen neuen Account bei www.NO-IP.com eingerichtet. Dort haben die DNS-Namen die Form: xxxxxxx.zapto.org.

In der Oberfläche der FritzBox kann man das dynamische DNS einrichten unter:

Internet –> Freigaben –> Dynamisches DNS

Nun kann ich meine FritzBox vom Internet aus unter der URL. https://xxxxxx.zapto.org erreichen.

Eine solche feste Adresse für die FritzBox ist beispielsweise sinnvoll, wenn die VPN-Funktion eingesetzt werden soll.

Neue Funktionen

Fax-Funktion

Als erstes versuche ich die Fax-Funktion der FritzBox zu aktivieren.

Das geht ganz einfach mit der Benutzeroberfläche der FritzBox im Internet-Browser.

Ich möchte eingehende Faxe nicht lokal abspeichern, sondern mir auf eine E-Mail-Adresse weiterleiten lassen. Da bietet mir der Fax- Einrichtungsassistenten Dinge zum Einstellen an, die ich nicht sofort verstehe und deswegen zunächst falsch eingebe. Der Assistent testet diese Eingaben aber sofort und meldet richtigerweise, dass es so noch nicht funktioniert.

Aber wo in der Benutzeroberfläche der FritzBox kann ich diese falschen Einstellungen jetzt korrigieren? Da muss man erst einmal herausfinden, das dies nicht unter der Rubrik “Fax-Funktion”, sondern unter dem eigenständigen Punkt “Push Service” zu geschehen hat. Wenn ich dort dann E-Mail-Adresse, SMTP-Server, E-Mail User-Id und E-Mail Passwort richtig eingebe, verläuft auch der Test positiv und ich eine erhalte tatsächlich eine kleine E-Mail in der E-Mail-Inbox auf meinem iPhone.

Fritz!NAS einrichten

Wir stecken einen USB Memory-Stick hinten in die FritzBox.

Unter “Heimnetz” –> “Speicher (NAS)” aktivieren wir den xxx

Speicher an der Fritz!Box: Häckchen bei: Speicher (NAS) aktiv

Fritz!NAS benutzen

Aus dem häuslichen LAN lässt sich der so eingerichtete NAS-Speicher wie folgt ansprechen:

  1. Mit dem WebBrowser über http://fritz.nas
  2. Als Samba-Share. \fritz.boxFRITZ.NAS
  3. Über FTP über ftp://fritz.box z.B. mit WinSCP oder FileZilla

Fernzugang per VPN

Als Voraussetzung für den Fernzugang per VPN richten wir per “Dynamischem DNS” eine feste Internet-Adresse für die FritzBox ein.

Das Programm “FritzBox Fernzugang einrichten” herunterladen vom VPN-Service-Portal bei AVM.

Mit Hilfe dieses Einrichtungsprogramms kann man auf einem Computer außerhalb des häuslichen LANs die Konfigurationsdaten für das VPN erzeugen.

Diese Konfigurationsdaten muss man in die FritzBox importieren, um die VPN-Funktionalität auf der FritzBox zu aktivieren.

Von außerhalb des häuslichen LAN kann man nun mit jedem geeigneten VPN-Client über die FritzBox auf das LAN zugreifen. Das iPad hat standardmäßig eine solche VPN-Client-Funktion…..

Apps für iPhone und iPad

Bisher habe ich zwei Apps ausprobiert:

MyFritz!App

Mit dieser App muss man sich als erstes im häuslichen LAN an der FritzBox anmelden. Dadurch wird ermittelt, unter welcher Adresse im Internet Web ansprechbar ist. (xyzxyzxyz.myfritz.net).

Nun kommt man mit dieser App von überall her auf die Benutzeroberfläche der FritzBox.

Fritz!App Fon

Mit dieser App kann man sein iPhone zum Telefonieren im häuslichen LAN verwenden.

 

 

Internet: Kabel Deutschland: Internet und Signalstärke

Gehört zu: Internet

Internet-Zugang: Telekom oder Vodafone Kabel Deutschland?

Kabel Deuschland heisst jetzt Vodafone.

Am 21.7.2021 hatten wir erneut einen stundenlangen Totalausfall der Telekom. Dort sagte man “Flächenstörung”. Beim Provider-Wechsel möchte ich genau aufpassen, was da die Leistungsmerkmale sind.

Tabelle 1: Leistunsmerkmale Telekom vs. Vodafone

Telekom Vodafone
Tarif MagentaZuhause M Red Internet & Phone 100 Cable
Monatl. Preis 39,95 (19,95) 34,99   (19,99)
Mindestlaufzeit 24 Monate 24 Monate
Ende der Vertragslaufzeit 27.10.2021
mögliche Kündigung bis 27.9.2021
Telefonie
Netze Flat Festnetz Telekom, Zusatzkosten für alle Mobilfunknetze
Rufnummernmitnahme (Portierung) kostenlos im Ortsnetz
Internet
Download 10 10
Upload 50 100
Datenvolumen Flat
Fernsehen

Nachdem Totalausfall der Telekom am 20.6.2013 hatte ich mich für Kabel Deutschland als alternativen Provider eines schnellen Internets entschieden.

Kabel Deutschland schickt die Geräte

Fix über das Internet bestellt. Wenige Tage später kam das Paket mit FritzBox und Medienstecker für die Fernsehdose. Eingestöpselt, Strom an, warten, warten die linke LED blinkt stundenlang d.h. Eine Verbindung mit dem Internet kommt nicht zu Stande.

Kabel Deutschland Kundendienst = Cableways: Verkabelung im Haus ist zu schwach

Kabel Deutschland Technischen Kundendienst angerufen. Die sagen “morgen meldet sich ein Service-Techniker bei ihnen”. … Ich denke: das geht ja schnell…

Was meinte Kabel Deutschland aber im Klartext: Wir übergeben die Störungsmeldung an einen Subunternehmer Cableways in Bergisch Gladbach, der sollte sie morgen anrufen, um einen Termin in einigen Tagen mit ihnen zu vereinbaren…

Cableways meldet sich aber nicht wie versprochen. Beim telefonischen Nachfassen behauptet Cableways zunächst die Auftragsnummer von Kabel Deutschland nicht zu kennen. Beim dritten Nachfassen versucht Cableways eine Auftragssuche über meinen Namen – und siehe da, der Auftrag ist da, hat aber angeblich eine andere Nummer als von Kabel Deutschland angegeben.

Der Techniker erscheint dann pünktlich zum nun vereinbarten Termin und beginnt Signalstärken zu messen. An der Dose in meiner Wohnung kommen nur 52 dB an, das ist zu wenig für Internet, sagt er.

Der Techniker verfolgt die Koaxial-Leitung rückwärts von der Wohnung zum Verteilerkasten im Nebenhaus. dort misst er 96 dB ankommend vor dem Verteiler, 92 dB nach dem Verteiler. Super Signal sagt er.

Der Techniker schaut sich den Verlauf der Leitung vom Verteiler zu den Wohnungen an und meint: das ist wohl eine Baum-Verkabelung, ich muss da in jede Wohnung hinein und messen, wo das Signal verloren geht…

Meine Schlussfolgerung: Wenn die wohl alte vorhandene Antennenverkabelung von Dose zu Dose verläuft und ich da irgendwo am Ende dran hänge, ist erstens das Signal schwach und zweitens bin ich abhängig von Störungen, die die anderen Wohnungen möglicherweise verursachen. Das macht für meinen beruflich genutzten Internet-Anschluss keinen Sinn.

Der Techniker meint, am besten wäre es, einen eigenen Hausverteiler abzuzweigen und dann von diesem Verteiler sternförmig einzelne Kabel in jede Wohnung des Hauses zu legen z.B. durch einen ungenutzten Schornstein…

In einer Gemeinschaft von 20 Wohnungseigentümern ist das aber wohl eine größere Angelegenheit.

Kabel Deutschland: Widerruf und Retoure – es bleibt bei der Telekom

Ich benutze lieber den Retouren-Schein und verheirate mich mit dem VDSL der Telekom….am besten über die Telekom-Tochter Congstar, um den 24-Monaten-Knebelverträgen der Telekom zu entgehen…