-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (147 loc) · 5.06 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ris-developer-analytics</title>
<link rel="stylesheet" href="src/css/styles.css" />
</head>
<body>
<header>
<div class="main-title">
<h1 class="h1">
<img
src="./src/images/logo-redradix.svg"
alt="Logo Redradix"
class="logo"
aria-hidden="true"
/>ris-developer-analytics
</h1>
</div>
<p class="purpose">
<strong>
La finalidad principal de este proyecto es obtener información de
forma <mark>anónima</mark> de las interacciones de los
<mark>equipos de trabajo</mark> con <mark>Git</mark> para ayudarles a
<mark>mejorar</mark> sus <mark>buenas prácticas</mark> con la
herramienta.
</strong>
</p>
</header>
<main>
<section>
<h2>ℹ️ Flujo de información</h2>
<div class="informationFlow-wrapper">
<div class="informationFlow-itemContainer">
<div class="informationFlow-logoContainer">
<img
src="./src/images/npm-logo.svg"
alt="Logo npm"
class="informationFlow-logo"
/>
<img
src="./src/images/git-logo.svg"
alt="Logo git"
class="informationFlow-logo"
/>
</div>
<p class="informationFlow-text">
Instalación de paquete npm<br />+<br />Interacción del usuario con
git
</p>
</div>
<div class="informationFlow-arrow" aria-hidden="true">--></div>
<div class="informationFlow-itemContainer">
<div class="informationFlow-logoContainer">
<img
src="./src/images/database-logo.svg"
alt="Logo servidor"
class="informationFlow-logo"
/>
</div>
<p class="informationFlow-text">Base de Datos</p>
</div>
<div class="informationFlow-arrow" aria-hidden="true">--></div>
<div class="informationFlow-itemContainer">
<div class="informationFlow-logoContainer">
<img
src="./src/images/google-data-studio-logo.svg"
alt="Logo google data studio"
class="informationFlow-logo"
/>
</div>
<p class="informationFlow-text">Google Data Studio</p>
</div>
</div>
</section>
<section>
<h2>🦶 Primer paso</h2>
<p>
Instalar la <mark>dependencia</mark> <code>yeeeha</code> en nuestro
proyecto (<mark>package.json</mark>)
</p>
<pre>
{
"dependencies": {
"yeeeha": "git+https://github.com/redradix/yeeeha.git"
},
"yeeeha": {
"projectName": "Redradix"
}
}</pre
>
</section>
<section>
<h2>⌨️ Interacción del usuario con Git</h2>
<p>
Una vez que el usuario comience a utilizar Git, se enviará a un
<mark>base de datos</mark> la siguiente información:
</p>
<ul>
<li>
<code>userName</code> --> <mark>Hash</mark> obtenido a partir del
usuario de Git (para que el usuario permanezca en el
<mark>anónimato</mark>)
</li>
<li><code>event_name</code> --> commit, push o merge</li>
<li>
<code>projectName</code> --> Nombre del repositorio (se obtiene del
package.json)
</li>
<li><code>day</code> --> Día</li>
<li><code>hour</code> --> Hora</li>
</ul>
<p class="note">
Nota: Se podrá obtener información de los usuarios que utlicen un
cliente de Git tipo Sourcetree o GitKraken.
</p>
</section>
<section>
<h2>🔍 Observando la información en Google Data Studio</h2>
<p>
La visualización de los datos obtenidos se realizará mediante un
dashboard enfocado a analizar
<mark
>información agregada perteneciente a la actividad de cada grupo o
proyecto.</mark
>
En un principio, cualquier PM o Lead estará en condiciones de detectar
anomalías y/o oportunidades de mejora en el desarrollo de un proyecto.
<mark>Responde a preguntas sencillas</mark>
como cuáles son los horarios de mayor actividad en el equipo, para
evitar proponer ceremonias o reuniones en esas franjas.
</p>
<p class="lastParagraph">
<span class="bigEmoji" aria-hidden="true">👉</span>
<a
href="https://datastudio.google.com/u/0/reporting/996cc45c-007e-48f9-b3a6-878e6c4f88a7/page/xnYvC"
target="_blank"
>
Demo Google Data Studio</a
>
</p>
</section>
</main>
</body>
</html>