HTML अकादमी में 10 खेल यांत्रिकी

उस समय, जब HTML अकादमी का विकास शुरू हुआ, तो हमने गंभीरता से WOW खेला, और सामान्य तौर पर, अनुभव के साथ बर्फ़ीला तूफ़ान के खेल के प्रशंसक थे। इसलिए, वे खेल यांत्रिकी से काफी अच्छी तरह से परिचित थे, हालांकि उन्हें खुद इस पर संदेह नहीं था। कई दिलचस्प तंत्र अकादमी में दिखाई दिए, जैसा कि हमें लगता है, अपने दम पर। लेकिन बाद में यह पता चला कि वास्तव में उन्हें "गेम मैकेनिक्स" कहा जाता है, और हम अनजाने में उन्हें खेल अभ्यास से ले गए।







यह पता चला कि खेल यांत्रिकी न केवल तुच्छ और कच्चे "चश्मा और बैज" हैं, बल्कि उपयोगकर्ता प्रेरणा के साथ काम करने के उद्देश्य से अधिक सूक्ष्म चाल भी हैं। हमारे मामले में, मुख्य लक्ष्य छात्रों को अंत तक पाठ्यक्रम लेने, अधिक सावधानीपूर्वक और अधिक परिश्रम से अध्ययन करना था। इसके लिए बस पर्याप्त "उबाऊ" पाठ्यक्रम नहीं हैं, क्योंकि हमारे लक्ष्य को प्राप्त करने के लिए, यह आवश्यक है कि प्रशिक्षण देरी और खुशी देता है। धीरे-धीरे, हमने कई खेल यांत्रिकी का परीक्षण किया और अपनाया, जिसके बारे में हम बात करना चाहते हैं।

हमारे खेल यांत्रिकी

यहां वे मैकेनिक्स हैं जिनका उपयोग हम पाठ्यक्रम बनाते समय, सूची के शीर्ष पर अधिक महत्वपूर्ण और महत्वपूर्ण हैं:

1. सूचना का क्रमिक प्रवाह;
2. क्रमिक जटिलता का सिद्धांत;
3. पहेली;
4. त्वरित प्रतिक्रिया;
5. "परिपूर्णतावाद";
6. मिनी खेल;
7. "कहानी";
8. उपलब्धियों और बिंदुओं;
9. रेटिंग;
10. प्रोफाइल खोलें।

अब, विस्तार से और उदाहरण के साथ, हम प्रत्येक यांत्रिकी का विश्लेषण करेंगे।

1. सूचना की क्रमिक प्रस्तुति

तकनीक का सार यह है कि बड़े और जटिल कार्य या सिद्धांत के टुकड़े छोटे और सरल लोगों में विभाजित होते हैं और कार्यों की एक श्रृंखला में संयोजित होते हैं।



नीचे दिया गया उदाहरण पृष्ठभूमि पाठ्यक्रम से असाइनमेंट की एक श्रृंखला दिखाता है, जिसमें हम कदम से कदम छात्र को "पृष्ठभूमि" गुणों से परिचित कराते हैं।







हम इस यांत्रिकी का उपयोग अक्सर करते हैं:

• जटिल मिश्रित गुणों के साथ परिचित के लिए;
• किसी भी इंटरफ़ेस तत्वों के चरण-दर-चरण निर्माण के दौरान;
• यहां तक ​​कि सिस्टम के प्रशिक्षण इंटरफ़ेस से परिचित कार्यों की एक श्रृंखला के रूप में किया जाता है, न कि एक परिचित निर्देश के रूप में।

यदि हम खेलों के साथ सादृश्य में लौटते हैं, तो वहां इस यांत्रिकी का उपयोग अक्सर किया जाता है। तथाकथित खोज श्रृंखलाओं को याद रखें, जिनमें से प्रत्येक काफी सरल है और कभी-कभी सरल उप-योगों में भी टूट जाती है। इसके अलावा, श्रृंखला खुद बहुत लंबी हो सकती है।

2. क्रमिक जटिलता का सिद्धांत

यांत्रिकी का सार यह है कि छात्र को हमेशा प्रगति और आंदोलन को महसूस करना चाहिए। किसी भी आरपीजी गेम को याद रखें जिसमें आप पहले स्तरों को पंप करते हैं, और जब आप अधिकतम तक पहुंचते हैं, तो आप तेजी से जटिल विरोधियों से निपटने के लिए उपकरण पंप करना शुरू करते हैं। प्रगति की भावना आनंद देती है, आपको आगे खेलना या अध्ययन करना जारी रखती है।



