सेन्चा टच
 A Sencha Touch app with an iOS6 theme | |
| Developer(s) | Sencha |
|---|---|
| Final release | 2.4.2
/ June 15, 2015 |
| Written in | JavaScript |
| Operating system | Android, iOS, BlackBerry, Kindle, Windows Phone, Tizen |
| Available in | English |
| Type | JavaScript library |
| License | GPLv3 or Commercial |
| Website | www |
सेन्चा टच एक प्रयोक्ता इंटरफ़ेस (यूआई) जावास्क्रिप्ट लाइब्रेरी या वेब ढांचा है, जिसे विशेष रूप से मोबाइल वेब के लिए बनाया गया है। इसका उपयोग वेब डेवलपर्स द्वारा मोबाइल वेब अनुप्रयोग के लिए यूजर इंटरफेस विकसित करने के लिए किया जा सकता है जो समर्थित मोबाइल उपकरणों पर मोबाइल अनुप्रयोग विकास की तरह दिखता और महसूस होता है। यह HTML5, CSS3 और JavaScript जैसे वेब मानकों पर आधारित है। सेन्चा टच का लक्ष्य एंड्रॉइड (ऑपरेटिंग सिस्टम), आईओएस, विंडोज मोबाइल, टिज़ेन और ब्लैकबेरी उपकरणों पर चलने वाले एचटीएमएल 5 आधारित मोबाइल ऐप के त्वरित और आसान विकास की सुविधा प्रदान करना है, साथ ही साथ ऐप को मूल रूप और महसूस करने की इजाजत देता है।
संस्करण इतिहास और समर्थन
सेन्चा टच, सेन्चा का एक उत्पाद है, जिसे लोकप्रिय JavaScript लाइब्रेरी प्रोजेक्ट Ext JS, jQTouch और Raphaël (JavaScript लाइब्रेरी)|Raphaël के संयुक्त होने के बाद बनाया गया था। सेन्चा टच का पहला संस्करण, संस्करण 0.90 बीटा, 17 जुलाई, 2010 को उपलब्ध कराया गया था। यह बीटा रिलीज़ Android और iOS (iPhone, iPod Touch, iPad पर) चलाने वाले उपकरणों का समर्थन करता है।
इसके बाद, पहला स्थिर संस्करण, 1.0, नवंबर 2010 में जारी किया गया था। संस्करण 1.1.0 ने ब्लैकबेरी ओएस 6.0 चलाने वाले उपकरणों के लिए समर्थन जोड़ा।
नवीनतम रिलीज़, सेन्चा टच 2.4.2, जून 2015 में रिलीज़ हुई थी[1] और निम्नलिखित ब्राउज़रों और प्लेटफार्मों पर चलने के लिए डिज़ाइन किया गया है:
- Android ब्राउज़र, Android के लिए Google Chrome
- ब्लैकबेरी 10
- बड़ा मोबाइल ब्राउज़र
- किंडल फायर ब्राउजर
- टिज़ेन
- विंडोज फोन 8 और विंडोज 8 इंटरनेट एक्सप्लोरर 10
- मोबाइल सफारी
Android के लिए Firefox का समर्थन करने के लिए कोई घोषित योजना नहीं है।
विशेषताएं
एमवीसी आर्किटेक्चर
सेन्चा टच मॉडल-व्यू-कंट्रोलर पैटर्न का अनुसरण करता है जो एप्लिकेशन डेटा, कंट्रोल कोड और व्यू को अलग करता है। यह पृथक्करण बड़े पैमाने के अनुप्रयोगों को लचीला और बनाए रखने में आसान बनाता है।
विजेट घटक और अनुकूलन थीम
सेन्चा टच में एक इनबिल्ट दस्तावेज़ वस्तु मॉडल मैनिपुलेशन इंटरफ़ेस है जो jQuery जैसे अन्य यूजर इंटरफेस फ्रेमवर्क पर निर्भरता को नकारता है। इसमें मोबाइल वेब अनुप्रयोगों के भीतर उपयोग के लिए ग्राफिकल यूज़र इंटरफ़ेस जीयूआई-आधारित जीयूआई विजेट (या घटक) का एक सेट शामिल है। इन घटकों को स्पर्श इनपुट के लिए अनुकूलित किया गया है। घटक हैं:[2]
- डिवाइस विशिष्ट विषयों और प्रभावों के साथ बटन
- फॉर्म तत्व जैसे ईमेल के लिए टेक्स्ट फ़ील्ड
- दिनांक पिकर और पता
- स्लाइडर्स, चयनकर्ता और कॉम्बो-बॉक्स
- गति-स्क्रॉलिंग और एक इंडेक्स बार के साथ एक सूची घटक
- एक न्यूनतम आइकन सेट
- टूलबार और मेनू
- मूवेबल टैब, बॉटम टूलबार
- मल्टीटच जैसे मल्टी-टच जेस्चर के समर्थन के साथ एक मानचित्र घटक
- हिंडोला
सभी घटकों को लक्ष्य डिवाइस के अनुसार थीम्ड किया जा सकता है। यह Sass (स्टाइलशीट लैंग्वेज) का उपयोग करके किया जाता है, जो कि CSS पर निर्मित सास (स्टाइलशीट भाषा) है। मूल-समान दिखने वाली कुछ थीम क्यूपर्टिनो क्लासिक (iOS6.x और नीचे के लिए), क्यूपर्टिनो (iOS 7 के लिए) और माउंटेन व्यू (एंड्रॉइड के लिए) हैं।[3]
संक्रमण, एनिमेशन और अनुकूली यूआई
सेन्चा टच में आठ अंतर्निर्मित संक्रमण प्रभाव हैं जिनमें वर्तमान तत्व, पॉप, फ्लिप और क्यूब के ऊपर या नीचे स्लाइड शामिल है। यह DOM इवेंट्स से निर्मित सामान्य स्पर्श इशारों का समर्थन करता है, जो वेब मानक हैं लेकिन केवल Android (ऑपरेटिंग सिस्टम), iOS और कुछ स्पर्श सक्षम उपकरणों द्वारा समर्थित हैं। ये टैप, डबल टैप, स्वाइप, स्क्रॉल और पिंच हैं।
चूंकि सेन्चा टच HTML5 आधारित है, इसके द्वारा प्रदान किए जाने वाले लेआउट बेहद अनुकूल प्रकृति के हैं।
चार्टिंग
सेन्चा टच व्याख्यात्मक किंवदंतियों के साथ पाई चार्ट, बार ग्राफ, लाइन श्रृंखला आदि सहित चार्टिंग घटकों का भी समर्थन करता है। ये घटक पिंच और ज़ूम जैसी अन्तरक्रियाशीलता का समर्थन करते हैं। एक्सट जेएस में ग्रिड घटकों की तरह, सेन्चा टच टचग्रिड कार्यक्षमता प्रदान करता है।[4]
प्रोफाइल
सेन्चा टच में प्रोफाइलिंग से आप अलग-अलग स्क्रीन साइज के लिए अलग-अलग प्रोफाइल बना सकते हैं। जब एप्लिकेशन लोड किया जाता है, तो फ्रेमवर्क डिवाइस के प्रकार को निर्धारित करता है, और इसकी संबंधित प्रोफ़ाइल निर्धारित करती है कि कौन से घटकों और कार्यक्षमता को स्वैप करने की आवश्यकता है, और विशिष्ट विचारों और नियंत्रकों को लागू करने की आवश्यकता है, जिससे डेवलपर को एक अलग बनाने का कार्य बचाया जा सके। डिवाइस के प्रत्येक प्रकार के लिए आवेदन।[5]
मूल अनुप्रयोग निर्देशिका संरचना
सेन्चा टच एप्लिकेशन की मूल फ़ाइल और निर्देशिका संरचना निम्नानुसार है:[2][6]
| 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 ऐप बनाने के लिए एक विज़ुअल ऐप बिल्डर, सेन्चा आर्किटेक्ट है। यह थीमिंग और कमांड लाइन इंटरफेस एकीकरण जैसी व्यसन सुविधाएँ प्रदान करता है।[7]
नमूना उपयोग
सेन्चा टच Ext.Map घटक का उपयोग करके आपके एप्लिकेशन में मानचित्र का उपयोग करना सुविधाजनक बनाता है।[8] काम करने के लिए Google मैप्स अप्लिकेशन प्रोग्रामिंग अंतरफलक के लिए Google मैप्स एपीआई जावास्क्रिप्ट फ़ाइल को शामिल करना आवश्यक है।[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>
Ext.setup() एप्लिकेशन को इनिशियलाइज़ करने, व्यूपोर्ट और इवेंट सिस्टम को सेट करने के लिए शुरुआती बिंदु है।[10]
देशी अनुप्रयोगों की तुलना
सेन्चा टच फोनगैप का समर्थन करता है[11] accelerometer , कैमरा, कंपास, जियोलोकेशन, कैप्चर, के लिए अपाचे कॉर्डोवा एपीआई[12] InAppBrowser, मीडिया, नोटिफिकेशन, स्प्लैश स्क्रीन, SQLite|Storage (SQLite), आदि, जो पहले केवल नेटिव एप्लिकेशन के लिए एक्सेस योग्य थे। सेन्चा टच अधिकांश यूआई घटकों को बनाने और फ्लाई पर दस्तावेज़ ऑब्जेक्ट मॉडल तत्वों के सीएसएस को बदलने के लिए जावास्क्रिप्ट का लाभ उठाता है। जावास्क्रिप्ट इंजन के पहले से अधिक कुशल और तेज़ होने के साथ, वेब ऐप लगभग देशी ऐप की तरह ही सुचारू रूप से चलते हैं।
यह भी देखें
- एकाधिक फोन वेब-आधारित एप्लिकेशन फ्रेमवर्क
- जावास्क्रिप्ट ढांचे की तुलना
- जेक्वेरी मोबाइल
- टिज़ेन
- Android (ऑपरेटिंग सिस्टम)
- आईओएस
संदर्भ
- ↑ "Announcing Sencha Touch 2.4.2 with Improved BlackBerry 10.3 Experience". sencha.com. 15 June 2015.
- ↑ 2.0 2.1 Allen, Sarah; Graupera, Vidal; Lundrigan, Lee (2010). प्रो स्मार्टफोन क्रॉस-प्लेटफॉर्म डेवलपमेंट. United States of America: APress. p. 226. ISBN 978-1-4302-2869-1.
- ↑ "Sencha Touch 2 Release Notes". cdn.sencha.com.
- ↑ "Announcing Sencha Touch 2.3 – Touch Grid, Cordova Support, and New Themes". sencha.com. 1 October 2013.
- ↑ 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.
- ↑ "टच गाइड - सेन्चा टच के साथ शुरुआत करना". docs.sencha.com.
- ↑ "सेन्चा आर्किटेक्ट". sencha.com. 25 March 2015.
- ↑ "टच - सेन्चा डॉक्स". docs.sencha.com.
- ↑ "IBM Developer Works- Build mobile web applications with Sencha Touch".
- ↑ "टच गाइड्स - इवेंट्स". docs.sencha.com.
- ↑ "सेन्चा टच के भीतर फोनगैप का लाभ उठाना". phonegap.com.
- ↑ "टच गाइड्स - नेटिव एपीआई का उपयोग करना". docs.sencha.com.
ग्रन्थसूची
- 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
