Front-end ehk eesrakendus

Explore

II poolaasta

Grupitöö – veebilehe ühisarendus

Koostööülesanne Git'i ja GitHubi kasutamiseks

Ülesande eesmärk: Luua meeskonnatööna lihtne veebileht, kasutades HTML-i, CSS-i ja pilte.

Aeg: 1,5 tundi

Rühmade suurus: 3 liiget grupis

Ülesande etapid ja tegevused:

1. Sissejuhatus, ülesande tutvustus, rühmade moodustamine ja repositooriumi loomine (10 minutit)

Iga rühm loob GitHubis uue repositooriumi. Kõik rühma liikmed lisatakse selle repositooriumi kaastöötajatena.

2. Kavand

Kavand on tuttav varasematest tundidest:

08. hero+3.kaardiga lehe tegemine⁠

Lubatud on kasutada juba loodud koodijuppe. Grupp jagab omavahel ülesanded – 1) HTML 2) CSS 3) pilditöötlus. Pildid tuleb töödelda html-is ettenähtud mõõtu.

⁠

Kavand tuleb laadida repositooriumi, et kõik meeskonnaliikmed saaksid seda näha ja sellele viidata.

3. Branch'ide loomine ja arenduse alustamine (5 minutit) Git'i käsklused ja seonduv on meil läbitud esimestes tundides, sealt leitavad ka abimaterjalid:

Git'i käsud⁠

⁠

Iga meeskonnaliige kloonib repo ja loob oma branch'i: feature-html HTML-i jaoks, feature-css CSS-i jaoks ja feature-images piltide jaoks.

git checkout -b [branchi_nimi]

4. Arendus: HTML, CSS, piltide lisamine (40 minutit)

HTML looja arendab index.html faili, lisab elemente vastavalt wireframe'ile.

CSS looja arendab styles.css faili, rakendades stiile.

Pilditöötleja lisab ja optimeerib pilte kaustas images.

Kõik liikmed commit'ivad ja push'ivad oma muudatusi regulaarselt:

git add . git commit -m "Kirjeldav sõnum" git push origin [branchi_nimi]

Ülesande lõppedes peab iga liige olema teinud perioodiliselt vähemalt 10 commitit. 5. Pull Requestide loomine ja koodi ülevaatamine (10 minutit)

Iga meeskonnaliige loob GitHubis pull requesti oma branch'ist main branch'i.

Teised meeskonnaliikmed vaatavad PR-id üle, kommenteerivad ja teevad ettepanekuid parandusteks.

6. Branch'ide merge'imine main branch'iga (15 minutit)

Merge'ige kõigepealt feature-html, seejärel feature-css ja lõpuks feature-images.

Lahendage tekkinud konfliktid ja veenduge, et kõik muudatused töötavad koos hästi.

7. Lõplik ülevaatus ja refleksioon (10 minutit)

Vaadake üle lõplik veebileht main branch'is.

Arutage, mida õpiti ja millised olid suurimad väljakutsed.

Refleksioon esitage

README.md⁠

failis.

Kuidas saate endale hinnangu anda, ehk milline on hea tulemus:

Table

Table

Tegevus

100%

75%

50%

Kommentaar

Tööde jaotus ja koostöö

Tööjaotus toimus kiirelt. Probleeme ei olnud. Igaüks oli nõus tegema erinevaid ülesandeid.

Igaüks valis selle ülesande, mis talle kõige meeldivam tundus.

Tööde jaotus venis, kulutasime sellele liialt aega

Siin on parem hinnang antud sellisele koostööle, kus igaüks võtab ükskõik, mis ülesande, kuna see näitab, et iga liige on koostöö nimel valmis tegema kõike. Teisel jaotusel, kus igaüks valib endale meelepärase, pole muidugi väga viga, ent võib juhtuda, et keegi jääb siin nö vaeslapse rolli, kuna ka tema tahaks valida midagi, mida keegi teine jubva valis.

Omavaheline suhtlus iseseisvate tööosade tegemise ajal

Toimus aktiivne suhtlus, küsisime teineteise käest abi. Aitasime, vajadusel näitasime ette.

Pusisime iseseisvalt. saime hakkama.

Tegime iseseisvalt, päris hästi kõigest aru ei saanud. Vajasime õpetaja abi.

Eesmärk on koostöö ja seeläbi hakkama saamine. Õpetaja abi võiks kasutada pigem viimases hädas – teil on endal piisavalt oskusi ja teadmisi, kust veel abi saab.

Koodi liitmine

Oli põnev. Testisime seda koos. Saime hakkama. Õpetaja pisut aitas ka.

Grupi liider tegi ära.

Liiga keeruline.

Nagu kirjeldusest näha, on eesmärk ühiselt lahenduse leidmine.

Refleksioon.

Igaüks andis omapoolse tagasiside, kuidas töö sujus, kas midagi võiks muuta ja kas midagi võiks ka selle ülesande juures muuta.

Ei oska väga midagi kirjeldada. Igaüks pani kirja, mida ta tegi.

Puudub

Refleksiooni roll on tehtu nö seedimine ja sellest õppimine. Seega kui kogu tegevust uuesti endale ei selgita ja ei filtreeri, siis pigem oli mahavisatud aeg.

There are no rows in this table

⁠

Kogu kursuse materjal:

`Loading coda.io`⁠
⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP