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

From Vigyanwiki
(Created page with "{{Short description|JavaScript framework}} {{Infobox software | screenshot = P14.png | screenshot size = 187px | caption = A Sencha Touch app...")
 
No edit summary
 
(11 intermediate revisions by 4 users not shown)
Line 16: Line 16:
| website                = {{URL|www.sencha.com/products/touch}}
| website                = {{URL|www.sencha.com/products/touch}}
}}
}}
सेन्चा टच एक [[ प्रयोक्ता इंटरफ़ेस ]] (यूआई) [[जावास्क्रिप्ट]] लाइब्रेरी या [[ वेब ढांचा ]] है, जिसे विशेष रूप से [[मोबाइल वेब]] के लिए बनाया गया है। इसका उपयोग [[वेब डेवलपर्स]] द्वारा मोबाइल [[ वेब अनुप्रयोग ]] के लिए यूजर इंटरफेस विकसित करने के लिए किया जा सकता है जो समर्थित मोबाइल उपकरणों पर [[ मोबाइल अनुप्रयोग विकास ]] की तरह दिखता और महसूस होता है। यह [[HTML5]], [[CSS3]] और JavaScript जैसे [[वेब मानक]]ों पर आधारित है। सेन्चा टच का लक्ष्य एंड्रॉइड (ऑपरेटिंग सिस्टम), [[आईओएस]], [[विंडोज मोबाइल]], टिज़ेन और [[ब्लैकबेरी]] उपकरणों पर चलने वाले एचटीएमएल 5 आधारित मोबाइल ऐप के त्वरित और आसान विकास की सुविधा प्रदान करना है, साथ ही साथ ऐप को मूल रूप और महसूस करने की इजाजत देता है।
सेन्चा टच एक [[ प्रयोक्ता इंटरफ़ेस |प्रयोक्ता इंटरफ़ेस]] (यूआई) [[जावास्क्रिप्ट]] लाइब्रेरी या [[ वेब ढांचा |वेब ढांचा]] है, जिसे विशेष रूप से [[मोबाइल वेब]] के लिए बनाया गया है। इसका उपयोग [[वेब डेवलपर्स]] द्वारा मोबाइल [[ वेब अनुप्रयोग |वेब अनुप्रयोग]] के लिए यूजर इंटरफेस विकसित करने के लिए किया जा सकता है जो समर्थित मोबाइल उपकरणों पर [[ मोबाइल अनुप्रयोग विकास |मूल अनुप्रयोग]] की दिखते और महसूस करते हैं। यह [[HTML5|एचटीएमएल5]], [[CSS3|सीएसएस3]] और [[जावास्क्रिप्ट]] जैसे [[वेब मानक|वेब मानकों]] पर आधारित है। सेन्चा टच का लक्ष्य एंड्रॉइड, [[आईओएस]], [[विंडोज मोबाइल|विंडोज]], टिज़ेन और [[ब्लैकबेरी]] उपकरणों पर चलने वाले एचटीएमएल 5 आधारित मोबाइल ऐप्स के त्वरित और आसान विकास की सुविधा प्रदान करना है, साथ ही साथ ऐप को मूल रूप और महसूस करने की अनुमति देता है।


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


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


