Web projekti 4 razred Elektronike trgovine Kreiranje elektronike

Web projekti (4. razred) Elektroničke trgovine Kreiranje elektroničke trgovine korištenjem dodatka Woo. Commerce Obrazovni sektor: GRAFIČKA TEHNOLOGIJA I AV OBLIKOVANJE Strukovna WEB DIZAJNER – 4. GODINA kvalifikacija/zanimanje: Nastavni predmet: WEB PROJEKTI Nastavna jedinica: Word. Press – kreiranje elektroničke trgovine korištenjem dodatka. Woo. Commerce Predviđeno vrijeme: 4 školska sata Za pregled i čitanje uputa: računalo, tablet ili mobitel Potrebni materijal i pribor za Za vježbu i izradu zadataka: računalo i prostor na izradu: poslužitelju za instalaciju Word. Pressa ili XAMPP/ WAMP za lokalnu instalaciju, program za obradu slika MATERIJALE PRIPREMIO: Krešimir Varga, mag. educ. inf. , kresimir. varga@skole. hr

Uvod § Drage učenice i dragi učenici! § Kako bismo vam olakšali učenje za vas smo pripremili materijale za samostalni rad. § Ova prezentacija vodi vas kroz proces kreiranja elektroničke trgovine korištenjem Word. Pressa i dodatka. Woo. Commerce. § U prezentaciji se nalaze interaktivni sadržaji koje možete otvoriti pritiskom na sljedeće gumbiće: GUMBIĆ KOJI VODI NA VANJSKE IZVORE, POPUT WEB STRANICA, KVIZOVA ILI MOTIVACIJSKIH PRIMJERA GUMBIĆ KOJI VODI NA PREUZIMANJE MATERIJALA ZA VJEŽBU I/ILI ZADATKA GUMBIĆ KOJI VODI NA VIDEO TUTORIALE (VOĐENE VJEŽBE POPRAĆENE UPUTAMA) § Vaši nastavnici će vam također pružati podršku u učenju na daljinu. Želimo vam sretno i ugodno učenje!

E-trgovina § Što je elektronička trgovina? § Elektroničke trgovine općenito su lokacije na kojima posjetitelji mogu pregledati katalog proizvoda i zatim, koristeći košaricu za kupnju, neke od tih proizvoda i kupiti. § Također, u većini e-trgovina integriran je i neki oblik plaćanja preko interneta, što posjetiteljima omogućava da brzo obave kupnju. § Neke e-trgovine imaju integriran i pozadinski sustav za praćenje stanja skladišta koji olakšava poslovanje. ZAVVI – PRIMJER E-TRGOVINE

Prvi korak § Dodatak Woo. Commerce – video demonstracija § Nakon instalacije Word. Pressa, u prvom koraku potrebno je instalirati dodatak Woo. Commerce. § Pogledajte demonstraciju. Video 1 – dodatak Woo. Commerce u trajanju od 5 minuta. Kroz demonstraciju će biti objašnjeno što su elektroničke trgovine te kako se instalira i postavlja dodatak Woo. Commerce. VIDEO 1. DODATAK WOOCOMMERCE

Drugi korak § Početna stranica i kategorije proizvoda – video demonstracija § Nakon instalacije dodatka, potrebno je instalirati temu (npr. Storefront), prilagoditi početnu stranicu i navigaciju te kreirati kategorije proizvoda. § Pogledajte demonstraciju. Video 2 – početna stranica i kategorije proizvoda u trajanju od 11 minuta. Kroz demonstraciju će biti prikazano kako možemo, nakon odabira teme, prilagoditi početnu stranicu elektroničke trgovine te kako dodati nove kategorije proizvoda. VIDEO 2. POČETNA STRANICA I KATEGORIJE PROIZVODA

Treći korak § Proizvodi – video demonstracija § Bez proizvoda koji bi se prodavali, elektronička trgovina ne bi imala svrhu. Stoga je u ovom koraku potrebno kreirati proizvode, urediti podatke o njima (naziv, cijenu, sliku i sl. ) te ih smjestiti u odgovarajuće kategorije proizvoda. § Pogledajte demonstraciju. Video 3 – proizvodi u trajanju od 10 minuta. Kroz demonstraciju ćemo naučiti kako kreirati i urediti jednostavne i varijabilne proizvode. VIDEO 3. PROIZVODI

Četvrti korak § Kuponi i proces naručivanja – video demonstracija § Nakon kreiranje proizvoda i njihovog uvrštavanja u elektroničku trgovinu, potrebno je testirati proces kupovine. § Pogledajte demonstraciju. Video 4 – kuponi i proces naručivanja u trajanju od 9 minuta. Kroz demonstraciju će biti objašnjeno kako kreirati kupone za korištenje u košarici prilikom naručivanja proizvoda. Isto tako, bit će prikazano kako izgleda proces narudžbe iz gledišta kupca i prodavatelja. VIDEO 4. KUPONI I PROCES NARUČIVANJA

Zadatak § Izradite elektroničku trgovinu na temu po izboru (npr. trgovina odjeće, računalnih i videoigara i sl. ) prema sljedećim uputama: § Instalirajte Word. Press lokalno ili na poslužitelju (ukoliko radite lokalno, možete pogledati i upute za instalaciju WP-a na XAMPP) te instalirajte. Woo. Coomerce. Nemojte dodavatidemo kategorije i proizvode. § Kreirajte najmanje tri kategorije proizvoda te u svaku kategoriju dodajte najmanje tri proizvoda. Neka barem jedan proizvod bude varijabilan (npr. za odabir različitih boja odjeće i sl. ). Pojedinim proizvodima dodajte fotogaleriju i/ili sniženu cijenu. § Odaberite temu i uredite je po izboru, uključujući početnu stranicu i navigaciju. § Kreirajte barem jednog kupca i kupon po izboru te kreirajte barem jednu narudžbu. § Pomoću dodatka po izboru dodajte i obrazac za kontakt. UPUTE ZA LOKALNU INSTALACIJU WORDPRESSA

PRIMJER 1. Fine a mode (Dino Dolovčak)

Ponovimo! § U nastavku su pitanja za ponavljanje: Čemu služe elektroničke trgovine? Objasnite korištenje elektroničke trgovine s gledišta kupca i prodavača. Opišite postupak izradbe elektroničke trgovine u Word. Pressu. Kako možete kreirati varijabilne proizvode? (hint: npr. boja majice: crna | bijela | crvena) § Čemu služe kuponi, kako ih možete kreirati i kako ih korisnik može upotrijebiti? § § Uspješno ste došli do kraja lekcije, bravo!