የትምህርት ድር-መተግበሪያ 13 ደረጃዎች

2024 ደራሲ ደራሲ: John Day | [email protected]. ለመጨረሻ ጊዜ የተሻሻለው: 2024-01-30 07:30

ይህ ፕሮጀክት የመማር ማስተማርን ችግር በሦስት ደረጃዎች መፍታት የነበረብን ለቪዲዮ እና ለዲጂታል ቴሌቪዥን ትምህርት እንደ ምደባ ሆኖ ተፈጥሯል - ዘዴያዊ ፣ ተግባራዊ እና ፅንሰ -ሀሳብ።

ይህ ፕሮጀክት በሦስቱ ደረጃዎች የመማር ማስተማርን ችግር መፍታት የነበረብን ለቪዲዮ እና ለዲጂታል ቴሌቪዥን አካሄድ እንደ ምደባ ሆኖ ተፈጥሯል - ዘዴያዊ ፣ ተግባራዊ እና ፅንሰ -ሀሳብ። ይህንን ችግር በድር መድረክ በመጠቀም ለመፍታት ወሰንን ፣ የትምህርቱ ተማሪዎች እና መምህራን የሚገቡበት። ተማሪዎቹም እንደ ኮዴክ እና የቪዲዮ ቅርጸቶች ያሉ ርዕሶችን የሚሸፍኑ የማስተማሪያ ቪዲዮዎችን መድረስ ይችላሉ ፣ እነሱ የርዕሰ -ጉዳዩን ፅንሰ -ሀሳብ ክፍል ከተማሩ በኋላ ግምገማ ለማድረግ መቀጠል ይችላሉ። ግምገማው ሦስት እንቅስቃሴዎችን ያቀፈ ነው ፤ እያንዳንዱ እንቅስቃሴ ከኮዴኮች እና ከቪዲዮ ቅርፀቶች ጋር የሚዛመዱ ርዕሶችን የሚያስተምሩ ቪዲዮዎች ይኖራቸዋል እና በተመሳሳይ ጊዜ እያንዳንዱ እንቅስቃሴ የተለየ ዓላማ አለው ፣ ስለዚህ በዚህ መድረክ የሥርዓት ፣ ተግባራዊ እና ጽንሰ -ሀሳባዊ ክፍልን ማስተማር እና መገምገም እንችላለን። ይህንን ሁሉ ለማሳካት እንደ AngularFire5 እና dragula ያሉ ቤተ -ፍርግሞችን በመጠቀም አንግል 4 እና Firebase ን እንጠቀም ነበር። ለቪዲዮዎቹ የድር-መተግበሪያውን “PowToon” ተጠቅመናል።

ለዚህ አስተማሪ የሚከተሉትን ያስፈልግዎታል

• NodeJs
• ማዕዘን 4
• Firebase ፕሮጀክት
• ኮምፒተር

ደረጃ 1: መጫኛ

• በ NPM (የመስቀለኛ መንገድ ጥቅል ሥራ አስኪያጅ) nonojs 8.9.1 ን ይጫኑ
• በኮንሶሉ ላይ "npm install -g @angular/cli" በመተየብ ላይ አንግል -ሲሊአይ (የትእዛዝ መስመር በይነገጽ) ይተይቡ

ደረጃ 2 ፕሮጀክት መፍጠር

• "አዲስ የእኔ-መተግበሪያ" ን በመጠቀም ፕሮጀክት ይፍጠሩ
• የመስቀለኛ ጥቅሎችን በ “npm ጫን” ይጫኑ
• ድራጉላን በ “npm install dragula -save” ይጫኑ
• “Npm ጫን firebase angularfire2 -አስቀምጥ” ጋር AngularFire2 ን ይጫኑ

ደረጃ 3: Firebase

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

• የጉግል መለያ ይፍጠሩ
• “ወደ ማጽናኛ ሂድ” ላይ ጠቅ ያድርጉ
• ፕሮጀክት ይፍጠሩ
• ወደ አጠቃላይ ይሂዱ እና የደንበኛውን ቁልፎች ይያዙ

ደረጃ 4 - ክፍሎችን መፍጠር

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

ለመተግበሪያው ክፍሎችን ይፍጠሩ።

ለሚከተሉት ክፍሎች ለእያንዳንዱ “ng g c” ክፍል ስም”” ን መጠቀም

• የኮርስ ገጽ
• የርዕሶች ገጽ
• የቪዲዮ ገጽ
• የግምገማ ገጽ
• ሥነ -መለኮታዊ ገጽ
• ጽንሰ -ሀሳብ ገጽ
• ተግባራዊ ገጽ
• የአስተያየቶች አካል
• አስተዳዳሪ

