पटाखे और टीएपी के साथ एक इंटरैक्टिव प्रोटोटाइप बनाएं (टच एप्लीकेशन प्रोटोटाइपिंग)

लगता है कि आतिशबाज़ी (कम से कम स्मैशमैगज़ाइन और कूपर सक्रिय रूप से उद्योग में एक वास्तविक मानक के रूप में इसे बढ़ावा दे रहे हैं) का उपयोग करके इंटरफ़ेस डिज़ाइन के लिए सनक को दरकिनार कर दिया गया है।

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

हमारी प्रयोगशाला में, हम अक्सर विचार करते हैं कि कौन से उपकरण प्रोटोटाइप अनुप्रयोगों के लिए सबसे उपयुक्त हैं। एक्सप्रेशन ब्लेंड + स्केचफ्लो उस समय लोकप्रिय था, लेकिन सिल्वरलाइट के साथ इसके लगाव ने हमें इस बात का मामूली मौका नहीं दिया कि यह मोबाइल विकास में लोकप्रिय होगा।

और हालांकि प्रोटोटाइप बनाने के लिए बहुत सारे उपकरण हैं, मैं उन लाभों के बारे में बात करूंगा जो आतिशबाजी हमें देती है:

• सभी दस्तावेज़, सभी इंटरफ़ेस स्क्रीन और परतों के साथ, एक फ़ाइल में एक्सटेंशन "filename.fw.png" के साथ संग्रहीत किया जाता है। और फ़ोटोशॉप के विपरीत, एफडब्ल्यू प्रभावी ढंग से एक दस्तावेज़ को संकुचित करता है, इसलिए यह दुर्लभ है जब एक बहु-पृष्ठ दस्तावेज़ का वजन 5 एमबी से अधिक होता है। इसके अलावा, दस्तावेज़ प्रारूप किसी भी छवि दर्शक में देखने के लिए उपलब्ध है।

• किसी दस्तावेज़ में परतें पृष्ठों पर साझा की जा सकती हैं। इसके लिए धन्यवाद, यदि आप एक बटन की शैली को बदलना चाहते हैं, तो आपको हर पृष्ठ पर ऐसा करने की आवश्यकता नहीं है, यह एक के लिए करने के लिए पर्याप्त होगा और परिवर्तन हर जगह प्रदर्शित होंगे।

मैं परिवार कल्याण की कार्यक्षमता पर ध्यान केंद्रित नहीं करना चाहता, क्योंकि विषय काफी लोकप्रिय है, और आप आसानी से कई दिलचस्प लेख पा सकते हैं।

नल

और इसलिए हमें CS5 और विंडोज 7 या ओएस एक्स 10.8 से कम नहीं आतिशबाजी के एक संस्करण की आवश्यकता है। वास्तव में, मैंने यह सब किया, वहां और वहां, और मैं कह सकता हूं कि कोई बुनियादी अंतर नहीं है। जब तक विंडोज पर मैंने सर्वर के रूप में डेनवर का उपयोग किया, लेकिन मैक एमएमपी के लिए

मैं इस पर विस्तार से ध्यान नहीं दूंगा। और इसलिए, चलो चलते हैं!

सबसे पहले, हमें टच एप्लिकेशन प्रोटोटाइप (टीएपी) पृष्ठ पर घटकों के साथ संग्रह डाउनलोड करने की आवश्यकता है।



और सामग्री को हमारे सर्वर पर रूट डायरेक्टरी में रखें। तब हम पीएनजी स्रोत को डाउनलोड करते हैं, प्रत्येक प्रकार के डिवाइस के लिए अपना स्वयं का (अब के लिए केवल आईफोन और आईपैड उपकरणों के लिए समर्थन है, और हालांकि मैंने आईफोन 4 के साथ सब कुछ परीक्षण किया है, मुझे यकीन है कि सब कुछ एंड्रॉइड डिवाइस पर टिप-टॉप होना चाहिए)

पटाखे में स्रोत को खोलकर, हम कुछ ऐसा ही देखेंगे। इस png फ़ाइल में प्रोग्राम की एक दर्जन से अधिक खिड़कियां हैं।

हम लाइब्रेरी फ़ोल्डर को नीचे दिए गए चित्र में दर्शाए गए मापदंडों के साथ निर्यात करते हैं। हां, यह Dreamweaver में उपयोग किया जाने वाला फ़ाइल स्वरूप है, लेकिन हमें इसकी स्वयं आवश्यकता नहीं है।

महत्वपूर्ण: "सबफ़ोल्डर में चित्र लगाएं" बॉक्स को चेक करना याद रखें, अन्यथा टीएपी हमारे प्रोटोटाइप के निर्माण से इनकार कर देगा।

टीएपी लॉन्च करें और आवश्यक सेटिंग्स सेट करें, आपको दस्तावेज़ का नाम निर्दिष्ट करना होगा जो कि प्रारंभ पृष्ठ होगा और बिल्ड पर क्लिक करें!

यदि सब कुछ सही निकला, तो बाहर से सर्वर तक पहुंचने के लिए सेटिंग्स होने पर, हम देख सकते हैं कि डिवाइस पर क्या हुआ। ऐसा करने के लिए, हम सफारी में लिंक खोलेंगे और डेस्कटॉप पर एक पृष्ठ जोड़ेंगे (हमारे अपने आइकन 114x114 px का आकार समर्थित है)।



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

और इसलिए हमें क्या मिलता है?

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

उपयोगी लेख: आतिशबाजी में इंटरएक्टिव उत्पाद डिजाइन करना
एडोब पटाखे में प्रोटोटाइप खत्म करें
एडोब पटाखों के साथ इंटरएक्टिव प्रोटोटाइप और समय-बचतकर्ता
एडोब आतिशबाजी के साथ इंटरएक्टिव प्रोटोटाइप बनाएं ।