3
1
Fork 0
dydaktyka/bikol/ZPRILI1_201819L/gr18.md

5.4 KiB

Strona automatycznie zmigrowana z systemu Eduwiki z wykorzystaniem Pandoc bikol,pilka,s415474,s430522,s426106,s383935,s340904:admin,read,write,revert Known:read All:

CMS Creator

Darmowe narzędzie, w którym użytkownik w łatwy i szybki sposób może stworzyć własną stronę internetową typu one-page. Użytkownik wybiera elementy spośród gotowych szablonów i dostosowuje je zgodnie z własnymi preferencjami. Budowanie strony jest proste i przypomina układanie klocków. System ze względu na swoją prostotę może być używany nie tylko przez programistów, ale przede wszystkim przez każdą osobę, która chce stworzyć własną stronę bez korzystania z wyspecjalizowanej agencji lub software house'u.

Role osób w zespole

Milena Anus -- Frontend Developer, Product Owner <
> Jadwiga Helak -- UX / Design <
> Jan Czerwiński -- Backend Developer <
> Maciej Konieczny -- Frontend Developer <
> Marcin Czainski -- Scrum Master, Frontend Developer <
>

Wykorzystywane technologie

PHP 7.3, Symfony 4, Docker <
> MySQL <
> Vue.js, Javasctipt, npm<
> HTML5, CSS3, Bootstrap 4 <
> API Restowe postawione na Google Cloud <
> JSON Web Tokens <
> Nginx <
> Firebase <
>

Wstępny harmonogram na czerwiec

  1. Wstępny projekt architektury systemu - przedyskutowanie funkcjonalności systemu i ustalenie wspólnych zasad (np. formaty wymiany danych). Wstępna struktura bazy danych.

2. Backend: szkielet aplikacji z logowaniem, rejestracją, możliwość dodania elementu jednego typu (boks)  
3. Design: projekt graficzny ekranu logowania, ekranu rejestracji, ekranu po zalogowaniu.
4. UX: makieta dashboard (dashboard z listą elementów projektu i menu po prawej stronie do edycji całego projketu) oraz makieta ekranu dodawania elementu, makieta edycji elementu. 
5. Frontend: zakodowany widok ekranu logowania, rejestracji, wstępny zarys HTML ekranu dashboard oraz ekranu dodawania elementu.  

Tygodniowe sprinty, spotkania na Skype co wtorek.

Linki

Repozytorium: <
> https://gitlab.com/amu-projekt-inzynierski <
><
> Jira: <
> https://jira.wmi.amu.edu.pl/projects/CMSKON

Wizja systemu

Dla kogo skierowane jest to narzędzie?

  • Dla użytkownika w wieku 15-45 lat
  • Dla użytkownika, który chciałby mieć prostą stronę internetową typu one page.
  • Dla użytkownika chcącego stworzyć stronę wizytówkową swojej firmy np. zakład fryzjerski, mechanik samochodowy, biuro rachunkowe lub stronę wydarzenia np. zlot fanów BMW
  • Dla użytkownika, który nie ma pieniędzy na drogą stronę internetową z indywidualnym projektem graficznym.
  • Dla użytkownika, który chce samodzielnie dopracować swoją stronę pod kątem wizualnym, oraz mieć możliwość spersonalizowania niemal każdego szablonowego elementu zgodnie z własnym pomysłem.
  • Dla użytkownika, który nie ma wiedzy, ani umiejętności wystarczających do samodzielnego stworzenia strony.
  • Dla użytkownika, który po opublikowaniu strony ma zamiar często aktualizować treści na stronie np. cennik usług, godziny otwarcia firmy itp.

Na stronę można dodać następujące elementy

  • header/menu
  • slidery
  • tekst
  • blok boksów
  • galerie
  • formularz kontaktowy (jeśli wystarczy czasu)
  • mapa
  • footer

Szczegółowy opis elementów znajduje się tutaj https://docs.google.com/document/d/1emawGcAIkvdKb3CAqQrua1yh0t9-bkRzUdoj35_WAUc/edit

Główne założenia modyfikowalnych elementów

  • Każda z powyższych sekcji ma swoją własną nazwę która może być wyświetlana w postaci nagłówka sekcji strony.
  • Każda zmiana użytkownika w czasie rzeczywistym jest wyświetlana na podglądzie strony (bez przeładowania strony).
  • Można dowolnie zmieniać kolejność wyświetlanych sekcji.
  • Można dowolnie zmieniać kolejność wyświetlanych elementów w obrębie poszczególnych sekcji.
  • W każdej sekcji użytkownik wybiera checkboxem, czy ma się pojawiać do niej link w menu oraz system nadaje jej unikalne id tzw. slug.

W jaki sposób działa panel administracyjny?

  • Do budowania strony udostępniamy mechanizm przeciagnij i upuść oraz zespół pól formularza, edytor TinyMCE
  • W zależności od wybranego elementu (oraz jego typu), wyświetlają się odpowiednie pola do edycji.
  • Użytkownik może wybierać grafiki/ikony/tła spośród gotowej bazy zdjęć lub wgrać własne pliki graficzne spełniające określone kryteria.

Jak stworzyć stronę w naszym kreatorze

  1. Zarejestruj się.

2. Utwórz nowy projekt. (możesz mieć ich kilka)
3. Przejdź do edycji projektu.
4. Wybierz spośród gotowych szablonów jakie elementy chcesz mieć na stronie. 
5. Dostosuj każdy z elementów zgodnie z własnymi preferencjami. Wybierz kolory, czcionki, wgraj swoje grafiki, ikony, uzupełnij wyświetlane teksty.
6. Ściągnij i opublikuj stronę.