प्रशिक्षण पाठ्यक्रमों में, प्रगति की भावना केवल तभी दिखाई दे सकती है जब छात्र अधिक से अधिक जटिल कार्य करता है।



एक उदाहरण दिखाता है कि तालिका के बारे में पाठ्यक्रम के अंदर परीक्षण कितना जटिल है। पहली तालिका बहुत सरल है, फिर सेल एसोसिएशन दिखाई देते हैं, और अंत में पृष्ठभूमि को जोड़ा जाता है, कोशिकाओं में पाठ संरेखण, कॉलम चौड़ाई नियंत्रण।







और इसलिए परीक्षण बुनियादी चक्र के प्रारंभिक पाठ्यक्रमों से लेकर अंतिम तक जटिल हैं। कुछ शीर्षकों और पैराग्राफों से, बहुत सारे छोटे विवरणों वाले ब्लॉक तक।







आप कार्यों के शब्दों को जटिल भी कर सकते हैं, इन तीनों की तुलना करें:

• " width



450px
  
  
  
  को 450px
  
  
  
  सेट करें"
• "तत्व की चौड़ाई 450px
  
  
  
  सेट करें और इसे केंद्र में रखें"
• "HTML कोड में त्रुटियों को ढूंढें और ठीक करें"

पहले मामले में, छात्र केवल वांछित मूल्यों को कॉपी और पेस्ट करता है, संपत्ति से परिचित हो जाता है। दूसरे में, आपको पहले से ही गुणों के नाम या कुछ ट्रिक्स याद करने होंगे। और तीसरे में - कोड का विश्लेषण करने के लिए, तार्किक सोच शामिल करें।



इस यांत्रिकी को लागू करते हुए, निम्नलिखित नियमों का पालन किया जाना चाहिए:

• जटिलता लगातार और बहुत सुचारू रूप से विकसित होनी चाहिए।
• अत्यधिक कठिन कार्यों की अनुमति नहीं दी जानी चाहिए, क्योंकि वे सीखने की इच्छा को पूरी तरह से मार सकते हैं। एक दुर्गम दीवार जैसी नौकरियां।
• आंकड़ों और समीक्षाओं को देखते हुए कार्यों की जटिलता को लगातार संतुलित करना आवश्यक है।
• लेकिन बहुत सरल कार्य लगातार करने लायक नहीं हैं - वे उबाऊ हैं।

हमारे पास परीक्षणों के असफल उदाहरण थे, जहां हम जटिलता के साथ बहुत दूर चले गए। यहां प्रारंभिक जटिल कार्य का एक उदाहरण है और मेनू के बारे में पाठ्यक्रम से इसका सरलीकृत संस्करण है।







पहले संस्करण में, इंडेंट और गैर-विपरीत तत्वों का चयन करने के लिए बहुत मुश्किल थे। सरलीकृत संस्करण अधिक विपरीत है और यह "पांच पिक्सल" नियम का उपयोग करता है, जब सभी फ़ॉन्ट आकार, इंडेंट और फ़ॉन्ट पैरामीटर पांच के गुणक होते हैं - यह आपको आकारों के अनावश्यक अनुमान और अत्यधिक जटिलता से छुटकारा पाने की अनुमति देता है।



बेशक, कार्यों को सरल बनाने और अटक गए छात्रों की मदद करने के अन्य तरीके हैं: युक्तियां, सही उत्तर पाने की क्षमता, समर्थन, टिप्पणी प्रणाली।

3. पहेलियाँ

पहेली का सार सरल है - यह पहली नज़र में काफी जटिल है, लेकिन मौलिक रूप से हल करने योग्य कार्य है। सबसे महत्वपूर्ण बात, छात्र समझता है कि वह पहेली को हल करने में सक्षम है। और यह कठिन है, यह पता लगाने के लिए जितना अधिक सुखद है, खासकर यदि आप इसे हल करते समय कुछ और सीखते हैं।



इस परीक्षण में, HTML और CSS तैयार हैं, लेकिन चयनकर्ता नहीं हैं। लक्ष्य की छवि प्राप्त करने के लिए छात्र को उचित चयनकर्ताओं का चयन करने की आवश्यकता है। बेशक, एक अप्रकाशित व्यक्ति के लिए खरोंच से इस तरह का उदाहरण बनाना बहुत मुश्किल है, लेकिन पहेली प्रारूप में यह उसके लिए काफी ऊपर है।







और float



संपत्ति के बारे में इस परीक्षण में, सीएसएस पूरी तरह से तैयार है, लेकिन कुछ HTML गायब है। छात्र को ऐसे सरल मोज़ेक प्राप्त करने के लिए सही क्रम में विशिष्ट कक्षाओं के साथ HTML टैग लिखने की आवश्यकता है। ब्लॉक और सीएसएस संपत्तियों के क्रम का चयन किया जाता है ताकि पहेली को हल करने की प्रक्रिया में छात्र फ्लोट तत्वों की सभी विषमताओं का सामना कर सके।







पहेलियों में जटिलता और रुचि का उत्कृष्ट संतुलन होता है।

4. त्वरित प्रतिक्रिया

सरल और बहुत महत्वपूर्ण यांत्रिकी। लब्बोलुआब यह है कि छात्र अपने कोड के काम के परिणाम और उस पर सिस्टम की प्रतिक्रिया को लगभग तुरंत देखता है, और तुरंत समझ जाता है कि वह सही है या नहीं। "चेक" बटन दबाने की आवश्यकता के बिना।







अपने पसंदीदा शूटर को याद रखें: शॉट के ठीक बाद आपको एक हिट (बाहरी परिणाम) दिखाई देता है, साथ ही साथ फ़्रैग (सिस्टम रिएक्शन) की संख्या में वृद्धि होती है और आप समझते हैं कि सब कुछ सही ढंग से किया गया था। अब कल्पना करें कि प्रत्येक शॉट के बाद आपको "चेक" बटन पर क्लिक करने की आवश्यकता है और यह पता लगाने के लिए कुछ सेकंड प्रतीक्षा करें कि क्या वे हिट हुए। खेल का आनंद मारा जाता है।



ऐसे मैकेनिक्स तब और भी बेहतर काम करते हैं जब कार्य को कई सरल उप-प्रकारों में विभाजित किया जाता है। इस मामले में, प्रतिक्रिया लूप जितना संभव हो उतना कम हो जाता है और त्रुटि की लागत काफी कम हो जाती है। आखिरकार, कार्यों की मात्रा छोटी हो जाती है, और समाधान के अगले संस्करण की जांच करने के लिए, आपको कम कोड लिखने की आवश्यकता है। छात्र, असाइनमेंट को पूरा करते समय, छोटे पुनरावृत्तियों में काम करता है, बहुत कुछ टाइपसेटर्स और प्रोग्रामर के काम की तरह, जो कोड की हर कुछ लाइनों के बाद परिणाम की जांच करते हैं। और इस दृष्टिकोण के साथ सीखना एक खेल की तरह हो जाता है।

5. "पूर्णतावाद"

बहुत दिलचस्प यांत्रिकी जो हमारे लिए बिल्कुल अप्रत्याशित रूप से गोली मार दी। कभी-कभी इसे "प्रगति बार" कहा जाता है। लब्बोलुआब यह है: परीक्षण पास करने के लिए, यह आवश्यक है कि परिणाम की समानता का स्तर और नमूना 90% से अधिक हो, हमें और अधिक की आवश्यकता नहीं है। लेकिन बहुत से लोग 100% प्राप्त करना चाहते हैं।







यह दिलचस्प परिणाम की ओर जाता है।



सबसे पहले, सीखने की प्रक्रिया में भागीदारी बढ़ रही है। एक साधारण परीक्षण के लिए, 10-20 मिनट आमतौर पर पर्याप्त होते हैं, और एक आदर्श परीक्षण के लिए, 6 घंटे तक।



दूसरे, छात्र केवल एक परीक्षा से बाहर नहीं घूमते हैं, लेकिन पाठ्यक्रम, गुणों का Google विवरण पास करते हैं और अपने काम को विस्तार से समझते हैं, अगले और अधिक कठिन पाठ्यक्रमों को वापस लेते हैं और परीक्षण को 100% से दूर करते हैं।



बेशक, यह सराहनीय है, लेकिन ऐसे नकारात्मक प्रभाव हैं जो इस तथ्य से मेल खाते हैं कि एक व्यक्ति दुखी 2-3 प्रतिशत को समाप्त करने के लिए अत्यधिक समय खर्च कर सकता है, जब समस्या को हल करने का तरीका पहले से ही स्पष्ट है।



पूर्णतावाद पहेली के साथ बहुत अच्छी तरह से संयुक्त है, और एक पहेली को 100% से विभाजित करना शायद सबसे ज्यादा खुशी देता है।

6. मिनी खेल

