12. Oktober 2012
4 Minuten zu lesen

HowTo: Eigenen Kundenkarten für Passbook erstellen

Im folgenden How-To beschreibt Thomas Baumgartner in Form eines Gastbeitrags, wie man beliebige Kundenkarten in Passbook einbinden kann. Online ist der Thomas unter dem Namen macbaumi eher ein Begriff und offline hört er gerne Country Musik und fährt auf seinem Motorrad durch die schönsten Pässe Mitteleuropas.

Was braucht man und was muss man wissen?

Man sollte wissen um was für einen Barcode Typ es sich handelt. In den meisten Fällen werden EAN-13 Codes eingesetzt. Da haben wir bereits das erste Probleme, da Apple diese nicht unterstützt. Also wird der Barcode als Bild eingefügt. Weitere Bilder und einen Online Barcode Generator braucht es also auch. Das Fotografieren des original Barcode der Plastikkarte kann ich nicht empfehlen. Weiter einen Online Pass Creater wie zum Beispiel PassKit inkl. Account. Mein How-To bassiert auf diesem Pass Creater.

Los geht’s

Webseite passkit.com aufrufen und rechts oben auf  Login klicken. Hier kann man sich nun registrieren oder direkt einloggen. Pass läst sich nur speichern wenn man eingeloggt ist. Zurück zum Start zu den ersten Einstellungen in Pass Settings. Store Card Typ, Vorlagenname, Firmenname und Firmenbeschreibung eintragen. Seriennummer ist nicht nötig da wir den Barcode als Bild einfügen. Optional kann eine bestimmte Zeit für Pushbenachrichtigung eingetragen werden.

Login-Register Pass-Settings

Bilder erstellen

Als nächstes brauchen wir drei Bilder. Ein Icon-Image mit 114x114px für die Push Benachrichtigungen. Logo-Image mit der exakten Höhe von 100px und max. 570px Breite. Ich verwende in diesem How-To eine Breite von 250px. Und zuletzt natürlich das Stripe-Image (Barcode) mit den Massen 620x250px.
Dazu habe ich den Barcode auf der Webseite Barcode-Generator.de erstellt. Diese macht sehr schöne und qualitativ hochwertige Barcodes. Auf die Bildbearbeitung werde ich hier nicht weiter eingehen.Nur ein Tip. Denn Barcode kann man in ein neues Bild mit den entsprechenden Massen mit weissen Hintergrund einfügen und speichern. Oder wers edler mag kann den Barcode zuerst komplett freistellen und in ein Bild mit transparentem Hintergrund einfügen.
Barcode-GeneratorBarcode-RohBarcode-FertigBarcode

Pass erstellen

Als nächsten Schritt die Bilder einfügen und die Farben anpassen. Optional Logo Text einfügen falls das Logo-Image nicht die ganze Breite ausfüllt. Es ist mindestens ein Feld im Front Content auszufüllen. Ich nutze dazu die dritte Stelle und habe zwei Felder ausgefüllt.
Text kann optional formatiert werden.
Colours-ImagesFront-Content-1Front-Content-2

Den original Barcode können wir ausblenden. Wie im Front Content muss auch im Back Content ein Feld ausgefüllt werden. Zum Beispiel mit der Kundendienst Telefonnummer. Im Locations Teil kann man seinen Lieblingsstore eintragen. Auch mehrer sind möglich. Find Latitude & Longitude öffnet eine Fenster mit Google Maps um den Standort zu finden. Adresse (z. B. Store Name) und Push Benachrichtigungs Text eintragen. Aber Achtung! Da das iPhone dann ständig den Standort sucht braucht diese Funktion viel Akku.
Front-Content-3Back-ContentLocations

Pass Sprache auf Deutsch stellen. Es können auch weiter Sprachen mit separaten Bildern und Übersetzungen eingefügt werden. In der Distribution wird der Link Type auf Private gestellt. Weiter kann man die Anzahl der Pässe begrenzen und falls gewünscht ein Ablaufdatum eintragen. Zur Sicherheit kann man zuletzt noch ein Passwort setzen.
Languages Distribution

