.::ich-wars-nicht.ch::. » Internet

phpBB Soundcloud Embed BBCode

danilo — Sun, 22 Jan 2012 22:59:19 +0000

Um Soundcloud-Songs direkt in ein phpBB Forum einzubinden, einfach folgenden BB-Code im Backend erstellen:

Benutzung

[Soundcloud]{URL}[/Soundcloud]

HTML Ersetzung




 {URL}

Tipp-Anzeige

[Soundcloud]http://soundcloud.com/user/track[/Soundcloud]

jQuery On-Off Toggle/Switch

danilo — Mon, 21 Nov 2011 14:17:51 +0000

Today I was looking for a nice graphical on/off switch to replace checkboxes on a webpage I’m working on. I found a beautiful solution, but the button was too large. Instead of changing the button size, I made my own switch using jQuery JavaScript and CSS.

This is what it looks like:

1. HTML

The element containing the checkbox and the label should have the class switch assigned. The label element needs the class switch-toggle as well as the data-on and data-on attributes to define the label texts for the two statuses.

It is important that the .switch element contains only one checkbox and that the checkbox and the label are direct children of the .switch element.

2. CSS

label.switch-toggle {
    background: url('switch.png') repeat-y;
    display: block !important;
    height: 12px;
    padding-left: 26px;
    cursor: pointer;
    display: none;
}
label.switch-toggle.on {
    background-position: 0px 12px;
}
label.switch-toggle.off {
    background-position: 0px 0px;
}
label.switch-toggle.hidden {
    display: none;
}

Don’t forget to download the switch.png file.

3. jQuery

$(document).ready( function(){ 
    $('.switch').each(function() {
        var checkbox = $(this).children('input[type=checkbox]');
        var toggle = $(this).children('label.switch-toggle');
 
        if (checkbox.length) {
            checkbox.addClass('hidden');
            toggle.removeClass('hidden');
            if (checkbox[0].checked) {
                toggle.addClass('on');
                toggle.removeClass('off');
                toggle.text(toggle.attr('data-on'));
            } else {
                toggle.addClass('off');
                toggle.removeClass('on');
                toggle.text(toggle.attr('data-off'));
            };  
        }   
    }); 
 
    $('.switch-toggle').click(function(){
        var checkbox = $(this).siblings('input[type=checkbox]')[0];
        var toggle = $(this);
 
        // We need to inverse the logic here, because at the time of processing,
        // the checked status has not been enabled yet.
        if (checkbox.checked) {
            toggle.addClass('off');
            toggle.removeClass('on');
            toggle.text(toggle.attr('data-off'));
        } else {
            toggle.addClass('on');
            toggle.removeClass('off');
            toggle.text(toggle.attr('data-on'));
        };  
    }); 
});

Yes, I violated the DRY principle, but the logic works, so that’s good enough for now

Credits: The image used was taken from the Heise’s socialshareprivacy plugin which I’m also using on this blog.

Google Plus – Inspired by Diaspora?

danilo — Tue, 23 Aug 2011 17:32:11 +0000

After all the buzz around Google+, one of its competitors, Diaspora (free and open source) was almost forgotten. I have to admit, the same thing counts for me. In the last weeks, I’ve spent a lot of time on Google+ and none on Diaspora (mainly because I don’t have many contacts on there (yet?), of course). Anyways, today I logged back into Diaspora and – being accustomed to Google+ – almost didn’t note any difference concerning the layout.

(Sorry about forgetting to switch Diaspora to English…)

List of similarities

Avatar and first name in upper left corner
“Stream” and a textbox with some icons (image upload) above the main column
Avatar and full name in the header bar
List of contact avatars in upper right corner
Invitations below contact list
Aspects/circles on the left, right below the name
Tags/sparks below the aspects/circles
Display of receiver limiting next to the post

Well…

