Programowanie funkcjonalności zapisu elementu strony internetowej, w postaci tabeli, do xls i pdf to kolejny projekt, który zrealizowaliśmy. W tym celu wykorzystaliśmy biblioteki open source JS.
Założenia biznesowe
- na stronie zabezpieczonej hasłem ma być dostępna tabela z produktami,
- nad tabelą ma być widoczna lista z walutami (PLN, USD i EUR), przy czym wybranie waluty powinno spowodować przeliczenie ceny w tabeli,
- kursy mają być pobierane przy każdej aktualizacji w NBP – zapraszamy do opisu rozwiązania,
- nad tabelą mają być umieszczone 2 przyciski: XML i PDF, których kliknięcie powinno spowodować wygenerowanie pliku z odpowiednim rozszerzeniem.
- funkcjonalność ma nie obciążać WordPressa.
Programowanie – wykonane prace
- wykonanie prac w MySql, takich jak przygotowanie tabeli i założenie indeksów,
- podpięcie klas JS – open source: table2excel, autotable oraz jspdf
- wykonanie bloku statycznego z wykorzystanie JQuery,
Testy rozwiązania
- wykonanie testów technicznych,
- wykonanie testów UAT.
Prace administracyjne
- instalacja pluginu na środowisku produkcyjnym,
- osadzenie bloku na stronie,
- wykonanie zmian w theme WordPress Twenty Twenty Three: zmiany w kolorze tabeli, przycisków oraz select itd.
Programowanie w zakresie exportu do xls i pdf – podsumowanie:
W początkowej fazie projektu stwierdzono, że funkcjonalność zostanie napisana własnoręcznie w zakresie bibliotek do exportu. W czasie prac zweryfikowano to podejście, ponieważ okazało się że nakład pracy będzie za duży w stosunku do budżetu. Po przeglądzie rozwiązań open source zostały wybrane możliwe implementacje. Na podstawie POC wybrano docelowe rozwiązania.
W czasie prac zlecający nie poinformował, że dużą grupą docelową będą użytkownicy urządzeń Apple. Testy wykonane zostały na środowisku Windows. W czasie odbioru i testów UAT okazało się że jedna z metod JS nie działa na tych dwóch urządzaniach identycznie. Tą metodą jest “click”, który na androidach i windows działa po kliknięciu, a na apple po wyjściu z przycisku. Rozwiązaniem było dodanie opcji “input” co rozwiązało problem.
Słowniczek – użyte terminy
Biblioteka JavaScript (JS) to zbiór gotowych funkcji, obiektów i narzędzi, które pomagają deweloperom tworzyć interaktywne i dynamiczne strony internetowe.
