Ten artykuł jest częścią serii Daj się poznać! (1 / 5)

Niedawno dzieliłam się z Wami swoimi planami na najbliższe miesiące. No cóż, plany mają to do siebie, że lubią się zmieniać.

Gdy wystartowała rejestracja do konkursu „Daj się poznać”, edycja 2017, nawet się nie zastanawiałam – postanowiłam wziąć udział.

Pamiętacie, wspominałam, że w najbliższym czasie planuję nauczyć się React’a oraz wypuścić przynajmniej jedną Progressive Web App? No to zamierzam połączyć te dwa cele.

Projekt będę rozwijać na Githubie. Na blogu będą pojawiać się tygodniowo dwa wpis – w tym jeden statusowy (tj. jak mi idzie 😉 ).

Z jeden strony będę publikować raporty z projektu, z drugiej postaram się opisywać to, czego się nauczyłam w temacie danych technologii, itp. Taką instrukcję dla kogoś, kto być może ma podobne plany w zakresie rozwijania kwalifikacji programistycznych.

Będzie to niestety kosztem artykułów w tematyce „Od zera”, ale mam nadzieję trochę to pogodzić publikując m.in. od czego zacząć naukę React’a, o co chodzi z Progressive Web Apps, czy też o konfiguracji mojego środowiska pracy (Git, Webpack, itp.).

Tak, ogólny plan wpisów również mam przygotowany. Jak wiecie – lubię planować 🙂 I właśnie narzędzie do planowania będę rozwijać 😉

 

Opis problemu, na który odpowie mój projekt

Będzie to aplikacja, będąca odpowiedzią nie tylko na moje potrzeby.

Prowadzenie bloga w dzisiejszych czasach często wiąże się z obecnością na kanałach Social Media. Wiele osób, zapewne słusznie, twierdzi, że potrzebna jest w tym celu strategia, regularne publikowanie postów. Ostatnio postanowiłam mocniej do tego przysiąść i opracować konkretny plan publikacji. Medium, dzień, post, cykl, itp.

Jak to ja, w celu takiego planowania zaczęłam szukać aplikacji. Wiedziałam mniej więcej czego chcę, bo wcześniej ogólny plan trzymałam w Trello. Nie mogąc znaleźć odpowiedniej aplikacji zwróciłam się w kierunku starego dobrego Excela. I szlak mnie trafił…

Zaczęłam szukać innych rozwiązań. Pytać o nie. Okazało się, że nie ma narzędzia jakiego potrzebuje. Wszyscy obchodzą problem z wykorzystaniem Excela, Trello, kalendarza, notesu albo trzymają plan w głowie. Ewentualnie korzystają z płatnych narzędzi, gdzie jedną z funkcji jest taki kalendarz. No, póki co inwestowanie 30-50$ miesięcznie w takie narzędzia… wolę zainwestować czas i stworzyć swoje 😉

P.S. Na razie nadal korzystam z Excela, nie znalazłam niczego lepszego.

 

Projekt: Kalendarz do planowania postów na kanały Social Media

Wstępne założenia projektu

Będzie to połączenie cech czterech innych aplikacji: Google Calendar, Nozbe, Trello oraz Excel’a. W każdej mi czegoś brakuje, więc postaram się wypełnić te luki i stworzyć narzędzie dedykowane planowaniu postów.

Na chwilę obecną zakładam trzy główne zakładki:

  • Kalendarz
  • Lista
  • Baza pomysłów (również w formie listy)

Dwa pierwsze widoki będą prezentowały w różny sposób te same dane, tj. listę zaplanowanych publikacji. Trzeci widok to taki „magazyn” zapasowych pomysłów z jeszcze niesprecyzowanymi terminami publikacji.

W widoku kalendarza będziemy mogli oczywiście podejrzeć zaplanowane publikacje na dzień, tydzień, miesiąc. Tu przypomina Google Calendar, jednak z możliwością odznaczenia wplanowanych publikacji oraz filtrowania po wielu parametrach. Jakich? Do tego dojdziemy za chwilę.

Aplikacja będzie służyć do planowania, nie ustawiania automatycznych publikacji. To celowe założenie.

Narzędzi do publikacji jest całkiem sporo. Można tam określić plan publikacji (czasem mamy nawet widok kalendarza),ale tylko dla danego narzędzia. Zazwyczaj korzystamy z kilku  – np. Facebook Post Planner, Jetpack (Publicize), Later, Buffer, Hootsuite, itd. Brakuje narzędzia do planowania kalendarza postów niezależnego od aplikacji jaką automatyzujemy publikacje. To właśnie chcę stworzyć.

 

Dla każdego postu będzie można określić:

  • datę publikacji,
  • cykliczność,
  • narzędzie, w którym wplanujemy automatyczną publikację,
  • kanały publikacji: Facebook, Twitter, Instagram, Google+, itd.
  • notatki,
  • (oraz być może przypiąć np. materiały do postu – zdjęcia, pliki, itd.)

 

Posty będziemy mogli filtrować pod kątem:

  • kanału publikacji,
  • narzędzia automatycznej publikacji,
  • statusu: do wplanowania, wplanowane, termin minął.

 

Dzięki temu możemy zaplanować strategię publikacji postów patrząc pod kątem jednego z kanałów, jak i na ogólny plan.

Z kolei filtrowanie po narzędziu przyda się w momencie planowania konkretnych publikacji w innych narzędziach. Np. siadamy do publikacji na Bufferze, więc interesują nas tylko posty do wplanowania w tym narzędziu. Tutaj z kolei przyda się widok Listy.

Baza pomysłów byłaby takim „magazynem” pomysłów na publikacje, zapasem postów, które nie będą jeszcze miały określonej daty. Na przykład staramy się raz na tydzień polecać ciekawe artykuły, podcasty, materiały video. Fajnie byłoby mieć wtedy taki kosz pomysłów na polecenia. Coś nam się spodobało? Ląduje w koszu pomysłów, z krótką notatką, ale bez przydzielonego terminu publikacji. Siadamy do planowania postów na dany tydzień? Przeglądamy taki „koszyk” i przydzielamy terminy publikacji lub pozostawiamy w koszu.

Narzędzie będzie można wykorzystać również do planowania kalendarza publikacji na blogu. Tutaj działaniem będzie mocno przypominać sposób, w jaki od przeszło roku planuję content z Trello. Nie będę się na ten temat rozpisywać tutaj, zapraszam do mojego wpisu na drugim blogu.

Nadal pracuje nad tym jak będzie wyglądać aplikacja. Niestety moim ulubionym sposobem jest kartka papieru i długopis 😉 Swoją drogą znacie jakieś fajne darmowe narzędzia do prototypowania aplikacji?

 

Wszelkie uwagi, pomysły względem aplikacji od strony działania mile widziane.

 

Od strony technicznej: Narzędzia

Będzie to tzw. Progressive Web App. Dość popularne ostatnio podejście w zakresie tworzenia aplikacji. Będzie możliwe dodanie jej do pulpitu telefonu, by ułatwić korzystanie z niej (bez konieczności wchodzenia na konkretną stronę). Tutaj na pewno będę chciała obsłużyć Android’a, zdążyłam już zauważyć, że może być problem z iOS (ale zobaczymy co się da zrobić).

Tak, jak pisałam – Frontend będzie stworzony w oparciu o React, którego zaczęłam się uczyć jakiś czas temu.

Aplikację zamierzam zdeploy’ować na Firebase.

Przewidywany stos technologiczny dla aplikacji?

Tu, żeby uporządkować skorzystałam z artykułu Nowoczesny stos technologiczny dla Front-endu. Ale zastrzegam, że może się zmienić, zwłaszcza na początku pisania aplikacji. Głównie dlatego, że nie mam pojęcia czy to wszystko rzeczywiście warto łączyć 😀 Czasem wykorzystanie jednego wyklucza albo pociąga za sobą wykorzystanie czegoś innego.

Pogrubiłam to, co będzie dla mnie nowością 😉

IDE: Webstorm (polecam!)

Git

NPM

JSLint, JSHint, CSSLint, ESLint

Czysty CSS, ew. Sass

Babel

Webpack

Bootstrap – zastanawiam się jeszcze czy z niego korzystać…

Firebase

Material Design

ES6

JavaScript

Node JS

React JS

Redux

Progressive Web App

 

Wszelkie porady mile widziane 😀 Tak, jak zaznaczyłam wzięłam na tapetę coś, czego jeszcze nie robiłam. Tj. miałam do czynienia z aplikacjami hybrydowymi, zdarzyło mi się pracować nad aplikacją w Ionic’u. Ale React’a zaczęłam się dopiero uczyć. Mam nadzieję, że 3 miesiące wystarczą, by stworzyć coś fajnego 😉

 

Na koniec miejsca, w których można obserwować prace nad projektem:

  • Github
  • Kategoria wpisów na blogu: Daj się poznać 2017
  • Firebase (demo aplikacji 😉 ) – tbd
  • Kanały Social Media:
    • Fanpage
    • Twitter
    • Instagram
    • Świeżutko w tym celu utworzony Snapchat 😉 Obserwuj po nazwie zjazdzyk lub wykorzystując snapkod widoczny poniżej

Życzcie mi szczęścia! 🙂 I czasu… bo z niespełna 9-miesięcznym dzieckiem przy boku nie mam go za dużo 😉

Kolejny wpis jeszcze w tym tygodniu 😉 

Series NavigationKonfiguracja środowiska pracy & uruchomienie projektu >>
  • Brzmi ciekawie. Powodzenia 🙂

  • nrm

    Jesteś moją kandydatką do wielkiego finału, nie sp… zepsuj tego 😉

  • Choć nie przystąpiłem do DSP, to robię własną wersję (mam nadzieję ze Maciej się nie pogniewam) i tematem przewodnim bedzie właśnie reactJS i nowoczestny stack

    Takze będę śledził rozwój. i licze na wymianę wiedzy w tej sprawie – tak mam w rssach

    • Zapraszam, zapraszam 😉
      Mimo, że u mnie będzie dość początkująca wiedza – jako, że dopiero się uczę React’a. Ale mam nadzieję, że przydatna 😉

  • Fajny, konkretny plan i odważny wybór technologii patrząc na liczbę pogrubionych pozycji 😀

    A jako element burzy mózgów… myślę że dla mnie w „Bazie pomysłów” wartością mogłaby być podsuwana mi w odpowiednim momencie wiedza o tym często warto publikować, porady na temat tego jak nazywać posty, ostrzeżenia jeśli zdania są za długie albo zawierają zwroty które negatywnie się kojarzą. Choć pewnie bardziej doświadczonym blogerom to niepotrzebne, sam nie wiem 😉

    Fajnie będzie na pewno zobaczyć prototyp 🙂

    • Wyszłam z założenia, że nie tyle chcę zrobić projekt, ile nauczyć się czegoś nowego 🙂 Choć mam nadzieję, że uda mi się i to, i to 😉
      Pierwsze demo mam nadzieję wypuścić już wkrótce. Tylko, że niewiele co tam będzie. Ot, tak, by pokazywać jak projekt się zmienia (a przy okazji poznać się lepiej z Firebase :P).
      Miałam się najpierw zabrać za kalendarz, ale po wstępnym zapoznaniu z Reactem – wzięłam się za prostsze zadanie – listę 😀 A kalendarzem zajmę się już później 😀

      I dzięki za podpowiedź! Naprawdę świetny pomysł z tymi poradami 🙂 Jak by mi się w ogóle udało zintegrować z narzędziami do analityki Facebooka czy Twittera <3 Rozmarzyłam się 😀 Ale to by było fajne 😀 Choć na starcie może wystarczą właśnie takie tipy na górze strony, typu: "Warto publikować 3 razy dziennie na Twitterze" czy "3-7 publikacji tygodniowo na Facebooku". Będę musiała tylko zrobić dobry research 😀

      • Albo „warto publikować 2 razy w tygodniu aby ukończyć DSP” 😛

        Może projektu nie uda się zrobić w mig, ale z drugiej strony takie intensywne blogowanie na tematy dookoła powinno pomóc dookreślić wizję tego co potrzeba. No i tak jak piszesz, chyba najfajniejsze, że to dobra okazja żeby sobie zrobić warsztaty z jakichś nowych, potencjalnie fajnych rzeczy i mieć z tego trochę radochy 😉

        • I znowu zaczęłam rozkminiać jak to ująć w aplikacji 😀 Wyznaczanie celów? I sprawdzanie jaką mamy średnią jeśli chodzi o publikacje na kanałach Social Media oraz blogu? Oj xD

          Tak, właśnie to jest też plus. Weryfikacja pomysłu, zainteresowania. Można stworzyć naprawdę świetną aplikację, która będzie odpowiadać więcej niż jednej osobie 😀

          Gdybym jeszcze nie miała tendencji do zarywania nocy przez programowanie xD

  • paw3lx

    Bardzo fajny pomysł, ciekawy zestaw narzędzi oraz frameworków. Powodzenia i pozdrawiam! 🙂

    • Dzięki! 😀 Muszę przyznać, że nadal zastanawiam się jak to będzie współgrać, ale narazie jest całkiem nieźle 😉
      Muszę też przyznać, że to niezła motywacja do konkretnego działania 😀 Jako, że za React’a nie wiem już jak długo się „brałam” 😀 A to takie przyjemne się okazało 😉

  • Zapowiada się bardzo ambitnie. Ale powiem Ci ze czytajac opis tego narzedzia sama chetnie bym z niego skorzystala, szczegolnie gdyby mial widok kledarza (nie wiem czemu, ale łatwiej mi planowac wszystko gdy widze przed soba taki regularny kalendarz).

    • Będę pamiętać! Naprawdę mam nadzieję, że za kilka miesięcy będzie dostępne 🙂
      I tak, kalendarz to zdecydowana podstawa! Od tego się w sumie u mnie zaczęło. Potrzeby takiego kalendarza do planowania aktywności. Funkcjonalność listy pojawiła się później, bo jednak kiedy już wbijasz konkretne wpisy może być wygodniej. Ale ogólny plan postów zdecydowanie w kalendarzu 🙂

  • Pingback: Zakładanie bloga – od strony technicznej - Nettelog()