I’m not saying Google copied Diaspora, especially as many of those things are common and obviously chosen web design elements, but Google+ certainly looks strongly inspired by Diaspora, which – as far as I remember – didn’t change much of its layout over the last year or so.

Also, many ideas/philosophies behind Google+ that make it successful are almost identical to those of Diaspora. The concept of circles/aspects, the focus on sharing which information with whom, the concept of “unidirectional relationships” (following without being followed) etc…

Opinions?

Facebook Page als Privatperson kommentieren

danilo — Mon, 28 Mar 2011 17:34:15 +0000

Wer eine Facebook-Page erstellt, wird bemerken, dass er alle Kommentare/Likes auf der Page im Namen der Page und nicht als Privatperson tut. Um dies zu verhindern und auch als Privatperson zu kommentieren/liken, folgende Schritte befolgen:

“Seite bearbeiten” anklicken
Oben links “Deine Einstellungen” wählen
Haken setzen bei “Kommentiere und poste Beiträge auf deiner Seite immer unter dem Namen XYZ, auch wenn du Facebook als Privatperson verwendest.”

Order confirmation – the CD Baby way

danilo — Sat, 26 Feb 2011 00:30:23 +0000

I just received a pretty dang awesome confirmation-email for a CD order at CD Baby, a great indie music onlineshop/label:

Thanks for your order with CD Baby!

Your CDs have been gently taken from our CD Baby shelves with sterilized contamination-free gloves and placed onto a satin pillow.
A team of 50 employees inspected your CDs and polished them to make sure they were in the best possible condition before mailing.
Our packing specialist from Japan lit a candle and a hush fell over the crowd as he put your CDs into the finest gold-lined box that money can buy.
We all had a wonderful celebration afterwards and the whole party marched down the street to the post office where the entire town of Portland waved “Bon Voyage!” to your package, on its way to you, in our private CD Baby jet on this day, February 25, 2011.
We hope you had a wonderful time shopping at CD Baby. In commemoration, we have placed your picture on our wall as “Customer of the Year.” We’re all exhausted but can’t wait for you to come back to CDBABY.COM!!

Thank you, thank you, thank you!
Sigh…
We miss you already. We’ll be right here at http://cdbaby.com/, patiently awaiting your return.

Awesome – makes me want to submit another order

Der Bloggerfilm / Einfluss von Twitter auf Blogging

danilo — Sun, 30 Jan 2011 14:46:02 +0000

Heute erst entdeckt: Der Bloggerfilm.

Michael Eugster hat im Rahmen seiner Maturaarbeit eine kurze Dokumentation über die Schweizer “Bloggerszene” (aka Blogosphere) produziert. Cool gemacht, zeigt auch einige Bekannte Gesichter

Click here to view the embedded video.

Im Film wurde auch die “Abwanderung von Beiträgen zu Twitter / Facebook” erwähnt. Bei mir merkt man das auch stark. Ich wollte es genauer wissen und hab mir mal mit Protovis eine Statistik erstellt. Die Statistik zeigt die Anzahl Blogeinträge pro Monat. Schön zu sehen ist hier, wie die Zahlen nach meinem ersten Tweet stark gesunken sind.

Trotzdem bleiben die Zahlen einigermassen konstant. In der prä-Twitterischen Ära waren es zwischen 15 und 25 Posts pro Monat, jetzt in der Ritter… ääh, Twitterzeit sind es ungefähr 5 bis 10. Diese sind in meinem Fall meistens technischer Natur und häufig auf Englisch, um sie einem breiteren Publikum zugänglich zu machen, jedoch sind es ab und zu auch Dinge die ich im Internet finde und noch etwas ausführlicher kommentieren will, als es auf Twitter und Facebook möglich ist.

Für das schnelle Teilen von Links und Videos, wie es die Blogger früher viel gemacht haben, hat mein Blog allerdings ausgedient – Twitter ist da viel flexibler und schneller.

Fazit: Die Bloggerszene ist tot, es lebe die Bloggerszene!

