सेन्चा टच: Difference between revisions

From Vigyanwiki
No edit summary
Line 110: Line 110:


== नमूना उपयोग ==
== नमूना उपयोग ==
सेन्चा टच Ext.Map घटक का उपयोग करके आपके एप्लिकेशन में मानचित्र का उपयोग करना सुविधाजनक बनाता है।<ref>{{cite web|url=https://docs.sencha.com/touch/2.3.1/#!/api/Ext.Map|title=टच - सेन्चा डॉक्स|website=docs.sencha.com}}</ref> काम करने के लिए Google मैप्स [[अप्लिकेशन प्रोग्रामिंग अंतरफलक]] के लिए Google मैप्स एपीआई जावास्क्रिप्ट फ़ाइल को शामिल करना आवश्यक है।<ref>{{Cite web|url=http://www.ibm.com/developerworks/library/wa-senchatouch/|title=IBM Developer Works- Build mobile web applications with Sencha Touch}}</ref><syntaxhighlight lang="html">
सेन्चा टच एक्सटी.Map घटक का उपयोग करके आपके एप्लिकेशन में मानचित्र का उपयोग करना सुविधाजनक बनाता है।<ref>{{cite web|url=https://docs.sencha.com/touch/2.3.1/#!/api/Ext.Map|title=टच - सेन्चा डॉक्स|website=docs.sencha.com}}</ref> गूगल मानचित्र एपीआई के कार्य करने के लिए "गूगल मानचित्र एपीआई" जावास्क्रिप्ट फ़ाइल का समावेश आवश्यक है।<ref>{{Cite web|url=http://www.ibm.com/developerworks/library/wa-senchatouch/|title=IBM Developer Works- Build mobile web applications with Sencha Touch}}</ref><syntaxhighlight lang="html">
<!DOCTYPE HTML>
<!DOCTYPE HTML>
<html>
<html>
Line 149: Line 149:
</body>
</body>
</html>
</html>
</syntaxhighlight>Ext.setup() एप्लिकेशन को इनिशियलाइज़ करने, व्यूपोर्ट और इवेंट सिस्टम को सेट करने के लिए शुरुआती बिंदु है।<ref>{{cite web|url=https://docs.sencha.com/touch/2.4/core_concepts/events.html|title=टच गाइड्स - इवेंट्स|website=docs.sencha.com}}</ref>
</syntaxhighlight>एक्सटी.सेटअप() एप्लिकेशन को इनिशियलाइज़ करने, व्यूपोर्ट और इवेंट सिस्टम को सेट करने के लिए प्रारंभिक बिंदु है।<ref>{{cite web|url=https://docs.sencha.com/touch/2.4/core_concepts/events.html|title=टच गाइड्स - इवेंट्स|website=docs.sencha.com}}</ref>




== देशी अनुप्रयोगों की तुलना ==
== देशी अनुप्रयोगों की तुलना ==
सेन्चा टच फोनगैप का समर्थन करता है<ref>{{cite web|url=http://phonegap.com/blog/2013/11/20/SenchaPhoneGap/|title=सेन्चा टच के भीतर फोनगैप का लाभ उठाना|website=phonegap.com}}</ref> [[ accelerometer ]], कैमरा, कंपास, [[जियोलोकेशन]], कैप्चर, के लिए [[अपाचे कॉर्डोवा]] एपीआई<ref>{{cite web|url=https://docs.sencha.com/touch/2.4/packaging/native_apis.html|title=टच गाइड्स - नेटिव एपीआई का उपयोग करना|website=docs.sencha.com}}</ref> InAppBrowser, मीडिया, नोटिफिकेशन, [[स्प्लैश स्क्रीन]], [[SQLite]]|Storage (SQLite), आदि, जो पहले केवल नेटिव एप्लिकेशन के लिए एक्सेस योग्य थे। सेन्चा टच अधिकांश यूआई घटकों को बनाने और फ्लाई पर दस्तावेज़ ऑब्जेक्ट मॉडल तत्वों के सीएसएस को बदलने के लिए जावास्क्रिप्ट का लाभ उठाता है। [[जावास्क्रिप्ट इंजन]] के पहले से अधिक कुशल और तेज़ होने के साथ, वेब ऐप लगभग देशी ऐप की तरह ही सुचारू रूप से चलते हैं।
सेन्चा टच फोनगैप का समर्थन करता है<ref>{{cite web|url=http://phonegap.com/blog/2013/11/20/SenchaPhoneGap/|title=सेन्चा टच के भीतर फोनगैप का लाभ उठाना|website=phonegap.com}}</ref> और एक्सेलेरोमीटर, कैमरा, कम्पास, जिओलोकेशन, कैप्चर,<ref>{{cite web|url=https://docs.sencha.com/touch/2.4/packaging/native_apis.html|title=टच गाइड्स - नेटिव एपीआई का उपयोग करना|website=docs.sencha.com}}</ref> ऐप ब्राउजर में, मीडिया, नोटिफिकेशन, [[स्प्लैश स्क्रीन]], स्टोरेज (SQLite), आदि के लिए अपेक कॉर्डोबा एपीआई जो पहले केवल देशी अनुप्रयोगों के लिए सुलभ थे। सेन्चा टच अधिकांश यूआई घटकों को बनाने और फ्लाई पर दस्तावेज़ ऑब्जेक्ट मॉडल तत्वों के सीएसएस को बदलने के लिए जावास्क्रिप्ट का लाभ उठाता है। [[जावास्क्रिप्ट इंजन]] के पहले से अधिक कुशल और तेज़ होने के साथ, वेब ऐप मूल ऐप की तरह ही सुचारू रूप से चलते हैं।


== यह भी देखें ==
== यह भी देखें ==
Line 161: Line 161:
* [[जेक्वेरी मोबाइल]]
* [[जेक्वेरी मोबाइल]]
* टिज़ेन
* टिज़ेन
* Android (ऑपरेटिंग सिस्टम)
* एंड्रॉयड (ऑपरेटिंग सिस्टम)
* आईओएस
* आईओएस


Revision as of 20:45, 4 March 2023

Sencha Touch
Developer(s)Sencha
Final release
2.4.2 / June 15, 2015; 9 years ago (2015-06-15)
Written inJavaScript
Operating systemAndroid, iOS, BlackBerry, Kindle, Windows Phone, Tizen
Available inEnglish
TypeJavaScript library
LicenseGPLv3 or Commercial
Websitewww.sencha.com/products/touch

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

संस्करण इतिहास और समर्थन

सेन्चा टच सेन्चा का एक उत्पाद है, जिसे लोकप्रिय जावास्क्रिप्ट लाइब्रेरी प्रोजेक्ट Ext JS, जेक्यू टच और Raphaël के संयुक्त होने के बाद बनाया गया था। सेन्चा टच का पहला संस्करण, संस्करण 0.90 बीटा, 17 जुलाई, 2010 को उपलब्ध कराया गया था। यह बीटा रिलीज़ एंड्रॉइड और आईओएस (iPhone, iPod Touch, iPad पर) चलाने वाले उपकरणों का समर्थन करता है।

इसके बाद, पहला स्थिर संस्करण, 1.0, नवंबर 2010 में जारी किया गया था। संस्करण 1.1.0 ने ब्लैकबेरी ओएस 6.0 चलाने वाले उपकरणों के लिए समर्थन जोड़ा।

नवीनतम रिलीज़, सेन्चा टच 2.4.2, जून 2015[1] में जारी किया गया था और इसे निम्नलिखित ब्राउज़रों और प्लेटफार्मों पर चलने के लिए डिज़ाइन किया गया है:

फ़ायरफ़ॉक्स मोबाइल का समर्थन करने के लिए कोई घोषित योजना नहीं है।

विशेषताएं

एमवीसी आर्किटेक्चर

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

विजेट घटक और अनुकूलन थीम

सेन्चा टच में एक अंतर्निहित डोम मैनिपुलेशन इंटरफ़ेस है जो jQuery जैसे अन्य यूजर इंटरफेस ढांचे पर निर्भरता को अस्वीकार करता है। इसमें मोबाइल वेब अनुप्रयोगों के भीतर उपयोग के लिए ग्राफिकल यूज़र इंटरफ़ेस जीयूआई-आधारित नियंत्रण (या घटक) का एक सेट सम्मिलित है। इन घटकों को स्पर्श इनपुट के लिए अनुकूलित किया गया है। घटक हैं:[2]

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

सभी घटकों को लक्ष्य डिवाइस के अनुसार थीम्ड किया जा सकता है। यह सीएसएस पर निर्मित एक स्टाइलशीट भाषा, सैस का उपयोग करके किया जाता है। मूल-समान दिखने वाली कुछ थीम क्यूपर्टिनो क्लासिक (iOS6.x और नीचे के लिए), क्यूपर्टिनो (iOS 7 के लिए) और माउंटेन व्यू (एंड्रॉइड के लिए) हैं।[3]


संक्रमण, एनिमेशन और अनुकूली यूआई

सेन्चा टच में आठ अंतर्निर्मित संक्रमण प्रभाव हैं जिनमें वर्तमान तत्व, पॉप, फ्लिप और क्यूब के ऊपर या नीचे स्लाइड सम्मिलित है। यह टच इवेंट्स से निर्मित सामान्य स्पर्श इशारों का समर्थन करता है, जो वेब मानक हैं लेकिन केवल Android, iOS और कुछ स्पर्श सक्षम उपकरणों द्वारा समर्थित हैं। ये टैप, डबल टैप, स्वाइप, स्क्रॉल और पिंच हैं।

चूंकि सेन्चा टच HTML5 आधारित है, इसके द्वारा प्रदान किए जाने वाले लेआउट बेहद अनुकूल प्रकृति के हैं।

चार्टिंग

सेन्चा टच व्याख्यात्मक किंवदंतियों के साथ पाई चार्ट, बार ग्राफ, लाइन श्रृंखला आदि सहित चार्टिंग घटकों का भी समर्थन करता है। ये घटक पिंच और ज़ूम जैसी अन्तरक्रियाशीलता का समर्थन करते हैं। एक्सट जेएस में ग्रिड घटकों की तरह, सेन्चा टच टचग्रिड कार्यक्षमता प्रदान करता है।[4]


प्रोफाइल

सेन्चा टच में प्रोफाइलिंग से आप अलग-अलग स्क्रीन साइज के लिए अलग-अलग प्रोफाइल बना सकते हैं। जब एप्लिकेशन लोड किया जाता है, तो फ्रेमवर्क डिवाइस के प्रकार को निर्धारित करता है, और इसकी संबंधित प्रोफ़ाइल निर्धारित करती है कि कौन से घटकों और कार्यक्षमता को स्वैप करने की आवश्यकता है, और विशिष्ट विचारों और नियंत्रकों को लागू करने की आवश्यकता है, जिससे डेवलपर को एक अलग बनाने का कार्य बचाया जा सके। प्रत्येक प्रकार के उपकरण के लिए आवेदन।[5]


मूल अनुप्रयोग निर्देशिका संरचना

सेन्चा टच अनुप्रयोगों की मूल फ़ाइल और निर्देशिका संरचना निम्नानुसार है:[2][6]

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


डेवलपर उपकरण और प्लगइन्स

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

क्रॉस प्लेटफॉर्म HTML5 ऐप बनाने के लिए एक विज़ुअल ऐप बिल्डर, सेन्चा आर्किटेक्ट है। यह थीमिंग और कमांड लाइन एकीकरण जैसी व्यसन सुविधाएँ प्रदान करता है।[7]


नमूना उपयोग

सेन्चा टच एक्सटी.Map घटक का उपयोग करके आपके एप्लिकेशन में मानचित्र का उपयोग करना सुविधाजनक बनाता है।[8] गूगल मानचित्र एपीआई के कार्य करने के लिए "गूगल मानचित्र एपीआई" जावास्क्रिप्ट फ़ाइल का समावेश आवश्यक है।[9]

<!DOCTYPE HTML>
<html>
<head>
<title>Touch Test</title>

<!-- Sencha Touch CSS -->
<link rel="stylesheet" type="text/css"
         href="sencha-touch/resources/css/sencha-touch-debug.css" />

<!-- Google Maps API -->
<script type="text/javascript"
              src="//maps.google.com/maps/api/js?sensor=true"></script>

<!-- Sencha Touch JavaScript code -->
<script type="text/javascript" src="sencha-touch/sencha-touch-debug.js"></script>

<!-- Application script -->
<script type="text/javascript">
  Ext.setup( {
    onReady: function() {
      // create the root panel
      new Ext.Panel({
        fullscreen: true,
        items: [
          {
            xtype: "map"  
          }
        ]
      });
    }
  });
</script>

</head>

<body>
</body>
</html>

एक्सटी.सेटअप() एप्लिकेशन को इनिशियलाइज़ करने, व्यूपोर्ट और इवेंट सिस्टम को सेट करने के लिए प्रारंभिक बिंदु है।[10]


देशी अनुप्रयोगों की तुलना

सेन्चा टच फोनगैप का समर्थन करता है[11] और एक्सेलेरोमीटर, कैमरा, कम्पास, जिओलोकेशन, कैप्चर,[12] ऐप ब्राउजर में, मीडिया, नोटिफिकेशन, स्प्लैश स्क्रीन, स्टोरेज (SQLite), आदि के लिए अपेक कॉर्डोबा एपीआई जो पहले केवल देशी अनुप्रयोगों के लिए सुलभ थे। सेन्चा टच अधिकांश यूआई घटकों को बनाने और फ्लाई पर दस्तावेज़ ऑब्जेक्ट मॉडल तत्वों के सीएसएस को बदलने के लिए जावास्क्रिप्ट का लाभ उठाता है। जावास्क्रिप्ट इंजन के पहले से अधिक कुशल और तेज़ होने के साथ, वेब ऐप मूल ऐप की तरह ही सुचारू रूप से चलते हैं।

यह भी देखें

संदर्भ

  1. ↑ "Announcing Sencha Touch 2.4.2 with Improved BlackBerry 10.3 Experience". sencha.com. 15 June 2015.
  2. ↑ 2.0 2.1 Allen, Sarah; Graupera, Vidal; Lundrigan, Lee (2010). प्रो स्मार्टफोन क्रॉस-प्लेटफॉर्म डेवलपमेंट. United States of America: APress. p. 226. ISBN 978-1-4302-2869-1.
  3. ↑ "Sencha Touch 2 Release Notes". cdn.sencha.com.
  4. ↑ "Announcing Sencha Touch 2.3 – Touch Grid, Cordova Support, and New Themes". sencha.com. 1 October 2013.
  5. ↑ Clark, John Earl; Johnson, Bryan P. (April 2013). Creating Mobile Apps with Sencha Touch 2. Birmingham UK: Packt Publishing. pp. 233, 234. ISBN 978-1-84951-890-1 – via Ebrary.com.
  6. ↑ "टच गाइड - सेन्चा टच के साथ शुरुआत करना". docs.sencha.com.
  7. ↑ "सेन्चा आर्किटेक्ट". sencha.com. 25 March 2015.
  8. ↑ "टच - सेन्चा डॉक्स". docs.sencha.com.
  9. ↑ "IBM Developer Works- Build mobile web applications with Sencha Touch".
  10. ↑ "टच गाइड्स - इवेंट्स". docs.sencha.com.
  11. ↑ "सेन्चा टच के भीतर फोनगैप का लाभ उठाना". phonegap.com.
  12. ↑ "टच गाइड्स - नेटिव एपीआई का उपयोग करना". docs.sencha.com.


ग्रन्थसूची


बाहरी संबंध

Retrieved from ‘https://www.vigyanwiki.in/index.php?title=सेन्चा_टच&oldid=102731’