ደረጃ 5 የኮርስ ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

Html እና ts ን ይፍጠሩ

በ ts ውስጥ ከአስተዳደሩ በስተጀርባ ያለውን አመክንዮ ይጽፋሉ ፣ ተጠቃሚው ተማሪ ወይም አስተዳዳሪ ከሆነ ፣ እና ከተማሪው የኮርስ መረጃ የያዘ ጠረጴዛ ይጽፋሉ። ለዚያም በዚህ የማስተማሪያ ትምህርት መጨረሻ ላይ የማረጋገጫ አገልግሎትን እና የውሂብ ጎታ አገልግሎትን መጠቀም ይችላሉ።

ደረጃ 6 - የርዕሶች ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

በዚህ ክፍል ውስጥ html እና ts ይጽፋሉ።

ተጠቃሚው አስተዳዳሪ ወይም ተማሪ ከሆነ ማረጋገጥ ካልቻሉ በስተቀር ከትምህርቱ ገጽ ጋር ተመሳሳይ ፣ ማረጋገጫ መጻፍ እና በትምህርቱ ውስጥ የርዕሰ ጉዳዮችን ዝርዝር ማቅረብ ብቻ ያስፈልግዎታል።

ደረጃ 7 - የቪዲዮ ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

በዚህ ክፍል ውስጥ html እና ts ይጽፋሉ።

ለእዚህ ክፍል ቪዲዮውን እና የአስተያየቱን ክፍል ለማጫወት ከፓውቶንቶን አገናኙን ይሰጣሉ

ደረጃ 8 የግምገማ ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

ለዚህ ተፎካካሪ የግምገማውን ሂደት በሚያብራሩበት ውስጥ ከሌላው ቪዲዮ ጋር አንድ ተመሳሳይ የቪዲዮ ክፍል ይጠቀማሉ።

ከዚያ ወደ ፅንሰ -ሀሳባዊው ገጽ የሚያገናኝ አዝራር ብቻ ይኑርዎት

ደረጃ 9: ጽንሰ -ሀሳብ ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

በዚህ ገጽ ውስጥ ሁለቱንም html እና ts ይፈጥራሉ።

• በአንድ አዝራር ሁለት የቪዲዮ ክፍሎችን ይፍጠሩ
• ከቦሊያን “isCorrect” ጋር የሁለት ቪዲዮዎችን ድርድር ይፍጠሩ
• የ CheckScore () ተግባር ይፃፉ
• ውጤቱን ወደ የመረጃ ቋቱ ይስቀሉ
• ወደሚቀጥለው ገጽ ያጓጉዙ

ደረጃ 10 የሥልታዊ ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

በዚህ ገጽ ውስጥ ሁለቱንም html እና ts ይፈጥራሉ።

• ድራጉላን ትጠቀማለህ ፣ ለዚያ የ dragula ሰነዶችን ያንብቡ
• የቪዲዮዎች ድርድር ይፍጠሩ
• የቪዲዮዎች ቅደም ተከተል ይፍጠሩ
• የቼክ ነጥብ ይፃፉ
• ውጤት ስቀል
• ወደ ቀጣዩ ገጽ ይሂዱ

ደረጃ 11 - ተግባራዊ ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

በዚህ ገጽ ውስጥ ሁለቱንም html እና ts ይፈጥራሉ።

• ከጽንሰ -ሀሳባዊው ገጽ ጋር ተመሳሳይ እንደ እርስዎ አዝራሮች እና ቪዲዮዎች እንደ አማራጮች ይኖሩዎታል።
• በኤችቲኤምኤል ውስጥ ለተጠቃሚው አንድ ችግር ይፃፉ
• ከዚያ ቪዲዮዎቹን ከቦሊያን “IsCorrect” ጋር በአንድ ድርድር ውስጥ ያስቀምጡ
• ውጤቱን ወደ የመረጃ ቋቱ ይስቀሉ

ደረጃ 12: የመግቢያ ገጽ

ለዚህ የዚህን ደረጃ ምስሎች ማየት ይችላሉ

• Html እና ts ን ይፍጠሩ
• በኤችቲኤምኤል ውስጥ ምስሉን ያስቀምጡ
• በ html ውስጥ ቅጹን ይፃፉ
• ቅጹን በ ts ውስጥ ለአውት አገልግሎት ያቅርቡ
• በውሂብ ጎታ ውስጥ ተጠቃሚውን ያስቀምጡ

ደረጃ 13: ሙሉውን የአካል ክፍሎች እና አገልግሎቶች ኮድ ያውርዱ

ችግሮች ካጋጠሙዎት ከክፍሎቹ እና ከአገልግሎቶቹ ጋር ያለው ልዩነት እዚህ አለ