🌡️ ⁉️ 🌈 1 अप्रैल को हम कैसे चौंक गए 🤓 👨🏾‍💻 🌠

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

लेख में हम इस मुद्दे के नैतिक और नैतिक पक्ष पर स्पर्श नहीं करेंगे, हम केवल यह कहते हैं कि सभी प्रतिभागियों को रैंक प्राप्त करने के लिए केवल नाटक करने का अवसर था, लेकिन उनमें से किसी ने भी व्यावहारिक रूप से इसका उपयोग नहीं किया।

यहां हम इस बारे में बात करेंगे कि इस घटना के तकनीकी हिस्से ने कैसे काम किया।

कार्य

पेज पर तीन वीडियो स्ट्रीम का एक स्लाइडर है, जिसके नीचे प्रत्येक बटन फेसबुक और वीके से हैं। उनमें से किसी पर भी क्लिक करने से संबंधित रिले स्लाइड बंद हो सकती है।

संक्षिप्त कार्यान्वयन

लाइक बटन पर क्लिक करने से सर्वर के लिए अजाक्स-अनुरोध होता है। सर्वर पर, प्राप्त स्क्रिप्ट स्लाइडर से "जैसे" फ्रेम की एक कतार एकत्र करता है;
जिस कंप्यूटर पर Arduino बोर्ड जुड़ा है, उस पर Qt एप्लिकेशन चल रहा है। यह एक बार दूसरी बार साइट तक पहुँचता है (विचार कार्यालय में अपर्याप्त रूप से स्थिर कनेक्शन के कारण जला हुआ एक कनेक्शन रखने के लिए है) और "लाइक" स्लाइड्स की एक सूची प्राप्त करता है;
एक ही एप्लिकेशन सीरियल पोर्ट के माध्यम से प्राप्त स्लाइड नंबरों को Arduino पर भेजता है, जो 1200 एमएस के लिए प्राप्त संख्याओं के अनुसार रिले पर बदल जाता है;

Arduino, Qt और अद्भुत QextSerialPort लाइब्रेरी के लिए विशेष धन्यवाद।

कार्यान्वयन अधिक

कोई नीला विद्युत टेप नहीं था, जिसकी वजह से मुझे गैर-रूढ़िवादी काले बिजली के टेप का उपयोग करना पड़ा।

पहले आपको यह पता लगाना था कि पसंद को कैसे पकड़ना है। एपीआई वीके और फेसबुक के उत्खनन के कारण निम्नलिखित थे:

एक से अधिक बटन डालना कुछ अप्रिय है, लेकिन संभव है

पसंद को पकड़ना आसान है। उन्हें भेद करना थोड़ा अधिक कठिन है।

चलो कुछ बटन डालें और पसंद को पकड़ें।

VKontakte

हम मैनुअल vk.com/dev/widget_like को पढ़ते हैं , तीन ब्लॉक बनाते हैं:

<div class="vk vk1"><div id="vk1"></div></div> <div class="vk vk2"><div id="vk2"></div></div> <div class="vk vk3"><div id="vk3"></div></div>

और उन्हें इनिशियलाइज़ करें:

 <scrit> VK.Widgets.Like('vk1', {pageImage:'http://site.ru/i/vk.png', pageTitle:'  — *  !', pageUrl:'http://electro.eggo.ru/?1', width:80,type:'mini'}, 100); VK.Widgets.Like('vk2', {pageImage:'http://site.ru/i/vk.png', pageTitle:'  — *  !',pageUrl:'http://electro.eggo.ru/?2', width:80,type:'mini'}, 200); VK.Widgets.Like('vk3', {pageImage:'http://site.ru/i/vk.png', pageTitle:'  — *  !',pageUrl:'http://electro.eggo.ru/?3', width:80,type:'mini'}, 300); </scrit>

आपको अंतिम पैरामीटर से सावधान रहने की आवश्यकता है - यह शेष मापदंडों के कैश को प्रभावित करता है, और दूसरे पैरामीटर में किसी भी परिवर्तन के बाद, आपको तीसरे को बदलने की आवश्यकता है। दुख की बात है, लेकिन सच है।

