Założenia aplikacji

Aplikacja będzie działać w dwóch trybach:

  • edycji
  • odczytu

W trybie edycji użytkownik powinien móc: dodać, edytować lub usunąć kafelek.
W trybie odczytu kliknięcie na kafelek spowoduje przekierowanie na jego stronę internetową.

Każdy kafelek ma na stępujące parametry:

  • położenie
  • wysokość
  • szerokość
  • adres internetowy
  • kolor
  • napis
  • styl

Technologia

Znalazłem już odpowiednią bibliotekę, która pozwala na edycję kafelków: gridstack.js. Na githubie zamieszczę przykładową stronę z obsługą gristack.

Zapis użytkownia

Całość powinno dać się zapisać. Na początek spróbuję zapisywać wszystko w ciastkach. Trzeba dodać jakiś panel z przyciskami zapisu i odczytu kafelków.

Wygląd

Powstało wiele front-endowych frameworków mających pomóc w zastosowaniu Microsoft Design Language principles . (Za jakiś czas postaram się skompilować pełną listę takich frameworków). Wśród nich część posiada wsparcie dla kafelków, co, by nie robić tych styli od nowa, będę chciał wykorzystać.

Postęp w projekcie

Na github dodałem początkowy projekt strony, czyli przykład ze strony gridstacka. Prawdziwa zabawa zacznie się, gdy trzeba będzie to jakoś połączyć z jakąś biblioteką css albo frameworkiem od metro/modern UI. Tak właściwie już zacząłem nad tym pracować, ale potrzebuję to dokończyć, żeby powstał z tego prawdziwy artykuł.
Na dzisiaj to tyle, pozdrawiam.