Spätestens jetzt muss man sich einloggen um den Pass speichern zu können. Save Pass. Nun kann der Pass in Passbook einfügt werden mit Hilfe des QR Code oder der angegebenen URLs. Wird der Pass später geändert, erscheint unter Distribution eine neuer Link Push Changes to All Passes. Also ganz einfach Pass anpassen, Speichern und Link klicken.
Save-PassPush-Changes

Kundenkarte in Passbook hinzufügen. Kundenkarte Front und Rückseite. Zuletzt noch ein Bild nach einer Änderung des Passes.
Kundenkarte-HinzufuegenKundenkarte-FrontKundenkarte-BackKundenkarte-Aenderung

Viel Spass beim Ausprobieren.

Rechtliche Hinweise: Alle Logos und Warenzeichen auf dieser Seite sind Eigentum der jeweiligen Besitzer und Lizenzhalter. Ich lehne jegliche Haftung ab bezüglich Funktionsfähigkeit der erstellten Karten und es gibt  auch keine Garantie, dass die Karten in den jeweiligen Geschäften akzeptiert werden. Rechtliche ist das Ganze eine Grauzone. Ein Kundendienst mit welchem ich telefoniert habe sagt, dass aktuell nur ihre eigenen Plastik-Kundenkarten akzeptiert werden. Elektronische Kundenkarten seien noch nicht verfügbar. Das Ganze gilt übrigens auch für Apps wie Stocard die ähnlich funktionieren wie Passbook.

10 Comments

  1. tho22

    Danke für die tolle Anleitung. Habe das kürzlich ebenfalls online irgendwo entdeckt, aber zeitlich kam ich noch nicht zum ausprobieren. Super Sache. Hoffe Migros, Coop & Co. liefern baldmöglichst Integrationen in ihre Apps – denn grundsätzlich wär’s ja relativ einfach umzusetzen.

    Alternativ (etwas einfacher in der Handhabung) kann ich sonst die App «Stocard» empfehlen. Leider nicht so schön wie Passbook; unterstützt jedoch die hiesigen EAN-13.

    • pumuggel

      Stocard ist OK – hat bei mir in der Migros jedoch nicht funktioniert. Habe dies gefühlte 5x getestet. Die Nette Verkäuferin hatte Geduld – der Kunde hinten jedoch nicht. Wir hätten uns beinahe in eine Tortenschlacht begeben.. ich hoffe, dass das Ganze funktioniert mit Passbook!

  2. der andere Hans

    Hmm. Dieser Beitrag ist wieder ein neues Beispiel dafür, dass Apple einen neuen Weg geht: nun werden auch völlig unausgereifte Produkte auf den Markt geworfen. Schade.
    Alleine die Tatsache, dass für sowas offensichtlich eine Anleitung benötigt wird, zeigt diesen Paradigemenwechsel auf. Für mich schlicht unbrauchbar. Trotz hoher Technikaffinität würde ich nie eine solche Prozedur unternehmen.
    Das bisherige Credo von Apple, dass solche unausgegorenen Dinge aussen vor bleiben, hat mir DEUTLICH besser gefallen.

  3. Artemidis

    @der andere Hans
    So ist es ja eigentlich auch nicht von apple gedacht… Das ist eher eine Überbrückung für ungeduldige 🙂 Eigentlich liegt es an den Entwicklern bzw. Migros/Coop usw. Passbook zu integrieren. In den USA klappt es ziemlich gut….

    • der andere Hans

      Nun ja, ob das bloss eine Überbrückung ist. Ich denke da vor allem an solches:
      «In den meisten Fällen werden EAN-13 Codes eingesetzt. Da haben wir bereits das erste Probleme, da Apple diese nicht unterstützt.»

      • macbaumi

        Bei grosser Verbreitung wird sich Apple dies vielleicht überlegen und die Unterstützung einführen. Ich bin damit einverstanden dass Apple in gwissen Sachen offner werden sollte. Aber Apple deckt vorallem bei der Entwicklung zuerst mal an USA/Canada. Dann kommt mal lange nichts und dann vielleicht der Rest der Welt…Siehe 4G Chip im neuen iPad.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verarbeitet werden .

Hat Ihnen der Artikel gefallen? Bitte teilen Sie Ihre Gedanken mit anderen.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verarbeitet werden .