अब लाइक पकड़ें। प्रलेखन कहता है कि आप widgets.like.liked घटना के लिए सदस्यता ले सकते हैं। लेकिन हैंडलर फ़ंक्शन के मापदंडों का वर्णन नहीं किया गया है और यह कैसे समझा जाए कि कौन सा बटन दबाया गया था, बहुत स्पष्ट नहीं है। डीबगर के माध्यम से यह पता लगाना संभव था कि ए और बी दो पैरामीटर हैं, लेकिन अनिर्दिष्ट सुविधाओं का उपयोग करना असंभव है। मर्फी के नियमों को याद रखें। इसके लिए, हम एक वैश्विक चर "स्लाइड नंबर" सेट करते हैं, जिसके द्वारा हम सर्वर को डेटा भेजते हैं जिसके बारे में रिले को काम करना चाहिए (और जिसे क्रमशः, हमारे सितारों से झटका लगेगा)। उन उन्मादों के लिए जो जल्दी और जल्दी से पसन्द करते हैं और पसंद करते हैं, हम शुतुरमुर्ग एल्गोरिथम लागू करते हैं, अर्थात हम कुछ भी नहीं करेंगे। तो, जेएस निम्नलिखित रूप लेना शुरू करता है:

 /*  */ var current_slide = 1; function sendLike(type) { $.post('/sn/snh.php', {action:'like', socnet:type}, function(reply){}); } VK.Observer.subscribe("widgets.like.liked", function f(a, b) { sendLike(current_slide); });

हमने स्लाइड सूची पर फ़ंक्शंस को आगे और पीछे रखा है जो वर्तमान_स्लाइड चर को वर्तमान फ्रेम के अनुरूप मान में बदल देते हैं।

फेसबुक

अब याद है फेसबुक के बारे में। मुझे यह सामाजिक नेटवर्क पसंद नहीं है, लेकिन जैसा कि वे कहते हैं, सभी महसूस किए गए टिप पेन स्वाद और रंग में भिन्न हैं। प्रलेखन में

developers.facebook.com/docs/plugins/like-button

developers.facebook.com/docs/reference/javascript/FB.Event.subscribe

किनारे की घटना को सब्सक्राइब करने का अवसर खोजें और इसे इस्तेमाल करने की कोशिश करें:

 $(window).load(function(){ FB.Event.subscribe('edge.create', function(targetUrl) { sendLike( current_slide ); }); });     : <fb:like href="site.ru/?1" layout="button_count" show_faces="false" width="160" height="40" action="like" colorscheme="light"></fb:like> ... <fb:like href="site.ru/?2" layout="button_count" show_faces="false" width="160" height="40" action="like" colorscheme="light"></fb:like> ... <fb:like href="site.ru/?3" layout="button_count" show_faces="false" width="160" height="40" action="like" colorscheme="light"></fb:like>

गेट-पैरामीटर केवल यह सुनिश्चित करने के लिए कार्य करता है कि बटन के पास काउंटर एक दूसरे से स्वतंत्र रूप से काम करते हैं।

हम सहेजते हैं, पृष्ठ लोड करते हैं और बटन का परीक्षण करते हैं। हुर्रे, डेटा सर्वर पर जाता है। अब तक, कहीं नहीं।

फोटो में, डेटा पहले ही आ चुका है कि इसे कहां होना चाहिए और लाइट कहां आती है।

सर्वर साइड

बहुत समय की कमी और थोड़ा आलस्य की उपस्थिति के कारण, सर्वर पक्ष ने निम्नलिखित रूप लिया:

1. अजाक्स सर्वर जो http के माध्यम से पसंद के बारे में रिपोर्ट प्राप्त करता है और उन्हें सॉकेट के ऊपर एक डेमॉन प्रक्रिया में भेजता है जो पहले से ही सभी असंतुलित संदेशों को पसंद के निष्पादन वाले हिस्से में संग्रहीत करता है और क्लाइंट से अनुरोध पर उन्हें अग्रेषित करता है।

2. डेमन प्रक्रिया, जो सॉकेट पर एक सर्वर है और दो प्रकार के अनुरोधों को समझता है: "वापस दे" और "कतार की तरह जोड़ें"।

पहला पैराग्राफ संक्षिप्त और स्पष्ट रूप से हल किया गया है:

अजाक्स सर्वर

 /sn/snh.php error_reporting(0); if ($_REQUEST['action'] == 'like' && intval($_REQUEST['socnet'])) { $address = "127.0.0.1"; $port = 13666; /* Create a TCP/IP socket. */ $socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP); if ($socket === false) { die(); } $result = socket_connect($socket, $address, $port); if ($result === false) { die(); } socket_write($socket, 'add '.trim(strval($_REQUEST['socnet']))."\n"); $_SESSION['count']++; //   echo $_SESSION['count']; socket_close($socket); }

"दानव" थोड़ा अधिक भ्रमित है, क्योंकि यह अधिक स्मार्ट है

