Projektni pristup web rješenju – koncept “klijent – izvoditelj”

Projektni pristup web rješenju – koncept “klijent – izvoditelj”

Projektni pristup web rješenju je koncept koji pojašnjava metodu provedbe projektnog pristupa izradi web rješenja, koja je osmišljena po principu  KLIJENT – IZVODITELJ,  a ujedno obuhvaća ishode projektnog pristupa izradi web rješenja koje učenici trebaju savladati u trećoj godini učenja predmeta Web projekti.

Koncept je nastao zbog potrebe jer učenici u trećoj godini trebaju steći bazično iskustvo rada za "konkretnog" klijenta za kojeg bi izradili web rješenje tako da se uključi kompletni projektni pristup i stoga što učenici još nisu spremni odraditi rješenja za stvarnog klijenta jer nisu savladali sve potrebne tehnike i tehnologije. Kako bi ipak dobili osnovni uvid u sve faze izrade koje uz jasno definiran vremenski okvir prema planu provedbe projekta uključuju i kontakt s klijentom, prikupljanje informacija, izradu idejnih prijedloga temeljem prikupljenih informacija i projektnog zadatka, vođenje dokumentacije do izrade i prezentacije konkretnog rješenja ovaj koncept je dobra simulacija uloga KLIJENT – IZVODITELJ.

Prezentacija "Projektni pristup web rješenju"

Koncept obuhvaća podjelu učenika u timove, što je još jedan pozitivan pristup u radu jer učenici web rješenja najčešće rade individualno. Podjela u timove stavlja učenike u neke nove situacije, koje uključuju podjelu zadataka i zaduženja, ali i druge kvalitete odnosa kao što su međuljudski odnosi koji uključuju i toleranciju i osobnu odgovornost jer rad pojedinog učenika utječe na kompletno rješenje. 

Kompletni koncept „Projektni pristup web rješenju“ pojašnjen je u prezentaciji koja je izrađena i prezentirana učenicima a nastala je nakon osmišljavanja koncepta i prve provedbe s učenicima koja se pokazala iznimno uspješnom.

Putem prezentacije učenici su upoznati s ključnim koracima koncepta i s dvojnom ulogom svakog tima i koncepta KLIJENT – IZVODITELJ, jer je svaki tim bio ujedno i klijent i izvoditelj (različitim timovima, jednom timu izvoditelj a drugom timu klijent). Ovisno o broju učenika može se formirati različit broj timova s 3-4 učenika. Obavezno se učenici koji imaju teškoće uključuju u tim s većim brojem učenika (odnosno u tim u kojem su daroviti učenici  ili učenici koji lakše savladavaju nove sadržaje i imaju dobre organizacijske sposobnosti).

Koncept metode rada u pristupu realizaciji ishoda učenja predmeta Web projekti 3. godine pripremila:
Suzana Šestan, mag dizajna

Projektni pristup web rješenju – koncept “klijent – izvoditelj”

Povezivanje ishoda predmeta web projekti i tematskog školskog projekta

125. obljetnica osnivanja bečke secesije i 160. obljetnica rođenja Gustava Klimta ove je godine u Graditeljskoj školi Čakovec prigodno obilježena u skolopu školskog projekta (poveznica: vijest projektni dan – secesija). U projekt su se u okviru predmeta web projekti uključili i učenici 3.b razreda – web dizajneri. Učenici su primijenili svoja znanja i vještine izrade responzivnih web stranica HTML/CSS/js tehnologijom, koje usvajaju u okviru predmeta web projekti i povezali ih s prigodnom tematikom secesije. Učenici su dobili osnovne upute i rokove, te bili usmjereni na izvore informacija i malo istraživanje vezano uz stilski pravac secesija kojeg su prezentirali kroz web stranicu. Da bi rješenje bilo pristupačnije i moguće ga izložiti u okviru planirane školske izložbe učenici su izradili i tematski plakat s QR kodom poveznice na web rješenja (skeniranje i pregled web rješenja mobitelom), koje je tako bilo dostupno svim učenicima, nastavnicima i posjetiteljima škole. Tako smo povezali ishode učenja predmeta s projektnim zadatkom – secesija i grafički ga prezentirali na način da rješenje bude jednostavno dostupno za pregled.

Odabrana rješenja na temu secesija:
Izradio: Bruno Ladić 3.b WD – poveznica

Izradio: Kristijan Bobovec 3.b WD – poveznica

Pripremila: Suzana Šestan, mag.dizajna – savjetnik

Projektni pristup web rješenju – koncept “klijent – izvoditelj”

Radovi učenika 3. godine – web projekti

*pristup objavljenom web rješenju – poveznicom preko slike.
*pojedini slikovni sadržaji i tekstovi preuzeti su s interneta u edukativne svrhe

1. Primjer responzivnog web rješenja prema odabranoj temi – "CZK Čakovec"

Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 5

Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 

Izradio: David Hassan 3.d, web dizajner   –  Mentor: Suzana Šestan, mag. dizajna

 

2. Primjer responzivnog web rješenja prema odabranoj temi – "Systal Solutions"

Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 5, SCSS/SASS

Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 

Izradio: Karlo Horvat 3.d, web dizajner   –  Mentor: Suzana Šestan, mag. dizajna

 

3. Primjer responzivnog web rješenja prema odabranoj temi – "Speedway"

Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 5

Oblikovanje i izrada: Visual Studio, Adobe Photoshop, Adobe Illustrator. 

Izradio: Dominik Gombar 3.d, web dizajner   –  Mentor: Suzana Šestan, mag. dizajna

Projektni pristup web rješenju – koncept “klijent – izvoditelj”

Primjer 2. godina – web projekti

*pristup objavljenom web rješenju – poveznicom preko slike.
*pojedini slikovni sadržaji i tekstovi preuzeti su s interneta u edukativne svrhe

Primjer statičnog web rješenja prema odabranoj temi – "Grad Čakovec"

Tehnologija izrade: HTML/CSS

Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 

Izradio: Bruno Ladić, 2.b, web dizajner   –  Mentor: Suzana Šestan, mag. dizajna

Projektni pristup web rješenju – koncept “klijent – izvoditelj”

Završni radovi – primjeri tehnologija – web projekti

*pristup objavljenom web rješenju pomoću QR koda ili poveznicom preko slike.

1. Primjer završnog rada Edukativnog web sjedišta o kućnim ljubimcima – mačkama “Mačje šape”.
Tehnologija izrade: HTML5/CSS/JavaScript, PHP, flex
Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop
Izradila: Kristina Zadravec 4.d, web dizajner   –  Mentor: Suzana Šestan, mag. dizajna

 

2. Primjer završnog rada responzivne, one page (single page) web stranice za građevinsku tvrtku „Megra“.
Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 4
Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 
Izradio: Gabrijel Kovač 4.d, web dizajner   –  Mentor: Suzana Šestan, mag. dizajna

 

Skip to content