Metodologies de desenvolupament en obert

Sessió sobre metodologies de desenvolupament en obert del Taller de cooperativisme de plataforma de Barcelona Activa.

Font a: https://github.com/coopdevs/metodologies_de_densenvolupament_en_obert

Transcript

1. Metodologies de desenvolupament en obert Taller Cooperativisme de Plataforma
2. Pau Pérez & Enrico Stano Desenvolupadors a Coopdevs github.com/coopdevs community.coopdevs.org
3. Com funcionen les apps a internet? Photo by Goh Rhy Yan on Unsplash
4. Client/Servidor Photo by Lan Pham on Unsplash
5. Client/Servidor 1. Servidor espera passiu 2. Client envia una petició 3. Client espera la resposta 4. Servidor processa i retorna resposta
6. Frontend Photo by Norbert Levajsics on Unsplash
7. Frontend — Navegador — Interfície d'usuari Photo by Greg Rakozy on Unsplash
8. HTML + CSS = Estil HTML <div class="row header"> <h1>Katuma</h1> <h2 class="slogan">Compra directament a <span>productores agroecològiques de proximitat</span></h2> </div>
9. HTML + CSS = Estil CSS .header { padding: 30px 0 0 50px; } h2 { font-size: 32px; font-weight: 300; margin-bottom: 40px; }
10. Javascript = Comportament if (calculator_select.attr('value') == original_calc_type) { $('.calculator-settings').show(); $('#calculator-settings-warning').hide(); $('.calculator-settings input').prop("disabled", false); } else { $('.calculator-settings').hide(); $('#calculator-settings-warning').show(); $('.calculator-settings input').prop("disabled", true); } }
11. Backend Photo by Dmitry Arslanov on Unsplash
12. Backend — Servidor/s — Lògica de negoci — Dades Photo by Thomas Kvistholt on Unsplash
13. Aplicació Implementa les operacions que permet el producte: — Registrar usuari — Realitzar compra — Localitzar botiga Retorna HTML, CSS, JS
14. Aplicació def create @payment = @order.payments.build(params) if @payment.valid? @payment.source = CreditCard.find_by_id(params[:card]) @payment.save end end
15. Base de dades Opera sobre les dades — SELECT — INSERT — UPDATE — DELETE
16. Base de dades SELECT name FROM users WHERE email = ?;
17. Base de dades També usa client + servidor
18. I els mòbils què? Photo by Antoine Barrès on Unsplash
19. Navegador App Nativa — HTML + CSS — JavaScript — Tecnologia nativa
20. Aplicació API Implementa les operacions que permet el producte: — Registrar usuari — Realitzar compra — Localitzar botiga Retorna HTML, CSS, JS dades => web API
21. Arquitectures de xarxa Photo by Edouard Ki on Unsplash
22. Centralitzada Tot depèn d'un node central
23. Descentralitzada Tot depèn d'alguns nodes
24. Distribuïda Cap node és imprescindible
25. Com es fa tot això?
26. Escrivint codi en _____* * Ruby, JS, PHP, Elixir, Rust, Java, Clojure, Bash, Haskell, C++...
27. No reinventis la roda — Anònim Photo by Alice Achterhof on Unsplash
28. Reusant codi 1. Llibreria 2. Framework
29. Sistemes de control de versions Reusem i desenvolupem codi de manera col·laborativa
30. Git Sistema distribuït de control de versions — Commits — Branques — Repositoris
31. Social coding El treball en comunitat que es construeix sobre el software
32. Github Plataforma de desenvolupament software — Allotjament de repositoris — Revisió del codi — Gestió del projecte — Social coding
33. GitLab — Allotjament de repositoris — Revisió del codi — Gestió del projecte — Social coding — Codi Obert
34. Anatomia d'un repositori Photo by Nino Liverani on Unsplash
35. Issue
36. Pull Request / Merge Request
37. Merge
38. Fork
39. Exemples RubyMoney/money coopdevs/timeoverflow departurerb/departure/ facebook/react-native discourse/discourse sindresorhus/awesome jondot/awesome-react-native
40. Metodologies àgils Photo by Patrick Perkins on Unsplash
41. Desenvolupament iteratiu Evolució del product en millores successives i incrementals
42. Desenvolupament iteratiu — Mètriques — Avaluació — Retroalimentació
43. Reunions — Planificació — Reunions periòdiques — Retrospectiva
44. Àgil i obert Photo by Erik Odiin on Unsplash
45. Desenvolupament veloç i concurrent Efectivitat i felicitat
46. Comunitats acollidores Encoratjar, facilitar i acompanyar
47. Exemples — https://github.com/openfoodfoundation/ openfoodnetwork/pull/2042 — https://github.com/openfoodfoundation/ openfoodnetwork/pull/2040 — http://community.coopdevs.org/t/presentate-al-grupo/ 187/18
48. On viu aquest so!ware? Photo by Quino Al on Unsplash
49. Administració de sistemes — Gestió de servidors — Provisionament — Desplegament — Monitorització
50. Processos compartits — Documentar-ho tot — Reusar processos entre projectes — Fàcilment replicables
51. Activitats
52. Analitza un repositori de so!ware Busca un repositori de software que t'interessi i analitza'l. Algunes coses que cal tenir en compte: — Tipus de software: Llibreria, framework o app — Filosofia de l'eina — Dependències i requisits — Com s'instal·la o arrenca — Com s'hi pot contribuir — Té una comunitat darrere?
53. Brief de desenvolupament de so!ware Redacta un brief pel teu projecte o per un que ja existeixi. Pots fer servir la plantilla inclosa als recursos de la sessió.
54. Preguntes Materials de la sessió a https://github.com/sauloperez/ metodologies_de_desenvolupament_en_obert Photo by Matthias Heil on Unsplash