दिलचस्प यांत्रिकी जो हमने पहली बार हाल ही में कोशिश की थी। यह इस तथ्य में शामिल है कि पाठ्यक्रम या पाठ्यक्रम में कार्यों की एक श्रृंखला खेल के प्रारूप में बनाई गई है। हमारा उदाहरण काफी सरल है: हमने कैस्केडिंग के बारे में पाठ्यक्रम में चयनकर्ताओं की प्राथमिकता को बदलकर "चिकन को खींचने" के लिए कार्यों की एक श्रृंखला बनाई।







लेकिन एक और भी दिलचस्प उदाहरण हाल ही में डेवलपर्स और डिजाइनरों के पूरे समुदाय के आसपास बह गया है। यह एक सीएसएस डायनर गेम है जो चयनकर्ताओं के अध्ययन के लिए समर्पित है। आपका काम उपयुक्त चयनकर्ताओं का उपयोग करके प्लेटों या उन पर पड़े फलों का चयन करना है।

9. "कहानी"

स्टोरीटेलिंग एक बहुआयामी यांत्रिकी है। उदाहरण के लिए, जब एक पाठ्यक्रम या कई पाठ्यक्रमों में असाइनमेंट एक सामान्य विचार या परिदृश्य से एकजुट होते हैं। उदाहरण के लिए, चयनकर्ताओं पर पाठ्यक्रम को बायथलॉन की थीम और "लक्ष्य पर चयनकर्ताओं के साथ शूटिंग" के विचार के साथ जोड़ा गया है। स्टोरीटेलिंग को कार्यों के एक समान डिजाइन में प्रकट किया जा सकता है, और पाठ्यक्रम के भीतर प्लॉट चाल में, और इसी तरह।



कहानी कहने का कार्य सरल है - एक भावनात्मक घटक जोड़ने के लिए, रुचि जगाने के लिए, यह पता लगाने की इच्छा "यह सब अंत में कैसे हुआ?" और पाठ्यक्रम के अंत तक पहुंचें।



मिनीटम्स के साथ कहानी सुनाना अच्छा लगता है। उदाहरण के लिए, कैस्केडिंग कोर्स में, अंतिम कार्य "चिकन के लिए लड़ाई" के बारे में कार्यों की एक श्रृंखला को गूँजता है और हमें उद्धारकर्ता और सुपर हीरो की भूमिका में छात्र के साथ पाठ्यक्रम का एक नाटकीय खंडन मिलता है।

8. उपलब्धियां और अंक

यह एक काफी प्रसिद्ध मैकेनिक है: उपयोगकर्ता को कुछ कार्यों को करने या कोई परिणाम प्राप्त करने के लिए वर्चुअल आइकन पुरस्कार दिए जाते हैं। हम उपलब्धियों का भी उपयोग करते हैं। लेकिन हम मानते हैं कि उपलब्धियों को लागू करने का प्रभाव इतना अधिक नहीं है। बल्कि, यह महत्वपूर्ण खेल यांत्रिकी के शस्त्रागार के लिए एक सुखद अतिरिक्त है।

9. रेटिंग

इसके अलावा अच्छी तरह से ज्ञात यांत्रिकी, जब सर्वश्रेष्ठ छात्रों, खिलाड़ियों और इतने पर की रेटिंग बनाई और प्रकाशित की जाती हैं। यह यांत्रिकी काफी प्रभावी हो सकता है, क्योंकि यह प्रतियोगिता की भावना को जागृत करता है। हमारी रेटिंग के साथ समस्या यह है कि वहां जाना बहुत मुश्किल है, क्योंकि इसमें 20 हजार से अधिक सक्रिय प्रतिभागी हैं। इसलिए, इसकी प्रभावशीलता इतनी अधिक नहीं है।



लेकिन आप विभिन्न रेटिंग दर्ज कर सकते हैं, जिन्हें प्राप्त करना बहुत आसान है, ताकि प्रतियोगिता के प्रशंसक प्रशिक्षण के दौरान ऐसी रेटिंग में भाग ले सकें। उदाहरण के लिए, नौसिखिया रेटिंग या अन्य श्रेणियों में रेटिंग।

10. प्रोफ़ाइल खोलें

हम इस तकनीक को गेम मैकेनिक्स के लिए भी विशेषता देते हैं, क्योंकि यह कुछ मानवीय गुणों का शोषण करता है और प्रेरणा को प्रभावित करता है। बेशक, यह ईर्ष्या और घमंड है जब आप सभी को दिखाते हैं कि आपने क्या हासिल किया है, और कोई आपकी प्रोफ़ाइल में जा सकता है और आपके पास जितनी उपलब्धियां हैं उतनी उपलब्धियां चाहता है।



