Smartphones gewinnen aktuell immer mehr an Bedeutung. Große E-Commerce Versandhäuser, wie z.B. Amazon, optimieren Ihre Web-Auftritte mittlerweile alle für dieses Medium. Es werden sogar eigene Apps für den schnellen Einkauf angeboten. Betreibern kleiner Shops fehlen da größten Teils die finanziellen Mittel für eine solche Optimierung. Da die Shop-Anwendung xt:Commerce (v3)  mit zu den meist genutzten Online-Shop-Lösungen gehört, habe ich mir gedacht, ich entwickle ein Modul, mit dem jeder XTC-Shopbetreiber seinen Shop für die gängigsten Smartphones optimieren kann. Herausgekommen ist das Modul: MobileST.

MobileST ist ein Modul für xt:Commerce, das den Online-Shop-Besuchern ein komfortables Einkaufserlebnis bietet, die mit Ihrem Smartphone unterwegs sind. Alle Seiten sind so optimiert, dass der Besucher schnell und einfach durch die einzelnen Shopseiten navigieren kann und sofort alle nötigen Informationen auf einem Blick hat. Die Navigation ist Touch-optimiert und die Darstellung so gewählt, dass nicht mehr in die Seite hereingezoomt werden muss.

Das Modul ermöglicht es mit dem Smartphone, einfach nach gewünschten Artikeln zu suchen, diese aufzurufen, und sich Produktangaben auf Artikel-Detailseiten anzuschauen. Dort findet der Kunde Produktbeschreibungen, ähnliche Angebote, die Option, den Artikel in den Warenkorb zu legen und anschließend zu bestellen. Weiterhin können das Kundenkonto verwaltet werden und getätigte Bestellungen eingesehen werden.

Im Folgenden sind eingige Screenshots von MobileST zu sehen:

Unterstützte Smartphones sind: Geräte mit iOS, Android, BlackBerry, Windows Phone, Palm web OS, Symbian (stark eingeschränkt)

Wer das Ganze mal testen und live sehen möchte, kann dieses in diesem Testshop machen. Beachten Sie die Hinweise auf der Startseite wenn Sie es direkt am PC und nicht mit dem Smartphone testen wollen.

Preis & Support:

MobileST wird unter der Creative Commons Attribution 3.0 Lizenz (CC-BY 3.0) veröffentlicht, welche die kostenlose Nutzung sowohl im privaten Bereich, als auch für die kommerzielle Anwendung gestattet.

