Koncepcja platformy internetowej Dolnośląskiej Sieci Wzornictwa Przemysłowego (DSWP)

Transkrypt

1 Koncepcja platformy internetowej Dolnośląskiej Sieci Wzornictwa Przemysłowego (DSWP)

2 I. Założenia technologiczne i funkcjonalne serwisu. Strona internetowa powinna być zbudowana przy użyciu następujących technologii: - PHP w wersj conajmniej 5.3, - MySQL w wersj conajmniej 5.5, - środowisko linux, - framework PHP Symfony w wersj conajmniej 2.1.x, - ORM doctrine 2.x, - aplikacja powinna korzystać z APC (PHP), - aplikacja powinna być nowoczesna uwzglęniająca najnowsze standardy HTML5 oraz CSS3, - powinna korzystać z biblioteki javascript - jquery, Bezpieczeństwo serwisu: - aplikacja powinna być odporna na ataki typu XSS, - formularze na stronach powinny być dodatkowo zabezpieczone przy pomocy tokenów CSRF. Redagowanie serwisu: - aplikacja powinna zawierać CMS do zarządzania treścią, - CMS powinienen zawierać edytor tekstu typu WYSIWYG, - wszędzie tam gdzie wymgany jest upload obrazków powinno być zaimplementowane automatyczne ich skalowanie, aby edytujący umieszczał tylko jedną wersję obrazka, - dodawanie nowych działów i podstron oraz modyfikowanie i usuwanie już istniejących w sposób intuicyjny i zapewniający bezpieczeństwo, - dostęp do systemu CMS z poziomu przeglądarki internetowej, - dostęp do systemu CMS tylko dla wyznaczonych osób posiadający właściwy login i hasło, - statystyki odwiedzalności serwisu z podziałem na źródła odwiedzin,

3 I. Założenia technologiczne i funkcjonalne serwisu. Rejestracja oraz integracja serwisu z mediami społecznościowymi: - integracja z serwisem społecznościowym (facebook), - dzielenie się profilami na facebooku, logowanie do serwisu przy pomocy konta na facebook u, - rejestracja do serwisu w tradycyjny sposób powinna zawierać moduł potwierdzenia (aktywacja konta dopiero po kliknięciu w link w wysłanej przez serwis wiadomości). Dostępność serwisu: - możliwość przeszukiwania serwisu z poziomu wbudowanej wyszukiwarki, - strona musi być kompatybilna z urządzeniami mobilnymi takimi jak: tablety, smartfony, itp., - strona nie powinna zawierać żadnych elementów typu flash (oprócz ewentualnych filmów z youtube), - strona powinna być skalowalna w dół z zachowaniem siatki szaty graficznej przy użyciu javascriptu.

4 II. Struktura serwisu. Platforma internetowa DSWP powinna zostać zbudowana wg następującej struktury (rys 1): 1. DSWP (D1) Informacje dotyczące projektu oraz platformy tj.: jego idea, cele, informacje o organizatorach i patronach projektu, kontakt oraz regulamin serwisu. Przewidywana zawartość w postaci odnośników, podstron w dziale D1: - idea, - cele, - ludzie, - kontakt, - regulamin, - organizatorzy, - partnerzy. 2. HOME (D2) Wydarzenia i inne ważne informacje promowane przez redaktorów serwisu (D2), nowości z działów: Projektanci (D3), Producenci (D4), Nauki (D5), Produktów DSWP (D6). Przewidywana zawartość w postaci odnośników, podstron w dziale D2: - wydarzenie / informacja główna, - wydarzenia, - nowi projektanci / nowe projekty / nowe technologie, - nowi producenci / nowe produkty / nowe technologie, - nauka, - produkty dswp,

5 II. Struktura serwisu. 3. PROJEKTANCI (D3) Baza projektantów podzielona wg kategorii: - szkło, ceramika, - meble, - formy przemysłowe, - grafika Strona katologowa każdego projektanta, powinna zawierać następujące cechy: - avatar / zdjęcie / logo, - profil, opis, - projekty, - skrzynka wiadomości, - swoje kontakty w serwisie, - używane technologie, 4. PRODUCENCI (D4) Baza producentów podzielona wg kategorii: - szkło, ceramika, - meble, - formy przemysłowe, - grafika. Strona katologowa każdego producenta, powinna zawierać następujące cechy: - avatar / zdjęcie / logo, - profil, opis,

