पिछले कुछ दिनों में, डीपसीक-आर1 0528 को आधिकारिक तौर पर ओपन-सोर्स कर दिया गया है।

लाइवकोडबेंच पर, इसका प्रदर्शन लगभग ओपनएआई के o3 (उच्च) के बराबर है; एडर के बहुभाषी बेंचमार्क परीक्षण में, यह क्लाउड ओपस के मुकाबले बेहतर प्रदर्शन करता है।

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

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

उसी प्रॉम्प्ट का उपयोग करते हुए, हमने इसे क्लाउड ओपस 4, सॉनेट 4, जेमिनी 2.5 प्रो और को भेजा। 1टीपी5टी-0528, और उन्हें छह चुनौतीपूर्ण फ्रंट-एंड विकास कार्यों में प्रतिस्पर्धा करने के लिए कहा।

जो लोग इंतजार नहीं कर सकते, उनके लिए निष्कर्ष यह है:

डीपसीक-आर1-0528 फ्रंट-एंड क्षमताओं में ओपस 4 से थोड़ा पीछे है लेकिन बेहतर प्रदर्शन करता है सॉनेट 4 और जेमिनी 2.5 प्रो.

मूलतः, जो कार्य ओपस पूरा कर सकता है, उसे आर1 भी पूरा कर सकता है, और यहां तक कि जो कार्य ओपस 4 पूरा नहीं कर सकता, उसे भी आर1 पूरा कर सकता है, हालांकि पूर्णता दर और परिणाम गुणवत्ता थोड़ी कम होगी।

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

विषयसूची

टेस्ट 1: वेयरहाउस प्रबंधन प्रणाली

संकेत: कृपया निम्नलिखित आवश्यकताओं के साथ एक पूर्ण वेब-आधारित उत्पाद प्रबंधन उपकरण बनाने में मेरी सहायता करें:

कार्यात्मक आवश्यकताएँ

  1. उत्पाद प्रबंधन
  • उत्पाद जानकारी प्रविष्टि: उत्पाद का नाम, प्रकार/श्रेणी, SKU संख्या, मूल्य, इन्वेंट्री मात्रा
  • उत्पाद छवि प्रबंधन: छवि अपलोड और पूर्वावलोकन का समर्थन (फ़ाइल चयनकर्ता के साथ सिम्युलेटेड)
  • उत्पाद सूची प्रदर्शन: खोज और फ़िल्टर समर्थन के साथ सभी उत्पादों को तालिका प्रारूप में प्रदर्शित करें
  • उत्पाद संपादन: उत्पाद जानकारी संशोधन का समर्थन करें
  • उत्पाद हटाना: उत्पाद हटाने का समर्थन करें (पुष्टिकरण संकेत के साथ)
  1. सूची प्रबंधन
  • इनबाउंड ऑपरेशन: उत्पाद सूची मात्रा बढ़ाएँ, इनबाउंड समय और मात्रा रिकॉर्ड करें
  • आउटबाउंड परिचालन: उत्पाद सूची मात्रा घटाएँ, आउटबाउंड समय और मात्रा रिकॉर्ड करें
  • इन्वेंटरी रिकॉर्ड: प्रत्येक उत्पाद के लिए इन्वेंट्री परिवर्तन इतिहास प्रदर्शित करता है
  1. इंटरफ़ेस सुविधाएँ
  • डैशबोर्ड: कुल उत्पादों की संख्या, कुल इन्वेंट्री मूल्य, कम इन्वेंट्री अलर्ट आदि जैसे आंकड़े प्रदर्शित करता है।
  • उत्तरदायी आकारडेस्कटॉप और मोबाइल डिवाइस के लिए अनुकूलनीय
  • डेटा स्थायित्व: डेटा को सहेजने के लिए localStorage का उपयोग करता है

तकनीकी आवश्यकताएं

शैलियाँ और चिह्न

  • सीएसएस फ्रेमवर्क: टेलविंडसीएसएस 3.0+ सीडीएन का उपयोग करता है
  • आइकन लाइब्रेरी: हीरोआइकॉन या फेदर आइकॉन CDN का उपयोग करता है
  • फ़ॉन्ट: गूगल फ़ॉन्ट्स का उपयोग करें

कोड संरचना

  • एकल-पृष्ठ आवेदन: HTML + सीएसएस + जावास्क्रिप्ट
  • मॉड्यूलर डिजाइन: फ़ंक्शन को विभिन्न जावास्क्रिप्ट मॉड्यूल में विभाजित करें
  • डेटा प्रारूप: उत्पाद डेटा संग्रहीत करने के लिए JSON प्रारूप का उपयोग करें