Digitalpolitik

danilo — Mon, 13 Dec 2010 13:12:50 +0000

Stichwort #Digitalpolitik:

Mittlerweile ist eine ganze Generation mit den Möglichkeiten des Internets und der digitalen Welt gross geworden. Diese Generation sucht nun den Einstieg in die Politik, da sie nicht länger zusehen will, wie unkundige Politiker alles, was sie nicht verstehen, verbieten wollen. Da diese Themen von keiner anderen Partei kompetent aufgegriffen wurden, gründete sie sich ihre Eigene. Und aus einem polemisierten Ausdruck gab sie sich den selbstironischen Namen: Piratenpartei.

Das treffende Zitat stammt aus einem Artikel von Denis Simonet (Präsident der Piratenpartei Schweiz) im NZZ Votum. Denis bloggt ab heute zwei Wochen lang über Digitalpolitik in der Schweiz. Lest mit und schreibt Kommentare

Pidgin MSN – “Zertifikat omega.contacts.msn.com konnte nicht validiert werden”

danilo — Mon, 29 Nov 2010 10:13:39 +0000

(English: To fix Pidgin, update it. Ubuntu / Windows.)

Seit ein paar Tagen kann man sich mit Pidgin nicht mehr im MSN einloggen, stattdessen kommt die folgende Meldung:

Kann Zertifikat nicht validieren
Das Zertifikat für omega.contacts.msn.com konnte nicht validiert werden. Die präsentierte Zertifizierungskette ist ungültig.

Um dieses Problem zu beheben muss man entweder manuell das aktualisierte Zertifikat installieren, oder Pidgin updaten. Leider wird Pidgin unter Ubuntu nur bei Sicherheitsupdates aktualisiert. Abhilfe schafft folgendes Vorgehen:

Ubuntu

Das Pidgin PPA herunterladen
.deb-Datei öffnen und mit dem GDebi Installier installieren
Eine Konsole öffnen und sudo apt-get update && sudo apt-get upgrade eingeben

Daraufhin wird Pidgin aktualisiert und sollte wieder funktionieren.

Windows

Unter Windows kann man Pidgin wie gewohnt herunterladen und installieren/updaten.

Tips for using Ubuntu with DWM

danilo — Tue, 16 Nov 2010 20:45:31 +0000

Some useful tips for using the dwm window manager on Ubuntu:

GDM / Booting

To disable the automatic start of gdm, add “text” to the GRUB_CMDLINE_LINUX_DEFAULT-line in /etc/defaults/grub.

Network / WLAN

If you want easier network configuration, use wicd instead of the gnome network manager (sudo aptitude install network-manager- network-manager-gnome- wicd+). You can start it with wicd-client -n. Or if you prefer console-based configuration, try wicd-curses.

Audio / Sound

In order for the sound to work, add start-pulseaudio-x11 & to your ~/.xinitrc file, add your user to the audio group and reboot. You can configure your sound devices using alsamixer.
As a replacement for your usual audio player software, you can use herrie.

Communication / Chat

Use centerim or bitlbee for instant messaging to replace pidgin. Or use finch, a console-based frontend for pidgin.

Post SuisseID – getestet

danilo — Wed, 10 Nov 2010 17:18:56 +0000

[Trigami-Review]

Schon lange gibt es Versuche, im Zeitalter des Internets eine Art digitale Unterschrift einzuführen. Einige Versuche sind dabei gescheitert. Jetzt gibt es eine neue, sogar subventionierte Variante, die SuisseID.

Die SuisseID ist sozusagen ein elektronischer Identitätsausweis im Internet. Herausgegeben wird sie für Privatpersonen entweder von der Post, oder von der Quo Vadis AG. Mit der SuisseID unterzeichnete Dokumente verfügen in der Schweiz über eine rechtsgültige Unterschrift. Man kann also damit übers Internet einen Strafregisterauszug bestellen oder die Steuererklärung ausfüllen. Geschützt wird sie durch gängige kryptographische Massnahmen. Mehr zur Sicherheit später im Artikel.

Ich hatte die Gelegenheit, so eine SuisseID zu testen und beschreibe hier meine Eindrücke davon.

Inhaltsverzeichnis

Der Bestellvorgang

Zu Beginn habe ich per E-Mail ein PDF-Antragsformular erhalten. Mit diesem Formular bin ich auf die nächste Postfiliale gegangen und habe mir mit einem amtlichen Ausweis meine Identität offiziell bestätigen lassen. Das Formular wird dann an die SuisseID-Abteilung der Post gesendet. Ein paar Tage später kommt dann die bestellte Version der SuisseID (in meinem Fall der SwissStick) und nochmal ein paar Tage später der PIN (und die Revozionsnummer) um den Chip zu entsperren.

Click here to view the embedded video.

Erster Eindruck

Der SwissStick ist eine von drei Varianten, wie man die SuisseID bei der Post bestellen kann: Als SmartCard, als Class 1 USB Reader oder eben in einem “SwissStick” genannten USB Stick inklusive Anwendungssoftware.

Wenn man den SwissStick öffnet, sieht man die Chipkarte in SIM-Karten-Grösse. Diese Chipkarte könnte man nun wohl auch entfernen und in ein anderes Lesegerät stecken, ausprobiert habe ich dies jedoch nicht.

Installation

Vorgängig habe ich mich natürlich nach der Systemkompatibilität der SuisseID erkundigt und folgendes gefunden:

“Super”, habe ich gedacht, die SuisseID wird mit Linux funktionieren. Also hab ich den Stick mal an meinem Ubuntu-Desktop angeschlossen, aber passiert ist nichts. Und wenn man auf die Homepage geht um die Treiber/Software herunterzuladen, wird man bei der Auswahl des SwissSticks darauf hingewiesen, dass dieser nur unter Windows und Mac funktioniert. Sehr enttäuschend, vor allem da ich meiner Linux-Installation bedeutend mehr vertraue als der Windows-Installation. Leider fällt eine regelmässige Nutzung der SuisseID unter diesen Umständen für mich schonmal weg. (Bleibt zu erwähnen dass die SuisseID in anderer Form, wie z.B. die SmartCard, unter Linux lauffähig wäre.)

Also habe ich halt widerwillig Windows gebootet um die SuisseID zu installieren. Der Stick wird unter Windows 7 sofort erkannt.

Danach muss man den Stick im Explorer öffnen und das einzige sich darauf befindliche .exe ausführen. Beim ersten Start erscheint der CertificateAssistant, mit welchem man den Chip initialisieren kann.

Was mich hier irritiert hat, ist, dass der PIN zwischen 6 und 12 Zeichen lang sein muss. Wieso zum Geier ist hier ein Limit von 12 Zeichen? Die Sicherheit der Verschlüsselung steigt ja (je nach Verschlüsselungsmethode) mit der Länge des PINs. Ist aber wohl nicht extrem tragisch, da der Chip nach dreifacher falscher Eingabe sowieso endgültig gesperrt wird, was eine BruteForce-Attacke unsinnig macht.

Das war eigentlich schon alles, eine Installation von Software auf dem PC ist beim SwissStick nicht notwendig (ausser evt. die neusten Sicherheitsupdates für den Adobe Reader).

Nachdem die SuisseID entsperrt wurde, kann man das SwissStick Menu starten. Dieses sieht folgendermassen aus:

Zur Auswahl stehen hier die SwissSigner Signatursoftware, ein SuisseID Internet Browser, die E-Mail-Applikation IncaMail sowie ein paar andere Dienste der Post.

Die Signatursoftware wird benutzt um PDFs mit der SuisseID zu signieren. Dazu später mehr.

Der integrierte Browser ist sozusagen eine kastrierte Firefox-Version. Will heissen: Eine Version von Firefox 3.x, bei welcher alle unnötigen Features entfernt wurden. Zudem speichert der Browser keinerlei Browserhistorie und vermutlich auch keine temporären Daten und Cookies. Dies erhöht die Sicherheit beim surfen, ich bin jedoch gespannt, wie lange es nach der Entdeckung irgendwelcher Firefox-Sicherheitslücken dauert, bis eine aktualisierte Version per (manuellem und nicht offensichtlich verfügbarem) Update nachgeschoben wird.

Die SuisseID und die Online-Services der Post

Zuerst versuchte ich, die IncaMail Applikation zu starten. Dies war jedoch nicht von Erfolg gekrönt, da die Registration für neue Kunden temporär deaktiviert war.

Dann wollte ich mich mithilfe des Zertifikats im Post WebStamp einloggen. Im Hilfe-Menu neben dem Login wird erwähnt, dass das PostZertifikat fürs Login verwendet werden kann, wenn man auf den Link klickt, wird man darüber informiert, dass die SuisseID der Nachfolger des PostZertifikats ist.

Also sollte das Login mit der SuisseID funktionieren. Dies tat es jedoch nicht. Webstamp hat das Zertifikat nach Eingabe des PINs nicht akzeptiert.

Da es mit dem mitgelieferten Browser nicht zu funktionieren schien, habe ich es noch mit Chrome und dem Internet Explorer versucht, welche beide laut Homepage unterstützt werden. Die Beiden haben jedoch mit folgender Fehlermeldung abgebrochen:

Irgendwie wird also das Zertifikat nicht gefunden. Ich weiss auch nicht genau wie das ohne Zertifikatsinstallation funktionieren soll, aber seitens der Post wurde merhfach wiederholt, dass mit dem SwissStick keine Software-, Treiber- oder Zertifikationsinstallation notwendig ist.

Auch auf der Seite der Swiss Post Box konnte ich mich – obwohl auf suisseid.ch aufgelistet – mit der SuisseID auch im mitgelieferten Browser nicht registrieren.

Die SuisseID im restlichen Internet

Nun wollte ich die SuisseID noch im restlichen Internet ausprobieren. Dafür bin ich zuerst mal auf die Website von Amazee gegangen und habe versucht, mich mit der SuisseID einzulogen. Im mitgelieferten Browser wurde jedoch eine SSL-Fehlermeldung angezeigt und im Chrome wurde die SuisseID gar nicht gefunden (wohl das selbe Problem wie schon zuvor).

Glücklicherweise hat es dann doch noch irgendwo geklappt. Auf der Website zur Bestellung eines Strafregisterauszuges konnte ich mich mit der SuisseID authentifizieren und ihnen meine Daten übermitteln. Dies hat relativ problemlos geklappt.

SwissSigner

Nun zur Signier-Software SwissSigner welche beim SwissStick gratis dabei ist. Die Software ist relativ einfach aufgebaut. Sie kann PDF-Dokumente öffnen oder diverse Bildformate automatisch ins PDF-Format konvertieren und anschliessend öffnen. Ich hab mal ein Foto konvertiert und geöffnet:

Anschliessend kann man mit wenigen Klicks eine neue Signatur einfügen, entweder sichtbar oder unsichtbar. Ich habe mich für eine sichtbare Einzelsignatur entschieden.

SwissSigner hat mich nach dem PIN gefragt und dann das unterschriebene Dokument in einer neuen Datei abgespeichert. Sowohl mit der SwissSigner Software wie auch direkt mit dem Adobe Reader sieht die Unterschrift nun gültig aus.

Wer will, kann das signierte PDF zum Testen herunterladen: burgdorferbier_signiert.pdf

Sicherheit