नवीनतम रिलीज़, सेन्चा टच 2.4.2, जून 2015 में रिलीज़ हुई थी<ref name="Announcing Sencha Touch 2.4.2 with Improved BlackBerry 10.3 Experience">{{cite web|url=http://www.sencha.com/blog/announcing-sencha-touch-2-4-2-with-improved-blackberry-10-3-experience/|title=Announcing Sencha Touch 2.4.2 with Improved BlackBerry 10.3 Experience|date=15 June 2015|website=sencha.com}}</ref> और निम्नलिखित ब्राउज़रों और प्लेटफार्मों पर चलने के लिए डिज़ाइन किया गया है:
नवीनतम रिलीज़, सेन्चा टच 2.4.2, जून 2015<ref name="Announcing Sencha Touch 2.4.2 with Improved BlackBerry 10.3 Experience">{{cite web|url=http://www.sencha.com/blog/announcing-sencha-touch-2-4-2-with-improved-blackberry-10-3-experience/|title=Announcing Sencha Touch 2.4.2 with Improved BlackBerry 10.3 Experience|date=15 June 2015|website=sencha.com}}</ref> में जारी किया गया था और इसे निम्नलिखित ब्राउज़रों और प्लेटफार्मों पर चलने के लिए डिज़ाइन किया गया है:
* Android ब्राउज़र, Android के लिए Google Chrome
* एंड्रॉइड ब्राउज़र, एंड्रॉइड के लिए गूगल क्रोम
* ब्लैकबेरी 10
* ब्लैकबेरी 10
* [[ बड़ा ]] मोबाइल ब्राउज़र
* [[ बड़ा |बड़ा]] मोबाइल ब्राउज़र
* [[किंडल फायर]] ब्राउजर
* [[किंडल फायर]] ब्राउजर
* टिज़ेन
* टिज़ेन
* [[विंडोज फोन 8]] और विंडोज 8 [[इंटरनेट एक्सप्लोरर 10]]
* [[विंडोज फोन 8]] और विंडोज 8 [[इंटरनेट एक्सप्लोरर 10]]
* [[मोबाइल सफारी]]
* [[मोबाइल सफारी]]
Android के लिए Firefox का समर्थन करने के लिए कोई घोषित योजना नहीं है।
फ़ायरफ़ॉक्स मोबाइल का समर्थन करने के लिए कोई घोषित योजना नहीं है।


== विशेषताएं ==
== विशेषताएं ==
Line 37: Line 37:
=== एमवीसी आर्किटेक्चर ===
=== एमवीसी आर्किटेक्चर ===


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


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


सेन्चा टच में एक इनबिल्ट [[दस्तावेज़ वस्तु मॉडल]] मैनिपुलेशन इंटरफ़ेस है जो jQuery जैसे अन्य यूजर इंटरफेस फ्रेमवर्क पर निर्भरता को नकारता है। इसमें मोबाइल वेब अनुप्रयोगों के भीतर उपयोग के लिए [[ ग्राफिकल यूज़र इंटरफ़ेस ]] जीयूआई-आधारित [[जीयूआई विजेट]] (या घटक) का एक सेट शामिल है। इन घटकों को स्पर्श इनपुट के लिए अनुकूलित किया गया है। घटक हैं:<ref name=":0">{{Cite book|title=प्रो स्मार्टफोन क्रॉस-प्लेटफॉर्म डेवलपमेंट|last=Allen|first=Sarah|last2=Graupera|first2=Vidal|last3=Lundrigan|first3=Lee|publisher=APress|year=2010|isbn=978-1-4302-2869-1|location=United States of America|pages=226}}</ref>
सेन्चा टच में एक अंतर्निहित डोम मैनिपुलेशन इंटरफ़ेस है जो जेक्वेरी जैसे अन्य यूजर इंटरफेस ढांचे पर निर्भरता को अस्वीकार करता है। इसमें मोबाइल वेब अनुप्रयोगों के भीतर उपयोग के लिए [[ ग्राफिकल यूज़र इंटरफ़ेस |ग्राफिकल यूज़र इंटरफ़ेस]] जीयूआई-आधारित नियंत्रण (या घटक) का एक सेट सम्मिलित है। इन घटकों को स्पर्श इनपुट के लिए अनुकूलित किया गया है। घटक हैं:<ref name=":0">{{Cite book|title=प्रो स्मार्टफोन क्रॉस-प्लेटफॉर्म डेवलपमेंट|last=Allen|first=Sarah|last2=Graupera|first2=Vidal|last3=Lundrigan|first3=Lee|publisher=APress|year=2010|isbn=978-1-4302-2869-1|location=United States of America|pages=226}}</ref>
* डिवाइस विशिष्ट विषयों और प्रभावों के साथ बटन
* उपकरण विशिष्ट विषयों और प्रभावों वाले बटन
* फॉर्म तत्व जैसे ईमेल के लिए टेक्स्ट फ़ील्ड
* ईमेल के लिए टेक्स्ट फ़ील्ड जैसे फॉर्म तत्व
* दिनांक पिकर और पता
* दिनांक चयनकर्ता और पता
* स्लाइडर्स, चयनकर्ता और कॉम्बो-बॉक्स
* स्लाइडर्स, चयनकर्ता और कॉम्बो-बॉक्स
* गति-स्क्रॉलिंग और एक इंडेक्स बार के साथ एक सूची घटक
* गति-स्क्रॉलिंग और एक इंडेक्स बार के साथ एक सूची घटक
Line 50: Line 50:
* टूलबार और मेनू
* टूलबार और मेनू
* मूवेबल टैब, बॉटम टूलबार
* मूवेबल टैब, बॉटम टूलबार
* [[ मल्टीटच ]] जैसे मल्टी-टच जेस्चर के समर्थन के साथ एक मानचित्र घटक
* पिंच और ज़ूम जैसे मल्टी-टच जेस्चर के समर्थन वाला मानचित्र घटक
* हिंडोला
* हिंडोला
सभी घटकों को लक्ष्य डिवाइस के अनुसार थीम्ड किया जा सकता है। यह Sass (स्टाइलशीट लैंग्वेज) का उपयोग करके किया जाता है, जो कि CSS पर निर्मित [[सास (स्टाइलशीट भाषा)]] है। मूल-समान दिखने वाली कुछ थीम क्यूपर्टिनो क्लासिक (iOS6.x और नीचे के लिए), क्यूपर्टिनो (iOS 7 के लिए) और माउंटेन व्यू (एंड्रॉइड के लिए) हैं।<ref>{{cite web|url=https://cdn.sencha.com/touch/sencha-touch-2.4.1/release-notes.html|title=Sencha Touch 2 Release Notes|website=cdn.sencha.com}}</ref>
सभी घटकों को लक्ष्य डिवाइस के अनुसार थीम्ड किया जा सकता है। यह सीएसएस पर निर्मित एक स्टाइलशीट भाषा, सैस का उपयोग करके किया जाता है। मूल-समान दिखने वाली कुछ थीम क्यूपर्टिनो क्लासिक (आईओएस6.एक्स और नीचे के लिए), क्यूपर्टिनो (आईओएस 7 के लिए) और माउंटेन व्यू (एंड्रॉइड के लिए) हैं।<ref>{{cite web|url=https://cdn.sencha.com/touch/sencha-touch-2.4.1/release-notes.html|title=Sencha Touch 2 Release Notes|website=cdn.sencha.com}}</ref>




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


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


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


=== चार्टिंग ===
=== चार्टिंग ===


सेन्चा टच व्याख्यात्मक किंवदंतियों के साथ पाई चार्ट, बार ग्राफ, लाइन श्रृंखला आदि सहित चार्टिंग घटकों का भी समर्थन करता है। ये घटक पिंच और ज़ूम जैसी अन्तरक्रियाशीलता का समर्थन करते हैं। [[एक्सट जेएस]] में ग्रिड घटकों की तरह, सेन्चा टच टचग्रिड कार्यक्षमता प्रदान करता है।<ref>{{cite web|url=https://www.sencha.com/blog/announcing-sencha-touch-2-3-html5-for-ios7-touch-grid-cordova-support-more/|title=Announcing Sencha Touch 2.3 – Touch Grid, Cordova Support, and New Themes|date=1 October 2013|website=sencha.com}}</ref>
सेन्चा टच व्याख्यात्मक किंवदंतियों के साथ पाई चार्ट, बार ग्राफ, लाइन श्रृंखला आदि सहित चार्टिंग घटकों का भी समर्थन करता है। ये घटक पिंच और ज़ूम जैसी अन्तरक्रियाशीलता का समर्थन करते हैं। [[एक्सट जेएस|ईएक्सटी जेएस]] में ग्रिड घटकों की तरह, सेन्चा टच टचग्रिड कार्यक्षमता प्रदान करता है।<ref>{{cite web|url=https://www.sencha.com/blog/announcing-sencha-touch-2-3-html5-for-ios7-touch-grid-cordova-support-more/|title=Announcing Sencha Touch 2.3 – Touch Grid, Cordova Support, and New Themes|date=1 October 2013|website=sencha.com}}</ref>




=== प्रोफाइल ===
=== प्रोफाइल ===


सेन्चा टच में प्रोफाइलिंग से आप अलग-अलग स्क्रीन साइज के लिए अलग-अलग प्रोफाइल बना सकते हैं। जब एप्लिकेशन लोड किया जाता है, तो फ्रेमवर्क डिवाइस के प्रकार को निर्धारित करता है, और इसकी संबंधित प्रोफ़ाइल निर्धारित करती है कि कौन से घटकों और कार्यक्षमता को स्वैप करने की आवश्यकता है, और विशिष्ट विचारों और नियंत्रकों को लागू करने की आवश्यकता है, जिससे डेवलपर को एक अलग बनाने का कार्य बचाया जा सके। डिवाइस के प्रत्येक प्रकार के लिए आवेदन।<ref>{{Cite book|title=Creating Mobile Apps with Sencha Touch 2|last=Clark|first=John  Earl|last2=Johnson|first2=Bryan P.|publisher=Packt Publishing|year=April 2013|isbn=978-1-84951-890-1|location=Birmingham UK|pages=233, 234|via=Ebrary.com}}</ref>
सेन्चा टच में प्रोफाइलिंग से आप अलग-अलग स्क्रीन साइज के लिए अलग-अलग प्रोफाइल बना सकते हैं। जब एप्लिकेशन लोड किया जाता है, तो फ्रेमवर्क डिवाइस के प्रकार को निर्धारित करता है, और इसकी संबंधित प्रोफ़ाइल निर्धारित करती है कि कौन से घटकों और कार्यक्षमता को स्वैप करने की आवश्यकता है, और विशिष्ट विचारों और नियंत्रकों को लागू करने की आवश्यकता है, जिससे डेवलपर को एक अलग बनाने का कार्य बचाया जा सके। प्रत्येक प्रकार के उपकरण के लिए आवेदन।<ref>{{Cite book|title=Creating Mobile Apps with Sencha Touch 2|last=Clark|first=John  Earl|last2=Johnson|first2=Bryan P.|publisher=Packt Publishing|year=April 2013|isbn=978-1-84951-890-1|location=Birmingham UK|pages=233, 234|via=Ebrary.com}}</ref>




== मूल अनुप्रयोग निर्देशिका संरचना ==
== मूल अनुप्रयोग निर्देशिका संरचना ==
सेन्चा टच एप्लिकेशन की मूल फ़ाइल और निर्देशिका संरचना निम्नानुसार है:<ref name=":0" /><ref>{{cite web|url=http://docs.sencha.com/touch/2.4/getting_started/getting_started.html|title=टच गाइड - सेन्चा टच के साथ शुरुआत करना|website=docs.sencha.com}}</ref>
सेन्चा टच अनुप्रयोगों की मूल फ़ाइल और निर्देशिका संरचना निम्नानुसार है:<ref name=":0" /><ref>{{cite web|url=http://docs.sencha.com/touch/2.4/getting_started/getting_started.html|title=टच गाइड - सेन्चा टच के साथ शुरुआत करना|website=docs.sencha.com}}</ref>
{| class="wikitable"
{| class="wikitable"
!Directory/File
!निर्देशिका/फ़ाइल
!Description
!विवरण
|-
|-
|app
|ऐप
|The main directory that holds the app's models, views, controllers, stores and profiles
|मुख्य निर्देशिका जो ऐप के मॉडल, विचार, नियंत्रक, स्टोर और प्रोफाइल रखती है
|-
|-
|app.js
|ऐप.जेएस
|File that holds the application's overall settings. References to all models, views, controllers, stores and profiles can be found here. Once these references are loaded, the main app launch function is called. This function loads the first view and hence can be considered as the first point of the application
|फ़ाइल जिसमें एप्लिकेशन की समग्र सेटिंग होती है। सभी मॉडलों, विचारों, नियंत्रकों, दुकानों और प्रोफाइलों के संदर्भ यहां देखे जा सकते हैं। एक बार ये संदर्भ लोड हो जाने के बाद, मुख्य ऐप लॉन्च फ़ंक्शन को कॉल किया जाता है। यह फ़ंक्शन पहले दृश्य को लोड करता है और इसलिए इसे एप्लिकेशन का पहला बिंदु माना जा सकता है
|-
|-
|index.html
|इंडेक्स.एचटीएमएल
|Main [[HTML]] file for the app. It may span many pages/screens for the mobile app
|ऐप के लिए मुख्य एचटीएमएल फ़ाइल। यह मोबाइल ऐप के लिए कई पेज/स्क्रीन फैला सकता है
|-
|-
|resources
|संसाधन
|Directory that holds all the images, CSS and any other external file that the app needs
|निर्देशिका जिसमें सभी छवियां, सीएसएस और कोई अन्य बाहरी फ़ाइल होती है जिसकी ऐप को आवश्यकता होती है
|-
|-
|app.json
|ऐप .जेएसओएन
|App's configuration file
|ऐप की कॉन्फ़िगरेशन फ़ाइल
|-
|-
|packager.json
|पैकेजर.जेएसओएन
|File used to create native packages
|फ़ाइल मूल पैकेज बनाने के लिए उपयोग की जाती है
|-
|-
|ext-touch.js
|एक्सटी-टच.जेएस
|This is Sencha's JavaScript library (ext-touchdebug.js recommended during development phase)
|यह सेन्चा की जावास्क्रिप्ट लाइब्रेरी है (विकास चरण के दौरान अनुशंसित एक्सटी-टचडीबग.जेएस)
|-
|-
|ext-touch.css
|एक्सटी-टच.सीएसएस
|This is Sencha's CSS library
|यह सेन्चा की सीएसएस लाइब्रेरी है
|}
|}




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


क्रॉस प्लेटफॉर्म HTML5 ऐप बनाने के लिए एक विज़ुअल ऐप बिल्डर, सेन्चा आर्किटेक्ट है। यह थीमिंग और [[कमांड लाइन इंटरफेस]] एकीकरण जैसी व्यसन सुविधाएँ प्रदान करता है।<ref>{{cite web|url=https://www.sencha.com/products/architect/|title=सेन्चा आर्किटेक्ट|date=25 March 2015|website=sencha.com}}</ref>
क्रॉस प्लेटफॉर्म एचटीएमएल5 ऐप बनाने के लिए एक विज़ुअल ऐप बिल्डर, सेन्चा आर्किटेक्ट है। यह थीमिंग और [[कमांड लाइन इंटरफेस|कमांड लाइन]] एकीकरण जैसी व्यसन सुविधाएँ प्रदान करता है।<ref>{{cite web|url=https://www.sencha.com/products/architect/|title=सेन्चा आर्किटेक्ट|date=25 March 2015|website=sencha.com}}</ref>




== नमूना उपयोग ==
== नमूना उपयोग ==
सेन्चा टच 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> ऐप ब्राउजर में, मीडिया, नोटिफिकेशन, [[स्प्लैश स्क्रीन]], स्टोरेज (एसक्यूLite), आदि के लिए अपेक कॉर्डोबा एपीआई जो पहले केवल देशी अनुप्रयोगों के लिए सुलभ थे। सेन्चा टच अधिकांश यूआई घटकों को बनाने और फ्लाई पर दस्तावेज़ ऑब्जेक्ट मॉडल तत्वों के सीएसएस को बदलने के लिए जावास्क्रिप्ट का लाभ उठाता है। [[जावास्क्रिप्ट इंजन]] के पहले से अधिक कुशल और तेज़ होने के साथ, वेब ऐप मूल ऐप की तरह ही सुचारू रूप से चलते हैं।


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


Line 182: Line 182:
* {{Official website|http://docs.sencha.com/touch/2.4/getting_started/getting_started.html}}
* {{Official website|http://docs.sencha.com/touch/2.4/getting_started/getting_started.html}}


{{web frameworks}}
{{DEFAULTSORT:Sencha Touch (mobile app framework)}}


{{DEFAULTSORT:Sencha Touch (mobile app framework)}}[[Category: अजाक्स (प्रोग्रामिंग)]] [[Category: जावास्क्रिप्ट पुस्तकालय]] [[Category: आप ऊब जाएंगे]] [[Category: जावास्क्रिप्ट वेब फ्रेमवर्क]]  
[[Category:Created On 25/02/2023|Sencha Touch (mobile app framework)]]
 
[[Category:Lua-based templates|Sencha Touch (mobile app framework)]]
 
[[Category:Machine Translated Page|Sencha Touch (mobile app framework)]]
 
[[Category:Official website not in Wikidata|Sencha Touch (mobile app framework)]]
[[Category: Machine Translated Page]]
[[Category:Pages with empty portal template|Sencha Touch (mobile app framework)]]
[[Category:Created On 25/02/2023]]
[[Category:Pages with script errors|Sencha Touch (mobile app framework)]]
[[Category:Portal templates with redlinked portals|Sencha Touch (mobile app framework)]]
[[Category:Short description with empty Wikidata description|Sencha Touch (mobile app framework)]]
[[Category:Templates Vigyan Ready|Sencha Touch (mobile app framework)]]
[[Category:Templates that add a tracking category|Sencha Touch (mobile app framework)]]
[[Category:Templates that generate short descriptions|Sencha Touch (mobile app framework)]]
[[Category:Templates using TemplateData|Sencha Touch (mobile app framework)]]
[[Category:अजाक्स (प्रोग्रामिंग)|Sencha Touch (mobile app framework)]]
[[Category:आप ऊब जाएंगे|Sencha Touch (mobile app framework)]]
[[Category:जावास्क्रिप्ट पुस्तकालय|Sencha Touch (mobile app framework)]]
[[Category:जावास्क्रिप्ट वेब फ्रेमवर्क|Sencha Touch (mobile app framework)]]

Latest revision as of 11:00, 10 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

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

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

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

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

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

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

विशेषताएं

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

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

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

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

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

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


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

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

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

चार्टिंग

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


प्रोफाइल

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


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

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

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


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

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

क्रॉस प्लेटफॉर्म एचटीएमएल5 ऐप बनाने के लिए एक विज़ुअल ऐप बिल्डर, सेन्चा आर्किटेक्ट है। यह थीमिंग और कमांड लाइन एकीकरण जैसी व्यसन सुविधाएँ प्रदान करता है।[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] ऐप ब्राउजर में, मीडिया, नोटिफिकेशन, स्प्लैश स्क्रीन, स्टोरेज (एसक्यूLite), आदि के लिए अपेक कॉर्डोबा एपीआई जो पहले केवल देशी अनुप्रयोगों के लिए सुलभ थे। सेन्चा टच अधिकांश यूआई घटकों को बनाने और फ्लाई पर दस्तावेज़ ऑब्जेक्ट मॉडल तत्वों के सीएसएस को बदलने के लिए जावास्क्रिप्ट का लाभ उठाता है। जावास्क्रिप्ट इंजन के पहले से अधिक कुशल और तेज़ होने के साथ, वेब ऐप मूल ऐप की तरह ही सुचारू रूप से चलते हैं।

यह भी देखें

संदर्भ

  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=102910’