सेन्चा टच

Sencha Touch

A Sencha Touch app with an iOS6 theme
डेवलपर(ओं)	Sencha
Final release	2.4.2 / June 15, 2015 (2015-06-15)
इसमें लिखा हुआ	JavaScript
ऑपरेटिंग सिस्टम	Android, iOS, BlackBerry, Kindle, Windows Phone, Tizen
में उपलब्ध	English
प्रकार	JavaScript library
लाइसेंस	GPLv3 or Commercial
वेबसाइट	www.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 में जारी किया गया था और इसे निम्नलिखित ब्राउज़रों और प्लेटफार्मों पर चलने के लिए डिज़ाइन किया गया है:

• Android ब्राउज़र, Android के लिए Google Chrome
• ब्लैकबेरी 10
• बड़ा मोबाइल ब्राउज़र
• किंडल फायर ब्राउजर
• टिज़ेन
• विंडोज फोन 8 और विंडोज 8 इंटरनेट एक्सप्लोरर 10
• मोबाइल सफारी

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

विशेषताएं

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

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

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

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

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

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

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

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

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

चार्टिंग

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

प्रोफाइल

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

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

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

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

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

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

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

नमूना उपयोग

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

<!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>

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

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

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

यह भी देखें

• एकाधिक फोन वेब-आधारित एप्लिकेशन फ्रेमवर्क
• जावास्क्रिप्ट ढांचे की तुलना
• जेक्वेरी मोबाइल
• टिज़ेन
• एंड्रॉयड (ऑपरेटिंग सिस्टम)
• आईओएस

ग्रन्थसूची

• Jesus Garcia and Anthony De Moss, Mitchell Simoens, Sencha Touch in Action, ISBN 978-1-61729-037-4
• Ajit Kumar, Sencha Touch Cookbook, ISBN 978-1-84951-544-3.
• Hiren J. Dave, Instant Sencha Touch, ISBN 9781782165996.
• Ajit Kumar, Sencha Touch Cookbook - Second Edition, ISBN 978-1-78216-918-5.
• Lee Boonstra, Hands-On Sencha Touch 2: A Real-World App Approach 1st Edition, ISBN 978-1-44936-652-0.
• Ajit Kumar, Sencha MVC Architecture, ISBN 978-1-84951-888-8.
• Matthew David, HTML5 Mobile Websites, Turbocharging HTML5 with jQuery, Sencha Touch, and Other Frameworks, ISBN 978-0-24081-814-6.
• https://developer.salesforce.com/page/Developing_Mobile_Applications_With_Force.com_And_Sencha_Touch

बाहरी संबंध

• Official website