Wie man einen Kalender in seine App einbetten und warum Kalender in der App nicht so einfach sind

In-App-Kalender sind so vertraut geworden, dass wir sie fast nicht mehr wahrnehmen. Wir betrachten einen Kalender als integralen Bestandteil einer App. Allerdings ist die Integration eines Kalenders in eine App aus technischen Gründen nicht so einfach wie es klingt – darüber werden wir in diesem Beitrag sprechen.
 
Darüber hinaus verlangen die heutigen App-Nutzer eine einfache und angenehme Benutzererfahrung. Walker’s Customers 2020: Ein Fortschrittsbericht Deutet, dass bis Ende 2020 die Kundenerfahrung die Preisgestaltung und das Produkt als Kernmerkmal der Marke übertreffen wird. Dies bedeutet, dass Sie gründlich überlegen sollten, wie jede App-Funktion die Bedürfnisse der Kunden erfüllen wird. 
 
Daher reicht es nicht aus, einen einfachen Kalender einfach in eine App einzubinden. Mindestens muss sichergestellt werden, dass der Kalender mit beliebten Kalendern wie denen von Google, Apple und Outlook synchronisiert wird und Benachrichtigungen liefert.
 
Um jedoch eine hochmoderne Erfahrung zu bieten, müssen Sie Technologien wie Augmented Reality, optische Zeichenerkennung und Spracherkennung in Betracht ziehen. In diesem Beitrag werden wir einige Einsatzfälle für Kalender in Apps besprechen und Beispiele aus unserer eigenen Praxis vorstellen, um Ihnen zu helfen, die richtige Wahl anhand der spezifischen Anforderungen Ihrer App zu treffen.

Evopaper, ein Unternehmen, das tägliche Produktivitätspläne und Tools anbietet, entschied sich, die Kluft zwischen Papiernotizbüchern und digitalen Plänen zu überbrücken, um Menschen zu ermöglichen, die gerne Notizen auf Papier machen, von der Technologie zu profitieren. Die Gründer von Evopaper wandten sich an Yalantis, um ihre Idee umzusetzen und die Slice Planner-App zu entwickeln.

Hier sind einige Details darüber, wie wir das Ziel unseres Kunden mithilfe von Computer Vision und Augmented Reality erreicht haben.

Verknüpfung eines Papierplans mit einem digitalen Plan 

Die Slice Planner-App musste in der Lage sein, handgeschriebene Pläne in Online-Kalendern zu verwalten (Google, Apple und Outlook). Um diese Funktion zu implementieren, setzten wir uns auf die Technologie-Stack für optische Zeichenerkennung (OCR) zurück, um Bilder von eingetragenen, handgeschriebenen und gedruckten Wörtern in maschinenlesbares Text umzuwandeln. 

Insbesondere haben wir das Gebäude gebaut Optische Zeichenerkennung Die Software wird von Google Cloud Vision bereitgestellt, die Ereignistitel präzise erkennt. Um die OCR-Funktionalität nutzen zu können, muss ein Slice Planner-Benutzer lediglich handgeschriebenen Text in einem Slice Planner-Notizbuch scannen, das von dem Team von Evopaper entwickelt wurde.

Überprüfung der Überlappung von Ereignissen

Um Überschneidungen zu vermeiden, haben wir den Augmented-Reality-Modus implementiert. Um diese Funktion zu nutzen, halten die Nutzer die App über ihr Slice Planner-Notizbuch, und die App informiert sie über eventuelle Überschneidungen. 

Die Handhabung wichtiger Notizen

Benutzer können Linien um wichtige Notizen zeichnen, sodass die Slice Planner-App sie erfassen kann. Dadurch können Benutzer Notizen an ihre Kalenderereignisse speichern, teilen und anhängen.

Erweiterte Sharing-Funktionalität

Benutzer können ihre Notizen per E-Mail senden, sie in die Cloud hochladen und sie an bestimmte Kalendertermine anhängen, indem sie einfach die entsprechenden Symbole unten auf der Seite des Slice Planner-Notizbuchs auschecken.

Bislang haben wir Anwendungsfälle für die In-App-Kalenderfunktion in Bezug auf Tagespläne, Produktivitätsapps und Aufgabenverwalter untersucht. Es gibt jedoch noch viel mehr Apps, die einen Kalender benötigen.  

Lassen Sie uns sehen, welche Apps Kalender verwenden und wie Sie einen Kalender in der App für einen bestimmten Anwendungsfall implementieren können – denn Kalender erfüllen in verschiedenen Apps unterschiedliche Funktionen. 

Gesundheits- und Fitness-Apps. Die häufigste Funktion von Kalendern in Gesundheitsapps ist die Planung von Arztterminen. Healthfully, eine medizinische Plattform, die Ärzten dabei hilft, die Gesundheitszustände ihrer Patienten zu überwachen, geht noch einen Schritt weiter. Neben der Planung von persönlichen und Online-Arztbesuchen verwendet Healthfully seine Kalenderfunktion auch zur Planung von Berichten und Benachrichtigungen. Fitness-Apps verwenden Sensoren und NFC-Technologie und hilft Benutzern, Trainingsprogramme zu planen, dank eingebetteter Kalender.

Parkplatz-Apps. Apps wie SpotHero helfen Fahrern, Parkplätze Minuten vor dem Parken oder Monate vor ihren Reisen zu buchen. Die SpotHero Calendar Sync-Funktion ermöglicht iOS-Benutzern, mit iCalendar zu synchronisieren und den jeweiligen Kalender auszuwählen, um ihn in SpotHero zu importieren. Dadurch sind die Ereignisse des Benutzers in der App zugänglich, sodass der Benutzer auf ein Ereignis klicken und einen Parkplatz für eine bestimmte Zeit reservieren kann.
 
Apps zur Event-Erkennung. Apps für die Veranstaltungsplanung wie Eventbrite verfügen über Kalender in der App, die die Nutzer mit ihren Google-, Apple- und Outlook-Kalendern synchronisieren können. Diese Kalender erinnern die Nutzer über Push-Benachrichtigungen an Veranstaltungen, an denen sie Tickets haben. Nutzer können außerdem benachrichtigt werden, wenn Referenten während einer Konferenz auf der Bühne stehen oder eine Band während eines ganztägigen Konzerts auftritt. Sehen Sie sich unsere Artikel Über die Implementierung von Push-Benachrichtigungen.
 
Bildungsapps. Massive Open Online Courses und Bildungsplattformen verwenden Kalender zur Planung von Vorlesungen, Fragen-Antworten und Hausaufgaben. Benutzer erhalten Benachrichtigungen, wenn die Frist für die Einreichung von Essays näher rückt oder eine Stunde, bevor ihre nächste Unterrichtsstunde beginnt. Die Kalenderintegration mit Google Kalender und Outlook hilft Lernenden, Klassen nicht zu verpassen, indem sie diese in ihre persönlichen Kalender aufgenommen werden.
 
Messaging-Apps. Auf Telegram können Nutzer beispielsweise mit gedrückter Taste eine regelmäßige Nachricht senden. Senden Button in einem Chat und Auswahl Zeitplan-Nachricht. Die Nachricht wird dann zu dem angegebenen Zeitpunkt automatisch gesendet. Telegram-Benutzer können ihre gespeicherten Nachrichten verwenden, um geplante Nachrichten in Erinnerungen umzuwandeln.

Streaming-Apps. Apps wie Apple Music ermöglichen es Nutzern, an bestimmten Zeitpunkten angelegte Programme anzuhören. Plattformen wie SoundCloud ermöglichen Musikern, ihre Tracks und Alben zu veröffentlichen. 
 
Immobilien- und Vermietungsapps. Immobilienapps wie Zillow und Mietwohnungsapps wie Zumper verfügen über integrierte Kalender zur Zeitverwaltung und zur Planung von Besprechungen mit Immobilienmaklern und Eigentümern.  

Logistiksoftware. Die Kalenderintegration ist auch für Logistiksoftware nützlich. Wir haben sie entwickelt. Ein Transportmanagement-System So können die Manager bestimmte Lieferfristen festlegen, um eine rechtzeitige Lieferung zu gewährleisten. Eine ordentliche Planung hilft den Managern, zeitgerechte Änderungen vorzunehmen, wie beispielsweise den Wechsel von Paketen zwischen verschiedenen Fahrzeugen, um eine schnellere oder günstigere Lieferung zu gewährleisten. Logistik-Kundenportal Damit haben die Benutzer die Möglichkeit, Bestellungen nach Datum zu sortieren und über Lieferungen und Verspätungen informiert zu werden.

Die Liste der Apps, die eingebettete Kalender benötigen, ist endlos lang. In Taxis, bei Lieferdiensten, im Reiseverkehr, bei der Reservierung von Restaurants und in vielen anderen Apps ist eine Kalenderfunktion ein Muss. 
 
In vielen Fällen müssen Sie Ihr Kalender mit anderen beliebten Kalendern synchronisieren lassen, damit die Benutzer alle ihre Pläne an einem Ort haben können. Falls dies der Fall ist, stehen Ihnen bereits vorhandene APIs zur Integration zur Verfügung.

Kalender-APIs sind REST-basierte APIs, auf die man mithilfe expliziter HTTP-Anrufe zugreifen kann. Apple, Google und Microsoft bieten eigene Kalender-APIs an, die man problemlos in mobile und Web-Apps integrieren kann.
 
Die Google Kalender-API Unterstützt RESTful-Anrufe und bietet Clientbibliotheken für verschiedene Programmiersprachen (Java, PHP, .NET, JavaScript, Node.js, Ruby, Python, Go, Swift). Mit der Google Calendar API können Sie private Kalender bearbeiten, Erinnerungen und Benachrichtigungen einrichten und in Web- und Mobilanwendungen nach gemeinsam genutzten oder öffentlichen Kalendern suchen und diese anzeigen.
 
Apple’s EventKit-Framework ermöglicht Ihnen den Zugriff auf Kalender, Ereignisse und Erinnerungen auf iOS- und macOS-Geräten und die Bedienung dieser Elemente.
 
Microsofts Outlook-Kalender-API Bietet Zugriff auf Kalender, Kalendergruppen, Ereignisse und Erinnerungen in mobilen, Web- und Desktop-Apps. Outlook.com sorgt für Familienfreigabe, sodass Benutzer andere Familienmitglieder zu ihrem Konto hinzufügen können, um ihren Kalender für andere Personen zugänglich zu machen.
 
Um die Slice Planner-App zu entwickeln, nutzten wir APIs von Apple, Google und Microsoft. Benutzer der Slice Planner können handgeschriebene Ereignisse in einen digitalen Kalender übertragen und diese mit Ereignissen aus anderen digitalen Kalendern synchronisieren. 
 
Sie können für Ihre Projekte auch andere Kalender-API-Anwendungen verwenden. Die meisten führenden Kalender-Apps haben ihre APIs veröffentlicht, sodass Entwickler diese integrieren und ihre Funktionen nutzen können. Sie können sich anhand der folgenden APIs entscheiden, die am besten zu Ihren Geschäftsanforderungen passen. Alle diese APIs funktionieren sowohl für mobile Apps als auch für Web-Apps:

• Cronofy API — hilft Ihnen, verfügbare Stunden abzurufen, Aufgaben zu planen und Kalender von Drittanbietern zu synchronisieren 
• 31Events API – ermöglicht es Ihnen, Anfragen an Benutzer zu senden, Berichte über Veranstaltungen abzurufen und mit anderen Apps zu integrieren 
• SuperSaaS-API — bietet Online-Terminplanung, Benachrichtigungen, Berichte und sogar regelmäßige Zahlungen 
• Funambol API — synchronisiert Ihren Kalender auf vielen Geräten und in der Cloud
• Calendarific API — stellt Feiertage für jedes Land bereit 

In manchen Fällen ist es möglicherweise nicht erforderlich, mit externen Kalendern zu synchronisieren oder Daten von ihnen zu sammeln. Sie benötigen möglicherweise lediglich ein einfaches Kalender-System mit einer anpassbaren Benutzeroberfläche. In diesem Fall können Sie sich auf offene-Quelle-Lösungen mit einzigartigen Benutzeroberflächen verlassen.
 
Lesen Sie auch: So erstellen Sie eine wirklich hervorragende RESTful-API: Eine Checkliste für Entwickler

Lassen Sie uns die besten Open-Source-Kalenderbibliotheken für iOS, Android und das Web besichtigen.

Kalenderbibliotheken für iOS

Für iOS, das keine Standard-Kalender-Komponente enthält, können Sie folgendes verwenden: JTAppleCalendar oder FSCalendar. Beide werden von der Entwicklergemeinschaft für die Möglichkeit gelobt, hoch anpassbare Kalender mit großartigen Designs zu erstellen. Diese Bibliotheken helfen Ihnen dabei, benutzerdefinierte Zellen und Kalenderansichten einfach zu erstellen.
 