लेकिन शायद मुख्य प्रभाव को यह कहा जा सकता है: "जब से वे कर सकते हैं, तब मैं कर सकता हूं।" जब एक छात्र भारी संख्या में लोगों को देखता है, जैसे कि उसे, जिसने एक कठिन पाठ्यक्रम में महारत हासिल की है, तो उसे पता चलता है कि वह भी सामना करेगा।

अन्य यांत्रिकी

कुछ मैकेनिक हैं जिनका हम उपयोग नहीं करते, लेकिन कोशिश करना पसंद करेंगे।



पहला ऐसा मैकेनिक्स खेल मुद्रा है, जिसे किसी भी मूल्यवान चीजों पर खर्च किया जा सकता है, उदाहरण के लिए, सदस्यता का भुगतान करने के लिए। ऐसे उदाहरण हैं जब ऐसे यांत्रिकी के परिचय ने कई बार पूरा होने वाले पाठ्यक्रमों का प्रतिशत बढ़ा दिया। सिद्धांत उपलब्धियों और बिंदुओं के समान है, बस पुरस्कार अधिक मूल्यवान हैं।



दूसरा यांत्रिकी तथाकथित आवधिक कार्य हैं, जो आपको नियमित रूप से अभ्यास करने और प्रशिक्षण छोड़ने में मदद करने के लिए डिज़ाइन किए गए हैं। यह मैकेनिक अक्सर उन खेलों में उपयोग किया जाता है जहां ऐसे कार्य होते हैं जो दिन में एक बार या सप्ताह में एक बार ("डीलर" या "विकी") कहे जा सकते हैं और किसी प्रकार का इनाम पा सकते हैं। और हर दिन या सप्ताह में, इन कार्यों को अपडेट किया जाता है। यह दृष्टिकोण खिलाड़ियों को नियमित अंतराल पर खेल में प्रवेश करने के लिए प्रेरित करता है।



प्रशिक्षण में, इस तकनीक को सावधानीपूर्वक लागू किया जाना चाहिए ताकि तेजी से सीखने वालों को धीमा न करें।

संयोजन यांत्रिकी

कई यांत्रिकी एक साथ बहुत अच्छी तरह से काम करते हैं। हम एक संपूर्ण संयोजन बनाने में कामयाब रहे:

1. पहेली;
2. पूर्णतावाद;
3. उपलब्धियों;
4. रेटिंग;
5. प्रोफाइल खोलें।

सबसे पहले, छात्र पहेली हल करता है, और वह इसे पूरी तरह से हल करने की कोशिश करता है, 100%। आदर्श निर्णयों के लिए उन्हें उपलब्धियां मिलती हैं: "1 आदर्श परीक्षण", "20 आदर्श परीक्षण" और इसी तरह। रैंकिंग में छात्र की स्थिति को उपलब्धियों की संख्या प्रभावित करती है। एक बार रेटिंग में, वह अपने प्रोफ़ाइल को दोस्तों के साथ साझा कर सकता है, यह दिखा सकता है कि वह शीर्ष पर है, साथ ही उपलब्धियों और सीखने की प्रगति के लिए भी। और यह सिर्फ संयोजनों में से एक है।

उपयोग का प्रभाव

क्या खेल यांत्रिकी किसी तरह सीखने की क्षमता को प्रभावित करते हैं? क्या कोई सटीक संख्या हैं? क्या उन्हें लागू किया जाना चाहिए?



अच्छे प्रश्न, लेकिन स्पष्ट उत्तर सभी के लिए नहीं हैं।



यांत्रिकी सटीक रूप से प्रशिक्षण की प्रभावशीलता को प्रभावित करती है, बस पूर्णतावाद के उदाहरण को याद रखें, जो नाटकीय रूप से सगाई के स्तर को बढ़ाता है: परीक्षण के लिए 20 मिनट से 6 घंटे तक।



सटीक संख्याएँ और भी कठिन हैं। हम खेल यांत्रिकी के बिना एक संस्करण लॉन्च नहीं कर सकते हैं, वहां कई छात्रों को आकर्षित करते हैं, विभिन्न संकेतकों को मापते हैं और खेल यांत्रिकी के साथ संस्करण के संकेतकों के साथ उनकी तुलना करते हैं।



लेकिन गुणात्मक मूल्यांकन हैं जो हमारे छात्रों से प्रतिक्रिया के रूप में आते हैं, उदाहरण के लिए, ये हैं:







जब हम ऐसी समीक्षाओं को देखते हैं, तो हम समझते हैं कि हम सही दिशा में आगे बढ़ रहे हैं, प्रशिक्षण वास्तव में नशे की लत और सुखद है, और गेम मैकेनिक्स को लागू करने और उपयोग करने के लायक है।