6 II. Struktura serwisu. - projekty, - skrzynka wiadomości, - swoje kontakty w serwisie, - używane technologie, 5. NAUKA (D5) Baza wiedzy technologicznej podzielona wg kategorii: - nowe technologie, - organizacje naukowe, - programy badawcze, - patenty. Strona katologowa każdej technologii stosowanej przez użytkowników DSWP powinna zawierać następujące cechy: - informacje ogólne, - listę użytkowników stosujących daną technologię. 6. PRODUKTY DSWP (D6) Informacje na temat produktów oferowanych przez projekt DSWP, podzielone wg kategorii: - warsztaty, - ankiety, - audyty, - publikacje, - wykłady, - wystawy.

7 II. Struktura serwisu. DSWP IDEA CELE HOME PROJEKTANCI PRODUCENCI NAUKA PRODUKTY DSWP KONTAKT LUDZIE WYDARZENIA NOWE TECHNOLOGIE WYSZUKIWARKA NOWE FIRMY NOWI PROJEKTANCI ORGANIZACJE NAUKOWE PROGRAMY BADAWCZE TECHNOLOGIE PATENTY PRODUKTY DSWP PROJEKTANT FIRMA TECHNOLOGIA INFORMACJE PROJEKTANCI/PRODUCENCI REGULAMIN ORGANIZATORZY PARTNERZY Rys 1. Struktura platformy DSWP

8 III. Schematy funkcjonalne serwisu. Rozkład treści i informacji kontekstowej platformy internetowej DSWP powinna zostać zbudowana wg następującej założeń (rys 2, 3, 4). Rys 2. Widok strony głównej serwisu. Logo projektu Nawigacja w strukturze strony Artykuł główny Kolumna nawigacji profilowej oraz wewnątrz działu D1 Artykuł wybrany przez użytkownika Artykuły kontekstowe w układzie kolumnowym

9 III. Schematy funkcjonalne serwisu. Rozkład treści i informacji kontekstowej platformy internetowej DSWP powinna zostać zbudowana wg następującej założeń (rys 2, 3). Rys 3. Widok strony artykułu wybranego przez użytkownika (Rys 2). Logo projektu Nawigacja w strukturze strony Treść wybranego artykułu Kolumna nawigacji profilowej oraz wewnątrz działu D1 Artykuły kontekstowe w układzie opływającym.

10 IV. Identyfikacja wizualna serwisu. 1. Typografia serwisu. Rodzina krojów Titillium Web Titillium Web Multiple Designers SIL Open Font License, 1.1 Titillium is born inside the Accademia di Belle Arti di Urbino as a didactic project Course Type design of the Master of Visual Design Campi Visivi.... Special thanks go to: Prof. Luciano Perondi, design and curation Prof. Marcello Signorile, coordination Prof. Manuel Zanettin, web project supervision Diego Giusti, design of the first prototype za

11 IV. Identyfikacja wizualna serwisu. 2. Komunikacja wizualna, identyfikacja działów struktury. D1 DSWP kolor: 10-40% krycia danego działu, schodzący gradientem skokowym wzdłuż siatki w kolumnie do 0%. znak: monochromatyczna wersja logo w kontrze. D2 HOME kolor: R14 G14 B14, #0e0e0e znak:

12 IV. Identyfikacja wizualna serwisu. D3 PROJEKTANCI kolor: R110 G206 B140, #6ece8c znak: D4 PRODUCENCI kolor: R255 G89 B78, #ff594e znak:

13 IV. Identyfikacja wizualna serwisu. D5 NAUKA kolor: R31 G184 B229, #1fb8e5 znak: D6 PRODUKTY DSWP kolor: R255 G234 B0, #ffea00 znak:

14 V. Szata graficzna serwisu. Szata graficzna (z założoną strukturą oraz funkcjonalnościami serwisu) dla widoku strony głównej (załącznik dswp_home.png)

15 VI. Odrzucona koncepcja 1.

16 VI. Odrzucona koncepcja 2.