इंटरफ़ेस डिज़ाइन आवश्यकताएँ

  • आधुनिक यूआई: सरल और सुंदर इंटरफ़ेस डिज़ाइन
  • रंग योजना: व्यावसायिक रंग संयोजनों का उपयोग करें
  • इंटरैक्टिव प्रतिक्रिया: बटन क्लिक, फॉर्म सत्यापन, और अन्य इंटरैक्टिव प्रभाव
  • फॉर्म सत्यापन: आवश्यक फ़ील्ड सत्यापन, डेटा प्रारूप सत्यापन

डेटा संरचना उदाहरण

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

आइए परीक्षण के परिणामों पर एक नज़र डालें। तर्क वास्तव में काफी जटिल है, जो मॉडल की संदर्भ लंबाई, सौंदर्य बोध और तार्किक प्रसंस्करण क्षमताओं का परीक्षण करता है।

इस मामले में, डीपसीक को छोड़कर सभी मॉडल विफल हो गए। क्लाउड 4 का अनुवाद ईमानदारी से कहूँ तो यह काफी गलत था।

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

क्लाउड ओपस 4: यह एक बड़े इंटरफ़ेस से शुरू होता है, जो बहुत सरल है, SaaS प्लेटफ़ॉर्म में आम साइडबार के बजाय शीर्ष नेविगेशन बार का उपयोग करता है। उत्पादों को जोड़ने से सेव करने पर त्रुटि आती है, जिससे परीक्षण असंभव हो जाता है।

क्लाउड सॉनेट 4: ओपस 4 की तुलना में, इंटरफ़ेस और भी ज़्यादा बुनियादी है। “उत्पाद जोड़ें” बटन पर क्लिक करने से कोई प्रतिक्रिया नहीं मिलती है, और कोई फ़ॉर्म पॉप-अप दिखाई नहीं देता है। अन्य पृष्ठ मूलतः सिर्फ़ प्लेसहोल्डर हैं।

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

टेस्ट 2: पिक्सेल एनीमेशन एडिटर

अगला चरण दृश्य क्षमता का परीक्षण है। मैंने उनसे P5.js का उपयोग करके पिक्सेल आर्ट एनीमेशन एडिटर बनाने के लिए कहा, जो मूवमेंट मोड का समर्थन करता हो, बिंदु आकार, आकार, गति और अन्य स्थितियों को समायोजित करता हो।

संकेत: P5.js पर आधारित एक पूर्ण-स्क्रीन इंटरैक्टिव पिक्सेल आर्ट एनीमेशन जनरेटर बनाएं, जो निम्नलिखित तकनीकी आवश्यकताओं को पूरा करता हो:

मुख्य विशेषताएं

  • P5.js का उपयोग करके पूर्ण-स्क्रीन पिक्सेल आर्ट एनीमेशन लागू करें, जिसमें एनीमेशन पूरे व्यूपोर्ट क्षेत्र को कवर करता है
  • पिक्सेल ग्रिड का कुल क्षेत्रफल दृश्य क्षेत्र से कम से कम 10 गुना होना चाहिए ताकि सबसे छोटी ग्रिड स्पेसिंग पर भी पूर्ण कवरेज सुनिश्चित हो सके
  • कई एनीमेशन मोड प्रदान करें: तरंग, पल्स, रिपल, शोर
  • एकाधिक बिंदु आकार विकल्पों का समर्थन करें: वृत्त, वर्ग, क्रॉस, त्रिकोण, हीरा, आदि।
  • सभी नियंत्रण पैनल पृष्ठ के दाईं ओर रखे गए हैं और मोबाइल उपकरणों पर उन्हें नीचे की ओर सिकोड़ा जा सकता है

समायोज्य पैरामीटर

  • डॉट घनत्व: प्रति पंक्ति/स्तंभ डॉट्स की संख्या नियंत्रित करें
  • आकृति का आकार: बिंदुओं का आकार समायोजित करें
  • एनीमेशन गति: एनीमेशन प्रभाव की गति और आयाम को नियंत्रित करें
  • ग्रिड स्पेसिंग: बिंदुओं के बीच की दूरी समायोजित करें

तकनीकी निर्देश

  • HTML5, TailwindCSS 3.0+ (CDN के माध्यम से प्रस्तुत) और P5.js का उपयोग करें
  • सिस्टम सेटिंग्स पर डिफ़ॉल्ट रूप से पूर्ण डार्क/लाइट मोड स्विचिंग कार्यक्षमता लागू करें
  • कोड में प्रदर्शन अनुकूलन तर्क शामिल होना चाहिए, केवल दृश्य क्षेत्र के भीतर और किनारों के पास के बिंदुओं को रेंडर करना चाहिए
  • एनिमेशन बिना किसी रुकावट के सुचारू रूप से चलना चाहिए

उत्तरदायी आकार

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

इंटरफ़ेस तत्व

  • एनीमेशन मोड चयनकर्ता (तरंग, पल्स, तरंग, शोर)
  • आकृति चयनकर्ता (विभिन्न आकृतियों को चिह्नों के साथ प्रदर्शित करता है)
  • स्लाइडर नियंत्रण: घनत्व, आकार, गति, अंतर
  • थीम स्विच बटन
  • मैट्रिक्स ओवरले जानकारी और कुल बिंदुओं की संख्या प्रदर्शित करें

नतीजों पर एक नज़र डालें। ईमानदारी से कहूँ तो, मुझे उम्मीद नहीं थी कि इस परीक्षण में अन्य मॉडल इतने खराब प्रदर्शन करेंगे। डीपसीक-आर1 को छोड़कर, अन्य मॉडलों के एनिमेशन बिल्कुल भी काम नहीं करते थे।

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

क्लाउड ओपस 4: अच्छी खबर: इसमें पिक्सेल आर्ट है। बुरी खबर: यह हिलता नहीं है। दाईं ओर की सामग्री को सामान्य रूप से संचालित किया जा सकता है, लेकिन नाइट मोड पर स्विच करने के बाद रंग योजना गलत है।

क्लाउड सॉनेट 4: यह एक आपदा है। कोई पिक्सेल आर्ट नहीं है, और यहां तक कि बटन चयन स्थिति भी गायब है। स्लाइडर केवल डॉट्स हैं - बेहतर होगा कि डिफ़ॉल्ट घटकों का उपयोग करें।

जेमिनी 2.5 प्रो: साथ ही पिक्सेल ग्रिड न होने की त्रुटि की रिपोर्ट भी करता है। दाईं ओर की सामग्री को सामान्य रूप से संचालित किया जा सकता है, और थीम स्विचिंग ठीक काम करती है, लेकिन डिफ़ॉल्ट घटक थोड़े बदसूरत हैं।

परीक्षण 3: छवि ग्रेडिएंट रंग निष्कर्षण उपकरण

यह एक ऐसा उपकरण है जिसके बारे में मैंने पहले लिखा था। इसमें तर्क का ज़्यादा विवरण नहीं है, लेकिन शैली का ज़्यादा विवरण है। इसका मुख्य कार्य एक छवि से ग्रेडिएंट रंगों के पाँच सेट निकालना है।

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

  1. नेटईज़ क्लाउड म्यूज़िक शैली के विज़ुअल डिज़ाइन का उपयोग करें, हाइलाइट के रूप में #FE1110 के समान रंग के साथ सफ़ेद पृष्ठभूमि
  2. मुख्य बिंदुओं को उजागर करने के लिए बड़े फ़ॉन्ट या संख्याओं पर ज़ोर दें। फ़ोकस क्षेत्रों पर ज़ोर देने के लिए बड़े आकार के दृश्य तत्वों को शामिल करें, जिससे छोटे तत्वों के साथ कंट्रास्ट पैदा हो।
  3. चीनी और अंग्रेजी पाठ को मिलाएं। उच्चारण के रूप में बोल्ड, बड़े चीनी अक्षरों और छोटे अंग्रेजी पाठ का उपयोग करें।
  4. डेटा विज़ुअलाइज़ेशन या सजावटी तत्वों के लिए सरल रेखा-निर्मित ग्राफ़िक्स का उपयोग करें।
  5. तकनीक से प्रेरित प्रभाव बनाने के लिए हाइलाइट रंगों के पारदर्शिता ग्रेडिएंट का उपयोग करें, लेकिन सुनिश्चित करें कि विभिन्न हाइलाइट रंग एक दूसरे में मिश्रित न हों।
  6. माउस स्क्रॉलिंग ट्रिगरिंग एनिमेशन के साथ एप्पल की आधिकारिक वेबसाइट के एनिमेशन की नकल करें
  7. डेटा को ऑनलाइन चार्ट घटकों से संदर्भित किया जा सकता है, जिसमें थीम के अनुरूप शैलियाँ हो सकती हैं
  8. फ्रेमर मोशन का उपयोग करें (CDN के माध्यम से)
  9. HTML5, TailwindCSS 3.0+ (CDN के माध्यम से) और आवश्यक JavaScript का उपयोग करें
  10. फ़ॉन्ट विस्मयकारी या मटेरियल आइकन (CDN के माध्यम से) जैसे पेशेवर आइकन लाइब्रेरी का उपयोग करें
  11. प्राथमिक आइकन के रूप में इमोजी का उपयोग करने से बचें
  12. नीचे बाएं कोने में कैप्सूल बटन लेखक का ट्विटर हैंडल प्रदर्शित करता है

इस मामले में, क्लाउड ने आखिरकार शानदार काम किया। डीपसीक-आर1-0528 के पेज विवरण और सौंदर्यशास्त्र प्रभावशाली हैं, लेकिन कार्यक्षमता लागू नहीं की गई है। ओपस 4 और सॉनेट 4 पेज सरल हैं लेकिन कम से कम कार्यात्मक हैं, जबकि जेमिनी बिल्कुल भी कार्यात्मक नहीं है।

डीपसीक-R1-0528: मेरे प्रॉम्प्ट का फिर से उपयोग करने के बाद, डीपसीक के पेज का सौंदर्य वास्तव में बेजोड़ है। उन्होंने पेज पर बहुत सी SEO-फ्रेंडली सामग्री भी जोड़ी, जैसे कि एप्लिकेशन परिदृश्य और प्रोसेसिंग समय। ग्रेडिएंट-रंगीन डिस्प्ले कार्ड भी बहुत विस्तृत हैं, लेकिन रंग चयन तर्क लागू नहीं किया गया है।

क्लाउड ओपस 4: इस बार, क्लाउड ने आखिरकार निराश नहीं किया, पेज की कार्यक्षमता को पूरा किया, लेकिन पेज की सामग्री बहुत ही बुनियादी है, जिसमें केवल चित्र और परिणाम अपलोड करने के लिए जगह है, और रंग-चयन तर्क भी खराब है। हालाँकि, यह कम से कम काम करता है।

क्लाउड सॉनेट 4: सॉनेट 4 ने भी कार्यक्षमता पूरी कर ली है, और मुझे तो यह भी लगता है कि सॉनेट के परिणाम ओपस से बेहतर हैं, हालांकि यह अभी भी डीपसीक जितना समृद्ध नहीं है।

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

टेस्ट 4: व्हाइट नॉइज़ डेली कोट वेबसाइट

अगला एक व्हाइट नॉइज़ डेली कोट वेबसाइट जनरेटर है, जो एक नए टैब पेज प्लगइन के लिए एकदम सही है। यह Spotify से व्हाइट नॉइज़ चलाने का समर्थन करता है, और वेबपेज प्रदर्शित करता है

संकेत: कृपया निम्नलिखित आवश्यकताओं के साथ एक सरल और सुंदर दैनिक उद्धरण वेबसाइट बनाने में मेरी मदद करें:

दृश्य डिजाइन

  • पृष्ठभूमि छवि: पृष्ठभूमि छवि के रूप में निम्नलिखित लिंक से उच्च गुणवत्ता वाले परिदृश्य छवियों का यादृच्छिक चयन करें
  • छवि लिंक: XXXX
  • मूर्ति प्रोद्योगिकी: 25% ब्लैक मास्क और थोड़ा गाऊसी ब्लर जोड़ें ताकि यह सुनिश्चित हो सके कि टेक्स्ट स्पष्ट और पठनीय रहे
  • समग्र शैली: न्यूनतम और आधुनिक, वेबपेज की पृष्ठभूमि के रूप में भूदृश्य छवियों के साथ, ताकि तल्लीनता को बढ़ाया जा सके
  • एनीमेशन फ्रेमवर्क के लिए anime.js (CDN के माध्यम से प्रस्तुत: JsDelivr jsdelivr.com), HTML5, TailwindCSS 3.0+ (CDN के माध्यम से प्रस्तुत) और आवश्यक जावास्क्रिप्ट का उपयोग करें, और फॉन्ट ऑसम या मटेरियल आइकॉन (CDN के माध्यम से प्रस्तुत) जैसी पेशेवर आइकन लाइब्रेरी का उपयोग करें।

समय प्रदर्शन मॉड्यूल

  • शीर्ष: महीने और दिन का प्रारूप (जैसे, “29 मई”), छोटे फ़ॉन्ट में, केंद्र में प्रदर्शित करें
  • दूसरी पंक्ति: छोटे फ़ॉन्ट में “सप्ताह X · चंद्र कैलेंडर Xवां महीना Xवां दिन” प्रारूप प्रदर्शित करता है
  • केंद्र: वर्तमान दिनांक को बड़े सफ़ेद फ़ॉन्ट में हाइलाइट करता है, केंद्र में

उद्धरण प्रदर्शन मॉड्यूल

  • सामग्री: चीनी और विदेशी दार्शनिकों और लेखकों के क्लासिक उद्धरणों को बेतरतीब ढंग से प्रदर्शित करता है
  • लेआउट: उद्धरण केन्द्रित हैं, फ़ॉन्ट का आकार मध्यम है, और पंक्ति रिक्ति आरामदायक है
  • आरोपण: “लेखक, XXX” या “दार्शनिक, XXX” नीचे दाईं ओर प्रदर्शित होता है
  • उद्धरण पुस्तकालय: इसमें प्रेरणा, जीवन अंतर्दृष्टि और ज्ञान जैसे विभिन्न विषयों पर उद्धरण शामिल हैं

संगीत प्लेबैक फ़ंक्शन

  • जगह: पृष्ठ का निचला बायां कोना, डिफ़ॉल्ट रूप से छोटा किया गया
  • सामग्री: Spotify व्हाइट नॉइज़ प्लेलिस्ट एम्बेड करें
  • कोड:

तकनीकी कार्यान्वयन

  • उत्तरदायी आकारडेस्कटॉप और मोबाइल उपकरणों के लिए अनुकूलित
  • फ़ॉन्ट चयन: Google फ़ॉन्ट्स द्वारा प्रस्तुत सुरुचिपूर्ण चीनी फ़ॉन्ट्स का उपयोग करें
  • रंग योजना: सभी पृष्ठभूमियों पर पठनीयता सुनिश्चित करने के लिए मुख्य रूप से सफ़ेद पाठ का उपयोग करें
  • लोडिंग अनुकूलन: पृष्ठ प्रदर्शन को बेहतर बनाने के लिए छवियों की धीमी लोडिंग

इंटरैक्टिव विशेषताएं

  • ऑटो रिफ्रेश: हर दिन स्वचालित रूप से पृष्ठभूमि छवि और उद्धरण बदलता है
  • मैनुअल रिफ्रेश: उपयोगकर्ताओं को सामग्री को मैन्युअल रूप से बदलने की अनुमति देने के लिए एक रिफ्रेश बटन प्रदान करता है

कॉपीराइटिंग शैली

  • उद्धरण चयन: छोटे, सकारात्मक और दार्शनिक उद्धरणों को प्राथमिकता दें
  • भाषा शैलीसंक्षिप्त और प्रभावशाली, अत्यधिक लंबाई से बचें
  • विषय वर्गीकरणजीवन की अंतर्दृष्टि, प्रेरणादायक विकास, बुद्धिमान विचार, भावनात्मक अभिव्यक्ति, आदि।

कृपया उपरोक्त आवश्यकताओं के अनुसार एक पूर्ण HTML/CSS/JavaScript वेबसाइट बनाएं, यह सुनिश्चित करते हुए कि इंटरफ़ेस सौंदर्य की दृष्टि से आकर्षक, कार्यात्मक हो, तथा अच्छा उपयोगकर्ता अनुभव प्रदान करे।

यह परीक्षण विशुद्ध रूप से प्रत्येक मॉडल की सौंदर्यशास्त्र की समझ का आकलन करने के लिए है। इस प्रकार का प्रदर्शन-उन्मुख वेबपेज आम तौर पर प्राप्त करने योग्य है।

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

डीपसीक-R1-0528: मैंने सबसे पहले डीपसीक चलाया और मुझे लगा कि यह पहले से ही काफी अच्छा है। समग्र सौंदर्य के साथ पहली समस्या निचले-बाएँ कोने में संगीत बटन थी, जो थोड़ा बहुत सपाट था। उद्धरण अनुभाग में भी समस्याएँ थीं - काला मुखौटा नहीं जोड़ा जाना चाहिए था, और पाठ संरेखण थोड़ा गलत था। हालाँकि, इसने रिफ्रेश के लिए एक एनीमेशन प्रभाव जोड़ा।

क्लाउड ओपस 4: ओपस 4 का सौंदर्यबोध वाकई बेदाग है। सभी फॉन्ट का आकार और स्पेसिंग बहुत आरामदायक है, और प्रसिद्ध कथनों के उद्धरणों को उद्धरण टेक्स्ट और उद्धरण चिह्नों दोनों के लिए पारदर्शिता के साथ संभाला गया है। यहां तक कि स्पॉटिफ़ाई प्लेयर को भी एक यूआई में लपेटा गया है जिसमें विस्तार/संकुचन एनीमेशन है। यह एकदम सही है।

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

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

परीक्षण 5: स्लीप ऐप पेज जनरेशन

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

संकेत: नींद की निगरानी ऐप विकास आवश्यकताएँ

परियोजना अवलोकन

कृपया मुझे चार मुख्य कार्यात्मक पृष्ठों के साथ एक पूर्ण नींद निगरानी ऐप बनाने में मदद करें। इंटरफ़ेस सौंदर्य की दृष्टि से मनभावन और पेशेवर होना चाहिए।

तकनीकी स्टैक आवश्यकताएँ

फ्रंटएंड प्रौद्योगिकियां

एचटीएमएल 5 – पृष्ठ संरचना

टेलविंडसीएसएस v3.0+ – स्टाइल फ्रेमवर्क (CDN के माध्यम से प्रस्तुत)

जावास्क्रिप्ट – आवश्यक बातचीत तर्क

एनीमे.जेएस v4.0.2 – एनीमेशन प्रभाव लाइब्रेरी

  • सीडीएन: https://cdn.jsdelivr.net/npm/animejs@4.0.2/+esm

चिह्न और चार्ट

  • आइकन लाइब्रेरी: फ़ॉन्ट विस्मयकारी या मटेरियल आइकन (CDN)
  • चार्ट घटक: ऑनलाइन चार्ट घटकों, शैलियों को थीम के अनुरूप होना चाहिए
  • डेटा विज़ुअलाइज़ेशन: नींद के डेटा के चार्ट प्रदर्शन का समर्थन करता है

डिज़ाइन आवश्यकताएँ

उत्तरदायी आकार

  • पूर्णतया उत्तरदायी लेआउट
  • मोबाइल-प्रथम डिज़ाइन
  • डेस्कटॉप और मोबाइल डिवाइस दोनों पर अच्छा प्रदर्शन

अंतःक्रिया प्रभाव

  • बटन इंटरैक्शन: होवर पर थोड़ा बढ़ा हुआ प्रभाव

फ़ॉर्म इंटरैक्शन: इनपुट फ़ील्ड फ़ोकस होने पर ग्रेडिएंट बॉर्डर प्रदर्शित करें

कार्ड इंटरेक्शन: होवर करते समय छाया को गहरा करें

एनीमेशन प्रभाव: सहज पृष्ठ एनीमेशन प्राप्त करने के लिए Anime.js का उपयोग करें

कार्यात्मक पृष्ठ आवश्यकताएँ

कृपया नींद की निगरानी करने वाले ऐप के लिए आवश्यक सभी पेज बनाएं, जिनमें निम्नलिखित शामिल हैं, लेकिन इन्हीं तक सीमित नहीं हैं:

  • होम पेज/डैशबोर्ड
  • नींद रिकॉर्ड पृष्ठ
  • डेटा विश्लेषण पृष्ठ
  • सेटिंग पृष्ठ
  • अन्य संबंधित कार्यात्मक पृष्ठ

कोड आउटपुट आवश्यकताएँ

  • प्रत्येक पृष्ठ एक स्वतंत्र HTML फ़ाइल है
  • पूर्ण टिप्पणियों के साथ स्पष्ट कोड संरचना
  • सुनिश्चित करें कि सभी CDN लिंक सुलभ हों
  • पूर्ण, चलाने योग्य कोड प्रदान करें

मोबाइल लॉजिक और इंटरफ़ेस के मामले में, क्लाउड ओपस 4 ने एक बार फिर अपनी शक्ति का प्रदर्शन किया, अच्छे लॉजिक के साथ कई पेज पूरे किए। अन्य मॉडल केवल एक पेज ही बना पाए, लेकिन डीपसीक आर1 0528 ने एक सुंदर शैली के साथ सौंदर्यशास्त्र के मामले में अचानक ही सफलता हासिल कर ली। हालाँकि इसने केवल एक पेज ही बनाया, लेकिन यह बहुत संपूर्ण था।

डीपसीक-R1-0528: केवल एक ही पेज बनाया गया, लेकिन कुल मिलाकर सौंदर्य अच्छा है। कार्ड का विवरण और आइकन की हैंडलिंग अच्छी तरह से की गई है, और पूरा पेज पूर्ण और लंबा है। इसके अतिरिक्त, नेविगेशन के लिए उत्तरदायी डिज़ाइन लागू किया गया था, जिसके परिणामस्वरूप मोबाइल और डेस्कटॉप डिवाइस पर पूरी तरह से अलग लेआउट हैं।

क्लाउड ओपस 4: वास्तव में शक्तिशाली, केवल Opus4 ने सभी पृष्ठों को पूरी तरह से तैयार किया, लेकिन इस बार सौंदर्य डिजाइन बहुत अच्छा नहीं है, वेब पेज लॉजिक का उपयोग करते हुए, नेविगेशन आइकन बहुत छोटे हैं।

क्लाउड सॉनेट 4: केवल एक पृष्ठ तैयार किया और खराब सौंदर्य डिजाइन के साथ त्रुटियों की सूचना दी, बस कार्य पूरा कर लिया।

जेमिनी 2.5 प्रो: Google हमेशा अलग-अलग तरीके से काम करता है। यह प्रत्येक पेज को अलग-अलग बनाता है, चार फ़ाइलें प्रदान करता है जो एक दूसरे से इंटरैक्ट नहीं कर सकती हैं। इसके अतिरिक्त, सभी पेजों ने त्रुटियाँ बताईं, प्रत्येक पेज में केवल नेविगेशन था और कोई सामग्री नहीं थी, जो काफी निराशाजनक है।

टेस्ट 6: जटिल कार्यक्षमता - टेट्रिस

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

संकेत: कृपया निम्नलिखित आवश्यकताओं के साथ एक पूर्ण कार्यात्मक, आकर्षक टेट्रिस वेब गेम बनाने में मेरी मदद करें:

मुख्य खेल सुविधाएँ

  1. पूर्ण टेट्रिस तंत्र: 7 मानक ब्लॉक (I, O, T, S, Z, J, L)
  2. सुचारू नियंत्रण: बाएँ और दाएँ गति, घुमाव, त्वरित गिरावट, तत्काल गिरावट
  3. स्मार्ट उन्मूलन प्रणाली: विशेष एनीमेशन प्रभावों के साथ एक बार में 1-4 पंक्तियों को हटाने का समर्थन करता है
  4. प्रगतिशील कठिनाई प्रणाली: हटाई गई पंक्तियों की संख्या के आधार पर ड्रॉप की गति और स्तर को स्वचालित रूप से बढ़ाता है

उन्नत विशेषताएँ

  1. पूर्वावलोकन प्रणाली: अगला और अगला-अगला ब्लॉक प्रदर्शित करता है
  2. होल्ड फ़ंक्शन: वर्तमान ब्लॉक को अस्थायी रूप से संग्रहीत करने के लिए होल्ड कुंजी को दबाए रखें। प्रति राउंड केवल एक बार उपयोग किया जा सकता है
  3. भूत ब्लॉक: ब्लॉकों की लैंडिंग स्थिति को अर्ध-पारदर्शी रूप में प्रदर्शित करता है
  4. कॉम्बो सिस्टम: लगातार क्लियर करने से अतिरिक्त अंक और दृश्य प्रभाव मिलते हैं
  5. विशेष कौशल:
    1. बम ब्लॉक (आसपास के क्षेत्र को साफ़ करता है)
    2. लेजर क्लियर (संपूर्ण पंक्ति साफ़ करता है)
    3. समय विराम (ब्लॉक 3 सेकंड के लिए गिरना बंद हो जाते हैं)

दृश्य डिजाइन आवश्यकताएँ

  1. आधुनिक यूआई इंटरफ़ेस:
    1. ढाल पृष्ठभूमि या कण प्रभाव
    2. ग्लास प्रभाव खेल पैनल
    3. सहज एनीमेशन संक्रमण
    4. विभिन्न स्क्रीन के लिए उत्तरदायी डिज़ाइन
  2. समृद्ध दृश्य प्रभाव:
    1. ब्लॉकों के गिरने और घूमने का सहज एनीमेशन
    2. समाप्त होने पर विस्फोट या फ़्लैश प्रभाव
    3. कॉम्बो प्राप्त होने पर स्क्रीन शेक प्रभाव
    4. स्तर उन्नत होने पर उत्सव एनीमेशन
  3. थीम प्रणाली: कम से कम 3 अलग-अलग दृश्य थीम के बीच स्विच करने की सुविधा

ध्वनि प्रभाव प्रणाली

  1. पूर्ण ध्वनि प्रतिक्रिया: चाल, घूर्णन, अवतरण, उन्मूलन, खेल समाप्ति, आदि।
  2. पृष्ठभूमि संगीत: लूपिंग गेम BGM
  3. ध्वनि नियंत्रण: स्वतंत्र रूप से समायोज्य ध्वनि प्रभाव और पृष्ठभूमि संगीत की मात्रा

खेल के अंदाज़ में

  1. क्लासिक मोड: पारंपरिक टेट्रिस गेमप्ले
  2. समय-सीमित मोड: निर्दिष्ट समय सीमा के भीतर उच्चतम स्कोर प्राप्त करें
  3. चुनौती मोड: कठिनाई बढ़ाने के लिए पूर्व-निर्धारित बाधाएं
  4. ज़ेन मोड: समय का कोई दबाव नहीं, खेल का शुद्ध आनंद

डेटा सांख्यिकी सुविधाएँ

  1. वास्तविक समय के आँकड़े: वर्तमान स्कोर, स्तर, साफ़ की गई लाइनों की संख्या, खेल का समय
  2. इतिहास: उच्चतम स्कोर, सर्वोत्तम स्तर, कुल खेल समय
  3. उपलब्धि प्रणाली: विभिन्न खेल उपलब्धियों को अनलॉक करें
  4. स्थानीय भंडारण: गेम रिकॉर्ड और सेटिंग्स सहेजें

तकनीकी आवश्यकताएं

  1. शुद्ध HTML5/CSS3/JavaScript का उपयोग करता है, किसी बाहरी ढांचे की आवश्यकता नहीं
  2. स्पष्ट कोड संरचना: ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग, मॉड्यूलर डिजाइन
  3. प्रदर्शन अनुकूलन: सुचारू 60FPS एनीमेशन, कोई देरी नहीं
  4. अनुकूलता: मुख्यधारा के आधुनिक ब्राउज़रों का समर्थन करता है
  5. उत्तरदायी आकार: पीसी और मोबाइल उपकरणों के साथ संगत

प्रयोगकर्ता का अनुभव

  1. सहज निर्देश: अंतर्निहित ट्यूटोरियल और बटन संकेत
  2. रोकें/फिर से शुरू करें फ़ंक्शन: किसी भी समय खेल को रोकें
  3. सेटिंग्स मेनू: खेल की कठिनाई, ध्वनि प्रभाव, दृश्य प्रभाव आदि को समायोजित करें।
  4. खेल स्थिति सहेजना: गेम को सेव करने और फिर से शुरू करने का समर्थन करता है

कोड गुणवत्ता आवश्यकताएँ

  1. विस्तृत टिप्पणियाँ: प्रत्येक फ़ंक्शन और महत्वपूर्ण कोड खंड का विवरण होना चाहिए
  2. त्रुटि प्रबंधन: व्यापक अपवाद कैप्चर और हैंडलिंग तंत्र
  3. सुरुचिपूर्ण कोड: सर्वोत्तम प्रथाओं का पालन करें, समझने और बनाए रखने में आसान
  4. तानाना: भविष्य में नई सुविधाएँ जोड़ना आसान

कृपया सभी CSS और JavaScript कोड वाली पूरी HTML फ़ाइलें प्रदान करें ताकि यह सुनिश्चित हो सके कि उन्हें सीधे ब्राउज़र में चलाया जा सके। कोड में पेशेवर प्रोग्रामिंग कौशल और गेम डेवलपमेंट की गहरी समझ प्रदर्शित होनी चाहिए।

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

डीपसीक-R1-0528: कार्य बहुत अच्छी तरह से और विनिर्देशों के अनुसार पूरा किया गया था, लेकिन विशेष ब्लॉक डिज़ाइन को छोड़ दिया गया था और बिल्कुल भी लागू नहीं किया गया था। यह प्रॉम्प्ट शब्दों का पालन करने में समस्याओं के कारण हो सकता है। पूरा वेबपेज एक गेम इंटरफ़ेस जैसा दिखता है, जिसमें सभी बटन मानक घटकों की तरह दिखाई देते हैं।

क्लाउड ओपस 4: विशेष ब्लॉक और अन्य तर्क के लिए तर्क को बिना किसी समस्या के पूरा किया, लेकिन थीम स्विचिंग के लिए संकेत को अनदेखा कर दिया, जिसे उन्होंने लागू नहीं किया। DeepSeek के मुद्दों की तुलना में, यह एक छोटी समस्या है, लेकिन इंटरफ़ेस बिना किसी उत्तरदायी तर्क के हार्डकोडेड है, इसलिए अनुपात थोड़ा अलग है, जिससे कुछ बटन क्लिक करने योग्य नहीं हैं।

क्लाउड सॉनेट 4: ओपस के समान, लेकिन मुझे लगता है कि सॉनेट 4 ओपस से बेहतर है। पेज अनुकूलन भी अच्छा है। ऐसा लगता है कि सॉनेट ने जीत हासिल की, क्योंकि इसने सभी आवश्यक कार्य पूरे किए।

जेमिनी 2.5 प्रो: जेमिनी लगातार जटिल तर्क के साथ संघर्ष करती है। इस बार, यह पूरी तरह से अनुपयोगी था क्योंकि ईंटों की स्थिति में एक बग था, जिससे यह अनुमान लगाना असंभव हो गया कि वे कहाँ उतरेंगे। यह सबसे खराब है।

अब तक, मुझे लगता है कि आप भी DeepSeek-R1 के प्रदर्शन से मेरी तरह आश्चर्यचकित हो गए होंगे।

यह मानना मुश्किल है कि यह सिर्फ़ एक छोटा मॉडल अपग्रेड है। आइए इन मॉडलों की कीमतों की तुलना DeepSeek R1 0528 से करें।

ओपस 4 30 गुना अधिक महंगा है, और यह ओपनराउटर के मूल्य निर्धारण का उपयोग है - आधिकारिक मूल्य और भी अधिक चौंका देने वाला होगा।

नमूनासंदर्भ लंबाईइनपुट मूल्य($/M टोकन)आउटपुट मूल्य($/M टोकन)छवि मूल्य($/K टोकन)
1टीपी5टी 0528160 हजार0.502.18
जेमिनी 2.5 प्रो पूर्वावलोकन1000के1.25105.16
क्लाउड सॉनेट 4200कि3.00154.80
क्लाउड ओपस 4200कि15.007524.00

एक ऐसे व्यक्ति के रूप में जो रोजाना एआई समाचारों से निपटता है, मैंने अनगिनत “सफलताएं” देखी हैं जो अंततः “निराशाजनक” साबित होती हैं। लेकिन इस बार मामला अलग है। DeepSeek-R1 ने मुझे वास्तविक उम्मीद दी है।

30 गुना कीमत का अंतर फिर भी लगभग बराबर प्रदर्शन।

अब हमें सर्वश्रेष्ठ AI प्रोग्रामिंग मॉडल का उपयोग करने के लिए अत्यधिक कीमत चुकाने की आवश्यकता नहीं है, न ही हमें लागत और गुणवत्ता के बीच दर्दनाक समझौता करना पड़ता है। इससे भी अधिक प्रेरणादायक बात यह है कि यह हमारा अपना मॉडल है।

यह वाक्य AI द्वारा लिखा गया था, और मुझे लगता है कि यह बहुत अच्छा है: सच्ची क्रांति अक्सर तब शुरू होती है जब साधारण लोग सितारों तक पहुंच पाते हैं।

इसी तरह की पोस्ट

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *