Bissinger's Blog » Online

Online-WYSIWYG Editor für die eigene Website

Manuel Bissinger — Tue, 06 Jan 2009 01:35:58 +0000

Sobald man damit anfängt, etwas größere und umfangreichere Website-Projekte anzunehmen, kommt es immer häufiger vor, dass man dem Nutzer bzw. Auftraggeber selbst mehr Freiheiten in Sachen Content geben sollte. D.h., dass mittlerweile so ziemlich jeder “Chef” meist kleinere, aber auch größere Änderungen innerhalb seiner Homepage selbst vornehmen möchte. Hat man beim erstellen des Projekts auf ein CMS wie Typo3 oder Joomla gesetzt, ist diese “Freiheit” schon mit inbegriffen. Sollte man sich jedoch dazu entschlossen haben, die Seiten im alleingang zu coden, stehen einem erstmal nur die Standard-HTML-Möglichkeiten in Form von Textareas zur Verfügung. Nicht gerade Benutzerfreundlich, wenn man seinem Kunden auch gleich noch eine Liste mit HTML-Tags inkl. Erklärung und einer mehr oder weniger kleinen Einweisung begegnen muss.

Einfacher ist es da, einen Online-Editor nach dem WYSIWYG-Prinzip in die Seite einzubauen. Ein solcher Editor bietet vom Look&Feel her einen ähnlich großen Umfang wie eine normale Textverarbeitungssoftware a la Microsoft Word oder OpenOffice.

Auf der Suche nach einem geeigneten Editor, der sich einerseits leicht integrieren lässt und andererseits gut anpassbar und vor allem benutzerfreundlich ist, bin ich auf zwei schöne Vertreter gestoßen.

Zuerst möchte ich TinyMCE nennen. Dieser wurde mir von einem anderen Webdeveloper empfohlen. Nachteilig fand ich hier jedoch die fehlende Unterstützung von einem Datei- und Bilder-Upload, sowie -Management. Diesen Nachteil kann man jedoch gegen den Einkauf von einem bzw. zwei Plugins ausmerzen.

Besser und auch etwas anpassbarer fand ich da den FCKEditor. Hier ist eine Upload-Lösung schon integriert und auch die Toolbar lässt sich leicht personalisieren. Hier werden auch keine Textareas mehr benötigt. Man bindet nur noch eine JavaScript-Klasse in die Seite mit ein. Nachteilig natürlich für jene, die JavaScript deaktiviert haben. Aber da es schließlich nur ein ausgewählter Kreis von Nutzern benötigt, ist dieser Nachteil vertretbar. Sofern dieser Nutzerkreis keine Probleme mit JavaScript hat, versteht sich.

Zwei vielleicht interessante Seiten zu dem Thema habe ich natürlich auch wieder im Angebot.

Zum einen eine Gegenüberstellung mit dem Titel “FCKEditor vs. TinyMCE” aus dem WebTecker-Blog. Hier ist die Schlussfolgerung, dass jeder für sich selbst entscheiden muss, welchen Editor er einsetzen möchte.

Alternativ dazu eine ganze Liste von Online-Editoren mit Angaben zu unterstützen Browsern und ein paar Funktionen. Leider ist das ganze nicht mehr 100%ig aktuell. Die Liste wird bereitgestellt von Genii Software. Nett ist hier auch der direkte Link zu einer Demo einiger vorgestellter Editoren.

DEN ultimativen Online-Editor gibt es leider nicht. Auch ich muss zu dem Schluss kommen, dass jeder Webworker selbst testen und den für ihn am besten geeigneten Editor wählen sollte. Ich für mich bin mit dem FCKEditor sehr zufrieden.

Umrechnen – Ausrechnen – Zusammenrechnen

Manuel Bissinger — Thu, 05 Jun 2008 18:23:27 +0000

Falls man mal in den Genuss kommt, irgendetwas auszurechnen, wie z.B. das Volumen von Zylindern oder den Bremsweg, oder umzurechenen, wie bspw. zwischen Julianischem und Gregorianischem Kalender, der ist bei Formularium, einer freien Formelsammlung, genau richtig. Hier gibt es zu fast jedem Thema Online-Formulare, die man einfach ausfüllen muss. Man findet neben einem Alkoholrechner auch Formulare zur Stichprobenberechnung, hypergeometrischen Verteilung, Geburtsterminberechnung oder optimalen Bestellmenge. Sehr interessant und hin und wieder auch mal ganz nützlich. Die Themen umfassen Algebra, Datum & Uhrzeit, Finanzmathematik, Geometrie, Gesundheit & Körper, Physik, Statistik, Stochastik, Trigonometrie, Vektorrechnung und Sonstiges, wie z.B. Byte bis Terabyte.

Schließlich muss man ja nicht immer alles wissen… hauptsache man weiß, wo es steht.

Bilder einfach nur verkleinern

Manuel Bissinger — Tue, 27 May 2008 11:29:17 +0000

Eine richtig schöne und umfangreiche Liste zum Thema “Wie verkleinere ich meine Bilder online, einfach und schnell” gibt es auf der Blogwiese von Cindy. Ist quasi eine abgespeckte Version von einer kompletten Online-Bildbearbeitung. Das verkleinern von Bildern wird meist in Foren, Blogs oder auch beim verschicken von E-Mails benötigt. Mehr darüber wie gesagt auf der Blogwiese.

Online-Instant-Messenger

Manuel Bissinger — Mon, 26 May 2008 17:40:54 +0000

Immer mal wieder tauchten in letzter Zeit Instant-Messenger in Blog-Artikeln auf, die nur als Online-Applikation laufen. Sprich, das komplette Programm wird nur im Browser ausgeführt. Eine der ersten Anwendungen, die man in dieser Hinsicht nutzen konnte, war AIM von AOL oder aber auch ICQ. Diese sog. IM’s “verstanden” allerdings leider nur ein einziges Chat-Protokoll, nämlich ihr eigenes. Hatte man sich jedoch bei mehr als einem Anbieter solcher Dienste angemeldet, benötigte man einen Multi-Protokoll-Instant-Messenger. Solche gab es natürlich auch bald zur genüge. So z.B. Trillian oder der viel diskuttierte MirandaIM. Ein neuer Trend setzt sich bei all den Online-Anwendungen, die es mittlerweile gibt, natürlich auch bei den IM’s duch. So habe ich mir mal zwei dieser Web 2.0-Errungenschaften mal angesehen.

Erstmal kam Meebo an die Reihe. Dieser Online-IM beherrscht, außer einer deutschen Übersetzung, 6 Protokolle: ICQ, AIM, Jabber, yahoo!, MSN und Google Talk. Das ganze ist wirklich schick aufbereitet. Zumindest für alle, die es gerne etwas überladen, kitschig und bunt mögen – Windows-like eben. Die Anwendung läuft einwandfrei schnell und die Bedienung geht trotz dem Design flüssig von der Hand. Die einzelnen Elemente (Chat-Fenster, Kontaktliste) lassen sich entweder in-a-box darstellen, also innerhalb eines Browser-Fensters oder aber auch getrennt, in vielen kleinen einzelnen Fenstern. Dient auf jeden Fall der Übersichtlichkeit.

Der zweite Vertreter nennt sich IMO.im und unterstützt zur Zeit nur 4 Protokolle. AIM, MSN, yahoo! und Google Talk. Allerdings kann man sich mit seiner UIN von ICQ auch über das AIM-Protokoll anmelden. Die beiden gehören ja jetzt schon seit einiger Zeit zusammen. Die Stärken liegen eindeutig in der Schlicht- und Einfachheit. Keine überladenen Grafiken, keine großen Farbenspiele und eine deutlich sichtbare, durch ein https gekennzeichnete, sichere Verbindung. Ob der Schein dabei trügt kann ich leider nicht sagen. Jedoch finde ich eine solche Verbindung schonmal etwas vertrauenswürdiger. Leider gibt es IMO.im nur als englische Version, die allerdings immer mal wieder mit französichen Phrasen auftritt, was aber kaum weiter auffällt (hab mich wohl verlesen, sorry). Aus einem Browser-Fenster lässt sich natürlich auch IMO.im befreien, aber leider nur in ein weiteres, neues Fenster. Das ganze basiert auf einem Reiter-Design. Finde ich persönlich auch nicht schlecht. Ideal ist solch eine Schlichtheit natürlich für Gegner dieser Klicki-Bunti-Geschichten oder eben Fans von schnellen Anwendungen bei wenig Bandbreite. Wobei es die Verschlüsselung nicht gerade viel schneller macht. Aber zumindest ist der bunte Ballast weg. Ich sage nur UMTS.

Das cybernetz-Blog, so scheint es mir, hat sich ebenfalls dieser Thematik angenommen und berichtet immer mal wieder über neue IM’s oder Neuigkeiten in diesem Bereich. Ein Blick lohnt sich auf jeden Fall.

Update: Bei Web2Null gibt es eine kleine Übersicht über Online-IM’s und andere Kommunikations-Plattformen, wie z.B. IRC-Chats etc.

PowerPoint-Alternativen Teil 2

Manuel Bissinger — Mon, 26 May 2008 14:24:18 +0000

Vor einiger Zeit habe ich mal über das Online-Tool SlideShare berichtet, mit dem man Online eine Alternative zu PowerPoint-Präsentationen erstellen kann.

Selbstverständlich gibt es auch in dieser Kategorie eine ganze Reihe von Alternativen, die alle ihre Vor- und Nachteile haben. Außerdem unterscheiden sie sich in gewissen Funktionsumfängen, wie z.B. das Einbinden und Abspielen von Flash- oder Video-Dateien.

Im Dr. Web-Weblog wurde kürzlich auf die Link- und Übersichtsliste “The Lightbox Clones Matrix” erwähnt. Hier findet man, auf Englisch, eine schöne Übersicht über die verschiedenen Tools und deren Funktionsumfang. Sollte man sich bei Interesse auf jeden Fall mal ansehen. Mit Sicherheit ist für jeden Geschmack das Richtige dabei.

WordPress Blog Header Generator

Manuel Bissinger — Mon, 14 Apr 2008 13:06:11 +0000

Und hier gleich noch ein Generator. Ich sagte ja schon, es gibt viele davon.

Für alle, die entweder schnell eine Header-Grafik brauchen oder einfach nur zu faul sind, selbst im Bildbearbeitungsprogramm rum zu basteln. Der Blog Header Generator erstellt für das Default-Theme von WordPress schicke bzw. erstmal passende Grafiken für den Header-Bereich. Man sucht sich ein Bild aus einer der angebotenen Quellen heraus und lädt es einfach hoch. Als Bild-Quellen kommen außer der Festplatte noch Flickr oder Photobucket in Frage. Auch der Bilder-Klau durch URL-Eingabe wird unterstützt. Danach gibt man die Bild-Positionierung (mitte, oben-links, unten-rechts) an und könnte jetzt noch zusätzliche Copyright- oder Quellen-Vermerke hinzufügen.

Eine Bildbearbeitung bringt der Generator leider nicht mit. Somit ist es nicht möglich, das Bild von der Größe her nachträglich anzupassen oder zu skalieren. Aber dafür gibt es ja genügend andere Online-Bildbearbeitungen, die ich schon in einem anderen Arikel erwähnt habe.

Entdeckt bei BlogPimp.

Mibbit: schneller IRC-Browser-Client

Manuel Bissinger — Mon, 14 Apr 2008 11:57:56 +0000

Mibbit bietet einen sehr schönen, schnellen und schlanken IRC-Client an, der innerhalb des Browser läuft. Das ganze basiert auf AJAX, was es eben so schön schnell macht. Browser-Clients für den IRC gibt es zwar schon sehr lange, nur bauen die auf dem etwas schwerfälligeren Java oder CGI auf. Was auch noch positiv an Mibbit auffällt ist, dass man einen eigenen Server eintragen kann. Man ist somit nicht nur auf die großen und/oder eignen Server des Programmierers angewiesen. Man kann mit diesem System natürlich nicht so viel anfangen, wie mit den reinen IRC-Clients mIRC oder xChat, für das gelegentliche chatten oder von unterwegs aus, wo man vielleicht nicht unbedingt einen Client installieren kann, reicht es vollkommen aus.

Laut den Geschäftsbedingungen, die derzeitig noch recht kurz ausfallen, werden generell keine Gespräche geloggt, außer man gibt dies explizit an. Die IP wird jedoch getunnelt, was eben zur Folge hat, dass man auch gebanned werden kann.

Im Cybernetz-Blog gab es die Tage ebenfalls einen kurzen Bericht darüber.

Update: Online-Bildbearbeitung von Adobe

Manuel Bissinger — Sun, 30 Mar 2008 21:58:33 +0000

Endlich ist es soweit! Der Software-Hersteller Adobe stellt nach langer Zeit der Ankündigungen sein Online-Photoshop den gierigen Massen zur Verfügung. Das ganze funktioniert wie viele andere Online-Applikationen, über die ich hier schon berichtet habe. Um das “Photoshop Express” nutzen zu können, muss man sich leider erst registrieren.

Nach der kostenlosen Registrierung erhält man eine komplette Fotomanager-Umgebung, wie z.B. von Google mit Picasa. Auch kann man seine Bilder für andere in Galerien zusammenstellen und per Slideshow präsentieren, ganz nach Flickr-Manier. Und natürlich lassen sich alle Bilder editieren, also bearbeiten. Ebenfalls wie bei Flickr bekommt man eine .photoshop.com-Adresse mit 2GB Webspace für seine Galerie.

Sehr gelungen, wie ich finde, was Adobe da auf die Beine gestellt hat. Das ganze läuft sehr flüssig und schnell, im Vergleich zu anderen Anbietern solcher Tools. Auf jeden Fall eine Sache, die Anwendung finden wird. Vor allem, wenn man eben keine Bildbearbeitungs-Software lokal installiert hat.

Online-Office und Online-Bildbearbeitung

Manuel Bissinger — Wed, 05 Mar 2008 15:43:37 +0000

Heutzutage gehört es ja mittlerweile fast zum Standard, seine Texte und Tabellen im Internet zu erstellen und auch dort gleich abzuspeichern. Google macht es mit seinem Online-Office-Paket seit einiger Zeit schon vor. Insgesamt bietet der wohl größte Spionier-Dienst folgende Produkte an:

Praktisch sind solche Dienste allemal, da sie von überall und jederzeit nutzbar sind. Eben so lange man einen Internetanschluss zur Verfügung hat. Browser-Plugins wie z.B. Gears von Google oder das Programm “Windows Live Writer” bieten allerdings auch die Möglichkeit, offline an seinen Daten zu arbeiten. Bei wieder vorhandener Internetanbindung werden die Datenbestände synchronisiert und somit auf den neusten Stand gebracht.

Was jedoch noch fehlt, zumindest vom BigBrother-Unternehmen, ist eine Online-Bildbearbeitung. Google bietet zwar mit Picasa einen Fotomanager an, wer jedoch unterwegs auf die schnelle mal diverse Grundfunktionen eines leider nicht installierten, unbekannten oder komplizierten Bildbearbeitungssoftware benötigt, kommt hier nicht weiter.

Abhilfe schaffen hier einige im Internet verfügbare Tools, die i.d.R. viele Grundfunktionen, wie das Einstellen oder Ändern der Helligkeit, des Kontrasts oder der Größe beherrschen. Die Tools basieren auf unterschiedlichen Programmiersprachen, wie Java, JavaScript, Ajax, ASP.NET oder Flash. Mal schaun, wann die ersten Tools mit Adobes Flex oder Microsofts Silverlight kommen. Hier mal ein paar interessante Webseiten:

Laut Golem soll selbst Adobe an einer Online-Photoshop-Version arbeiten. Wann und ob diese kommen wird, ich weiß es nicht.

Sicherlich gibt es noch viel mehr Tools im Netz, mit denen man gut, schnell und komfortabel seine Bilder bearbeiten kann. Einige der o.g. Programme bieten vom Look&Feel-Verhalten und auch von den Funktionen her Ähnlichkeiten zu Programmen wie Gimp, Picasa oder sogar Adobes Photoshop. Jedes der o.g. Tools habe ich kurz durchgetestet, um mir einen kleinen Überblick zu verschaffen. Qualitativ hochwertige Webseiten sind z.B. Picnik, Pixenate (PXN8), Snipshot, Cellsea, das Online Photo Tool, Splashup, FotoFlexer, NetImager Demo und NexImage. Der Rest ist meiner Meinung nach nur zum spielen oder ausprobieren gut. Kostenlos sind die WebTools alle. Für zusätzliche Funktionen, wie z.B. das Bearbeiten von RAW-Bildern, benötigt man normalerweise einen Pro- oder Premium-Account, der etwas kostet.

Wen die einzelnen Unterschiede interessieren, findet bei Smiley Cat Web Design eine tabellarische Übersicht der meisten hier genannten Tools.

Blogs wie das der Medienpädagogik-Praxis, von Markus Baersch, das Webmaster-Blog, das Blog von Internet Professional oder Seiten wie Golem berichten ebenfalls immer wieder über Erfahrungen oder Neuigkeiten in diesem Bereich.

Ich persönliche empfinde die Programme Cellsea, Splashup, Snipshot, FotoFlexer und NexImage als extrem angenehm im Handling und speziell in dieser Kategorie recht professionell und ausgereift.