--- title: "Utrzymywanie aplikacji typu low-code" date: "2021-09-24" categories: - "app-development" - "mobile-development" - "mobiletogether" - "tools" tags: - "mobile-app-debugging" - "mobile-development-tools" - "mobiletogether-designer" description: Ważnym aspektem tworzenia aplikacji przy użyciu platform low-code jest łatwość ich utrzymania i modyfikacji w czasie, w miarę jak zmieniają się wymagania. --- Status: #blog Tags: #mobile-app-debugging #mobile-development-tools #mobiletogether-designer Categories: [mobile-development](/blog/pl/category/mobile-development.md) | [low-code+no-code](/blog/pl/category/low-codeno-code.md) # Utrzymywanie aplikacji typu low-code Narzędzia programistyczne o niskim poziomie kodowania mogą przyspieszyć rozwój aplikacji mobilnych, odciążając programistów od rutynowych zadań programistycznych i zachęcając ich do skupienia się na ogólnych wymaganiach aplikacji. Jednak niektórzy programiści, menedżerowie projektów, a nawet całe przedsiębiorstwa pozostają sceptyczni wobec tych narzędzi. Ci interesariusze obawiają się, że testowanie i utrzymanie aplikacji tworzonych przy użyciu niskiego kodu będzie bardziej skomplikowane i kosztowne w dłuższej perspektywie. Jednak nie wszystkie narzędzia do tworzenia aplikacji przy użyciu niskiego poziomu kodu (low-code) lub do szybkiego tworzenia aplikacji mobilnych (RMAD) są takie same. Narzędzie low-code, które jest po prostu interfejsem użytkownika dla generatora kodu i tworzy aplikacje na podstawie zestawu szablonów, może być atrakcyjne dla programisty z niewielkim doświadczeniem. W przypadku wystąpienia problemu, wykwalifikowany programista może potrzebować zdiagnozować i zmodyfikować wygenerowany kod dla każdego systemu operacyjnego urządzeń mobilnych, aby znaleźć rozwiązanie. MobileTogether to [narzędzie do tworzenia aplikacji mobilnych, działające na różnych platformach, które działa w odmienny sposób](https://www.altova.com/pl/mobiletogether). MobileTogether wykorzystuje połączenie intuicyjnego interfejsu użytkownika opartego na przeciąganiu i upuszczaniu, potężnego wizualnego języka "Drzewa Akcji" do obsługi zdarzeń oraz standaryzowanego programowania funkcyjnego do wyboru i przetwarzania danych. MobileTogether zawiera wbudowane okno symulatora, które umożliwia natychmiastowe uruchomienie aplikacji w celu przetestowania logiki, podglądu interfejsu użytkownika tak, jak będzie on wyglądał na różnych urządzeniach iOS, Android, Windows i innych, oraz analizy zmian w danych przepływu pracy podczas działania. MobileTogether oferuje również zaawansowane funkcje automatycznego testowania oraz wbudowany debugger, który umożliwia [testowanie i debugowanie aplikacji](https://www.altova.com/blog/mobile-app-debugging/) z precyzją oraz analizę zachowania aplikacji bezpośrednio w środowisku projektowym. Spójrzmy, jak MobileTogether upraszcza niektóre rzeczywiste wymagania dotyczące utrzymania aplikacji mobilnych. ![](/blog/images/MT-debugger-lead.jpg) Początkowo stworzyliśmy aplikację do geolokalizacji o nazwie "Where Am I", która miała uzupełniać funkcje systemów operacyjnych urządzeń mobilnych o dane w czasie rzeczywistym z pięciu różnych usług API. Poniżej znajduje się główny ekran aplikacji, tak jak wyglądał w symulatorze MobileTogether: [![Utrzymywanie aplikacji typu low-code – przegląd oryginalnej aplikacji.](/blog/images/i-am-here-original.png)](i-am-here-original.png) Każdy obrazek to przycisk, który umożliwia uzyskanie dodatkowych informacji: zapisanie zdjęcia satelitarnego, wysłanie wiadomości tekstowej z lokalizacją, wyświetlenie lokalizacji na mapie, uzyskanie informacji o ruchu drogowym, znalezienie pobliskich punktów orientacyjnych, sprawdzenie prognozy pogody, przeglądanie nadchodzących wydarzeń lub wyszukiwanie usług znajdujących się w pobliżu. Ta aplikacja wymaga aktualizacji. Interfejs API do wyświetlania wydarzeń został wycofany przez jego twórcę, a interfejs API do wyświetlania zdjęć satelitarnych nie oferuje już darmowego klucza dostępu. Aktualizacje systemów operacyjnych urządzeń mobilnych, wprowadzone od czasu pierwotnego opracowania aplikacji, również wymagają uwzględnienia, szczególnie w przypadku Androida. **Utrzymywanie aplikacji typu low-code w oryginalnym środowisku programistycznym** Jeśli usuniemy wszystkie funkcje związane z problematycznymi interfejsami API, otrzymamy prostszą aplikację mobilną, która nadal będzie bogata w funkcje, skuteczna i elegancka. Wszystkie zmiany możemy wprowadzić w programie MobileTogether Designer, w którym aplikacja została pierwotnie stworzona. Co więcej, wystarczy wprowadzić poprawki tylko raz, aby zaktualizować aplikację dla wszystkich wersji systemów operacyjnych. Przycisk w formie ikony kalendarza, widoczny na powyższym obrazku z symulatora MobileTogether, korzysta z przestarzałego interfejsu API do obsługi zdarzeń. Możemy po prostu usunąć ten obrazek, aby wyłączyć tę funkcjonalność dla użytkownika, ale to pozostawiłoby ślady w aplikacji, które nie będą miały żadnej ścieżki wykonania. MobileTogether zawiera funkcje, które ułatwiają identyfikację i usuwanie struktur danych, grup akcji oraz innych elementów, których już nie potrzebujemy. Poniżej znajduje się fragment widoku głównej strony aplikacji roboczej w programie MobileTogether Designer: [![Widok przycisku "Oryginalne zdarzenia" w programie MobileTogether Designer.](/blog/images/events-button.png)](events-button.png) Wybór obrazu kalendarza wyświetla okienko z podsumowaniem akcji wykonywanych, gdy użytkownik klika na ten obraz. Usunięcie obrazu, aby wyłączyć funkcję wyświetlania listy wydarzeń, również usunie bezpośrednie akcje, ale nie podstrony, grupy akcji ani źródła danych. **Edytuj lub usuń niepotrzebne podstrony** Okno pomocnicze "MobileTogether Pages" wyświetla listę wszystkich głównych stron, podstron oraz szablonów kontrolnych dostępnych w aplikacji. [![Identyfikacja podstrony wywoływanej przez przycisk "wydarzenia"](/blog/images/pages-window-2.png)](pages-window-2.png) Przycisk "Wydarzenia", który jest ikoną kalendarza, jest jedyną opcją, która otwiera podstronę "Wydarzenia dzisiaj". Usunięcie tego przycisku pozwala również usunąć tę podstronę. Ale najpierw przyjrzyjmy się zawartości tej podstrony. **Aktualizuj strukturę danych źródła strony** Po otwarciu podstrony w programie MobileTogether Designer, okno pomocnicze "Źródła stron" wyświetla strukturę danych dla tej podstrony, w której przechowywane są dane zwracane przez interfejs API zdarzeń. [![Źródła danych wykorzystane na tej podstronie.](/blog/images/events-page-source.png)](events-page-source.png) Opcja w menu, dostępna po kliknięciu prawym przyciskiem myszy, weryfikuje, czy główna strona robocza, która korzysta z interfejsu API, jest jedyną stroną wykorzystującą tę strukturę danych. [![Lista wszystkich zastosowań struktury danych "wydarzenia".](/blog/images/events-usage.png)](events-usage.png) To źródło danych nie jest już potrzebne. Możemy je usunąć z aplikacji. **Usuń nieużywane funkcje i grupy akcji** Po usunięciu podstrony "Wydarzenia" oraz ikony kalendarza z głównej strony roboczej, menu "Projekt" zawiera opcje, które pozwalają zidentyfikować wszelkie nieużywane funkcje użytkownika i grupy akcji [![Utrzymywanie aplikacji typu low-code poprzez tworzenie listy wszystkich miejsc, w których używane są funkcje zdefiniowane przez użytkownika oraz grupy akcji.](/blog/images/project-menu.png)](project-menu.png) [![Identyfikacja nieużywanych funkcji przy jednoczesnym utrzymaniu aplikacji o niskim poziomie kodu](/blog/images/function-usage.png)](function-usage.png) Funkcje i grupy akcji, które nie są używane w żadnym miejscu, można usunąć. Usunięcie funkcji wyświetlania zdjęć satelitarnych, która wymaga płatnej subskrypcji API, odbywa się w podobny sposób. **Utrzymywanie aplikacji typu low-code w celu dostosowania ich do zmian w systemie operacyjnym** Oryginalna wersja aplikacji "Where Am I" oferowała różne funkcje nawigacyjne dla urządzeń z systemem Android i iOS. Wersja na Androida wykorzystywała wbudowany przycisk "wstecz" do zamykania podstron i powrotu do głównej strony aplikacji. Przyciszek "wstecz" w systemie Android jest problematyczny: jego działanie nie jest identyczne na wszystkich urządzeniach, a w nowszych wersjach Androida przycisk ten jest zastępowany gestem, który może nie być intuicyjny wewnątrz aplikacji. Wersja na iOS wyświetla przycisk "Wstecz" na pasku tytułu strony, który służy do nawigacji [![Widok oryginalnego przycisku "wstecz" służącego do nawigacji w aplikacji.](/blog/images/back-button.png)](back-button.png) Przycisk "wstecz" był zdefiniowany za pomocą właściwości "Widoczność", która pozwalała na jego wyświetlanie tylko na urządzeniach z systemem iOS. [![Utrzymywanie aplikacji typu low-code poprzez przeglądanie istniejących właściwości komponentów.](/blog/images/visibility-property.png)](visibility-property.png) Możemy usunąć zależność od systemu iOS, aby przycisk "wstecz" działał tak samo na wszystkich urządzeniach. Na koniec uporządkowaliśmy aplikację, zmieniając rozmiar dużych ikon narzędzi i zmieniając ich kolejność na ekranie za pomocą kopiowania i wklejania. Poniżej przedstawiamy wygląd ostatecznej, zmodyfikowanej aplikacji na telefonie iPhone i telefonie z systemem Android: [![Utrzymywanie aplikacji typu low-code – weryfikacja aktualizacji poprzez uruchomienie nowej wersji na urządzeniach mobilnych.](/blog/images/final-apps.png)](final-apps.png) Sprawdź sam, jak efektywna może być praca przy tworzeniu i utrzymywaniu aplikacji o niskim poziomie kodowania dzięki MobileTogether. Zapoznaj się z naszym rozwiązaniem MobileTogether [Prezentacje wideo](https://www.altova.com/pl/mobiletogether/demos#video_Demos), więcej [Przykładowe aplikacje](https://www.altova.com/pl/mobiletogether/demos), lub wiercić w [instrukcja online](https://www.altova.com/manual/MobileTogether/mobiletogetherdesigner/) Dziękuję za wszystkie informacje. Kiedy będziecie gotowi, aby rozpocząć własny projekt tworzenia aplikacji mobilnych działających na różnych platformach, [Pobierz program MobileTogether Designer](https://www.altova.com/pl/mobiletogether/download) aby zacząć. Aplikacja "Where Am I", o której mowa w tym artykule, służy do [Dostępne na GitHub](https://github.com/altova/MobileTogether-more-examples/tree/master/Where%20Am%20I).