--- title: Refaktoryzacja aplikacji mobilnych date: 2024-03-06 categories: - app-development - mobile - mobiletogether tags: - app-development - mobile-apps - mobiletogether - refactoring description: Ulepszenia istniejących aplikacji programowych często wynikają z sugestii entuzjastycznych użytkowników, a wprowadzanie nowych funkcji stwarza możliwości refaktoryzacji aplikacji mobilnych. --- Status: #blog Tags: #app-development #mobile-apps #mobiletogether #refactoring Categories: [mobile-development](/blog/pl/category/mobile-development.md) | [mobile-development](/blog/pl/category/mobile-development.md) | [mobile-development](/blog/pl/category/mobile-development.md) # Refaktoryzacja aplikacji mobilnych Najlepsze pomysły na nowe funkcje i inne ulepszenia istniejących aplikacji często pochodzą od zaangażowanych użytkowników. Wprowadzanie nowych funkcji stwarza możliwości refaktoryzacji aplikacji mobilnych. Po kilku latach korzystania z aplikacji MobileTogether Solar Data Tracking do monitorowania wydajności systemu solarnych paneli na dachu, mój przyjaciel Casey zgłosił pewną sugestię. Aplikacja wyświetlała jedną stronę z wykresami i tabelami, prezentującymi dane produkcyjne w podziale na miesiące w ciągu roku, oraz drugą stronę, na której można było zobaczyć dane produkcyjne za ostatnie 30 dni. Przyciski nawigacyjne na każdej stronie umożliwiały łatwe przełączanie się między różnymi widokami. Sugestia Casey'a polegała na zmodyfikowaniu aplikacji, aby umieścić wszystkie wykresy i tabele na jednej stronie. Z biegiem czasu użytkownicy urządzeń mobilnych przyzwyczaili się do aplikacji, które prezentują dane na długich stronach, przewijanych szybkim gestem przesuwania palcem. Aplikacja wyświetlająca wszystkie dane na jednej stronie sprawiałaby wrażenie bardziej płynnej i nowoczesnej. ![](/blog/images/Blog_MT_control_templates_2.jpg) Aplikacja Solar Data Tracker, dostępna na platformach Android, iOS i Windows, została [stworzona z jednego źródła](https://www.altova.com/pl/mobiletogether) przy użyciu narzędzia Altova MobileTogether Designer. Połączenie raportów w jedną stronę umożliwiło również uproszczenie aplikacji poprzez refaktoryzację kodu. Narzędzie MobileTogether Designer to program umożliwiający pracę metodą "przeciągnij i upuść", z obsługą kopiowania i wklejania elementów interfejsu oraz narzędziami do [refaktoryzacji aplikacji mobilnych](https://www.altova.com/pl/mobiletogether/modular-app-development#refactoring), które pozwalają na identyfikację użycia zmiennych lokalnych i globalnych, funkcji, grup akcji, arkuszy stylów, zewnętrznych źródeł danych i innych elementów. Wszystkie te funkcje znacznie ułatwiły proces aktualizacji. Poniżej przedstawiono porównanie wyglądu strony raportu miesięcznego dotyczącego produkcji energii słonecznej oraz strony raportu dziennego, wyświetlane na telefonie z systemem Android: ![[Pasted image 20250224145704.png]] Oto nowa, jednostronicowa wersja, zawierająca wszystkie dane na jednej stronie, tak jak można je zobaczyć na iPhonie, przewijając ekran ![[Pasted image 20250224145734.png]] Przycisk "Dodaj nową fakturę" znajdujący się na środku, powyżej, wcześniej znajdował się na końcu strony raportu miesięcznego. Obecnie raport jest kontynuowany i łączy się z danymi dziennymi. Dodaliśmy informację na dole strony, która sygnalizuje jej koniec. Proces tworzenia nowej wersji w programie MobileTogether Designer był prosty: - Skopiuj elementy graficzne z strony raportu dziennego i wklej je na końcu strony miesięcznej - Usuń niepotrzebne przyciski nawigacji po stronach - Przejrzeć i uprościć etykiety nagłówków - Zmień definicję tabeli danych dziennych, aby usunąć możliwość przewijania - Usuń starą stronę raportu dziennego z hierarchii przepływu pracy Program MobileTogether Designer zawiera narzędzie do weryfikacji, które pozwala wykryć błędy logiczne lub ostrzeżenia, oraz przycisk "Cofnij", który umożliwia powrót do poprzednich wersji, aby dokładnie określić, która zmiana mogła spowodować problem. Musimy również zaktualizować jedną grupę akcji. Kiedy użytkownik dodaje nowe dane dotyczące codziennego odczytu lub informacje zawarte na rachunku za energię elektryczną, wykresy również muszą być aktualizowane na podstawie nowych tabel danych. W pierwotnej wersji implementacji, do aktualizacji wykresów na każdej stronie używano oddzielnych grup akcji. Możemy otworzyć okno dialogowe grupy akcji i dodać akcje do istniejącej grupy, aby również aktualizować codzienne wykresy. [![Przebudowa aplikacji mobilnych stwarza możliwości zwiększenia efektywności wewnętrznej.](/blog/images/action-group-1.png)](action-group-1.png) Zmieniliśmy również nazwę grupy akcji, aby lepiej odzwierciedlała jej funkcje. Kiedy zmieniamy nazwę grupy akcji w oknie dialogowym "Grupy akcji", program automatycznie aktualizuje tę nazwę we wszystkich miejscach, w których grupa akcji jest używana. Wbudowane okno symulatora MobileTogether umożliwia natychmiastowe uruchomienie rozwiązania, co pozwala na testowanie logiki, podgląd interfejsu użytkownika, tak jak będzie on wyglądał na różnych urządzeniach z systemami Android, iOS, Windows i innych, oraz analizowanie zmian w danych przepływu pracy podczas działania. Symulator oferuje również rozbudowane funkcje debugowania, umożliwiające szczegółową obserwację i śledzenie zachowania podczas działania. Menu "Refaktoryzacja" zawiera polecenia, które wyświetlają listę miejsc, w których używane są różne elementy projektu, a także elementy, które nie są używane w żadnym miejscu w aplikacji. [![Opcje menu "Refactoring" w narzędziu MobileTogether Designer, służące do przeprojektowywania aplikacji mobilnych](/blog/images/refactor-menu.png)](refactor-menu.png) Lista grup akcji obejmuje oryginalną grupę, która aktualizowała codzienne wykresy produkcji. Ponieważ strona z codziennym raportem nie jest już częścią aplikacji, ta grupa akcji nigdy nie będzie potrzebna i można ją również usunąć. [![Przeprojektowanie listy, która wyświetla nieużywane grupy akcji.](/blog/images/refactor-listing-1.png)](refactor-listing-1.png) Wprowadziliśmy w użycie nowy system śledzenia danych mobilnych, a Casey z entuzjazmem prezentował go na wystawie samochodów elektrycznych w parku, gdzie zasięg telefonów komórkowych był słaby, a dostęp do Wi-Fi był niedostępny. Wypróbuj wszystkie funkcje MobileTogether, które ułatwiają refaktoryzację aplikacji mobilnych, pobierając bezpłatny program [MobileTogether Designer](https://www.altova.com/pl/mobiletogether/download).