{"id":522,"date":"2018-06-29T19:54:24","date_gmt":"2018-06-29T19:54:24","guid":{"rendered":"https:\/\/www.wpvs.de\/iot-2018\/?p=522"},"modified":"2021-05-14T10:07:03","modified_gmt":"2021-05-14T08:07:03","slug":"honeypi-7-android-app","status":"publish","type":"post","link":"https:\/\/www.iot-embedded.de\/iot-2018\/projekt-honeypi\/honeypi-7-android-app\/","title":{"rendered":"HoneyPi (7) Android-App"},"content":{"rendered":"

Dashboard<\/h2>\n

Das Dashboard der App wurde neugestaltet und zeigt nun Echtdaten anstatt Dummy-Daten an. Ganz oben wird die M\u00f6glichkeit geboten, den Channel \u00fcber ein Dropdown-Men\u00fc (in Android Spinner<\/a> genannt) auszuw\u00e4hlen. Dadurch kann sich der Benutzer das Dashboard f\u00fcr jeden Bienenstock separat anschauen. Das Dashboard zeigt nun die aktuellen Werte aller Sensoren und darunter eine Honigertragstabelle an. Jede Spalte der Tabelle ist auf- und absteigend sortierbar. Hierf\u00fcr wurde die externe Bibliothek SortableTableView<\/a> verwendet. Leider zeigt die Honigertragstabelle falsche Werte an, da die W\u00e4gezellen nicht richtig eingestellt waren und somit fehlerhafte Messwerte lieferten. Nachfolgende Abbildung zeigt das Dashboard.<\/p>\n

\"\"<\/h2>\n

AQI-Informationsseite<\/h2>\n

Falls der Sensor zum Messen der Luftqualit\u00e4t mit dem ThingSpeak-Konto verbunden wurde, erscheint ein Informationssymbol. Wenn dieses angeklickt wird, \u00f6ffnet sich ein Informationsdialog \u00fcber Luftqualit\u00e4t und dem Air Quality Index (AQI). Siehe hierzu folgende Abbildung.<\/p>\n

\"\"<\/h2>\n

Lade- und Fehlerseiten<\/h2>\n

Au\u00dferdem wurden nun zur besseren Usability Lade- und Fehlerseiten eingebaut, die dem Benutzer anzeigen, ob die Daten geladen werden, keine Daten verf\u00fcgbar sind oder keine Internetverbindung besteht. Nachfolgende drei Lade- bzw. Fehlerseiten wurden in der App integriert.<\/p>\n

\"\" \"\" \"\"<\/p>\n

Benutzerdefinierter Zeitraum<\/h2>\n

Auf den Detailseiten der einzelnen Messarten funktioniert nun auch der Tab \u201eBENUTZERDEFINIERT\u201c. Hierf\u00fcr kann der Benutzer ein beliebiges Start- und Enddatum aus der Vergangenheit ausw\u00e4hlen. Anschlie\u00dfend wird die \u00fcbliche Seite mit dem Liniendiagramm sowie H\u00f6chst-, Tiefst- und Durchschnittswert f\u00fcr diesen Zeitraum angezeigt. Es ist auch m\u00f6glich, wie auf nachfolgender Abbildung zu sehen ist, das Start- und Enddatum \u00fcber einen sogenannten DatePicker<\/a> auszuw\u00e4hlen.<\/p>\n

\"\"<\/p>\n

Einstellungsseite<\/h2>\n

Die letzten \u00c4nderungen in der Android-App waren die Einrichtung einer Einstellungsseite. Folgende Einstellungen sind m\u00f6glich:<\/p>\n

    \n
  1. Den Bienenstock f\u00fcr das Dashboard ausw\u00e4hlen.<\/li>\n
  2. Den Aktualisierungsinterval f\u00fcr die Detailseiten einstellen (1 bis 60 Minuten).<\/li>\n
  3. Ein Standardstartdatum f\u00fcr den benutzerdefinierten Tab einstellen.<\/li>\n
  4. Ein Standardenddatum f\u00fcr den benutzerdefinierten Tab einstellen.<\/li>\n
  5. Die M\u00f6glichkeit, aus allen Fields aller Channels des ThingSpeak-Kontos, auszuw\u00e4hlen, welche Fields in der App angezeigt werden sollen.<\/li>\n
  6. Die Messart aller ausgew\u00e4hlten Fields \u00e4ndern (m\u00f6gliche Messarten: Temperatur, Luftfeuchtigkeit, Luftdruck, Luftqualit\u00e4t, Gewicht oder keine spezifische Messart).<\/li>\n
  7. Die Channels und Fields mit dem ThingSpeak-Konto synchronisieren. Dies kann der Benutzer bet\u00e4tigen, wenn er z. B. \u00c4nderungen am ThingSpeak-Konto vorgenommen hat und diese in der App sichtbar werden sollen.<\/li>\n
  8. Eine Schaltfl\u00e4che zum \u00d6ffnen der \u00dcber-HoneyPi-Seite. Hier werden Kontaktinfos, Credits und Copyright angezeigt.<\/li>\n
  9. Eine Schaltfl\u00e4che zum Abmelden aus der App. Danach erscheint wieder die Loginseite zum Eingeben des User-API-Keys.<\/li>\n<\/ol>\n
    Problem bei der Einstellungsseite<\/h6>\n

    Die sechste Einstellung hat etwas mehr Zeit gekostet, da die einzelnen Elemente (Fields) zum Bearbeiten dynamisch erzeugt werden m\u00fcssen. Au\u00dferdem soll sich beim Anklicken eines Elements ein Dialog \u00f6ffnen, in dem schlie\u00dflich die richtige Messart ausgew\u00e4hlt werden kann. Hierf\u00fcr kam zun\u00e4chst die Klasse ListPreference<\/a> von Android in Frage. Dies kann jedoch nur statisch f\u00fcr eine bekannte Anzahl an Fields verwendet und einzeln in der preferences.xml angegeben werden. Nach einigen fehlgeschlagenen Versuchen ListPreference-Elemente dynamisch im Java-Code zu erzeugen, musste eine andere L\u00f6sung gefunden werden.<\/p>\n

    L\u00f6sung des Problems<\/h6>\n

    Die neue L\u00f6sung besteht nun daraus, dass beim Anklicken der Schaltfl\u00e4che zum \u00c4ndern der Messart in den Einstellungen eine neue Seite erscheint, auf der jedes aktivierte Field in einer Android-ListView<\/a> angezeigt wird und selbst jeweils einen OnClickListener besitzt, dessen Callback-Methode ausgef\u00fchrt wird, wenn das jeweilige Element\/Field angeklickt wird. Dadurch erscheint der oben erw\u00e4hnte Dialog, in dem der Benutzer die richtige Messart ausw\u00e4hlen kann. Folgendes Code-Snippet zeigt das oben beschriebene Vorgehen:<\/p>\n

    \/\/ Measurement types\nfinal CharSequence[] entries = {\"Temperatur\", \"Luftfeuchtigkeit\", \"Luftdruck\", \"Luftqualit\u00e4t\", \"Gewicht\", \"Keine spezifische Messart\"};\n\n\/\/ Create ArrayAdapter and custom view with dialog and radio buttons\nArrayAdapter arrayAdapter = new ArrayAdapter(this, android.R.layout.simple_list_item_2, android.R.id.text1, channelFieldItems) {\n     @NonNull\n     @Override\n     public View getView(final int position, @Nullable View convertView, @NonNull ViewGroup parent) {\n          View view = super.getView(position, convertView, parent);\n          TextView textView1 = (TextView) view.findViewById(android.R.id.text1);\n          TextView textView2 = (TextView) view.findViewById(android.R.id.text2);\n\n          textView1.setText(channelFieldItems.get(position).toString());\n          textView2.setText(channelFieldItems.get(position).getType());\n          textView2.setTextColor(getResources().getColor(R.color.textColorSecondary));\n\n          view.setOnClickListener(new View.OnClickListener() {\n               @Override\n               public void onClick(View v) {\n                   AlertDialog.Builder builder = new AlertDialog.Builder(ChangeMeasurementTypePreferenceActivity.this);\n                   builder.setTitle(R.string.button_change_measurement_type_title);\n                   builder.setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {\n                       @Override\n                       public void onClick(DialogInterface dialog, int which) {\n                           dialog.cancel();\n                       }\n                   });\n                   builder.setSingleChoiceItems(entries, getCheckedItemNumber(channelFieldItems.get(position)), new DialogInterface.OnClickListener() {\n                       @Override\n                       public void onClick(DialogInterface dialog, int which) {\n                           \/\/ Set initial selection\n                           switch (which) {\n                               case 0:\n                                   channelFieldItems.get(position).setType(\"Temperatur\");\n                                   break;\n                               case 1:\n                                   channelFieldItems.get(position).setType(\"Luftfeuchtigkeit\");\n                                   break;\n                               case 2:\n                                   channelFieldItems.get(position).setType(\"Luftdruck\");\n                                   break;\n                               case 3:\n                                   channelFieldItems.get(position).setType(\"Luftqualit\u00e4t\");\n                                   break;\n                               case 4:\n                                   channelFieldItems.get(position).setType(\"Gewicht\");\n                                   break;\n                               default:\n                                   channelFieldItems.get(position).setType(\"\");\n                                   break;\n                           }\n                           dialog.dismiss();\n                           String channelFieldItemsString = new Gson().toJson(channelFieldItems);\n                           sharedPreferences.edit().putString(\"channelFieldItems\", channelFieldItemsString).apply();\n                           notifyDataSetChanged();\n                      }\n                   });\n\n                   AlertDialog alertDialog = builder.create();\n                   alertDialog.show();\n               }\n          });\n\n        return view;\n   }\n};<\/pre>\n
    Durch diese L\u00f6sung war es m\u00f6glich, die Elemente dynamisch zu erzeugen und dennoch eine fast identische Optik wie bei der Verwendung von ListPreference zu erzielen. Siehe hierzu nachfolgende zwei Abbildungen.<\/p>\n
    \"\" \"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
    Dashboard Das Dashboard der App wurde neugestaltet und zeigt nun Echtdaten anstatt Dummy-Daten an. Ganz oben wird die M\u00f6glichkeit geboten, den Channel \u00fcber ein Dropdown-Men\u00fc (in Android Spinner genannt) auszuw\u00e4hlen. Dadurch kann sich der Benutzer das Dashboard f\u00fcr jeden Bienenstock<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/posts\/522"}],"collection":[{"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":1,"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/posts\/522\/revisions"}],"predecessor-version":[{"id":637,"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/posts\/522\/revisions\/637"}],"wp:attachment":[{"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/categories?post=522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iot-embedded.de\/iot-2018\/wp-json\/wp\/v2\/tags?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}