Windows 8 UI. Grzegorz Róg eduweb.pl
|
|
- Ludwika Nowakowska
- 8 lat temu
- Przeglądów:
Transkrypt
1 Windows 8 UI Grzegorz Róg eduweb.pl
2 demo Windows 8 Windows Phone
3 platformy i technologie
4 Jak działa Windows 8? I czy naprawdę muszę to wiedzieć?
5 Ekosystem Windows Szybkość i płynność działania Full Screen i 100% szerokości i wysokości dla aplikacji Interfejs przystosowany pod ekrany dotykowe Aplikacje pracujące razem i wymieniające dane Dostępność na wszystkich urządzeniach Tabletach PC-tach i laptopach Smartfonach
6 Kluczowe obszary systemu Nowe środowisko uruchomieniowe (WinRT) Interfejs Modern UI Nowe środowisko działania aplikacji Obsługa nowych urządzeń Sklep Windows
7 Platforma Windows 8
8 API Aplikacji Windows 8
9 Jak to działa?
10 HTML5
11 CSS3
12 Livecycle aplikacji App gets 5s to handle suspend App is not notified before termination Uruchomienie przez użytkownika Apps are notified when they have been resumed Splash screen
13 aplikacje natywne a webowe + szybkość + dostęp do funkcji natywnych + spójny wygląd - wiele platform - aktualizacje + multiplatformowość + łatwe aktualizacje + wspólne standardy - brak dostępu do funkcji natywnych
14 hardware przyciski accelerometr i żyroskop. mikrofon, aparat / kamera, głośniki. bluetooth. WiFi. 3G
15 Akcelerometr, żyroskop
16 Czujnik światła
17 czym jest Windows 8 UI?
18 nie ma złych projektów, są kiepskie interfejsy.
19 Wprowadzenie do Windows 8 UI Jak Microsoft zmienił się o 180 stopni Jak Modern UI wpływa na twórców aplikacji? Zasada Win as One Dlaczego to ma sens?
20 Wprowadzenie UI kontra UX, Czym jest zatem Windows 8 UI? a design language is an overarching scheme or style that guides the creation of a common set of experiences and user interfaces
21
22
23
24 WYTYCZNE =/= WYMOGI
25
26
27
28
29
30
31 Inspiracje Windows 8 UI Szkoła Bauhaus Swiss Style Cinematographics
32 Bauhaus
33
34
35 Intuicja i schematy
36 Cinematographics Catch Me if You Can Opening Title Sequence Quantum of Solace: Opening
37 Koncepcja W8 UI
38
39
40 brak daty przydatności. ponadczasowość, nowoczesność.
41 uniwersalność informacja porządek typografia globalizacja
42 treść ruch nowoczesność przestrzeń cyfrowość
43 kafelki i notyfikacje - Zwykłe kafelki (Tlies) - Live Tiles - Powiadomienia Toast - WPS
44
45 Kafelki Pierwsze, które widzi użytkownik Dwa rozmiary 1/1 i 2/1 W manifeście aplikacji Używane gdy nie ma Live Tile Identyfikacja aplikacji
46 Live Tile Nawet jeśli aplikacja nie działa JPG lub PNG max 150KB Text, obrazek lub łącznie Aktualizowane przez notyfikacje Local content działająca aplikacja Local content zaplanowane Push / pull z serwera Szablony
47 Badg e Symbole na kafelkach Liczby 1-99 Symbole i znaki
48 Kolejkowanie powiadomień Domyślnie pokazuje się tylko ostatnia notyfikacja Możliwe jest wyświetlanie 5 ostatnich powiadomień
49 Notyfikacje Toast Poza kontekstem aplikacji Przyciągnij uwagę użytkownika Użytkownik może wyłączyć Szybki sposób na nawigację Szablony jak w Live Tile
50 Windows Notfication Service Dostarczają toasty i Live Tile z chmury Wyświetlają powiadomienia nawet, jeśli aplikacja nie działa WNS odpowiada za komunikację z aplikacją Dostępne tylko online Darmowa usługa dla Twoich aplikacji
51 Jak to działa? Zdobycie Channel URI Rejestracja Azure Autentykacja i powiadomienie
52 Jak to działa?
53 Lock Screen Aplikacje działające w tle mogą odpowiadać za komunikację (mail, voip). Mogą być odświeżane co 15 min. Użytkownik może je wyłączyć dla konkretnych aplikacji.
54 Powiadomienia Toast, Live Tile: 2 sek CPU, co 2 godziny Notyfikacje Lock Screen 1 sek CPU, co 15 min
55 tematy (themes) i kafelki w WP
56 App Bar i Charms y
57 Nawigacja zgodnie z Win as One App Bar jest uruchamiany przez przeciągniącie od góry, od dołu lub wciśnięcie spacji W App Barze znadjują się polecenia i funkcje kontekstowe aplikacji Charms y uruchamiamy przeciągając z prawej strony W Charms ach znajdują się zunifikowane funkcje: Wyszukiwanie Search Ustawienia Settings Urządzenia - Device
58
59
60
61
62 Działanie App Bar App Bar, który znajduje się na dole służy jako menu kontekstowe App Bar na górze służy do nawigacji
63 Widoki Snap i Fill
64 Widoki aplikacji
65 Widok Snap i Fill
66 { /* Re-arrange and hide/show content */
67 <Grid x:name="layoutroot"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:name="orientationstates"> <VisualState x:name="fullscreen" /> <VisualState x:name="filled" /> <VisualState x:name="snapped" /> <VisualState x:name="portrait" /> </VisualStateGroup> </VisualStateManager.VisualStateGroups> </Grid>
68 Kontrakty
69 Pod maską procesów
70 Account
71 Działanie Kontraktów Charms jako spójny mianownik Zasada Win as One Wymiana danych przez aplikacje z Share Uruchomienie aplikacji Splash Screen (do 15s., kolor + png) Search kontra Find Search przeszukuje całą aplikację Find zazwyczaj przeszukuje konkretny widok
72
73 Share kontrakt
74 Share kontrakt
75 Share kontrakt
76 Ustawienia - Settings Wszystkie ustawienia aplikacji w jednym miejscu Intuicyjne dla użytkownika Nie twórz dodatkowych ustawień w obrębie aplikacji Przykładowe: Pomoc, O Aplikacji, Regulamin Po wybraniu ustawień z Charm a Twoja aplikacja kontroluje UI Zachowaj prostą strukturę i grafikę
77 Pakiety danych w Share
78 Wykorzystaj File Picker Dodatek który pozwala dostać się do contentu aplikacji skądkolwiek System obsługuje całe UI pickera Nawigacja Koszyk selekcji Masz jednak wpływ na prezentację wyników Wybierz File Picker Item Template Wsparcie dla ListView, Selection, Viewstate
79
80 Dotyk
81 Dotyk TOUCH FIRST MOBILE FIRST
82 Projektując pod dotyk obsługę myszy dostajesz gratis
83 Dotyk 9x9 9px 7px 5x5 9px 7px 5x5 9mm9mm 5mm5mm
84 Mapa wizualna Umieść nawigację we właściwym miejscu!
85 Projektowanie dla dotyku Niezwykle ważny jest brak opóźnień Operacje powinny być odwracalne, dla bezpieczeństwa TAP to nie jedyny event! Pamiętaj o Slide etc. Przesuwać można tylko w jednym kierunku
86 Sklep Windows
87 Sklep Windows
88 Sklep Windows
89 Wersja Trial
90
91
92
93 wiele ekranów - statystyki ranking.pl - rozdzielczości
94 dpi, ppi i inne trudne skróty
95 Pixel Density i rozdzielczość
96 Skalowanie i pixel density Fonty, obrazki i inne elementy interfejsu lepiej prezentują się na wyższej rozdzielczości. Windows automatycznie skaluje zawartość w zależności od rozdzielczości oraz wartości DPI
97
98 Skalowanie Fontów
99 Skalowanie siatki
100 Skalowanie? A po co to komu?
101 Zarządzalny whitespace
102 Większy content
103 Więcej contentu
104
105 Przykładowe rozmiary ekranów i aplikacja
106 Rozmiary w Windows 8 Aplikacje powinny być maksymalnie skalowalne Minimalna rozdzielczość to 1024x768px Rozpoczynamy projektowanie od 1366x768px Aplikacja zajmuje 100% ekranu Używaj VS Simulator aby sprawdzić jak aplikacja prezentuje się na wielu rozdzielczościach
107 Schematy layoutu aplikacji
108 Skalowalny layout z HTML5 i CSS3
109 Skalowalny layout z XAML
110
111 Grid w Windows 8
112 Założenia Wykorzystanie Grida umożliwia skalowalność Layout jest bardziej poukładany i solidny Wykorzystaj szablony.psd od Microsoft
113 Grid w Windows 8
114
115
116
117
118
119 Grid w Windows Phone
120 Kolory
121
122 Kolory Nasycenie - saturation Kolory jednolite - solid Presety i profile na kuler.adobe.com
123 Typografia i ikonografia
124 Typografia
125 Segoe UI
126 Segoe UI
127
128 42pt 20pt 11pt 11pt 9pt 11pt
129 Ikonografia
130
131 Ruch i animacja
132 Animacja np. WinJS.UI.Animation.enterPage(element, offset).done();
133 przejście Przemieszczanie się pomiędzy aplikacjami
134 kontynuacja Lekki ruch w obrębie konkretnej aplikacji
135 interfejs Przekazywanie informacji bez dekoncentrowania
136 przesuwanie Sygnalizacja początku i końca listy - aplikacji
137 własna Tworząc nowy rodzaj animacji pamiętaj o tym, że content jest zawsze ważniejszy od tego, w jaki sposób został on wyświetlony z pomocą animacji.
138 Content is the King
139 ikonografika vs infografika
140
141 Whitespace Jeśli element interfejsu nie pomaga spełniać zadania aplikacji przeszkadza jej
142
143
144
145 Semantyka treści Treść ma strukturę, ważność, hierarchię. Zdecyduj za użytkownika
146
147
148 Establish common anchors Identify commonalities between different pages, and present those elements in a consistent manner. Use a stable rail When content goes off screen, let it move from edge to edge along a single axis. Let off screen objects peek in and use negative space to create a visual rail. Create a focal point Select a hero for your content, and add visual volume to it to make it the first thing that catches people's eyes.
149 Nawigacja
150 Nawigacja
151
152
153 Nawigacja w Modern UI
154 Hierarchiczna nawigacja
155 Schemat nawigacji Hierarchicznej
156
157 Semantic Zoom
158
159 Semantic Zoom
160 Contoso Travel Featured destinations Last minute deals My Trips
161 Contoso Travel Barcelona, Spain 7 night Alaska Cruise
162 Contoso Travel Featured destinations Last minute deals My Trips Ocean View Cabins Suites Upgrade from an inside cabin and save $43/night/person! Picture windows with ocean and port views From $2,099 only $150/night/person based on double occupancy Upgrade from an inside cabin and save $43/night/person! Picture windows with ocean and port view From $2,099 only $150/night/person do
163 Schemat nawigacji płaskiej
164 Przykład nawigacji płaskiej
Karol Żak Microsoft Technical Evangelist
Karol Żak a-kazak@microsoft.com Microsoft Technical Evangelist 2 3 5 6 7 8 http://dev.windowsphone.com http://appstudio.windowsphone.com 9 10 11 12 http://dev.windows.com http://dev.windowsphone.com 13
Bardziej szczegółowoCamspot 4.4 Camspot 4.5
User manual (addition) Dodatek do instrukcji obsługi Camspot 4.4 Camspot 4.5 1. WiFi configuration 2. Configuration of sending pictures to e-mail/ftp after motion detection 1. Konfiguracja WiFi 2. Konfiguracja
Bardziej szczegółowoUSB firmware changing guide. Zmiana oprogramowania za przy użyciu połączenia USB. Changelog / Lista Zmian
1 / 8 Content list / Spis Treści 1. Hardware and software requirements, preparing device to upgrade Wymagania sprzętowe i programowe, przygotowanie urządzenia do aktualizacji 2. Installing drivers and
Bardziej szczegółowoTworzenie cross-platformowych aplikacji w Xamarin.Forms
Tworzenie cross-platformowych aplikacji w Xamarin.Forms Wprowadzenie Tomasz Gibulski Microsoft Certified Professional (MCP) Microsoft Certified Technology Specialist (MCTS) tomasz@gibulski.com www.gibulski.com
Bardziej szczegółowoWarszawa, Wytyczne dla projektu Biblioteka GUI
Warszawa, 30.03.2017 Wytyczne dla projektu Biblioteka GUI Jaka powinna być biblioteka GUI? 2 Proponowany zakres treści na stronie biblioteki na aplikacje.gov.pl 2 Wytyczne dla identyfikacji wizualnej:
Bardziej szczegółowoUSB firmware changing guide. Zmiana oprogramowania za przy użyciu połączenia USB. Changelog / Lista Zmian
1 / 9 Content list / Spis Treści 1. Hardware and software requirements, preparing device to upgrade Wymagania sprzętowe i programowe, przygotowanie urządzenia do aktualizacji 2. Installing drivers and
Bardziej szczegółowoJak na telefonie używać śladów trasy KML/GPX
Jak na telefonie używać śladów trasy KML/GPX informacja dla uczestników EDK, z systemem Windows Phone 10 Spis treści 1. Przygotowanie pliku ze śladem trasy i stacjami (konwersja KML > GPX)... 1 2. Pobierz
Bardziej szczegółowoSEMINARIUM Dwie perspektywy w projektowaniu na Responsive Web Design (User experience i webdeveloper)
Katalizator Innowacji - usługi doradcze dla biznesu realizowane w modelu audytu benchmarkowego. Projekt współfinansowany przez Unię Europejską z Europejskiego Funduszu Rozwoju Regionalnego. Dotacje na
Bardziej szczegółowoNr: 15. Tytuł: Kancelaris w systemie Windows 8 i Windows 8.1. Data modyfikacji:
Nr: 15 Tytuł: Kancelaris w systemie Windows 8 i Windows 8.1 Data modyfikacji: 2013-10-25 Co zawiera ten dokument: Ten dokument opisuje elementy systemu Windows 8 i Windows 8.1 powiązane z programem Kancelaris.
Bardziej szczegółowoZałożenia projektu: Projekt ma zadanie pokazać praktyczne zastosowanie App Inventor 2, poprzez stworzenie prostej aplikacji do nauki słówek.
App Inventor II Flashcards Spis treści: 1. Opis projektu...1 2. Rozpoczęcie pracy.2 3. Projektowanie interfejsu.. 1 4. Zaprogramowanie aplikacji....2 5. Podsumowanie... 3 Część I Założenia projektu: Projekt
Bardziej szczegółowo1. Pobierz darmową aplikację BlueStacks ze strony
Aplikacja MOBILE-ALERTS przeznaczona jest dla smartfonów z systemami Android oraz ios. Istnieje jednak możliwość korzystania z niej na urządzeniach z systemem Windows. W tym celu należy posłużyć się jednym
Bardziej szczegółowoProgramowanie aplikacji dla Sklepu Windows w języku C#
Programowanie aplikacji dla Sklepu Windows w języku C# Matt Baxter-Reynolds i Iris Classon przekład: Natalia Chounlamany Krzysztof Kapustka APN Promise Warszawa 2014 Spis treści Przedmowa...........................................................
Bardziej szczegółowoMAC DVB-T STICK. Instrukcja obsługi. Watch & record Digital TV programs on Your Mac! MT4170
MAC DVB-T STICK Watch & record Digital TV programs on Your Mac! MT4170 Instrukcja obsługi PL Spis treści Spis treści 2 Ogólne 2 Wprowadzenie 2 Właściwości 2 Wymagania systemowe: 2 Zawartość opakowania
Bardziej szczegółowoUSB firmware changing guide. Zmiana oprogramowania za przy użyciu połączenia USB. Changelog / Lista Zmian
1 / 12 Content list / Spis Treści 1. Hardware and software requirements, preparing device to upgrade Wymagania sprzętowe i programowe, przygotowanie urządzenia do aktualizacji 2. Installing drivers needed
Bardziej szczegółowoTworzenie własnych Smart Mobile Apps dzięki MobileHMI. ICONICS Worldwide Customer Summit - 2013
Tworzenie własnych Smart Mobile Apps dzięki MobileHMI Agenda Przemiany Technologiczne Urządzenia mobilne PC Phone Browser Do 2016 By 2020 1/3 światowej populacji połączona przez ponad 20 miliardów urządzeń
Bardziej szczegółowo1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa
1 LEKCJA Definicja grafiki Dział informatyki zajmujący się wykorzystaniem komputerów do generowania i przetwarzania obrazów (statycznych i dynamicznych) oraz wizualizacją danych. Główne działy grafiki
Bardziej szczegółowoUX ma znaczenie. O różnych podejściach do projektowania interakcji na mobile.
UX ma znaczenie. O różnych podejściach do projektowania interakcji na mobile. K r a k ó w, 2 4. 0 5. 2 0 1 3 Agenda 1. Co to jest UX? 2. Benchmark vs Badania 3. Guidelines vs my way 4. Silosy vs Team 5.
Bardziej szczegółowoZamek Elektroniczny ENTR Instrukcja obsługi
Zamek Elektroniczny ENTR Instrukcja obsługi 2 7 8 9 Klucz imbusowy 2mm 9 Klucz imbusowy 3mm 2 3 5 4 Naciśnij zaznaczony przycisk aby dodać zamek do aplikacji Kliknij przycisk SCAN
Bardziej szczegółowoinode instalacja sterowników USB dla adaptera BT 4.0
instalacja sterowników USB dla adaptera BT 4.0 2014 ELSAT 1. Instalowanie sterownika USB dla adaptera BT4.0 Oprogramowanie do obsługi inode na komputery PC z Windows wymaga współpracy z adapterem obsługującym
Bardziej szczegółowoPodstawy Windows Phone 7.5
Podstawy Windows Phone 7.5 Projektowanie aplikacji przy użyciu Silverlight Shawn Wildermuth Przełożył Jakub Niedźwiedź APN Promise Warszawa, 2012 Spis treści Przedmowa xix Wstęp xxi Podziękowania xxiii
Bardziej szczegółowoUtworzenie aplikacji mobilnej Po uruchomieniu Visual Studio pokazuje się ekran powitalny. Po lewej stronie odnośniki do otworzenia lub stworzenia
Utworzenie aplikacji mobilnej Po uruchomieniu Visual Studio pokazuje się ekran powitalny. Po lewej stronie odnośniki do otworzenia lub stworzenia nowego projektu (poniżej są utworzone projekty) Po kliknięciu
Bardziej szczegółowoMicrosoft Visual SourceSafe uproszczona instrukcja użytkowania
Politechnika Białostocka Wydział Informatyki mgr inż. Tomasz Łukaszuk Microsoft Visual SourceSafe uproszczona instrukcja użytkowania Wprowadzenie Microsoft Visual SourceSafe jest narzędziem pozwalającym
Bardziej szczegółowoInstrukcja obsługi przełącznika KVM ATEN CS661. Opis urządzenia. Instalacja urządzenia
Instrukcja obsługi przełącznika KVM ATEN CS661 Opis urządzenia Przełącznik ATEN CS661 jest urządzeniem małych rozmiarów, które posiada zintegrowane 2 kable USB do podłączenia komputera lokalnego (głównego)
Bardziej szczegółowoSKRÓCONY PODRĘCZNIK UŻYTKOWNIKA PROGRAMU. NOKIA PC SUITE 4.81 for Nokia 6310i. Copyright 2001 Nokia Corporation. Wszelkie prawa zastrzeżone.
SKRÓCONY PODRĘCZNIK UŻYTKOWNIKA PROGRAMU NOKIA PC SUITE 4.81 for Nokia 6310i Copyright 2001 Nokia Corporation. Wszelkie prawa zastrzeżone. Spis treści 1. WSTĘP...1 2. WYMAGANIA SYSTEMOWE...1 3. INSTALOWANIE
Bardziej szczegółowoSKRÓCONA INSTRUKCJA OBSŁUGI
w Konwertowalny tablet SKRÓCONA INSTRUKCJA OBSŁUGI 8085 LKB001X CJB1FH002AQA Spis treści 1 Pierwsze kroki... 1 1.1 Wygląd... 1 1.2 Ładowanie tabletu i klawiatury... 3 1.3 Wkładanie kart microsd i SIM...
Bardziej szczegółowoUSB firmware changing guide. Zmiana oprogramowania za przy użyciu połączenia USB. Changelog / Lista Zmian
1 / 14 Content list / Spis Treści 1. Hardware and software requirements, preparing device to upgrade Wymagania sprzętowe i programowe, przygotowanie urządzenia do aktualizacji 2. Installing drivers and
Bardziej szczegółowoPoznaj nowy Windows. Piękny. Szybki. Wydajny.
Poznaj nowy Windows. Piękny. Szybki. Wydajny. Dostępne Najważniejsze wersje elementy, Windows: o których 1. trzeba Windows wiedzieć 8 i je pokazać : 2. 1. Windows Ekran startowy 8 Pro i żywe kafelki
Bardziej szczegółowoBaner internetowy w standardzie GIF - metoda tworzenia tandemem aplikacji Illustrator - ImageReady.
Baner internetowy w standardzie GIF - metoda tworzenia tandemem aplikacji Illustrator - ImageReady. Konspekt jest przeznaczony zasadniczo dla studentów II roku studiów zaocznych i studentów dziennych lat
Bardziej szczegółowoSpis treści. PL Korzystanie z systemu Android TM Rozwiązywanie problemów
Spis treści Zawartość opakowania... 114 Pierwsze uruchomienie... 115 Opis urządzenia... 116 Poprzez Wizard... 117 Nawiązywanie połączenia z siecią Wi-Fi... 118 Interfejs Android TM... 120 PL Korzystanie
Bardziej szczegółowoRESPONSYWNE INTERFEJSY. Klasy urządzeń klienckich Responsywne style CSS. Waldemar Korłub
RESPONSYWNE Waldemar Korłub INTERFEJSY Klasy urządzeń klienckich Responsywne style CSS Wytwarzanie Aplikacji Internetowych KASK ETI Politechnika Gdańska Klasy urządzeń klienckich Desktopy z zewnętrznymi
Bardziej szczegółowoMonitory Avtek i system Windows 10
Monitory Avtek i system Windows 10 Opis W tym poradniku znajdują się wskazówki dotyczące wykorzystania funkcji dotykowych monitorów Avtek wraz z systemem operacyjnym Windows 10. Najnowszy system Microsoftu
Bardziej szczegółowoCMS ios. Instrukcja obsługi dla iphone i ipad
CMS ios Instrukcja obsługi dla iphone i ipad Instrukcja obsługi wersja 1.0 (January 2012) Instrukcja dla programu w wersji 1.40 1 Spis treści 1. Wstęp 3 1.1 Opis systemu 4 2. Pierwsze uruchomienie programu
Bardziej szczegółowoSymulator tabletu z systemem Windows 8.
Symulator tabletu z systemem Windows 8. Witam w mojej kolejnej publikacji, tym razem dowiesz się: - Jak uruchomić symulator tabletu z w pełni funkcjonalnym systemem operacyjnym Windows 8; - Jak wykorzystać
Bardziej szczegółowoSMARTWATCH ZGPAX S99
Instrukcja obsługi SMARTWATCH ZGPAX S99 BEZPIECZEŃSTWO: Przed rozpoczęciem użytkowania przeczytaj uważnie całą instrukcję obsługi. Rysunki i zrzuty ekranu mogą się różnic w zależności od aktualnego oprogramowania.
Bardziej szczegółowoKoncepcja platformy internetowej Dolnośląskiej Sieci Wzornictwa Przemysłowego (DSWP)
Koncepcja platformy internetowej Dolnośląskiej Sieci Wzornictwa Przemysłowego (DSWP) I. Założenia technologiczne i funkcjonalne serwisu. Strona internetowa powinna być zbudowana przy użyciu następujących
Bardziej szczegółowoSKRÓCONY PODRĘCZNIK UŻYTKOWNIKA PROGRAMU. NOKIA PC SUITE 4.51a for Nokia 6510. Copyright 2002 Nokia Corporation. Wszelkie prawa zastrzeżone.
SKRÓCONY PODRĘCZNIK UŻYTKOWNIKA PROGRAMU NOKIA PC SUITE 4.51a for Nokia 6510 Copyright 2002 Nokia Corporation. Wszelkie prawa zastrzeżone. Spis treści 1. WSTĘP...1 2. WYMAGANIA SYSTEMOWE...1 3. INSTALOWANIE
Bardziej szczegółowoSymulator doboru koloru i przetłoczenia bramy garażowej oraz wzoru drzwi wejściowych. do elewacji budynku klienta
Symulator doboru koloru i przetłoczenia bramy garażowej oraz wzoru drzwi wejściowych do elewacji budynku klienta Wszechobecna nowa technologia Smartfony obecnie coraz częściej zastępują zwykłe telefony
Bardziej szczegółowoDynamiczny DNS dla usług typu Neostrada przykład konfiguracji
W usłudze Neostrada TP czy Net24 (Netia) router otrzymuje jeden publiczny adres IP, który zapewnia globalną osiągalność routera z dowolnego miejsca w Internecie. Niestety adres ten ulega losowej wymianie
Bardziej szczegółowoStrona Główna & Kategorie
Formaty reklamowe Strona Główna & Kategorie 3 Strona Główna: Showcase Strona główna, na pierwszej pozycji 1200x400 px 150 kb Flat Fee (1 dzień) - Typ pliku: jpg, png, gif; - Bez białego tła; - Margines
Bardziej szczegółowoPolitechnika Poznańska, Instytut Informatyki, TWO/GE. Programowanie dla ios
Politechnika Poznańska, Instytut Informatyki, TWO/GE Programowanie dla ios 13 stycznia 2012 Urządzenia ios Urządzenie Data prezentacji iphone 9.01.2007/06.2007 ipod touch 5.09.2007 iphone 3G 9.06.2008
Bardziej szczegółowoIkona aplikacji. Ikona aplikacji to grafika wyświetlająca się na ekranie ipada. Służy do uruchomienia aplikacji Salesbook.
Wytyczne graficzne Ikona aplikacji Ikona aplikacji to grafika wyświetlająca się na ekranie ipada. Służy do uruchomienia aplikacji Salesbook. 01 Ikona aplikacji 01 Standardowa ikona aplikacji Salesbook
Bardziej szczegółowoKamera internetowa TRACER Prospect Cam. Instrukcja obsługi. TRACER Prospect Cam Webcam User Manual
TRACER Prospect Cam Instrukcja obsługi TRACER Prospect Cam Webcam User Manual 2 www.tracer.eu Specyfikacja techniczna Wysoka rozdzielczość: przetwornik CMOS kolor Rozdzielczość: 1300k pikseli (interpolowana
Bardziej szczegółowoDVD MAKER USB2.0 Instrukcja instalacji
DVD MAKER USB2.0 Instrukcja instalacji Spis treści V1.0 Rozdział1: Instalacja karty telewizyjnej DVD MAKER USB2.0...2 1.1. Zawartość opakowania...2 1.2. Wymagania systemowe...2 1.3. Instalacja sprzętu...2
Bardziej szczegółowoSmacznego.rzeszow.pl. Instrukcja obsługi
Smacznego.rzeszow.pl Instrukcja obsługi Ostatnia aktualizacja 13.01.2010 13:05 Spis treści 1. Rejestracja... 1 1.1. Rejestracja w portalu... 1 1.2. Zapomniałem hasła... 2 2. Logowanie... 0 2.1. Menu użytkownika...
Bardziej szczegółowoHow to share data from SQL database table to the OPC Server? Jak udostępnić dane z tabeli bazy SQL do serwera OPC? samouczek ANT.
Jak udostępnić dane z tabeli bazy SQL do serwera OPC? samouczek ANT How to share data from SQL database table to the OPC Server? ANT tutorial Krok 1: Uruchom ANT Studio i dodaj do drzewka konfiguracyjnego
Bardziej szczegółowoAndroid tworzenie aplikacji mobilnych
Android tworzenie aplikacji mobilnych Charakterystyka Szkolenie ma na celu zaznajomienie słuchaczy z tworzeniem aplikacji działających na systemie operacyjnym Android z naciskiem na przedstawienie zaawansowanych
Bardziej szczegółowoCover sheet. WinCC (TIA Portal) FAQ Listopad 2012
Cover sheet W jaki sposób migrować projekt zintegrowany ze STEP 7 z WinCC flexible do WinCC (TIA Portal)? WinCC (TIA Portal) FAQ Listopad 2012 Service & Support Answers for industry. Pytanie Dokument ten
Bardziej szczegółowoPrzewodnik. DynaMed Plus.
Przewodnik DynaMed Plus http://support.epnet.com/training/lang/pl/pl.php DynaMed Plus jest narzędziem informacji klinicznych, dzięki któremu lekarze mogą znaleźć odpowiedzi na kliniczne pytania. Treść
Bardziej szczegółowoWytyczne dot. grafiki aplikacji TBP
Załącznik nr 2 Wytyczne dot. grafiki aplikacji TBP Wytyczne ogólne Aplikacja Team Building Platform powinna być zaprojektowana na minimalną rozdzielczość ekranu: 1024x768. Filmy dostępne w aplikacji będą
Bardziej szczegółowoRys. 3. Kod elementów na stronie po dodaniu kontrolek podstawowych.
1 2 Kontrolki standardowe WP7 Michał Ręczkowicz, Opublikowano: 2012-02-08 http://msdn.microsoft.com/pl-pl/library/rozpoczecie-pracy-z-windows-phone--kontrolki-standardowe W tym samouczku dowiesz się, jakie
Bardziej szczegółowoWebowy i mobilny interfejs uczelni - mstudia
Webowy i mobilny interfejs uczelni - mstudia Bartosz Borejko Maj 2018 r. Agenda: Trochę statystyki Typowe problemy mstudia założenia i korzyści mstudia funkcjonalności mstudia interfejs webowy Plany rozwojowe
Bardziej szczegółowoJVC CAM Control. Podręcznik użytkownika. for Android. Polski LYT2562-010A 0812YMHYH-OT
JVC CAM Control for Android Podręcznik użytkownika Polski LYT2562-010A 0812YMHYH-OT Obsługa JVC CAM Control Steruj kamerą za pomocą smartfona lub tabletu z systemem Android. Aplikacja dla tabletów Android
Bardziej szczegółowoStrona Główna & Kategorie
Formaty reklamowe Strona Główna & Kategorie 3 Strona Główna: Showcase Strona główna, na pierwszej pozycji 1200x400 px 150 kb Flat Fee (1 dzień) - Typ pliku: jpg, png, gif; - Bez białego tła; - Margines
Bardziej szczegółowoKonfiguracja drukarki AdobePS w systemie Windows
Konfiguracja drukarki AdobePS w systemie Windows Instalacja sterownika AdobePS aps102.exe Skopiuj sterownik AdobePS w wersji 1.02 z internetowej witryny Adobe.(www.adobe.com). Dostępnych jest kilka wersji
Bardziej szczegółowoINSTALACJA modemu Trimble TDL3G
INSTALACJA modemu Trimble TDL3G Parowanie modemu z kontrolerem TSC2 1. Aby przystąpić do procedury parowania modemu TDL 3G z kontrolerem, należy uprzednio zainstalować w kontrolerze aplikację TDL 3G Connector
Bardziej szczegółowoArchitektura interfejsu użytkownika
Uniwersytet Jagielloński Interfejsy graficzne Wykład 3 Architektura interfejsu użytkownika Barbara Strug 2011 Hall of shame Hall of Shame Hall of Fame O czym dzisiaj Model Widok- Kontroler Hierarchia widoków
Bardziej szczegółowoRADIOMETR RUM-2 Nota Aplikacyjna
RADIOMETR RUM-2 Nota Aplikacyjna AN-R117-003 RUM-2 w Windows 7 Edycja II Informacje zawarte w niniejszym dokumencie mają charakter informacyjny. Wszelkie nieścisłości należy rozstrzygać na korzyść instrukcji
Bardziej szczegółowoAplikacja Shoper Appstore Powiązane w koszyku REALIZACJA
Aplikacja Shoper Appstore Powiązane w koszyku REALIZACJA Spis treści Instalacja aplikacji...3 Korzystanie z aplikacji...5 Konfiguracja aplikacji...7 Wyświetlanie na stronie szczegółów produktu...7 Wyświetlanie
Bardziej szczegółowoZałącznik do umowy nr..
Załącznik do umowy nr.. z dnia I Opis przedmiotu zamówienia specyfikacja techniczna: 1. System mobilny: Aplikacja przeznaczona dla telefonów z systemem Android, wersja 4.0 wzwyż i napisana w języku natywnym
Bardziej szczegółowoK2 XVR-04, K2 XVR-08, K2 XVR-16, K2 XVR-24. Rejestrator Cyfrowy S E R I E: K2 XVR. DVR klient. Instrukcja użytkownika 2011.05.19.
Rejestrator Cyfrowy S E R I E: K2 XVR DVR klient Instrukcja użytkownika 2011.05.19 Strona 1 / 5 1. Jak połączyć się z DVR poprzez sieć komputerową. K2 XVR-04, K2 XVR-08, K2 XVR-16, K2 XVR-24 (Rysunek 1)
Bardziej szczegółowoJak uaktualnić komputer firmy TOSHIBA z systemem Windows do systemu Windows 10
Jak uaktualnić komputer firmy TOSHIBA z systemem Windows do systemu Windows 10 Drogi Kliencie! Niniejszy dokument zawiera informacje o tym, jak uaktualnić niektóre komputery lub tablety TOSHIBA z preinstalowanym
Bardziej szczegółowoPrzewodnik szybkiej instalacji
Przewodnik szybkiej instalacji TL-PS110U Pojedynczy Serwer Wydruku USB2.0 Fast Ethernet TL-PS110P Pojedynczy Serwer Wydruku z portem równoległym Fast Ethernet Rev:1.0.0 7106500679 V1.0 A Przed rozpoczęciem,
Bardziej szczegółowoRESPONSYWNE INTERFEJSY. Klasy urządzeń klienckich Responsywne style CSS. Waldemar Korłub
RESPONSYWNE Waldemar Korłub INTERFEJSY Klasy urządzeń klienckich Responsywne style CSS Wytwarzanie Aplikacji Internetowych KASK ETI Politechnika Gdańska Klasy urządzeń klienckich Desktopy z zewnętrznymi
Bardziej szczegółowoRejestratory AVILINK Konfiguracja połączenia przez Chmurę P2P Rejestratory AVILINK Konfiguracja połączenia przez Chmurę P2P
Rejestratory AVILINK Konfiguracja połączenia przez Chmurę P2P Rejestratory AVILINK Konfiguracja połączenia przez Chmurę P2P Str. 1 1. Wstęp Chmura P2P pozwala na zdalny dostęp do rejestratora podłączonego
Bardziej szczegółowoAplikacja Fidbox. wersja 3.1. dla systemów ios i Android. Wymagania dla systemu Android: Bluetooth 4 i system Android w wersji 4.
Aplikacja Fidbox wersja 3.1 dla systemów ios i Android Wymagania dla systemu Android: Bluetooth 4 i system Android w wersji 4.1 lub nowszej Wymagania dla systemu Apple ios: Bluetooth 4 i system ios w wersji
Bardziej szczegółowoĆwiczenie Nr 6 Przegląd pozostałych najważniejszych mechanizmów systemu operacyjnego Windows
Ćwiczenie Nr 6 Przegląd pozostałych najważniejszych mechanizmów systemu operacyjnego Windows Cel ćwiczenia: Zapoznanie się z: zarządzaniem systemami plików, zarządzaniem atrybutami plików, prawami do plików
Bardziej szczegółowoPokaz slajdów na stronie internetowej
Pokaz slajdów na stronie internetowej... 1 Podpisy pod zdjęciami... 3 Publikacja pokazu slajdów w Internecie... 4 Generator strony Uczelni... 4 Funkcje dla zaawansowanych użytkowników... 5 Zmiana kolorów
Bardziej szczegółowoWindows Phone 8 z czym to się je?
22.02.2013 Kraków Windows Phone 8 z czym to się je? Rafał Czupryński Rafał Czupryński Technical Evangelist Developer and Platform Group Microsoft v-rafacz@microsoft.com O czym dzisiaj? Witamy w rodzinie
Bardziej szczegółowoInstrukcja obsługi programu DS150E. Dangerfield March. 2009V3.0 Delphi PSS
Instrukcja obsługi programu DS150E 1 SPIS TREŚCI Główne elementy... 3 Instrukcje instalacji.... 5 Konfiguracja Bluetooth.26 Program diagnostyczny...39 Zapis do ECU (OBD)...85 Skanowanie..88 Historia...93
Bardziej szczegółowo3 Programy do tworzenia
3 Programy do tworzenia prezentacji PowerPoint 2007 3.1. Tworzenie prezentacji w programie PowerPoint 2007 Tworzenie prezentacji w programie PowerPoint 2007 jest podobne jak w programie PowerPoint 2003.
Bardziej szczegółowoLaboratorium programowania urządzeń mobilnych
Laboratorium programowania urządzeń mobilnych Wprowadzenie Hierarcha klas dla aplikacji typu Silverlight tworzonej przez Visual Studio jest następująca: Obsługa ekranu W urządzeniach z Windows Phone 7
Bardziej szczegółowoMVVM i XAML w Visual Studio 2015 / Jacek Matulewski. Gliwice, cop Spis treści
MVVM i XAML w Visual Studio 2015 / Jacek Matulewski. Gliwice, cop. 2016 Spis treści Część I Wzorzec MVVM. Podstawy XAML 7 Rozdział 1. Szybkie wprowadzenie do XAML 9 Wzorzec widoku autonomicznego 9 Tworzenie
Bardziej szczegółowoINSTRUKCJE JAK AKTYWOWAĆ SWOJE KONTO PAYLUTION
INSTRUKCJE JAK AKTYWOWAĆ SWOJE KONTO PAYLUTION Kiedy otrzymana przez Ciebie z Jeunesse, karta płatnicza została zarejestrowana i aktywowana w Joffice, możesz przejść do aktywacji swojego konta płatniczego
Bardziej szczegółowoInstrukcja obsługi. Karta video USB DVR-USB/41
Instrukcja obsługi Karta video USB DVR-USB/41 UWAGA: Dane techniczne oraz treść poniższej instrukcji mogą ulec zmianie bez uprzedzenia. Niektóre dane techniczne mogą różnić się w zależności od danego modelu
Bardziej szczegółowoKAMERA OBROTOWA IP WIFI HD 720p model: AK203A. INSTRUKCJA OBSŁUGI dla Windows
KAMERA OBROTOWA IP WIFI HD 720p model: AK203A INSTRUKCJA OBSŁUGI dla Windows Wstęp Kamera AK203A została zaprojektowana z myślą o zastosowaniu w gospodarstwach domowych oraz w małych i średnich przedsiębiorstwach.
Bardziej szczegółowoDokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl
Dokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl Projekt i wykonanie Dominika Marzec dominika.marzec@poczta.fm Spis treści 1. Charakterystyka ogólna... 3 2. Domena i hosting... 3
Bardziej szczegółowoPierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Bardziej szczegółowoZadanie 2. Tworzenie i zarządzanie niestandardową konsolą MMC
Zadanie 2. Tworzenie i zarządzanie niestandardową konsolą MMC W tym zadaniu utworzymy niestandardową konsolę MMC. Będziemy dodawać, usuwać i zmieniać kolejność przystawek. Następnie przygotujemy konsolę
Bardziej szczegółowoMicrosoft.NET: ASP.NET MVC + Entity Framework (Code First)
Microsoft.NET: ASP.NET MVC + Entity Framework (Code First) Do realizacji projektu potrzebne jest zintegrowane środowisko programistyczne Microsoft Visual Studio 2012. W ramach projektu budowana jest prosta
Bardziej szczegółowoSPECYFIKACJA TECHNICZNA REKLAMY W APLIKACJACH
SPECYFIKACJA TECHNICZNA REKLAMY W APLIKACJACH BANNER NA LIŚCIE ZAKUPÓW LUB EKRANIE GŁÓWNYM APLIKACJI BANNER 1080X180PX W LISTONIC I MOJA GAZETKA. Rozmiar: obrazek 1080x180px. Format: jpg, gif, png (bez
Bardziej szczegółowo1. Od czego zacząć? - Instalacja środowiska pracy
1. Od czego zacząć? - Instalacja środowiska pracy 1.1 Jeśli mamy komputer z Windows 8.1 Prof. lub nowszy W takim przypadku potrzebne nam będą tylko aktualne aktualizacje no i oczywiście środowisko pracy.
Bardziej szczegółowoJVC CAM Control (dla ipada) Instrukcja Obsługi
JVC CAM Control (dla ipada) Instrukcja Obsługi Polski Niniejsza instrukcja jest przeznaczona dla oprogramowania (dla ipada) dla Live Streaming Camera GV-LS2/GV-LS1 produkcji JVC KENWOOD. Modele kompatybilne
Bardziej szczegółowoPlanning and Cabling Networks
Planning and Cabling Networks Network Fundamentals Chapter 10 Version 4.0 1 Projektowanie okablowania i sieci Podstawy sieci Rozdział 10 Version 4.0 2 Objectives Identify the basic network media required
Bardziej szczegółowoMAMP: Można to pobrać i zainstalować z XAMPP: Można go pobrać i zainstalować z
WordPress : Omówienie I Instalacja Na początek, dlaczego byłbyś zainteresowany wykorzystaniem WordPressa razem z PhoneGap? Zapytałbym: "Dlaczego byś nie?" Moim zdaniem WordPress jest jednym z najłatwiejszych
Bardziej szczegółowoInstrukcja laboratoryjna cz.3
Programowanie aplikacji internetowych 2014/2015 Instrukcja laboratoryjna cz.3 Technologia Silverlight cz.1 Prowadzący: Tomasz Goluch Wersja: 4.1 I. Szablon aplikacji oparty o platformę nawigacyjną. Cel:
Bardziej szczegółowoOprogramowanie. DMS Lite. Podstawowa instrukcja obsługi
Oprogramowanie DMS Lite Podstawowa instrukcja obsługi 1 Spis treści 1. Informacje wstępne 3 2. Wymagania sprzętowe/systemowe 4 3. Instalacja 5 4. Uruchomienie 6 5. Podstawowa konfiguracja 7 6. Wyświetlanie
Bardziej szczegółowoAgenda. Implicit intents Wyświetlanie obrazków Menu Ikona aplikacji Praca z kolekcjami i ListView Własny widok
Android WYKŁAD 3 Agenda Implicit intents Wyświetlanie obrazków Menu Ikona aplikacji Praca z kolekcjami i ListView Własny widok Implicit intents włącz przeglądarkę www wywołanie intencji "na ślepo" Implicit
Bardziej szczegółowoWSZELKIE PRACA ZASTRZEŻONE PRZEZ NETLAND SP. Z O.O.
SmartSAB Instrukcja użytkownika Wersja aplikacji 2.0 WSZELKIE PRACA ZASTRZEŻONE PRZEZ NETLAND SP. Z O.O. 0 Spis treści 1. WSTĘP... 2 2. INTERFEJS... 3 2.1 Mapa... 3 2.2 Menu aplikacji... 4 3 PRACA Z APLIKACJĄ...
Bardziej szczegółowoTomography Tracking Instrukcja użytkownika
Tomography Tracking Instrukcja użytkownika 1 Spis treści 1. Wymagania... 3 2. Pierwsze uruchomienie... 3 3. Główne okno aplikacji... 3 4. Menu podręczne... 4 a. Zakładka File... 4 b. Zakładka Edit... 4
Bardziej szczegółowoKrok po kroku... (czyli jak stworzyć i wydrukować krzyżówkę)
- Program do tworzenia krzyżówek. - Krzyżówki mogą być przygotowywane w formie drukowanej lub elektronicznej. - Program jest bezpłatny, jeśli ćwiczenia przygotowywane za jego pomocą są udostępniane odbiorcą
Bardziej szczegółowoGalileo v10 pierwszy program
Notatka Aplikacyjna NA 03011PL Galileo v10 Spis treści 1. Wstęp... 2 1.1. Wymagania programowe... 2 2. Podstawy... 3 2.1. Tworzenie nowego projektu... 3 2.2. Dodawanie pola tekstowego... 10 2.3. Przechodzenie
Bardziej szczegółowoTL2200QVP. Instrukcja obsługi regulatora ściegów
TL2200QVP Instrukcja obsługi regulatora ściegów Spis treści Funkcje wyświetlacza... 3 Używanie ekranu dotykowego... 4 Zielony wskaźnik... 4 Manualny Tryb szycia... 4 Prędkość maksymalna / Manualny tryb
Bardziej szczegółowoOprogramowanie sieciowe: EnNET wersja 2.5. Instrukcja obsługi. ul. Jutrzenki 94, 02-230 Warszawa, www.volta.com.pl
: Instrukcja obsługi ul. Jutrzenki 94, 02-230 Warszawa, www.volta.com.pl 1 SPIS TREŚCI 1 Ogólne informacje... 4 2 Podgląd na Ŝywo LIVE... 6 2.1 Połączenie z rejestratorem... 6 2.2 Podgląd na Ŝywo... 7
Bardziej szczegółowoPODŁĄCZENIE I KONFIGURACJA BRAMKI VOIP
PODŁĄCZENIE I KONFIGURACJA BRAMKI VOIP LINKSYS PAP2T 1. Podłączenie urządzenia 2. Ustalenie adresu IP bramki 3. Konfiguracja bramki w przeglądarce WWW 4. Dodanie bramki w panelu użytkownika FreecoNet KROK
Bardziej szczegółowoPROJEKTOWANIE APLIKACJI INTERNETOWYCH
PROJEKTOWANIE APLIKACJI INTERNETOWYCH LABORATORIUM NR 2 REJESTRACJA NA WEBRATIO.COM 1. Wejdź na webratio.com i zarejestruj konto na uczelniany adres email (@wi.zut.edu.pl). 2. Po wpisaniu danych i zatwierdzeniu,
Bardziej szczegółowoIIIIIIIIIIIIIIIMMIMMIII
IIIIIIIIIIIIIIIMMIMMIII O programie Program Itelix itender Manager przeznaczony jest do zarządzania zapytaniami ofertowymi przesyłanymi za pomocą poczty elektronicznej przez firmy korzystające z systemu
Bardziej szczegółowoPrzed skonfigurowaniem tego ustawienia należy skonfigurować adres IP urządzenia.
Korzystanie z Usług internetowych podczas skanowania sieciowego (dotyczy systemu Windows Vista z dodatkiem SP2 lub nowszym oraz systemu Windows 7 i Windows 8) Protokół Usług internetowych umożliwia użytkownikom
Bardziej szczegółowoCHMURA W EDUKACJI PRACA SYNCHRONICZNA NA DYSKACH SIECIOWYCH I APLIKACJE DOSTĘPNE ONLINE
CHMURA W EDUKACJI PRACA SYNCHRONICZNA NA DYSKACH SIECIOWYCH I APLIKACJE DOSTĘPNE ONLINE http://metodycy.torun.pl/ m.informatyka@metodycy.torun.pl Abstract. We will find out what is cloud computing and
Bardziej szczegółowo