Um Ihre benutzerdefinierte Kalender-Benutzeroberfläche für iOS zu erstellen, können Sie auch die UICollectionView zur Verwaltung und Organisation einer geordneten Datensammlung und zur Darstellung dieser Daten mithilfe anpassbarer Layouts.

Open-Source-YACalendar von Yalantis

Wir helfen unseren Kunden nicht nur dabei, großartige Apps mit Kalenderfunktionen zu entwickeln – wir teilen auch unser Wissen und unsere Erfahrungen bei der Entwicklung solcher Apps. Deshalb ist Yalantis auch Mitglied der GitHub-Community. 
 
Vor Kurzem haben wir das YACalendar-Bibliothek für iOS. Es handelt sich um eine anpassbare Kalender-App für die native iOS-Kalender-App, die Jahres- und Monatsansichten mit horizontaler und vertikaler Scrollung bietet. Diese Bibliothek ist für iPhone-Bildschirme von dem iPhone 5 bis zum iPhone 11 optimiert. Sie können die folgenden Funktionen nutzen:

• Ansichten in zwei- und dreischrittiger Ansicht sowie Ansichten für den Monat und das Wochenende 
• Porträt- und Landschaftsmodi
• Vertikaler und horizontaler Scroll
• Seitenumbrüche
• Markierungen für das aktuelle und ausgewählte Datum sowie für vergangene und zukünftige Ereignisse
• Anpassung zum Start der Woche (Montag oder Sonntag)

Bald werden wir eine Event-Management-Funktion hinzufügen sowie die Möglichkeit, Anmerkungen, Links und Dokumente zu Events hinzuzufügen. Sie können unsere YACalendar-Bibliothek in Ihren Projekten nutzen. 

Bibliotheken für Android und Web

Was Kalenderfunktionen für Android betrifft, nutzen wir meist die featurereichen CalendarView, AgendaCalendarViewund Cadar Bibliotheken.

Was Kalenderbibliotheken für die webbasierten Apps betrifft, gibt es viele Optionen zur Auswahl. Wenn Sie eine einfach zu bedienende und anpassbare Lösung ohne Support bevorzugen, sollten Sie kostenlose Optionen wie Fullcalendar.io und Tui-Kalender. Bei komplexen Produkten empfehlen wir die Verwendung von bezahlten Lösungen, die eine gute Unterstützung bieten, wie z. B. Kendo UI und das Mobiscroll-reaktives Kalender. 

Bei der Entwicklung der App Proreel – einer Veranstaltungsplattform für Schauspieler und Regisseurteams – mussten wir einen Kalender implementieren, der über die Messaging-Funktionen, die Projektliste und die Detailinformationen zu Veranstaltungen zugänglich ist. Der Kalender musste außerdem den Nutzern die Möglichkeit bieten, ihre bisherigen und zukünftigen Termine einzusehen und ihre Pläne entsprechend anzupassen.
 
Wie wir die notwendige Funktionalität ermöglicht haben
 
Um eine solche Funktionalität bereitzustellen, beschloss unser Team, eine offene, bereits verwendbare Komponente namens CVCalendar. Es verfügt über eine einfach anpassbare Benutzeroberfläche, sodass wir sie an das Design der App-Benutzeroberfläche anpassen konnten.
 
In einem Standardkalender können Sie die Farbgestaltung, die Größe und die Schriftarten ändern und auf eine wöchentliche Ansicht wechseln. Die meisten Kalender bieten außerdem die Möglichkeit, Punkte anzuzeigen, um Ereignisse anzuzeigen, die an einem bestimmten Tag geplant sind. In der Tat kennt der Kalender selbst diese Ereignisse nicht – er ordnet lediglich Farben den Benutzeroberflächenelementen entsprechend der Informationen vom Server zu. 
 
CVCalendar fragt einen Server ab, um zu bestimmen, wie jeder Tag farbig dargestellt werden soll, abhängig davon, ob es einen geplanten Termin gibt oder nicht. Grüne Punkte repräsentieren Termine, die der Benutzer veröffentlicht hat. Weiße Punkte repräsentieren Termine, die andere Benutzer veröffentlicht haben und die der Benutzer besuchen plant.
 
Aus diesem Ausgangspunkt haben wir die Möglichkeit hinzugefügt, eine Veranstaltung direkt aus dem Kalender zu öffnen und deren detaillierte Beschreibung anzuzeigen.

Zum Abschluss möchten wir Ihnen noch einige weitere Tipps vorstellen, um sicherzustellen, dass Ihre App eine hervorragende Benutzererfahrung bietet.

Polnische Anpassung der Benutzeroberfläche und des UX-Designs

Laut Adobe-Bericht „Digital Trends 2020“, 34 Prozent der führenden Unternehmen geben an, dass die Kundenerfahrung eine der wichtigsten Prioritäten für 2020 ist. Das Qualtrics XM Institute ergab, dass Unternehmen mit einem Jahresumsatz von einer $1 Milliarde US-Dollar im Durchschnitt innerhalb von drei Jahren durchschnittlich $700 Millionen mehr erzielen können, indem sie in die Kundenerfahrung investieren. Diese Zahlen belegen die Notwendigkeit, verstärkt auf die Sicherstellung einer erstklassigen Kundenerfahrung zu achten. 

Wenn es um Kalender in der App geht, stellen Sie sicher, dass Sie die folgenden Funktionen bereitstellen:

Einfache Benutzeroberfläche. Die Kalender-Benutzeroberfläche sollte es Nutzern ermöglichen, sich einfach kostenlose Termine zu suchen, Termine zu buchen und Ereignisse in wenigen Taps oder Klicks zu teilen und zu gruppieren. 
 
Attraktive Ästhetik. Das kann man erreichen, indem man helle Farben, runde Formen und Schatten verwendet. Alternativ kann man stattdessen, um nicht die Aufmerksamkeit mit hellen Farben und ungewöhnlichen Formen zu erregen, auf ein minimalistisches Design setzen, um die Nutzer auf die Funktionalität der App zu konzentrieren.
 
Die Möglichkeit, Personen zu markieren oder sie zu Veranstaltungen einzuladen. Diese Funktion finden Sie im Google Kalender.
 
Neben diesen Funktionen sollten Sie außerdem sicherstellen, dass Ihre App auf Änderungen in der Bildschirmorientierung reagiert, damit der Kalender korrekt angezeigt wird, egal wie die Benutzer ihre Geräte halten.

Sicherstellen des Zugangs zu der Entwicklung von Hardware

Offensichtlich sollte ein guter Kalender die verfügbaren Hardwarefunktionen nutzen. Zum Beispiel:, Fantastical nutzt Apples 3D Touch Damit ein Benutzer Anweisungen zu einer Veranstaltung erhalten kann. Force Touch auf macOS ermöglicht es den Nutzern der Fantastical-App, sofort zu Geburtstagen, Favoriten und Visitenkarten zu springen. 
 
Spracherkennung 

Vielleicht ist die vielversprechendste Funktion, die digitale Kalender derzeit bieten, die Verwendung natürlicher Sprache zur Eingabe und Bearbeitung von Kalenderterminen. Scheduling-Apps wie Kalender Und Voice Calendar hat diese Funktion erfolgreich implementiert. Aber neben All-in-One-Planners können auch viele andere Apps wie solche für Parkplätze und Gesundheitswesen von der Spracherkennungstechnologie profitieren. Um eine Spracherkennungsfunktion für Android zu implementieren, können Sie die Integration folgender Komponenten vornehmen: SpeechRecognizer-API oder verwenden Google Assistant. Sie können Apples Sprachrahmenwerk für iOS und Web Speech API für Web-Apps. 
 
Die Entwicklung eines Online-Kalenders und seine Implementierung in einer App scheinen nicht so kompliziert zu sein. Für eine fortgeschrittenere Planung und ein praktisches Beispiel für eine Backend-Lösung können Sie unsere Website besuchen. Angebotsplanungssystem basierend auf Node.js. Aber wenn Sie Ideen haben, um die Funktionen Ihrer App zu erweitern oder eine neue und ungewöhnliche Kalenderapp zu erstellen, wird dies eine ganze Menge Arbeit erfordern. Wenn Sie auf bewährte Verfahren und bereits auf dem Markt verfügbare Kalenderdienstleistungen setzen, können Sie Ihren App eine Kalenderfunktion einfach hinzufügen. 
 
In diesem Beitrag haben wir nur einige Beispiele für ausgelagerte Kalenderimplementierungen in Apps anhand unserer praktischen Erfahrungen vorgestellt. Ihr konkreter Fall kann einen individuellen Ansatz erfordern, und wir helfen Ihnen gerne, die am besten geeignete Kalenderfunktionalität auf Ihre Bedürfnisse abzustimmen.