दानव

 srv.php <?php error_reporting(E_ALL); echo "starting...\n"; $address = "0.0.0.0"; $port = 13666; $sock = socket_create(AF_INET, SOCK_STREAM, 0); echo "socket ok\n"; socket_set_option($sock, SOL_SOCKET, SO_REUSEADDR, 1); if(!socket_bind($sock, $address, $port)) { socket_close($client); die('Could not bind to address'); } echo "bind ok\n"; socket_listen($sock); echo "listen ok\n"; $events = array(); echo "accepting...\n"; socket_set_nonblock($sock); ini_set('log_errors', false); $notify_socket = array(); while (true) { if ($client = @socket_accept($sock)) { if (is_resource($client)) { echo "connected client\n"; $command = trim(socket_read($client, 32, PHP_NORMAL_READ)); if (strpos($command, "get") !==false) { echo "send events\n"; $n = -1; $str = ''; while (++$n < 5 && count($events) > 0) { $str .= array_shift($events); } echo "\nsend events:".$str."\n\n"; if (strlen($str) > 0) { socket_write($client, $str."\n"); } else { socket_write($client, "none\n"); } } else if (strpos($command, "add")===0) { $what = explode(" ", $command); if (intval($what[1])) { socket_write($client, "ok\n"); $events[]=(int)$what[1]; echo "n/c. events: [".implode(" ", $events)."]\n"; } } socket_shutdown($client); socket_close($client); echo "end of chat\n"; }//if valid connection }//if accepted }//while true; socket_shutdown($sock); socket_close($sock);

तो, अब हम शुरू कर रहे हैं ...

स्क्रीन php -f srv.php

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

चूंकि मैं एक लिनक्सॉइड हूं, और "क्लाइंट" कंप्यूटर विंडोज के तहत काम करेंगे, इसलिए हम इस मॉड्यूल को विकसित करने के लिए Qt + Qt Creator लेते हैं। वह एक इंटरफ़ेस बना सकता है, नेटवर्क के साथ काम करता है, और वास्तव में बात अच्छी और क्रॉस-प्लेटफॉर्म की है। सीरियल पोर्ट के साथ काम करने के लिए कोई मानक पुस्तकालय नहीं है, लेकिन एक अद्भुत QextSerialPort परियोजना है: code.google.com/p/qextserialport जो मैं लंबे समय से अपने स्वयं के प्रयोजनों के लिए उपयोग कर रहा हूं।

हम क्यू-सब कुछ डालते हैं, एक नया प्रोजेक्ट बनाते हैं, नेटवर्क मॉड्यूल, QextSerialPort फ़ाइलों को जोड़ते हैं और एक सरल इंटरफ़ेस कीलक करते हैं: पोर्ट नाम और "कनेक्ट" बटन दर्ज करने के लिए एक टेक्स्ट बॉक्स, जो सर्वर से नई पसंद का अनुरोध करने और अरडिनो को पूरी प्रतिक्रिया भेजने की अंतहीन प्रक्रिया शुरू करता है।

मैं ध्यान देता हूं कि 5 से अधिक घटनाओं के बैचों में दबाए गए बटनों की जानकारी क्यूटी-क्लाइंट को भेजी जाती है। विचार सरल है: यह पर्याप्त है ताकि प्राप्तकर्ता पक्ष जानता है कि क्या करना है और एक ही समय में वास्तव में तनाव नहीं है, कि Arduino पर सीरियल पोर्ट बफर बंद हो सकता है। साथ ही, मानवता के कुछ विचार हैं, जिनके बारे में थोड़ा कम है।

यातना का मुख्य साधन।

Arduino

स्केच अत्यंत सरल है। सीरियल पोर्ट से डिजिट पढ़ें और हाई को संबंधित पिन से पास करें। और 1200ms के बाद हम इसे फिर से बंद कर देते हैं।

Arduino कोड

 #define LED_1 A0 #define LED_2 A1 #define LED_3 A2 void setup() { pinMode(LED_1, OUTPUT); pinMode(LED_2, OUTPUT); pinMode(LED_3, OUTPUT); Serial.begin(9600); } void LEDoff() { digitalWrite(LED_1, LOW); digitalWrite(LED_2, LOW); digitalWrite(LED_3, LOW); }//sub void loop() { if (Serial.available() > 0) { char ch; while (Serial.available()) { ch=Serial.read(); if (ch == '1') { digitalWrite(LED_1, HIGH); } else if(ch == '2') { digitalWrite(LED_2, HIGH); } else if (ch == '3') { digitalWrite(LED_3, HIGH); } }//while delay(1200); LEDoff(); }//if avail }//sub

कोड से यह स्पष्ट है कि यदि सर्वर चुनावों के दौरान (1-2 के आदेश के दौरान) पांच आदेश एक व्यक्ति को झटका देने के लिए आते हैं, तो उसे केवल एक झटका मिलेगा। सबसे पहले, यह अधिक मानवीय है। दूसरे, इस तरह के एक सरल तरीके से हम इस समस्या से छुटकारा पा लेते हैं कि बिजली के झटके का वितरण अंतहीन हो सकता है अगर लोग एक जंगली गति से जाम की तरह भागते हैं।

1200ms में शामिल किए जाने को आनुभविक रूप से चुना गया था, यह मूल्य चीनी स्टोव लाइटर के लिए "स्विंग" के लिए पर्याप्त था जो एक चिंगारी को बंद करने की गारंटी देता था।

वही चीनी स्टोव लाइटर पहले से ही disassembled है।

Arduino पर लोहे का हिस्सा

हम Arduino Uno, प्रोटोटाइप शील्ड, तीन रिले, वायरिंग, ट्विस्टेड पेयर ट्रिम, 3 चीनी इलेक्ट्रिक लाइटर और PLS-40 / PBS-40 बार कनेक्शन के लिए लेते हैं। जबकि टांका लगाने वाला लोहा गर्म हो रहा है, हम ढाल को आर्डिनो पर डालते हैं, 15 सेंटीमीटर के मुड़ जोड़ी केबल को काटते हैं और कनेक्टर्स की स्ट्रिप्स को 3 से 3 में काटते हैं। मुड़ जोड़ी तांबे की निकली, लेकिन मोनो-कोर, जो थोड़ी निराश करने वाली थी, क्योंकि मुझे घर (पहले से ही मृतक) की आपूर्ति हो गई थी, जहां तारों की बहुतायत थी। और नरम। हम कनेक्टिंग तारों को मिलाप करते हैं, रिले को अरुडिनो से जोड़ते हैं और रिले के तारों की जांच करते हैं। Scholk-scholk-scholk। यह काम करता है।

Arduino स्थापित बार के साथ ही।

हम लाइटर को मिलाते हैं, उन संपर्कों को मिलाप करते हैं जो लाइटर पर एक बटन के साथ बंद जोड़ी के साथ बंद थे। हम इन तारों के दूसरे छोर को रिले के नियंत्रित संपर्कों में सम्मिलित करते हैं, बैटरी को लाइटर से कनेक्ट करते हैं, और कोशिश करते हैं। हम खुशी से शपथ लेते हैं, क्योंकि हमने ध्यान नहीं दिया कि हमने अपनी कोहनी = के साथ संपर्कों को कैसे स्पर्श किया था)

हम Arduino को कंप्यूटर में चिपकाते हैं, स्केच में भरते हैं, Qt क्लाइंट लॉन्च करते हैं, इसे आज़माते हैं। लाइटर से निकली चिंगारी की जहरीली दरार यह संकेत देती है कि इसने काम किया।

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

बैटरी पूरे दिन में सक्षम थी।

वीडियो सेटअप।

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

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

8 घंटे की प्रसारण लंबाई पर प्रतिबंध को बस बाईपास किया गया था: इन 8 घंटों के बाद, पुराने बंद कर दिए गए और शेष घंटे (शो 9 घंटे तक चला) के लिए नए प्रसारण शुरू हो गए। और कलाकारों को पांच मिनट का आराम मिला।

शुरुआत से 15 मिनट पहले।

लड़ाई की जाँच

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

हमने अभी भी एक बग या एक विशेषता की पहचान नहीं की है, लेकिन फिर भी, उपयोगकर्ताओं और खुशी और reposts के फव्वारे से लुलज़ प्राप्त करने के बाद, हमने इस छेद को थोड़ा ढंक दिया। हमारे पास तीन धाराएँ हैं, प्रत्येक को दो सामाजिक नेटवर्क में सेट किया जा सकता है। "गैर-नैदानिक" सैडिस्ट के लिए कुल 6 अधिकतम। हम चारों ओर खेलने के लिए एक छोटा सा मार्जिन देते हैं और 9 के मूल्य पर हम शिलालेख "सैडिस्ट" के साथ एक तस्वीर दिखाना शुरू करते हैं। हां, हम आगे खेलने का मौका छोड़ते हैं।

परिणाम

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

साइट का स्क्रीनशॉट, यह लाइव कैसे दिखता है

tyts

यूपीडी वीडियो प्रसारण। घटना की वीडियो रिपोर्ट लगाई जा रही है।

www.youtube.com/watch?v=G52Rfq6wrDk

www.youtube.com/watch?v=S4dwTEVqZIc

www.youtube.com/watch?v=p0ABXUK3tWo

1 अप्रैल को हम कैसे चौंक गए