How we make a hackaton by making a conference. Authors are: Tomek Netczuk, Tomek Pęksa and Michał Lewandowski.

1. H A C K A T H O N
Czyli jak zrobić sobie zawody
z przygotowania do konferencji.
l

2. {Foundation, Docker, nginx, Node.js, Meteor,
Mongo, Python, Flaskr, Jinja, Ruby, SASS,
HTML5, Bash, GitHub, Mailgun} = Warsjawa 2014
l

3. Foundation
n
Mobile first, responsive, web frontend framework (podobny do Bootstrapa)
HTML5
SASS (kompilowany do CSS), kompilator i konfiguracja w Rubym

4. GitHub gh-pages
n

5. warsjawa.pl
github pages
static page
n

6. Przejście na szablony
n
Zmiany były powolne, dużo treści (prelegenci) powodowało dużo błędów.
Więc wprowadziliśmy szablony (Python + Jinja + bash).

7. Docker
n
Pojawiła się potrzeba odpalenia projektu u innych. Dużo zależności (Python,
Ruby, SASS, itd) mocno zniechęcały.
Pojawił się więc Docker (aplikacja do zarządzania lekkimi kontenerami).

8. Docker
n
Dodatkowa enkapsulacja pomogła w dodawaniu nowych automatyzacji: dane
przechowywane w YAMLu.
Teraz chcąc wysłać stronę, robiliśmy git push na wskazane repo.

9. Request
Frontend
nginx static page
n

10. Tiktalik
l

11. Zalety
l

12. Wady
l

13. Tiktalik
*.warsjawa.pl/*
Frontend
nginx static page
l

14. Deployment v1
Git Post-Receive Hook
Procedura:
● docker stop
● docker rm
● docker build
● docker run
l

15. Tiktalik
*.warsjawa.pl/*
Frontend
nginx static page
git push
l

16. Deployment v2
https://github.com/razius/github-webhook-handler
Procedura:
● docker stop
● docker rm
● docker build
● docker run
l

17. Deployment v2
Staging
Production
l

18. Tiktalik Systemy
zewnętrzne
GitHub
onCommit
restart
container
*.warsjawa.pl/*
Frontend
nginx static page
l

19. System do maili - Backend
l

20. Przypadki użycia
● Wysłyanie maili po rejestracji
● Przekazywanie maili od prowadzących
warsztat
● Potwierdzanie użytkowników
● Usługi dla NFC
p

21. Stos technologiczny
Python
Flask
mongo(mock)
Czas wykonania testów <1s
p

22. Tiktalik
Backend Mailgun
Mongo warsjawa
Systemy
zewnętrzne
GitHub
onCommit
restart
containers
*.warsjawa.pl/*
Frontend
nginx static page
p

23. Backend Fuckup 1
Jednowątkowy python blokujący cały backend
p

24. Backend Fuckup 2
Długi czas odpowiedzi w przypadku niedostępności Mailguna
p

25. Meteor
n
Meteor platforma do budowania aplikacji webowych (serwer i klient).
W całości w JS (Node).
Websockety.
Mongo.
meteor.com

26. Tiktalik
workshops.warsjawa.pl
Backend Mailgun
Mongo warsjawa
Systemy
zewnętrzne
GitHub
onCommit
restart
containers
*.warsjawa.pl/*
Frontend
nginx static page
Meteor
n

27. Godzina ‘zero’
Rejestracja VIP’ów przebiegła pomyślnie.
Byliśmy spokojni i pewni siebie.
n

28. Godzina ‘zero’
timeouty na serwerze meteor
backend wołany asynchronicznie
n

29. Godzina ‘zero’
brak danych w meteorze
szpachla, szpachla, szpachla
l

30. Godzina ‘zero’
400 osób się zarejestrowało
wydaje się, że działa
l

31. Godzina ‘zero’
zdychają JS’y
● przeniesienie meteor na tiktalik
● optymalizacja JS po stronie klienta
n

32. Tiktalik
Meteor rejestracja Backend Mailgun
Mongo
meteor warsjawa
Systemy
zewnętrzne
GitHub
onCommit
restart
containers
*.warsjawa.pl/*
Frontend
nginx static page
p

33. Działało, więc nie dotykaliśmy więcej
l

34. Ale trzeba było wysłać potwierdzenia...
l

35. Tiktalik
Meteor rejestracja Backend Mailgun
Mongo
meteor warsjawa
Systemy
zewnętrzne
GitHub
onCommit
restart
containers
*.warsjawa.pl/*
Frontend
nginx static page
Wysyłka
potwierdzeń l

36. user = {
"_id" : ObjectId("507f191e810c19729de860ea"),
"email": "jan@kowalski.pl",
"name": "Janek",
"key": "ASJHD@UE*G*HASDASIDHGUWGU",
"isConfirmed": true,
"emails": []
}
l
Before

37. user = {
"_id" : ObjectId("507f191e810c19729de860ea"),
"isConfirmed": true
}
l
After

38. Tomasz Netczuk
@netczuk
netczuk.pl
Tomasz Pęksa
@tpeksa
Michał Lewandowski
@lewandm4
blog.klkl.pl