Satura rādītājs:
- 1. darbība: uzstādīšana
- 2. darbība: projekta izveide
- 3. darbība. Firebase
- 4. solis: komponentu izveide
- 5. solis: Kursa lapa
- 6. darbība. Tēmu lapa
- 7. darbība: video lapa
- 8. darbība. Novērtēšanas lapa
- 9. solis: konceptuālā lapa
- 10. darbība: metodiskā lapa
- 11. darbība: funkcionālā lapa
- 12. solis: pieteikšanās lapa
- 13. darbība: lejupielādējiet pilnu komponentu un pakalpojumu kodu
2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:52
Šis projekts tika izveidots kā uzdevums video un digitālās televīzijas kursam, kurā mums bija jāatrisina mācīšanas un mācīšanās problēma trīs līmeņos: metodiskā, funkcionālā un konceptuālā.
Šis projekts tika izveidots kā uzdevums video un digitālās televīzijas kursam, kurā mums bija jāatrisina mācīšanas un mācīšanās problēma šajos trīs līmeņos: metodoloģiskā, funkcionālā un konceptuālā. Mēs nolēmām atrisināt šo problēmu, izmantojot tīmekļa platformu, kursa studenti un skolotāji var pieteikties. Studenti var piekļūt arī mācību videoklipiem, kas aptver tādas tēmas kā kodeki un video formāti, pēc tam, kad ir apguvuši tēmas konceptuālo daļu, viņi var turpināt novērtēšanu. Novērtējums sastāv no trim aktivitātēm; katrai aktivitātei būs sava veida video, kas māca tēmas, kas saistītas ar kodekiem un video formātiem, un vienlaikus katrai aktivitātei ir atšķirīgs mērķis, tāpēc ar šo platformu mēs varam sasniegt metodiskās, funkcionālās un konceptuālās daļas mācīšanu un novērtēšanu. Lai to visu sasniegtu, mēs izmantojām Angular 4 un Firebase, izmantojot tādas bibliotēkas kā AngularFire5 un dragula. Videoklipiem mēs izmantojām tīmekļa lietotni "PowToon".
Lai iegūtu šo pamācību, jums būs nepieciešams:
- Mezgli
- Leņķiskais 4
- Firebase projekts
- Dators
1. darbība: uzstādīšana
- Instalējiet nodejs 8.9.1 ar NPM (Node Package Manager)
- Instalējiet Angular -CLI (komandrindas interfeisu), ierakstot konsolē "npm install -g @angular/cli"
2. darbība: projekta izveide
- Izveidojiet projektu, izmantojot “jaunu manu lietotni”
- Instalējiet mezglu pakotnes ar "npm install"
- Instalējiet dragula ar "npm install dragula --save"
- Instalējiet AngularFire2 ar "npm install firebase angularfire2 -save"
3. darbība. Firebase
Šim nolūkam varat pārbaudīt šīs darbības attēlus
- Izveidojiet Google kontu
- Noklikšķiniet uz "Doties uz konsoli"
- izveidot projektu
- Dodieties uz vispārīgo un paņemiet klienta atslēgas
4. solis: komponentu izveide
Šim nolūkam varat pārbaudīt šīs darbības attēlus
Izveidojiet lietotnes komponentus.
Izmantojot "ng g c" komponenta nosaukumu "" katrai no šīm sastāvdaļām:
- Kursa lapa
- Tēmu lapa
- Video lapa
- Vērtēšanas lapa
- Metodiskā lapa
- Konceptuālā lapa
- Funkcionālā lapa
- Komentāru sastāvdaļa
- Administrators
5. solis: Kursa lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
Izveidojiet html un ts
Ja lietotājs ir students vai administrators, ts rakstīsiet loģiku, kas balstās uz autentifikāciju, un jūs uzrakstīsit tabulu ar kursa informāciju no studenta. Šim nolūkam varat izmantot autentifikācijas pakalpojumu un datu bāzes pakalpojumu, kas sniegti šīs instrukcijas beigās.
6. darbība. Tēmu lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
Šajā komponentā jūs rakstīsit html un ts.
Līdzīgi kā kursa lapā, izņemot to, ka jums nav jāpārbauda, vai lietotājs ir administrators vai students, jums būs jāraksta tikai autentifikācija un jānodrošina kursa tēmu saraksti.
7. darbība: video lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
Šajā komponentā jūs rakstīsit html un ts.
Šim komponentam jūs nodrošināsit saiti no powToon, lai atskaņotu videoklipu, un komentāru komponentu
8. darbība. Novērtēšanas lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
šajā gadījumā jūs izmantosit to pašu video komponentu ar citu video, kurā jūs izskaidrosit novērtēšanas procesu.
Pēc tam vienkārši atrodiet pogu, kas novirza uz konceptuālo lapu
9. solis: konceptuālā lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
Šajā lapā jūs izveidosit gan html, gan ts.
- Izveidojiet divus video komponentus ar pogu
- Izveidojiet divu videoklipu masīvu ar Būla vērtību “isCorrect”
- Uzrakstiet funkciju CheckScore ()
- Augšupielādējiet rezultātu datu bāzē
- Pārvietot uz nākamo lapu
10. darbība: metodiskā lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
Šajā lapā jūs izveidosit gan html, gan ts.
- Jūs izmantosit dragulu, lai to izlasītu, skatiet dragula dokumentus
- Izveidojiet videoklipu masīvu
- Izveidojiet videoklipu secību
- uzrakstiet pārbaudes punktu skaitu
- Augšupielādes rādītājs
- Doties uz nākamo lapu
11. darbība: funkcionālā lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
Šajā lapā jūs izveidosit gan html, gan ts.
- Tāpat kā konceptuālajā lapā, opcijas būs pogas un videoklipi.
- Html ierakstiet lietotājam atrisināmu problēmu
- Pēc tam ievietojiet videoklipus masīvā ar Būla vērtību “IsCorrect”
- Augšupielādējiet rezultātu datu bāzē
12. solis: pieteikšanās lapa
Šim nolūkam varat pārbaudīt šīs darbības attēlus
- Izveidojiet html un ts
- Ievietojiet attēlu html
- Ierakstiet veidlapu html
- Iesniedziet veidlapu ts autentifikācijas pakalpojumā
- Saglabājiet lietotāju datu bāzē
13. darbība: lejupielādējiet pilnu komponentu un pakalpojumu kodu
Ja jums ir problēmas, šeit ir rar ar komponentiem un pakalpojumiem
Ieteicams:
RC kontrolēts robots XLR8! Izglītības robots: 5 soļi
RC kontrolēts robots XLR8! Izglītības robots: Sveiki, šajā rakstā tiks parādīts, kā izveidot pamata robotu. Vārds "robots" burtiski nozīmē "vergs" vai "strādnieks". Pateicoties mākslīgā intelekta sasniegumiem, roboti vairs nav tikai daļa no Isaka Asimova zinātniskās fantastikas
BUGS Izglītības robots: 11 soļi (ar attēliem)
IZGLĪTĪBAS IZGLĪTĪBAS Robots: Pēdējā gada laikā es gandrīz visu savu brīvo laiku esmu pavadījis, izstrādājot un apgūstot atvērtā pirmkoda 3D izdrukājamo robotiku, tāpēc, redzot, ka Instructables ir sarīkojis robotikas konkursu, es nekādi nevarēju piedalīties. es. Es gribēju dizainu
Laika tīmekļa lietotne, izmantojot Esp8266: 7 soļi
Laika tīmekļa lietotne, izmantojot Esp8266: SHT 31 ir temperatūras un mitruma sensori, ko izgatavojis Sensirion. SHT31 nodrošina augstu precizitātes līmeni aptuveni ± 2% RH. Mitruma diapazons ir no 0 līdz 100%, un temperatūras diapazons ir no -40 līdz 125 ° C. Tas ir daudz uzticamāks un ātrāks ar
1/2-a-bot Izglītības robots: 5 soļi
1/2-a-bot izglītības robots: tas ir 1/2 bot. (izrunā Half-a-bot). Es to izstrādāju kā interesantu veidu, kā saviem skolēniem uzzināt par vadības sistēmām un programmēšanu. Nodarbības tiek veidotas kā moduļi, un katrs modulis ir sadalīts apakšnodaļās, lai padarītu to tik vienkāršu
HP WebCam 101 Aka 679257-330 tīmekļa kameras moduļa atkārtota izmantošana kā vispārēja USB tīmekļa kamera: 5 soļi
Atkārtoti izmantot HP WebCam 101 Aka 679257-330 tīmekļa kameras moduli kā vispārēju USB tīmekļa kameru: es vēlos papildināt savu 14 gadus veco Panasonic CF-18 ar pavisam jaunu tīmekļa kameru, bet Panasonic vairs neatbalsta šo brīnišķīgo mašīnu, tāpēc man tas ir jādara izmantojiet pelēko vielu kaut kam vienkāršākam nekā b & b (alus un burgeri). Šī ir pirmā daļa