Category Archives: Webzeug

Synology Mailstation Roundcube mobile Theme

Was f├╝r ein holpriger Titel ­čśÇ
Immer wieder, wenn ich auf meinem NAS was installieren will, muss ich dazu ├╝ber die Console gehen und das f├╝hlt sich jedes Mal an, als sei man der gr├Â├čte Hacker ­čśÇ

Heute ging es mir darum, dass die Synology Mailstation (die automatisch ein Roundcube mitbringt), zwar vom Browser aus recht gut zu bedienen ist, nicht aber, wenn man versucht vom Handy aus darauf zuzugreifen. Das Template war ├╝berhaupt nicht skalierbar,

roundcube desktop

Wie man sieht, m├╝sste man die eigentliche Mail im rechten Bereich irgendwie aus der Liste erraten und k├Ânnte im Vorschaufenster nichts erkennen. Wenn man die Mail ├Âffnet, ist es aber auch nicht viel besser.

Dank dem Internet findet sich aber eine L├Âsung: Roundcube Seite, Plugin Github
Auf beiden Seiten hab ich die Infos gefunden, die ich brauchte um das bei mir zum laufen zu kriegen.

Wie schon gesagt, hab ich Roundcube nicht extra installiert, sondern ist bei mir Teil der Mailstation. Daher hier der Weg, wie ich das bewerkstelligt habe:

1. Download Skin

Zuerst verbindet man sich ├╝ber putty mit dem NAS und navigiert in folgendes Verzeichnis:

/volume1/@appstore/MailStation/mail

und l├Ąd das mobile Theme herunter:

sudo git clone https://github.com/messagerie-melanie2/Roundcube-Skin-Melanie2-Larry-Mobile.git skins/melanie2_larry_mobile

2. Plugins herunterladen

dann die Plugin-Dateien. An dieser Stelle bin ich mir nicht ganz sicher, ob wirklich beide Plugins notwendig sind. Das k├Ânnte man ja probieren.

sudo git clone https://github.com/messagerie-melanie2/Roundcube-Plugin-JQuery-Mobile plugins/jquery_mobile
sudo git clone https://github.com/messagerie-melanie2/Roundcube-Plugin-Mobile plugins/mobile

3. Konfiguration anpassen

Das das mit dem Composer bei mir nicht geklappt hat, kann man das auch so machen: man f├╝gt in der Konfigurationsdatei das Plugin hinzu:

sudo vi config/config.inc.php

Dann die Zeile mit den Plugins suchen ( mit /plugins und “n” kommt man zu der Stelle) und “mobile” in das array mit aufnehmen.

// List of active plugins (in plugins/ directory)
$config['plugins'] = array('mailstation', 'managesieve', 'mobile');

Und magically wird mir auf dem Handy das neue Theme angezeigt:
roundcube mobile theme roundcube mobile menu

Total toll ­čśÇ
Hier kann man das Theme auch noch so als Benutzeroberfl├Ąche setzen:
Einstellungen -> Benutzeroberfl├Ąche -> Oberfl├Ąchendesign -> Melanie2 Larry mobile
Roundcube Einstellungen

RGB vs. Tuschkasten

Ich muss mich mal grad freuen ├╝ber diesen Beitrag hier: Unterschied ziwschen CMYK und RGB.

Wer also schon immer mal wissen wollte, warum Blau und Gelb Gr├╝n ergeben und bei CMYK dann aber pl├Âtzlich Gelb, wo man doch gelernt hat, dass Rot, Blau und Geld Grundfarben sind, die man durch Mischen (im Tuschkasten) nicht erzeugen kann, der wird sich dort gut aufgehoben f├╝hlen ­čÖé

 

Tiny Tiny RSS

Nachdem Google vor einer Weile den Google Reader einstampfte, ging ein Ruck durch mich durch; denn da wurde mir erst mal so richtig klar wie unangenehm es ist, wenn man von fremden Firmen und deren Angebot abh├Ąngig ist.
Seit einer Weile habe ich ein Synology NAS zu Hause stehen und fing dann an, m├Âglichst alle Dienste auf meinen Heimserver ziehen zu wollen. Naja also Mails erst mal. Feeds wollte ich auch, aber das blieb dann halbfertig liegen. Bisher war ich dann also bei Feedly mit einem Basic-Account.
Was mich so richtig an├Ątzt (und jetzt komm mir keiner mit Gratis-Kultur) ist die fehlende M├Âglichkeit “saved for later”-Artikel zu durchsuchen. Welchen Nutzen hat die Funktion dann?

Da ich gerade krank auf der Couch h├Ąnge, hab ich mir gedacht, ich k├Ânne doch noch mal schauen was sich in Richtung Tiny Tiny RSS getan hat. Und siehe da, die Installation ist (inzwischen) total einfach und bequem. Mein letztes Todo wird also sein, die Alt-Reste der fr├╝heren Installation irgendwie zu entfernen.

Wie hab ich das gemacht?

Tiny Tiny RSS installieren

1.) F├╝ge http://packages.synocommunity.com unter Paketzentrum -> Einstellungen -> Paketquellen hinzu:
syn_paketzentrum

2.) Unter dem Reiter Community findest du nun Tiny Tiny RSS gelistet und kannst es direkt installieren. Dieses Paket braucht MariaDb um zu funktionieren. Ist es also noch nicht installiert, sollte das als erstes passieren.
syn_paketzentrum_community

3.) Nach der Installation kann der Feedreader gleich ge├Âffnet werden. Er befindet sich bei mir unter http://host/tt-rss

Soweit so cool ­čÖé

Tiny Tiny RSS konfigurieren

Jetzt ist es noch wichtig den Feedreader zu konfigurieren. Mir waren 2 Sachen wichtig:
ttrss_einstellungen

a) Feeds importieren

Feedly versteckt das exportieren von Feeds ganz sch├Ân, deswegen mal der direktlink: http://feedly.com/i/opml
Die daraus resultierende OPML-Datei kann man in den Tiny-Einstellungen importieren:
ttrss_einstellungen_import

b) Automatisches Aktualisieren

Hier ist Feedly sehr komfortabel geworden, denn man muss jetzt keinen Demon mehr einrichten, sondern kann ganz bequem im Backend das Intervall einstellen:
ttrss_einstellungen_basic
Ich hab hier 15min eingestellt, weil ich ein ziemlicher Junkie bin.

F├╝r das nachfolgende ist es auch gleich wichtig den Haken bei “API-Zugriff erlauben” zu setzen. Denn jeder steht doch heutzutage auf eine Datenquelle, die von verschiedenen Ger├Ąten erreichbar ist. Cloudgedanke, juhu.

Zuerst jatte ich das L├Âschen alter Artikel ausgestellt (0); Grundeinstellungen war nach 30 Tagen l├Âschen. Das habe ich jetzt wieder drin. Die Datenmenge k├Ânnte sonst schnell gro├č werden und au├čerdem braucht man ja nur Artikel, die man sich markiert hat.

Mobile

ttr Als Suchti, der ich bin, h├Ąnge ich viel vorm Handy und deshalb ist es wichtig, Inhalte auch dort konsumieren zu k├Ânnen.
Deshalb hab ich mir die App mit dem klingenden Namen Tiny Tiny RSS von Andrew Dolgov installiert. Die kostet was, sieht aber h├╝bsch aus und funktioniert auch gut und fl├╝ssig.

Fazit

Ich bin sehr zufrieden, aber ein Wermutstropfen bleibt: Die Artikel aus “Saved for later”. Ich habe ├╝ber einiges Gehacke die Links extrahiert, aber imporieren kann man das nicht. Mal ├╝berlegen was damit jetzt geschieht. Die Zeit zum review nimmt sich ja – wenn wir mal ehrlich sind – doch keiner.

Typo3 6.2.x und der aoe linkhandler

Wer auf Typo3 6.2 geupdatet hat und bisher immer die Extension “AOE Linkhandler” nutzte (z.B. um tt_news Artikel auf einer Seite zu verlinken), wird feststellen, dass die offizielle Seite im Repository schon sehr lange nicht aktualisiert wurde.
Gl├╝cklicherweise gibt es engagierte Menschen und so gibt es eine funktionierende Version:
Cobwebs aktualisierter aoe linkhandler

Bei der Installation ist zu beachten, dass der alte linkhandler deinstalliert und die Dateien vom Server gel├Âscht werden. Anschlie├čend kopiert man alle Klassen und Dateien in den Ordner “linkhandler”. Diese Benamung ist wichtig.
Anschlie├čend wieder das Template includieren und alles funktioniert wie gehabt.

Danke!

Ein Projekt mit dem Google Webtoolkit starten

Meine erste ganz einfache GWT Web Application zum laufen zu bringen, hat mich einiges an Nerven gekostet. Ich bin mit Windows 8 unterwegs, hab Eclipse Kepler installiert, Nutze GWT SDK 2.6.0 und das App Engine SDK 1.9.5. Das Projekt l├Ąuft unter JavaSE 1.7 (jre8)
Soweit die Facts umrissen. Ich will hier auch gar nicht gro├č rumschwafeln, daher einfach kurz was mein Problem war und was die letztendliche L├Âsung.

Zun├Ąchst: die Dokumentation unter gwtproject.org – getting started with eclipse ist schon nicht schlecht. Gut erkl├Ąrt und die Schritte sind leicht zu befolgen. Bis zu dem Punkt, an dem man die Web Applikation das erste mal im Debug-Modus aufrufen will.

utc timezone-problem:
debug_conf
Arguments -> VM Arguments -> add ” -Dappengine.user.timezone.impl=UTC”

GWT Plugin Installieren (das nicht im Chrome App Store heruntergeladen werden kann, weil einfach kein Button da):
http://webcentersuite.blogspot.de/2011/03/gwt-browser-plugin-offline-installation.html
dann: Chrome Icon -> Right -> Einstellungen -> Verkn├╝pfung -> Ziel -> add “–enable-easy-off-store-extension-install”
im die Adresszeile “chrome://extensions/” eingeben und die Extension hinzuf├╝gen

Und finally ist da zwar immer noch eine Exception, aber der lang ersehnte Link zum Projekt erscheint im Eclipse Development-Mode-Fenster und man kann die Seite im Chrome ansehen.

Google stellt den Google Reader ein?!?!

Was zur H├Âlle? Warum stellt Google den Google Reader ein? Ein Dienst, der von Tausenden seit Jahren genutzt wird? Mehrmals t├Ąglich auf allen ihnen zur Verf├╝gung stehenden Devices?

Ich muss ehrlich sagen, dass ich best├╝rzt bin. Der Google Reader ist der f├╝r mich wichtigste Dienst ├╝berhaupt. Erst danach kommt Google Mail und erst danach alle anderen Dienste irgendwelcher Anbieter.

reader

Da zeigt sich wieder wie gef├Ąhrlich es ist, sich allzu abh├Ąngig machen zu lassen, was hier bei mir definitiv geschehen ist. ­čÖü

Falls es was bringt: Petition: Keep Google Reader running

via Caschy und einem ebenso best├╝rzten Kollegen wie ich

Periodensystem der HTML-Elemente

Eben bei Perun gelesen und sofort ans teilen gedacht: Das Periodensystem der HTML-Elemente.

periodic table of the html elements

Ich finde das ├Ąu├čerst hilfreich. Eine grafische Referenz ­čÖé
Mir ist nur noch nicht ganz klar, ob die Art der Darstellung (nicht die farbliche Gruppierung, sondern die Anordnung im Sheet) einen tieferen Zweck verfolgt, den ich gerade nicht erkenne. Die Anordnung im richtigen Periodensystem hat doch auch einen Sinn, kann mir dann jemand den Hintergrund hierbei erkl├Ąren?

Au├čerdem gibt es die M├Âglichkeit, sich die Verwendung und die H├Ąufigkeit von den Elementen auf einer Seite anzeigen zu lassen. F├╝r Latita.de sieht das dann so aus:

Sieht sparsam aus ^^.
Immerhin gibt es mehr Links als Div-Container ­čśÇ

Free Repository

Wann immer ich mal wieder was getestet und verhauen habe, w├╝nsche ich mir eine Versionsverwaltung her. Letztens ├╝berlegte ich, doch einfach einen lokalen SVN auf den Rechner zu packen, aber als Netzmensch kommen dann so ├ťberlegungen wie “aber wenn ich mal von woanders drauf zugreifen will?” ins Spiel.

Einen Onlineanbieter zu finden, wo man sich nicht komplett nackig machen muss (d.h. der Code f├╝r alle Welt zug├Ąnglich ist) ist nicht leicht zu finden. Letztlich wurde ich bei bitbucket aber f├╝ndig:

Bitbucket bietet dir unlimited diskspace; unlimited repositorys, die auch private sind bzw. sein k├Ânnen und man kann noch bis zu 5 weitere User in das Repositoy mit einladen. Und das f├╝r: free. Awesome.

Ich habs jetzt mal getestet. Es ist super.
Der “Haken” an der Sache ist, dass man nicht direkt mit SVN Tortoise arbeiten kann, wie man es kennt, sondern sich TortoiseHg herunterladen und installieren muss. Die Bedienung damit ist auch etwas umst├Ąndlicher, aber who cares? Es funktioniert. Eine ungef├Ąhre Anleitung bietet bitbucket auch.

Dennoch im Folgenden eine Anleitung von mir. Vll. habt ihr es ja auch schon mal probiert und kennt einen einfacheren Weg? (Ich steh im allgemeinen etwas auf Kreigsfu├č mit solchen Versionsverwaltungen, fragt nicht wieso, kA)

Erstellen eines neuen Repositorys online

Verbinden des Online-Repositorys mit dem lokalen Projekt

Derzeit wei├č ich es nur so, dass ein neuer Ordner angelegt werden muss. Wie der hei├čt, ist egal, aber er muss leer sein.
Dann Rechts-Klick auf den Ordner und den Hg-Workbench aufw├Ąhlen:

Darin auf File -> Clone Repository

und im folgenden Men├╝fenster als Source den Pfad zum Online-Repository angeben

Fertig. Anschlie├čend die Dateien, die zu dem Projekt geh├Âren, in den Ordner reinkopieren.

Änderungen Committen

Wenn man einchecken will und wie man es ja kennt auf “Commit” geht, passiert gar nichts. Man erh├Ąlt zwar gr├╝ne Haken vor den Dateien, aber hochgeladen ist nichts. Daf├╝r muss man synchronisieren und dann “pushen”.
Im Workbench selektiert man also sein Projekt und klickt auf den Button mit den beiden gr├╝nen Pfeilen:

Anschlie├čend selektiert man alle Dateien, die sich ge├Ąndert haben bzw. synchronisiert werden sollen, schreibt einen Kommentartext und klickt auf den unscheinbaren Button “├ťbernehmen”

Die Meldung “Add untracked Files?” mit Klick auf “Add” best├Ątigen.
Nun aktualisiert sich der obere Bereich im Workbench und man sieht einen neuen Eintrag, der in der Beschreibung den eben eingegebenen Kommentar tr├Ągt.

Das wars aber noch nicht. Man sieht, dass die Dateien jetzt ein blaues Plus tragen, muss sie letztendlich aber noch hochladen, also pushen:

Als Erfolgsmeldung sieht man unten links, wie eine prozentuale Anzeige nach oben z├Ąhlt und anschlie├čend mit “Push completed” endet. Diese Anzeige bleibt aber nur kurz dort stehen.

Ich finde das alles nicht wahnsinnig intuitiv, aber man kann damit umgehen und wenn man online schaut, sind auch alle Dateien vorhanden:

Immerhin das, worauf es ankommt ­čÖé

Sobald ich einen besseren resp. einfacheren Weg erschlossen habe, werde ich dar├╝ber berichten.

Logged in only

Nach der Umstellung auf WordPress 3.0 gab es ein paar Probleme mit dem Plugin “Logged in only”. So wurden Beitr├Ąge zwar gespeichert, doch waren sie danach nicht im Dashbord sichtbar, noch konnten sie von der Webseite aufgerufen werden. Sie existierten nur in der Datenbank.

Doch Thomas hat schnell reagiert und nun gibt es Logged-in-only in der Version 1.2

Vielen Dank Thomas ­čÖé
Ich k├Ânnte ohne das Plugin nicht mehr.

Photoshop CS3 unter Windows7

Ich liebe das Internet!
Der Vorteil eines Blogs ist, dass man ihn durchsuchen kann. Dumm ist, wenn man nicht alles aufschreibt, was einem zur L├Âsung eines Problems geholfen hat ^^ Aber Mutter Google hilft ja gern und so wei├č ich nun, wie man Photoshop CS3 auf einem 64bit-System installieren kann. Gepriesen sei die Knowledgecloud.

Dazu ├Âffne man die Eingabeaufforderung als Administrator
wechsle dahin: cd C:\Windows\SysWOW64\ und f├╝hre folgende Sachen aus
regsvr32 jscript.dll
regsvr32 vbscript.dll

(via)