gerardfp.github.io/_materials/einesgoogle/index.html at master · gerardfp/gerardfp.github.io · GitHub

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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<!--meta {urls: [smx/m8/uf2], tags: [web, google]}-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="/sofi/js/script.js"></script>
<link rel="stylesheet" href="/sofi/css/estil.css">

<header>
    <h1>Eines Google</h1>

    <abstract>
        <p>En aquesta pràctica aprendrem a utilizar diverses eines web
            proporcionades per Google.
        </p>

        <p>La pràctica es realitzarà en grups, aprofitant les possiblitats de
            treball colaboratiu que ofereixen aquestes eines.
        </p>
    </abstract>
</header>

<section>
    <p>La pràctica consisteix a confeccionar una enquesta orientada
        als desenvolupadors web, que permeti obtenir una visió
        de com aprenen, quines eines utilitzen, i quins objectius tenen.
    </p>

    <p>Les preguntes de l'enquesta han d'estar relacionades amb els següents punts:</p>
    <ul>
        <li>Perfil dels desenvolupadors
            <ul>
                <li>Geografia</li>
                <li>Edat</li>
                <li>Gènere</li>
                <li>Experiència</li>
            </ul>
        </li>
        <li>Tecnologies
            <ul>
                <li>Llenguatges</li>
                <li>Frameworks/Llibreries</li>
                <li>Editors de codi</li>
                <li>Navegadors web</li>
                <li>Servidors web</li>
                <li>Bases de dades</li>
                <li>Sistemes operatius</li>
            </ul>
        </li>
        <li>Aprenentatge
            <ul>
                <li>Objectius</li>
                <li>Recursos</li>
            </ul>
        </li>
        <li>Àmbit laboral
            <ul>
                <li>Experiència laboral</li>
                <li>Objectius laborals</li>
            </ul>
        </li>
    </ul>

    <p>Aquí teniu un petit exemple que us pot orientar en el vostre treball:
        <br><a href="https://sites.google.com/view/enquesta-webdevs/">https://sites.google.com/view/enquesta-webdevs/</a>
    </p>
</section>

<section>
    <h2>Desenvolupament de la pràctica</h2>

    <p>Per a portar a terme l'enquesta, utilitzarem les següents eines:</p>

    <img src="img/google_tools.png">

    <ul>
        <li><p><strong>Sites</strong> ens permetrà crear una web on podrem publicar
        l'enquesta i els resultats</p></li>
        <li><p><strong>Forms</strong> ens permetrà elaborar l'enquesta i obtenir
            les respostes</p></li>
        <li><p><strong>Sheets</strong> ens ajudarà a fer una anàlisi i generar gràfiques
            a partir de les respostes</p></li>
        <li><p><strong>Docs</strong> ens permetrà elaborar l'informe amb els resultats</p></li>
    </ul>

    <p>El primer pas és crear una carpeta al Google Drive, on s'han de crear
        tots els arixus que necessitem.
        <br>Anomeneu-la <name>A4-<em>membre1</em>-<em>membre2</em>-<em>membre3</em></name>
        substituint <name>membre</name>, pel nom d'usuari de cada membre de l'equip
        (sense <name>@elpuig.xeill.net</name>)
    </p>
    <p>Compartiu aquesta carpeta (amb permís <strong>Editor</strong>) amb tots els membres de l'equip,
        i també amb els professors.</p>
    <img src="img/share_folder.png">

    <p>Creeu els quatre arxius que necessitarem:</p>
    <img src="img/fitxers.png">

    <p>A partir d'aquí us podeu organitzar el treball com més us agradi.
        <br>La recomanació és que en primer lloc cada membre del grup
        investigui una eina diferent i aprengui a utilitzar-la, valorant les
        possibilitats que ofereix per al desenvolupament del projecte.</p>
    <p>Podeu començar amb una enquesta <em>de prova</em>, amb preguntes provisionals,
        i elaborar la web, els gràfics i els informes amb respostes que vosaltres
        mateixos podeu contestar.
        <br>Més endavant, entre tots, escriviu les preguntes definitives.
    </p>

</section>

<section>
    <h2>Site</h2>

    <img src="img/sites.png">

    <p>Caldrà utilitzar l'eina <strong>Google Sites</strong> per a crear un lloc web,
    en el qual hi posarem l'enquesta i els resultats.</p>

    <p>Serà necessari:</p>
    <ul>
        <li>Dissenyar l'aspecte del lloc web:
            <ul>
                <li>Afegir un logo i un favicon</li>
                <li>Escollir i personalitzar un tema</li>
                <li>Caldrà tenir cura amb el contingut que es vagi afegint</li>
            </ul>
        </li>
        <li>S'han de crear, al menys, tres pàgines: una de <strong>benvinguda</strong>,
            una per a l'<strong>enquesta</strong>,
             i una altra per als <strong>resultats</strong>.
        </li>
        <li><p>Els gràfics de la pàgina de resultats han de provenir del fitxer
            <file>respostes</file> i s'han d'inserir amb <img src="img/embedicon.png">
            per a que estiguin enllaçats.</p>
        </li>
        <li>Hi ha d'haver un enllaç per a descarregar l'informe de resultats en format <tech>pdf</tech>.</li>
    </ul>
</section>

<section>
    <h2>Form</h2>

    <img src="img/forms.png">

    <p>El formulari s'ha de crear amb <strong>Google Forms</strong>.</p>
    <p>Ha de tenir, al menys:</p>
    <ul>
        <li>Una pregunta de cada tipus (excepte "File upload"):
            <img src="img/tipus_preguntes.png">

        </li>
        <li>En al menys una pregunta de tipus "Multiple choice" o "Checkboxes",
            s'ha de donar l'opció al responent a donar una altra resposta diferent
            a les opcions oferides
        </li>
        <li>Hi ha d'haver, al menys, una pregunta de resposta obligatòria</li>
        <li>Com a mínim una pregunta ha d'incloure imatges en les respostes</li>
        <li>Diferents seccions</li>
        <li>Barra de progrés</li>
        <li>El tema escollit per al disseny del formulari ha de ser coherent amb el de la web</li>
    </ul>
</section>

<section>
    <h2>Sheet</h2>

    <img src="img/sheets.png">

    <p>Utilitzarem l'eina <strong>Google Sheets</strong> per a emmagatzemar les
    respostes de l'enquesta. Farem una anàlisi de les dades i elaborarem gràfics per a
    l'informe de resultats.</p>

    S'han de crear diferents tipus de gràfics, utilitzant el tipus més adequat per a cada
    pregunta.

</section>

<section>
    <h2>Doc</h2>

    <img src="img/docs.png">

    <p>L'informe de resultats haurà de tenir:</p>
    <ul>
        <li>Una portada</li>
        <li>Una "Taula de continguts"</li>
        <li>Capçalera</li>
        <li>Els gràfics de resultats s'han d'afegir des de la <em>sheet</em> <file>respostes</file>.</li>
    </ul>

    <p>S'haurà d'exportar en format <tech>pdf</tech> per tal de que pugui ser descarregat
    mitjançant un enllaç a la web.</p>
</section>