logo-softwarestudio-2020-600

Zdjęcia za pomocą kamery na urządzeniach Android

Platforma StudioSystem pozwala za pomocą modułu dla urządzeń mobilnych uruchamiać aparat fotograficzny, przechwycić zrobione zdjęcia i wysłać je na serwer.

W miarę jak smartfony stawały się coraz bardziej popularne w ciągu ostatnich kilku lat, użytkownicy mogli wykorzystać aparat swojego urządzenia do robienia zdjęć i nagrywania filmów. W szczególności urządzenia z Androidem były w stanie tworzyć wysokiej jakości obrazy i filmy dzięki różnym funkcjom aparatu wbudowanym w system operacyjny urządzenia. W tym artykule omówimy, jak robić zdjęcia aparatem urządzenia z Androidem, a także kilka wskazówek, jak w pełni wykorzystać możliwości aparatu urządzenia.

Pierwszym krokiem do robienia zdjęć za pomocą urządzenia z Androidem jest otwarcie aplikacji aparatu. Tę aplikację zwykle można znaleźć na ekranie głównym urządzenia lub wyszukując ją w szufladzie aplikacji. Po otwarciu aplikacji aparatu zobaczysz kilka opcji do wyboru, takich jak typ aparatu (z przodu lub z tyłu) i rozdzielczość zdjęcia. Możesz także dostosować ustawienia lampy błyskowej lub zastosować filtr do zdjęcia.

Po wybraniu żądanych ustawień możesz zrobić zdjęcie, naciskając spust migawki. Po zrobieniu zdjęcia możesz je przejrzeć, dotykając przycisku podglądu. Umożliwi to obejrzenie zdjęcia i dokonanie niezbędnych poprawek przed jego zapisaniem.

Podczas robienia zdjęć aparatem urządzenia z systemem Android ważne jest, aby wziąć pod uwagę warunki oświetleniowe i skupić się na fotografowanym obiekcie. Słabe oświetlenie może spowodować, że zdjęcia będą wyglądać na ziarniste lub rozmyte, a skupienie się na obiekcie sprawi, że będzie on głównym tematem zdjęcia. Ponadto ważne jest, aby podczas robienia zdjęcia trzymać urządzenie stabilnie, ponieważ pomoże to zredukować rozmycie.

Na koniec, robiąc zdjęcia za pomocą urządzenia z systemem Android, należy pamiętać o zapisaniu zdjęć w bezpiecznym miejscu. Można to zrobić, przesyłając zdjęcia do komputera lub korzystając z usługi przechowywania w chmurze. Podejmując te kroki, możesz mieć pewność, że Twoje zdjęcia są bezpieczne.

Konfiguracja w platformie StudioSystem

Platforma StudioSystem pozwala za pomocą modułu dla urządzeń mobilnych uruchamiać aparat fotograficzny, przechwycić zrobione zdjęcia i wysłać je na serwer.

  1. Osadzenie elementu w aplikacji
    W kodzie html należy umieścić diva z odpowiednimi parametrami (opis parametrów w punkcie 2).
    np.:
$("#formularz").append('<div class="AndroidCamera" ssText="Zrób zdjęcie<img src=\'/images_k/24x24/android.png\' style=\'margin-left: 5px;\'title=\'camera\'/>" ssWidh="200px" ssClass="art-buttonSiberia" ssRefnoId="REFNO" ssKod="ANDROID_CAMERA"></div>');

Następnie, aby powołać komponent do życia należy wywołać na min funkcję konfigurującą KonfigurujAndroidCamera znajdującą się w pliku studiosystemIS.js. Jako parametr funkcji przekazujemy kontrolkę (obiekt jQuery).
np.:

$(".AndroidCamera").each(function (index) {
    new KonfigurujAndroidCamera($(this));
});
  1. Parametry
  • ssKod – parametr przyjmuje kod skorowidza JZAL z którego odczytane zostaną informacje na temat ścieżki uploadu pliku, zmiany nazwy pliku lub zmiany rozmiaru obrazka. Jest to jedyny wymagany parametr kontrolki.
    W przypadku braku tego parametru zamiast działającej kontrolki otrzymamy na czerwono tekst „Brak parametru ssKod”.
    np.:
ssKod=”ANDROID_CAMERA”
  • ssText – parametr pozwalający ustawić nazwę przycisku. W przypadku braku domyślnie zostanie ustawiony tekst „Zrób zdjęcie” wraz z obrazkiem pobranym ze ścieżki /images_k/24×24/dodaj.png. Obrazek mógłby przedstawiać aparat/kamerę/zdjęcie, ale nie znalazłem takiego w naszym zestawie. W przypadku pojawienia się nowej ikonki wartoby było podmienić obrazek na lepszy.
    np.:
ssText="Dodaj zdjęcie"
ssText="Zrób zdjęcie<img src='/images_k/24x24/android.png' style='margin-left: 5px;' title='android camera'/>"
  • ssWidh – parametr pozwala ustawić szerokość przycisku w pikeslach, procentach lub wartość kalkulowana. Domyślna wartość to 200px.
    np.:
ssWidh=”200px” ssWidh=”75%” ssWidh=”calc(100% – 20px)”
  • ssClass – parametr pozwala nadpisać style przycisku. Przycisk zawsze ma nadaną klasę art-button (domyślna klasa do stylowania przycisków w studiosystem). Parametrem ssClass można dodać dodatkową klasę nadpisującą style klasy art-button. Dodając w parametrze ssClass nową klasę o nazwie art-buttonSiberia to w efekcie przycisk będzie miał przypisane dwie klasy class=”art-button art-buttonSiberia”, a jego kolor/motyw zmieni się z intensywnego/ciemnego niebieskiego na jasnoniebieski/siberia
    np.:
ssClass=”art-buttonSiberia”
  • ssRefnoValue lub ssRefnoId – parametry służące do przekazania klucza refno do c#. Klucz jest potrzebny np. do zapisu pliku na ścieżce (np. App_Zal/@REFNO) lub do dodania wpisu do tabeli dpzal po dodaniu pliku. Parametry działają wymiennie – jeżeli przekazane są oba brana jest zawsze wartość z ssRefnoValue, jeżeli żaden z tych parametrów nie jest przekazany, to z każdym uploadem zostanie przekazany klucz, który jest generowany podczas powoływania kontrolki do życia.
  • ssRefnoValue – parametr służący do przekazania klucza refno (wartości klucza, a nie ID kontrolki(, który znamy na etapie inicjalizowania kontrolki i wiemy, że klucz się nie zmieni podczas działania programu. Można zastosować np. gdy chcemy podać klucz z palca lub mamy wygenerowany klucz przed inicjalizacją kontrolki i wiemy, że klucz się nie zmieni (np. klucz nagłówka dokumentu itp.).
    np.:
ssRefnoValue=”12345″
  • ssRefnoId – parametr służący do przekazania ID kontrolki, która zawiera klucz refno. W tym przypadku kontrolka odczyta klucz refno z kontrolki o podanym ID przed wysłaniem obrazka na serwer. Zastosowanie ma sens, gdy w momencie inicjalizacji kontrolki nie znamy wartości klucza lub klucz może się zmienić np. dodawanie zdjęć do pozycji dokumentu (np. jeden zestaw kontrolek, wiele rekordów z pozycjami dokumentu, zaznaczy wiersz, przepisujemy klucz zaznaczonego wiersza do kontrolki o ID REFNO_POZ, a następnie uruchamiamy funkcję dopisania zdjęcia. Zdjęcie dodaje się do zaznaczonej pozycji, a nie całego dokumentu).
    np.:
ssRefnoId=”REFNO_POZ”
  • ssImageId – id elementu (kontenera), w który zostanie wstawiony obrazek po uploadzie na serwer. Najlepiej, aby kontener był divem z ustaloną wielkością, ponieważ wstawiony zostanie cały element <img src=”…” /> z odpowiednim linkiem w atrybucie src
  1. Zmniejszenie zdjęć
    Konfigurujący ma możliwość wybrania maksymalnego rozmiaru pliku (w px). Konfiguracja ta odbywa się przez skorowidz JZAL. Została tam dodana kolumna „Maksymalna szerokość/wysokość zdjęcia (px)”. W bazie jest to x_skorowidze.CENA – pole typu decimal.
    Wpisujemy tam wartość w pixelach, której zdjęcie nie przekroczy. Przykładowa wartość: 1920. Podczas importu zdjęcia na serwer program sprawdzi, czy szerokość lub wysokość zdjęcia przekracza 1920px. Jeżeli nie, to zdjęcie zostanie wrzucone na serwer w oryginalnym zormiarze. Jeżelei przekracza to o dłuższy bok (szerokość lub wysokość – w zależności co dłuższe) zostanie zmniejszony do 1920px, a krótszy bok zostanie zmniejszony proporcjonalnie tak, aby zachować oryginalne proporcje zdjęcia.
    Przykładowo przy ustawieniu zmniejszenia do 1920px, wgrywając zdjęcie o rozmiarze 2736×3648 w efekcie na serwerze znajdzie się zdjęcie o wielkości 1440×1920 (dłuższy bok maks 1920, krótszy z zachownaiem proporcji).
  2. Wyświetlanie podglądu zdjęć w aplikacji. Aby wyświetlić podgląd zdjęcia, należy dodać parametr ssImageId=”…”, który jako wartość przyjmie id elementu, do którego ma zostać wstawiony obrazek.

Zapis:

Wyświetlenie podglądu obrazka:

\