--- title: "Entwicklung von mobilen Anwendungen: Eine Nutzergeschichte" date: "2021-05-21" categories: - "app-development" - "mobile-development" - "mobiletogether" tags: - "app-design" - "app-development" - "mobile-development-tools" - "user-stories" description: Erforschen Sie die Entwicklung einer mobilen App zur Überwachung der Solarstromerzeugung, wobei der Schwerpunkt auf den Benutzeranforderungen, der Datenverwaltung und effektiven Visualisierungstechniken liegt. --- Status: #blog Tags: #app-design #app-development #mobile-development-tools #user-stories Categories: [mobile-development](/blog/de/category/mobile-development.md) | [mobile-development](/blog/de/category/mobile-development.md) | [mobile-development](/blog/de/category/mobile-development.md) # Entwicklung von mobilen Anwendungen: Eine Nutzergeschichte Ah, der Frühling! Vögel zwitschern, Blumen blühen, und die Sonne geht früher auf und später unter. All diese zusätzlichen Sonnenstunden ermöglichen Solaranlagen, mehr Strom zu erzeugen. Mit der Annäherung an die Sommersonnenwende erreichen Solaranlagen ihre produktivste Zeit des Jahres. Besitzer von Solaranlagen auf Dächern können sehr daran interessiert sein, die Leistung ihrer Anlagen zu überwachen. Der Schauspieler und Komiker John Hodgman ist beispielsweise.. [eine Meinungsverschiedenheit moderiert](https://maximumfun.org/transcripts/judge-john-hodgman/transcript-judge-john-hodgman-ep-443-daylight-savings-crime/) Ich bin besessen davon, die Solarstromproduktion genau zu überwachen. Meine Freundin Kasey ist ebenfalls begeistert von Solarenergie. Jedes Mal, wenn ich Kasey sehe, berichtet sie mir die neuesten Zahlen zu ihrer Stromproduktion in Kilowattstunden. Kasey wohnt in einer warmen, sonnigen Gegend, wo die Klimaanlage ihren größten Stromverbrauch verursacht. Sie hat Ende Juni Solarmodule auf dem Dach ihres Hauses installiert, und ihr System hat sich schnell darauf eingestellt, genügend Strom zu erzeugen, um den Bedarf ihrer Klimaanlage während der langen Sommertage zu decken. Nachdem Kasey die Stromrechnung für August erhalten hatte, rief sie ihren Solaranlagen-Installateur an, um ihm von ihrem Erfolg zu berichten – der Stromverbrauch ihres Hauses für diesen Monat betrug null. „Ich muss gestehen, dass ich meine Zähler jeden Tag kontrolliere, um zu sehen, wie das System funktioniert“, erzählte Kasey dem Installateur. „Jeder macht das“, antwortete der Installateur. „Einige Nutzer sagen mir sogar, dass sie die Zähler dreimal täglich überprüfen!“ Kasey fragte mich, ob eine mobile App, die mit MobileTogether entwickelt wurde, ein gutes Werkzeug zur Überwachung ihres Solarsystems sein könnte. „Ich könnte die Zählerstände in mein Smartphone eingeben“, sagte sie. „Ich könnte das jeden Tag machen, wenn ich morgens vor dem Frühstück mit dem Hund spazieren gehe.“ So begann unsere Zusammenarbeit bei der Entwicklung von mobilen Anwendungen. Das Ergebnis ist die mobile App, die wir "Solar Power Tool" nennen. ![](/blog/images/mt_darktheme_blog_1-1.jpg) Das Solarsystem von Kasey umfasst eine Software zur Erfassung der erzeugten Strommenge, aber das ist nur ein Teil der Gleichung. Wie viele andere Solaranlagen für Privathaushalte ist Kaseys Haus mit dem öffentlichen Stromnetz verbunden [Netzgeführte Abrechnung](https://en.wikipedia.org/wiki/Net_metering)Solarmodule liefern Strom für das Haus nur dann, wenn die Sonne scheint. Strom wird nachts oder immer dann aus dem Stromnetz bezogen, wenn der Bedarf die erzeugte Menge übersteigt. Wenn die Solarmodule mehr Strom erzeugen als das Haus verbraucht, wird der Überschuss ins Stromnetz eingespeist, um die Stromerzeugungskapazität des Versorgungsunternehmens zu ergänzen. Die monatliche Stromrechnung gibt Auskunft darüber, wie viel Strom das Haus jeden Monat produziert und verbraucht. Der Kontoinhaber zahlt für den überschüssigen Verbrauch sowie eine geringe Anschlussgebühr. Überschüssige Stromproduktion wird auf der Stromrechnung des folgenden Monats gutgeschrieben. Diese Häuser verfügen über zwei Stromzähler: ein Zähler erfasst die produzierte Strommenge, und der andere erfasst die verbrauchte Strommenge. Kasey wollte eine App, die den Kontostand während des Monats überwacht, anstatt auf die Stromrechnung warten zu müssen. Wir haben eine Liste mit Anforderungen für die Entwicklung einer mobilen App erstellt: - bieten Sie ein sehr einfaches Formular zur Dateneingabe, um Zählerstände zu erfassen - berechnen Sie automatisch den Kontostand anhand der erfassten Daten - Zeigen Sie die tägliche Leistung und den monatlichen Kontostand sowohl numerisch als auch grafisch an - Verfolgen Sie den Überschuss im Zeitverlauf, um Veränderungen von Monat zu Monat darzustellen. MobileTogether bietet alle Funktionen, die wir benötigt haben, um die Anforderungen der App elegant umzusetzen. Wir begannen damit, XML-Datenstrukturen für tägliche und monatliche Aufzeichnungen zu definieren. Hier ist die monatliche Datenansicht in XMLSpy dargestellt: [![Monatliche Berichtsdaten zur Überwachung der Stromerzeugung aus Solarenergie.](/blog/images/monthly-grid-view.png)](monthly-grid-view.png) Die Werte für das Datum und die Zählerstände, sowie die Spalten 4 bis 7 für die erzeugten und verbrauchten Kilowattstunden, den monatlichen Überschuss und das Gesamtguthaben, sind alle einfache numerische Berechnungen. Betrachten wir beispielsweise Zeile 5: Die erzeugten Kilowattstunden (kWhGen) entsprechen einfach dem Zählerstand des Solarmessgeräts für September abzüglich des Zählerstands von August. Das Solarmessgerät läuft nur vorwärts, während das Verbrauchsmessgerät je nach Sonneneinstrahlung und Stromverbrauch von Stunde zu Stunde vorwärts oder rückwärts laufen kann. Für den nächsten Schritt in der Entwicklung unserer mobilen App haben wir den grundlegenden Ablauf der App entworfen. Wir haben uns entschieden, zwei Hauptseiten zu erstellen: eine für die tägliche Leistung und eine für die monatliche Historie. Die Dateneingabeformulare sollten als Unterseiten zugänglich sein, die von jeder Hauptseite aufgerufen werden können. Hier ist das Hilfefenster von MobileTogether Pages, das die Seitenstruktur zeigt: [![Die Seitenstruktur wird während der Entwicklung der mobilen App definiert ](/blog/images/pages-helper.png)](pages-helper.png) Die Schaltflächen auf jeder Seite ermöglichen es, mit den Funktionen von MobileTogether zu navigieren und zwischen verschiedenen Ansichten zu wechseln. Anschließend überlegten wir, wie wir die Daten grafisch in Diagrammen darstellen können. MobileTogether ermöglicht es Entwicklern, Diagramme in mehreren Ebenen zu erstellen, wobei sogar verschiedene Diagrammtypen kombiniert werden können. Wir entschieden uns, Flächendiagramme und Balkendiagramme zu kombinieren. Wir wählten ein Flächendiagramm im Hintergrund, um den Stromverbrauch darzustellen, sowohl täglich als auch monatlich, und ein überlagertes Balkendiagramm, um die Solarstromproduktion anzuzeigen. Unsere Überlegung ist, dass der Haushalt kontinuierlich Strom verbraucht, auch mitten in der Nacht für Kühlschränke, elektrische Uhren, Ladegeräte usw. Die Solarstromproduktion ist dagegen unregelmäßig und beginnt bei Sonnenaufgang und endet bei Sonnenuntergang. Der Simulator ist eine Funktion des MobileTogether Designers, die während der Entwicklung von mobilen Anwendungen eine sofortige Ausführung der Lösung ermöglicht, um die Logik zu testen, die Benutzeroberfläche so anzuzeigen, wie sie auf verschiedenen iOS-, Android- oder Windows-Geräten erscheinen wird, und Änderungen in den Arbeitsablaufsdaten zu überprüfen. Hier ist ein Beispiel für die Hauptseite des täglichen Berichts, wie sie im Simulator angezeigt wird: [![Diagramme zur Darstellung der täglichen Produktionsleistung, wie sie im MobileTogether-Simulator während der Entwicklung von mobilen Anwendungen angezeigt werden.](/blog/images/daily-sim-view.png)](daily-sim-view.png) Diese Seite zeigt die Produktionsdaten für 14 Tage, beginnend am 18. April. Die Solarstromproduktion variiert stark von Tag zu Tag, abhängig von der Bewölkung, wie man in der oberen Grafik sehen kann. Die untere Grafik zeigt die täglichen positiven oder negativen Werte. Am 18. April wurde ein Kilowatt mehr verbraucht als produziert, und am 29. April war die Differenz null. Der "Anzeigen"-Button unterhalb des ersten Diagramms öffnet eine numerische Tabelle mit den Daten: ![Ein "Anzeigen/Verbergen"-Button steuert die Anzeige der täglichen Leistungsstatistiken.](/blog/images/daily-data-table.png) Der "Anzeigen"-Button verändert die Sichtbarkeitseigenschaft der Datentabelle in MobileTogether. Die Tabelle selbst ist innerhalb der Seite scrollbar und enthält Daten für den gesamten vorherigen Monat. Der Button "Neue Messwerte hinzufügen" öffnet die Unterseite zur Dateneingabe für einen neuen Satz von Messwerten: [![Eine Unterseite zur Dateneingabe, die es dem Benutzer ermöglicht, neue tägliche Werte einzutragen.](/blog/images/enter-daily.png)](enter-daily.png) Die Einstellung für die Schaltfläche ermöglicht es uns, die Seite als modales Dialogfenster zu öffnen, was bedeutet, dass die ursprüngliche Seite weiterhin im Hintergrund sichtbar bleibt. [![Einstellungen zur Definition des Layouts von Unterseiten während der Entwicklung von mobilen Anwendungen](/blog/images/modal-subpage.png)](modal-subpage.png) MobileTogether ermöglicht es uns, Hilfetexte zu den Eingabefeldern für die Zählerstände hinzuzufügen. Wir haben auch die Eigenschaft "Tastatur" von MobileTogether verwendet. Wenn Kasey auf das Bearbeitungsfeld tippt, um einen neuen Wert einzugeben, werden nur numerische Zeichen angezeigt. [![Ich beginne einen neuen täglichen Eintrag.](/blog/images/enter-daily-2.png)](enter-daily-2.png) Nachdem Kasey die Werte von beiden Messgeräten eingegeben hat, ist ihr nächster Schritt, auf die Schaltfläche "Produktion berechnen" zu klicken [![Die Produktionsstatistiken für den heutigen Tag werden anhand der neuen Messwerte berechnet.](/blog/images/enter-daily-3.png)](enter-daily-3.png) Diese Funktion führt XQuery-Berechnungen durch, um die täglichen Produktionsdaten für die Vorschau zu generieren. Anschließend kann Kasey entweder die neuen Daten hinzufügen oder die Eingabe verwerfen. Das Hinzufügen des neuen täglichen Datensatzes aktualisiert außerdem automatisch die Diagramme auf der Seite des täglichen Berichts [![Das Hinzufügen des neuen Messwerts aktualisiert automatisch auch die täglichen Produktionsdiagramme.](/blog/images/enter-daily-4.png)](enter-daily-4.png) Die Seite für den monatlichen Bericht ist ähnlich aufgebaut wie die Seite für den täglichen Bericht. Im Folgenden sind zwei Ansichten der Monatsseite auf einem Android-Smartphone dargestellt, einmal im [Dunkelmodus](https://www.altova.com/blog/mobile-apps-that-automatically-support-dark-theme/) und einmal im [Hellmodus](https://www.altova.com/blog/mobile-apps-that-automatically-support-dark-theme/): [![Eine Ansicht der Seite für den monatlichen Bericht auf einem Android-Smartphone, sowohl im dunklen als auch im hellen Designmodus](/blog/images/monthly-report.png)](monthly-report.png) Die Datentabelle auf dieser Seite zeigt monatliche Statistiken. Die ersten 12 Zeilen basieren auf den Zählerständen aus den Stromrechnungen von Kasey, wobei die Werte in den Spalten 4 bis 7 von der App berechnet werden. Zeile 13 basiert auf dem letzten täglichen Zählerstand. Jedes Mal, wenn Kasey einen neuen täglichen Zählerstand hinzufügt, aktualisiert die App die Tabelle für die täglichen Daten und die zugehörigen Diagramme, berechnet außerdem automatisch die monatlichen Gesamtwert, ersetzt Zeile 13 in der monatlichen Tabelle und aktualisiert die monatlichen Diagramme. Dies erfüllt die Hauptanforderung für die Entwicklung dieser mobilen App: die Überwachung des kumulierten Überschusses seit der letzten Stromrechnung. Der kumulierte Überschuss wird in Zeile 13 der monatlichen Datentabelle, in der Bildunterschrift unter dem ersten monatlichen Diagramm und in den ganz rechts stehenden Einträgen in beiden monatlichen Diagrammen angezeigt. Das Zahnradsymbol oben rechts auf jeder Seite ist ein Button, der mit dem in MobileTogether integrierten Symbol für Einstellungen erstellt wurde. Durch Anklicken öffnet sich eine Einstellungsseite, die hier auf einem iPhone dargestellt ist: [![Die Einstellungen werden auf einem iPhone angezeigt.](/blog/images/settings-1.png)](settings-1.png) Die ersten vier Schaltflächen auf der Seite "Einstellungen" ermöglichten es uns, Datensätze während der Entwicklung zu manipulieren und auszutauschen oder für Analysezwecke zu verwenden. Die letzte Einstellung ist ein Kombinationsfeld, mit dem Kasey die Diagramme auf der Seite "Tägliche Berichte" zurücksetzen konnte, um Daten für 7, 14, 21 oder 30 Tage anzuzeigen. [![Die 21-Tage-Ansicht des Diagramms für den täglichen Kontostand.](/blog/images/daily-balance-21.png)](daily-balance-21.png) Nach der anfänglichen Entwicklung der mobilen App war Kasey begeistert von den Ergebnissen. Jeden Tag ging sie mit ihrem Hund morgens spazieren und trug die Werte ihres Stromzählers ein. Wenn ihre Stromrechnungen per Post kamen, aktualisierte sie die monatliche Tabelle mit den Werten, die vom Zählerstand abgelesen wurden. Eines Tages rief sie mich an. „Du weißt, ich bin seit fast einem Jahr zu Hause eingeschlossen, und jetzt bin ich bereit, wieder zu reisen“, sagte sie. „Was passiert mit der App, wenn ich ein paar Tage lang keine neuen Einträge mehr hinzufüge?“ Ich musste darüber nachdenken und habe einen Testdatensatz erstellt, um das herauszufinden. Das Ergebnis war, dass der monatliche Bericht in Ordnung ist. Ob der Nutzer das Eintragen der Zählerstände für einen Tag oder eine Woche vergessen hat, die App berechnet immer den kumulierten Überschuss anhand der letzten Rechnung und des letzten täglich erfassten Zählerstands. Der tägliche Bericht enthielt einige kleinere Probleme. Das Feld für das Datum der täglichen Messwerte war ein Datumsfeld, das automatisch mit dem aktuellen Datum belegt war. Der Benutzer konnte jedoch ein anderes Datum auswählen, falls Messwerte für dieses Datum verfügbar waren. Wenn jedoch einige Messwerte innerhalb weniger Tage fehlten, waren die täglichen Produktionsdaten und die Diagrammwerten für den letzten Tag ungenau – die gesamte Produktion und der gesamte Verbrauch würden dem letzten Tag zugerechnet. Die Lösung war einfach. Wir haben uns entschieden, der Berechnung der täglichen Statistiken etwas Logik hinzuzufügen, indem wir einen bedingten Test und eine Schleife einsetzten: - Wenn das Datum der neuen Messung mehr als einen Tag nach dem Datum der letzten Messung liegt, dann berechnen Sie die Anzahl der fehlenden Tage - Teilen Sie die gesamte Produktion und den gesamten Verbrauch durch die Gesamtzahl der Tage zwischen den Messungen. - Verwenden Sie eine Schleife, um den durchschnittlichen Produktionswert und den durchschnittlichen Konsumwert jedem Tag mit fehlenden Messwerten zuzuweisen. Ich habe diese Logik in einer MobileTogether-Aktionsgruppe implementiert und diese neue Aktionsgruppe zu den Schritten hinzugefügt, die ausgeführt werden, wenn Kasey auf den Button "Tägliche Lesezeit hinzufügen" klickt. Am 2. Mai begab sich Kasey voller Freude auf eine 3-tägige Camping- und Wanderreise. Am 6. Mai, am Morgen nach ihrer Rückkehr, erfasste sie wie gewohnt die täglichen Zählerstände. Hier sind Auszüge aus ihrem täglichen Bericht und ihrem monatlichen Bericht, wobei die fehlenden täglichen Werte durch Durchschnittswerte ersetzt wurden, wie sie auf einem iPhone angezeigt werden: [![Ergebnisse der Strategie zur Kompensation von verpassten Lesetagen, wie sie auf einem iPhone angezeigt werden.](/blog/images/monthly-report-2.png)](monthly-report-2.png) Nullwerte bei den täglichen Zählerständen am 3., 4. und 5. Mai deuten auf Durchschnittswerte hin. Wenn Sie mobile Anwendungen für verschiedene Plattformen entwickeln, benötigen Sie ein Tool mit umfassender visueller Programmierung und integrierter Fehlersuche! Sehen Sie sich unser MobileTogether an [Video-Demonstrationen](https://www.altova.com/de/mobiletogether/demos#video_Demos)mehr [Beispielanwendungen](https://www.altova.com/de/mobiletogether/demos)oder sogar das [Online-Handbuch](https://www.altova.com/manual/MobileTogether/mobiletogetherdesigner/) für eine detaillierte Betrachtung aller Informationen. Wenn Sie bereit sind, loszulegen und Ihre eigenen, plattformübergreifenden mobilen Anwendungen in kürzester Zeit zu entwickeln, [Laden Sie den MobileTogether Designer herunter](https://www.altova.com/de/mobiletogether/download) um zu beginnen.