Bedingung: Für die kostenfreie Nutzung des MobileST Moduls ist eine Rückverlinkung zur Phodana-Homepage (http://www.phodana.de) im Impressum und im mobile Template unter ‘Mehr -> Über MobileST’ vorgeschrieben.

Für den Einsatz des Moduls ohne die Einschränkungen der Creative Commons Lizenz (Namensnennung/Rückverlinkung) steht alternativ ein kostenpflichtiges Lizenzmodell zur Verfügung:

Für 39,- € erhält der Lizenznehmer ein projektgebundenes Nutzungsrecht für die Verwendung des Moduls ohne Namensnennung des Autors/Rückverlinkung zur Homepage. Das Nutzungsrecht ist an eine Projektdomain gebunden und gilt zeitlich unbegrenzt. Die Lizenz schließt auch die Nutzung zukünftiger Versionen des Moduls mit ein.

Damit keiner im Regen stehen gelassen wird, wenn es mal Probleme geben sollte, biete ich natürlich auch Support für das Modul an. Man kann mich jederzeit gerne per E-Mail kontaktieren, ich versuche dann schnellst möglichst zu helfen. Wer sich nicht traut die einfache Installation von dem Modul vorzunehmen, da kann ich das gerne gegen einen Aufpreis von 20€ übernehmen. Wer das Modul noch angepasst haben möchte, sprich mit eigenem Logo und anderen Änderungen, da kann ich das ebenfalls gerne gegen einen Aufpreis machen.

Wer nun bis hier gelesen hat und das Modul gerne haben möchte, kann es nun im folgenden herunterladen. Wer das Modul uneingeschränkt nutzen möchte, schreibt mir bitte eine Mail über dieses Kontaktformular. Alles weitere wird dann abgesprochen.

UPDATE (27.06.11): Nun ist auch eine xtcMobile Version für den original xt:Commerce 3.0.4 SP2.1 da. Gleichzeitig hab ich die Version für xtcModified geupdated. Dort wurden kleinere Korrekturen vorgenommen.

UPDATE (07.07.11): Neue Version 1.4.0 online. Änderungen: xtcMobile wurde in MobileST umbenannt, da ich von den xt:Commerce Entwicklern angemailt wurde, dass es sich bei xtcMobile um eine markenrechtliche Abwandlung handelt, was nicht gestattet ist. Weiterhin wurden einige Kleinigkeiten verbessert und überarbeitet. U.a. wurde auf das neue jQuery Mobile Framework umgestellt. Genauere Infos steht in der Changelog.txt des jeweiligen Download-Archives.

UPDATE (12.09.11): Es ist soweit, ein ähnliches Modul wie MobileST ist nun auch für Gambio GX2 verfügbar. Dieses Modul ist jedoch nicht über mich zu beziehen, sondern über die Firma Dupp Datensysteme GmbH. Wer Interesse an dem Modul bzw. Template hat, schreibt bitte eine E-Mail an info@sync4.de und verweist auf mich zurück. Die Kosten liegen bei 99€.

Spenden:

Wenn Sie mit dem MobileST Modul zufrieden sind und mich gerne für die Weiterentwicklung unterstützen möchten, bin ich über jede Spende sehr erfreut!

jQuery für Beginner - Video Tutorials

Für den richtigen Einstieg empfehle ich die “jQuery Absolute Beginner Video Serie” von Themeforest. Im ersten Video geht es los mit dem Download der Bibliothek, dem Erstellen einer ersten Funktion und Betrachtung von Syntax. Insgesamt gibt es 15 Videos, die alle zwischen fünf und zehn Minuten lang sind. Aufgeteilt auf einzelne Tage, kann man nach zwei Wochen von sich behaupten endlich mit jQuery umgehen zu können. Viel Spass beim lernen…

Coda-Slider 2:

Der Coda-Silder ist Dir wahrscheinlich bekannt oder Du bist ihm zumindest schon einmal begegnet. HTML Inhalte können damit in verschiebbaren Tabs präsentiert werden. Der “alte” Coda-Slider wurde bekannt durch die Panic Coda Website.

Da der Coda-Slider bisher doch recht unflexibel war, wurde das Plugin nun endlich überarbeitet. Neue Features sind:

• automatischer Tab-Wechsel solange bis auf ein Tab geklickt wird
• Tab-Wechsel kann von anderen Links aus kontrolliert werden
• ein Tab kann angegeben werden, der nach dem Laden der Seite angezeigt werden soll
• Geschwindigkeit und Animationen können bestimmt werden
• Für jeden Tab werden SEO freundliche URLs erzeugt

Grundlayout des neuen Coda-Slider 2

Den Download und eine Demonstration des neuen Coda-Slides findest Du hier.

Before/After:

Das Before/After Plugin für jQuery ist besonders für Webseiten zu empfehlen die einen Vergleich von Bildern präsentieren wollen. Das ursprüngliche Bild und die überarbeitete Version davon können über einen Schieberegler im Vorher- und Nachher-Vergleich betrachtet werden.

Vorher-/ Nachher-Vergleich eines Bildes

Den Download und wie das Ganze aussieht, findest du auf der Catch my Fame Seite.

TopUp:

TopUp ist ein Lightbox Klon, der stark anpassbar ist und erweiterte Funktionen mit sich bringt. Bilder, Videos, Webseiten und HTML Inhalte können dargestellt werden. Natürlich werden auch Gruppierungen unterstützt, so das über Vor- und Zurück-Knöpfe innerhalb der Lightbox die Inhalte gewechselt werden können. Desweiteren sind Ajax Requerst möglich und die Animationen können verändert werden.

TopUp Lightbox

Den Download und eine Demonstration gibt es hier.

Solche virtuellen Tastaturen werden in der Regel bei Websites von Banken oder Forumularen eingesetzt, die extra Sicherheit benötigen. Keylogger werden so in gewisser Weise ausgetrickst.

Es ist sehr einfach neue Buchstaben bei der Tastatur hinzuzufügen. Die Umlaute der deutschen Sprache können so auch eingebaut werden. Die Tastatur kann ebenfalls an jede Stelle des Screens verschoben werden. Eine Domonstration findet Ihr hier…