Przeczytaj o rozwiązaniach dla produkcji, przemysłu, magazynu i logistyki
NOWY WYMIAR PROJEKTOWANIA STRON INTERNETOWYCH
Nowoczesny świat, zatopiony w tzw. „Internecie rzeczy” (ang. Internet of Things – IoT) tworzy sieć połączeń, złożoną z ludzi, procesów, danych oraz urządzeń podłączonych do Internetu. W świecie tym niemal każdy człowiek posiada przynajmniej jedno urządzenie logujące się w sieci, z czego większość stanowią urządzenia mobilne. Smartfon jest coraz częściej wykorzystywany jako przenośny komputer, dzięki któremu możemy załatwić wszystkie sprawy za pomocą kilku kliknięć. Według badań „Polska.Jest.Mobi 2018” firmy Mobee Dick, aż 48% Polaków deklaruje, że korzysta z urządzeń mobilnych ponad dwie godziny dziennie, a średnia użytkowania telefonu wynosi już 2,3 godz., podczas gdy przed rokiem było to zaledwie 1,8 godz.
Mobilna rewolucja w programowaniu
„Firma HDF Software doskonale odnajduje się we wciąż zmiennej i pędzącej do przodu rzeczywistości, odpowiadając potrzebom nowoczesnego rynku i tworząc rozwiązania dostosowane do urządzeń mobilnych. Właśnie ukazała się najnowsza odsłona strony internetowej HDF, która stworzona została na wzór oprogramowania online, jakie na co dzień dostarczamy naszym klientom. To nowoczesna witryna www, napisana w oparciu o technologię Progressive Web Apps (PWA), która na smartfonach instaluje się tak, jak zwykła aplikacja bez konieczności pobierania jej np. z PlayStore.” – komentuje Łukasz Russak, projektant systemów informatycznych HDF Software
PIERWSZEŃSTWO MOBILE-FIRST
Dane zebrane przez Mobee Dick skłaniają nas do tego, by głębiej przyjrzeć się terminowi „mobile-first”, który oznacza wyższość aplikacji mobilnych nad wersjami desktopowymi. Dzieje się tak na przykład w przypadku stron internetowych, których budowę rozpoczyna rozszerzony pod względem funkcji projekt wersji mobilnej. Dopiero po jego stworzeniu następuje sukcesywna rozbudowa interfejsu, dostosowana do większych ekranów (tzw. progressive enhancement).
„To już oczywiste, że każda firma, która chce być poważnie traktowana przez klientów musi istnieć w sieci i posiadać profesjonalnie wykonaną stronę internetową, ponieważ jakość domeny świadczy o profesjonalizmie przedsiębiorstwa. Dobrze zaprojektowana strona internetowa to w dzisiejszych czasach jednak nie wszystko, jeśli chcesz mieć pierwszeństwo nad konkurencją, musisz zaproponować swoim odbiorcom coś więcej – Twoja strona musi wyświetlać się poprawnie na ich smartfonach, tak by mogli swobodnie przeglądać ją kiedy tylko będą chcieli.” – mówi Łukasz Russak, projektant systemów informatycznych HDF Software.
PROGRESSIVE WEB APP POŁĄCZONE Z USER EXPERIENCE
Naprzeciw nowoczesnym wymaganiom wychodzi technologia Progressive Web Apps, która stanowi nowy trend w tworzeniu aplikacji mobilnych i stron internetowych na smartfony. PWA – te trzy tajemniczo brzmiące litery od kilku lat coraz bardziej zyskują na popularności wśród programistów oraz osób zainteresowanych nowościami w technologiach mobile i web.
„Progressive Web App to zbudowana w tradycyjny sposób strona www, która do złudzenia przypomina natywne aplikacje, dzięki wyposażeniu jej w kilka dodatkowych funkcji. Kiedy wpiszesz w wyszukiwarkę adres konkretnej strony internetowej i zapiszesz ją na swoim telefonie, technologia PWA zapewni Ci tzw. „native-like experience”. Zdecydowanie wygodniej jest nam otworzyć ulubioną aplikację klikając w jej ikonę na ekranie naszego smartfona, zamiast wpisywać jej URL w przeglądarkę. Dodatkowo aplikacje natywne bez przerwy wyświetlają swój UI oraz dane pobrane podczas ostatniej wizyty, dzięki czemu część informacji na stronie jest dla nas dostępna nawet w trybie offline” dodaje Łukasz Russak z HDF Software.
PROGRESSIVE WEB APP W PRAKTYCE
PWA czyli skrót od Progressive Web App, stanowi wypełnienie przestrzeni pomiędzy tradycyjną stroną internetową, a aplikacją mobilną. Strona www stworzona w oparciu o tę technologię jest wzbogacona m.in. o powiadomienia push, ekran powitalny, czy też działanie w trybie offline. To rozwiązanie jest dostosowane zarówno do wersji desktopowych jak i urządzeń przenośnych. Takie strony internetowe mogą zostać pobrane na smarfony lub tablety jak zwykłe aplikacje. Dzięki skrótowi na ekranie głównym można ich używać od razu, bez konieczności wypisywania adresu URL w przeglądarkę, co stanowi dużą wygodę i szybkość działania.
CZY TWOJA STRONA ODPOWIADA STANDARDOM PWA?
Progressive Web App to aplikacja webowa oparta o technologie HTML, CSS oraz JS. Najważniejszymi jej cechami jest pełna responsywność i niezawodne działanie, jednak żeby móc określić stronę jako pełnoprawną PWA musi ona spełniać dodatkowe wymogi:
-wykorzystywać protokół HTTPS dla zapewnienia bezpieczeństwa danych,
-być niezależna od przeglądarki, by mogła działać zawsze, bez względu na okoliczności,
-korzystać z tzw. „service workers”, by zachowywać pewne fragmenty strony i wyświetlać je niezależnie od połączenia z Internetem,
-ładować się błyskawicznie i stać się interaktywna już po kilku sekundach,
-cechować się dużą reaktywnością i szybko odpowiadać na działania, jakie chce wykonać użytkownik,
-posiadać plik „manifest.json”, który pozwala na dodanie skrótu aplikacji do ekranu startowego naszego telefonu,
-wyświetlać użytkownikom powiadomienia, które zwiększą ich zaangażowanie i aktywność na stronie,
-wykorzystywać technologię RWD, tzw. „responsive web design”, co oznacza, że powinna ona dobrze prezentować się zarówno na dużym jak i małym ekranie.
NOWA, RESPONSYWNA STRONA HDF SOFTWARE
ReactJS to jedna z najpopularniejszych bibliotek języka programowania JavaScript, która pomaga specjalistom HDF w tworzeniu rozbudowanych aplikacji oraz interfejsów graficznych, dzięki którym nasze systemy są intuicyjne i łatwe w obsłudze, a przy tym także niezwykle estetycznie wykonane. Ostatnio projektanci HDF Software wykorzystali również ReactJS do stworzenia nowoczesnej witryny internetowej naszej firmy.
„Za pomocą Reacta zaprojektowaliśmy naszą nową stronę internetową w postaci Progressive Web App. Dzięki temu stanowi ona aplikację na wszystkie urządzenia mobilne, do których obsługi wystarczy jedynie przeglądarka internetowa. To sprawia, że naszą domenę można przeglądać w każdym miejscu z dostępem do Internetu. Oprócz oczekiwanej funkcjonalności i pięknego wyglądu strony, niesamowitą uwagę przywiązujemy także do tego, by spełniała ona wszelkie założenia User Experience. Każdy użytkownik może pobrać skrót do stronny www firmy HDF na swój telefon i wejść w bezpośrednią interakcję z oferowanymi przez nas rozwiązaniami oraz treścią, dlatego tak istotne dla nas jest, żeby korzystanie z naszej strony sprawiało każdemu przyjemność i dawało satysfakcję” - mówi Łukasz Russak z HDF Software.
Dodatkowym atutem strony stworzonej przez specjalistów HDF Software jest jej pełna responsywność, dzięki której wygląd dopasowuje się do ekranu, na którym jest wyświetlana. Warto zaznaczyć także, że design strony www.hdf.com.pl różni się od tradycyjnych domen, ponieważ projektanci skupili się na tym, by wyglądała i działała ona jak software, a nie zwyczajna witryna.
„Projektując naszą nową stronę internetową staraliśmy się, aby była ona przejrzysta i komfortowa w użytkowaniu zarówno na dużych monitorach jak i niewielkich ekranach tabletów lub smartfonów. Wykorzystany przez nas RWD (skrót od Responsive Web Desing) to także standard wspierany i wyróżniony przez Google, dzięki czemu nasza responsywna strona pojawi się wyżej w wynikach wyszukiwania niż witryny bez tej technologii, a co za tym idzie trafi do większego grona odbiorców i skuteczniej wypozycjonuje nas pod kątem SEO”, dodaje Łukasz Russak.
APLIKACJE HDF SOFTWARE DEDYKOWANE URZĄDZENIOM MOBILNYM
Projektanci firmy HDF od lat tworzą dedykowane aplikacje na terminale i tablety przemysłowe, jednak wśród naszych Klientów coraz większą popularnością cieszą się smartfony, które dziś już znajdują się w kieszeni praktycznie każdego z nas.
„Nasi Klienci przywiązują dużą uwagę do jakości sprzętu jakiego na co dzień używają w swoich przedsiębiorstwach. Dlatego też coraz częściej decydują się na nowoczesne terminale mobilne z Androidem, a my wyposażamy ich w autorskie aplikacje oparte o najnowocześniejsze technologie, które przenoszą tradycyjny software z komputerów stacjonarnych na niewielkie, przenośne kolektory danych” komentuje Łukasz Russak z HDF Software.
Przykładem urządzenia, które często wybierają nasi Klienci jest komputer mobilny znanej marki Datalogic – Memor 10. Każdy system tworzony na zamówienie dostosowujemy zarówno do dużych ekranów desktopowych jak i ręcznych terminali, które wielkością przypominają tradycyjne smartfony. Bierzemy pod uwagę zarówno technologię PWA, responywność, komfort ich użytkowania oraz estetykę wykonania każdej aplikacji, tak aby cieszyły one oko użytkowników i czyniły ich pracę jeszcze przyjemniejszą.