Noch kurz ein paar Worte zur vieldiskutierten Sicherheit. Die SuisseID wird von Post und SECO als sehr sicher und praktisch unknackbar dargestellt. Dies ist jedoch eine grosse Unwahrheit. Eines der Risikofaktoren ist (wie die Post und das SECO inzwischen schreiben) der User. Wenn der Benutzer z.B. auf einer gefälschten Website den PIN eingibt, kann diese alle benötigten Daten abrufen. Der zweite Risikofaktor ist der Computer. Ist der Computer mit Malware verseucht, ist es – entgegen den anfänglichen Aussagen der SuisseID-Herausgeber – für einen Angreifer absolut kein Problem die SuisseID zu übernehmen und damit rechtsgültige Unterschriften zu erstellen. Dagegen hilft auch kein Ausstecken des Sticks bei Nichtgebrauch – eine Sekunde reicht völlig aus um automatisiert einige dutzend Verträge zu unterzeichnen. Und dann hat man den Salat, da man vor Gericht zuerst mal beweisen muss dass man diese Unterschrift nicht selber gemacht hat, obwohl man das angeblich sichere Zertifikat nie aus den Händen gegeben hat. Die Anweisung der Post ist in diesem Fall: “Halte den Computer malwarefrei”. Jedoch kann niemand, auch kein Sicherheitsexperte, mit 100%iger Sicherheit behaupten dass sein System malwarefrei ist, eine minime Chance gibt es immer (ausser er hat das Betriebssystem selbst geschrieben ).

Eine grosse Hilfe ist in diesem Punkt ein alternatives Betriebssystem wie OS X oder Linux, für welche es wesentlich weniger Malware gibt. Nur schade funktioniert der SwissStick unter Linux nicht. FAIL. Eine weitere Möglichkeit, höhere Sicherheit zu erlangen, ist der Einsatz eines Class3-Lesegerätes, welches über ein eigenes Eingabefeld für den PIN verfügt. So kann ein Angreifer wenigstens die PIN-Hürde nicht überwinden, was eine signifikant höhere Sicherheit bedeutet.

Es gibt noch weitere Sicherheitstechnische Probleme bezüglich der SuisseID. Ich werde hier nicht weiter darauf eingehen, dies haben andere schon genug getan. Nachfolgend ein paar 3rd-Party-Links, um sich über die Sicherheit der SuisseID zu informieren:

Fazit

Im Ansatz ist die Idee definitiv gut. Jedoch müssen die SuisseID-Herausgeber betreffend Sicherheit (z.B. standardmässige Class3-Lesegeräte), Kommunikation (z.B. ein Infoblatt zur Sicherheit wie sie die ZKB zum Ebanking versendet) und Usability noch etwas nachbessern. Wenn in Zukunft vermehrt mit den bestehenden Experten auf diesem Gebiet (z.B. den Banken) zusammengearbeitet wird, könnte daraus schon eine ziemlich gute Lösung entstehen. Es ist jedoch eine Illusion, an die 100%ige Sicherheit zu glauben.

Auch bin ich nicht ganz sicher, was mir die SuisseID als Privatperson gross bringt. Die Post hat zu diesem Thema eine eigene Unterseite mit Anwendungsbeispielen aufgeschaltet. Na klar, man spart vielleicht 1 oder 2 Gänge zu einem Amt, aber mir persönlich wäre so etwas nicht 104CHF (plus Lesegerät) wert. Auch verstehe ich nicht, warum man sich bei buch.ch mit der SuisseID anstatt mit dem Login authentifizieren soll (mal abgesehen von der Altersverifikation). Im Business-Sektor denke ich allerdings, das eine standardisierte und einfach nutzbare Zertifikats- und Signier-Lösung potential hat – jedenfalls wenn an der Sicherheit noch etwas nachgebessert wird.

Ich bin gespannt, was sich in den nächsten Jahren daraus noch ergeben wird. Erwerben kann man die SuisseID unter http://postsuisseid.ch/de/kaufen.