Differences

This shows you the differences between two versions of the page.

--- ifttt [2019/03/20 17:04] – external edit 127.0.0.1
+++ ifttt [2019/03/21 15:09] – ingrid
@@ Line 14: / Line 14: @@
 </WRAP>
-\\
+<pagebreak>
  ==== What is IFTTT and why should you use it? ====
@@ Line 24: / Line 24: @@
    * Used in home automation, it will switch ON a light when detecting motion in a room (with associated compliant devices).
-<WRAP clear><imgcaption 1|>{{ :IFTTT_intro.png?direct|IFTTT Slogan}}</imgcaption></WRAP>
-<WRAP centeralign>{{:IFTTT_intro.png?direct700}}</WRAP>
-<WRAP center 60%> <WRAP centeralign> Figure 1: IFTTT Slogan </WRAP>  </WRAP>
+<WRAP centeralign>{{ :IFTTT_intro.png?direct700 |IFTTT Slogan}}</WRAP>
+<WRAP center 60%> <WRAP centeralign> Figure 1: IFTTT Slogan </WRAP>  </WRAP>
+<pagebreak>
  ==== IFTTT Structure ====
-<WRAP centeralign>{{:IFTTT_structure.png?direct600}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_structure.png?direct600 |IFTTT structure}}</WRAP>
 <WRAP center 60%> <WRAP centeralign> Figure 2: IFTTT Structure </WRAP>  </WRAP>
 IFTTT employs the following concepts:
   * **Services** are the basic building blocks of IFTTT. They mainly describe a series of data from a certain web service such as YouTube or eBay. Services can also describe actions controlled with certain APIs, like SMS. Sometimes, they can represent information in terms of weather or stocks. Each service has a particular set of triggers and actions.
-<WRAP centeralign>{{:IFTTT_services.png?direct400}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_services.png?direct400 |IFTTT services}}</WRAP>
 <WRAP center 60%> <WRAP centeralign> Figure 3: IFTTT Services </WRAP></WRAP>
   * **Triggers** are the "This" part of an applet. They are the items that launch the action. For example, from an RSS feed, you can receive a notification based on a keyword or phrase.
-<WRAP centeralign>{{:IFTTT_trigger.png?direct400}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_trigger.png?direct400 |IFTTT trigger}}</WRAP>
 <WRAP center 60%> <WRAP centeralign> Figure 4: IFTTT Trigger </WRAP></WRAP>
   * **Actions** are the "That" part of an applet. They are the output that results from the input of the trigger.
-<WRAP centeralign>{{:IFTTT_action_service.png?direct400}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_action_service.png?direct400 |IFTTT action}}</WRAP>
 <WRAP center 60%> <WRAP centeralign> Figure 5: IFTTT Action Service </WRAP></WRAP>
   * **Ingredients** are the basic data available from a trigger. For example an "email" trigger can give the following ingredients: subject, body, attachment, received date, and sender’s address. The Applet can take the individual ingredients provided by the trigger and use them to fill in action fields.
-<WRAP centeralign>{{:IFTTT_ingredients.png?direct400}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_ingredients.png?direct400 |IFTTT ingredients}}</WRAP>
 <WRAP center 60%> <WRAP centeralign> Figure 6: IFTTT Ingredients </WRAP></WRAP>
   * **Applets** (formerly known as **Recipes**) are the predicates made from Triggers and Actions. They allow users to automate interactions between different services they use. For example, if you say “lights on” to Alexa (trigger), it turns on the lights (action).
-<WRAP centeralign>{{:IFTTT_applet.png?direct400}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_applet.png?direct400 |IFTTT applet}}</WRAP>
 <WRAP center 60%> <WRAP centeralign> Figure 7: IFTTT Applet </WRAP></WRAP>
+<pagebreak>
 ==== Start with IFTTT ====
 Go to https://ifttt.com/ to create an account with IFTTT. You can sign up using your Google or Facebook account, or by entering your email address and password.
 Once signed in, click on "My Applets" to start creating your first applet.
-<WRAP centeralign>{{:IFTTT_account.png?direct500}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_account.png?direct500 |IFTTT account}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 8: IFTTT Account</WRAP>  </WRAP>
@@ Line 63: / Line 63: @@
 === 1. Enable IFTTT on Thinknx Server ===
 \\ Go to the web page of your Thinknx server, under "Server" tab, select "Thinknx Cloud". Click on "Enable Integration Kit".
-\\ <WRAP centeralign>{{:IFTTT_enable_integrationkit.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_enable_integrationkit.png?direct600 |Enable integration kit}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 1.1: Enable Integration Kit</WRAP></WRAP>
 === 2. Configure Webhooks ===
 Inside your IFTTT account, click on your username and select Services from the list.
-\\ <WRAP centeralign>{{:IFTTT_username.png?direct500}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_username.png?direct500 |IFTTT username}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 2.1: IFTTT Username</WRAP></WRAP>
 Make sure to click on "All Services" button under the preferred services, input the word "Webhooks" in the search bar and click on the result.
-\\ <WRAP centeralign>{{:IFTTT_account_services.png?direct500}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_account_services.png?direct500 |IFTTT account services}}</WRAP>
 \\ <WRAP center 50%> <WRAP centeralign> Figure 2.2: IFTTT Account Services</WRAP></WRAP>
-\\ <WRAP centeralign>{{:IFTTT_account_webhooks.png?direct500}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_account_webhooks.png?direct500 |IFTTT webhooks}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 2.3: IFTTT Webhooks</WRAP></WRAP>
 Inside the "Webhooks" service, click on "Connect", then go to "Settings".
 \\ Take note of the URL associated to your account, especially the KEY section (<nowiki>https://maker.ifttt.com/use/</nowiki>**[KEY]**)
 <WRAP important round center 80%> This step will create a dedicated key to establish communication with Thinknx Cloud. The key will permit to create actions on Thinknx server, therefore it is important to keep it secured to prevent security attacks. </WRAP>
-\\ <WRAP centeralign>{{:IFTTT_webhooksURL.png?direct500}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_webhooksURL.png?direct500 |IFTTT webhooks url}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 2.4: IFTTT Webhooks URL</WRAP></WRAP>
@@ Line 83: / Line 83: @@
 == Inside Thinknx Configurator ==
 If you want to execute an IFTTT action when a Thinknx object changes its status, start by going to "Sytem" tab inside Configurator, and add the object "IFTTT".
-\\ <WRAP centeralign>{{:IFTTT_thinknx_account.png?direct500}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_thinknx_account.png?direct500 |Add IFTTT account in thinknx}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.1: Add IFTTT Account in Thinknx</WRAP></WRAP>
 \\ Click on IFTTT Account, and copy paste the Key from your Webhooks URL (see section [[IFTTT#1._configure_webhooks|1. Configure Webhooks]] above).
-\\ <WRAP centeralign>{{:IFTTT_thinknx_key.png?direct500}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_thinknx_key.png?direct500 |Add webhooks key to thinknx}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.2: Add Webhooks Key to Thinknx </WRAP></WRAP>
 \\ Next, add a "Generic Button" inside your page, and configure the command to be sent as IFTTT. Insert an "Event Identification" to be used later on when creating the Applet.
-\\ <WRAP centeralign>{{:IFTTT_thinknx_command.png?direct500}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_thinknx_command.png?direct500 |Add IFTTT command in thinknx}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.3: Add IFTTT command in Thinknx </WRAP></WRAP>
 \\
 == Inside IFTTT account ==
 Sign in to your IFTTT account on https://ifttt.com, go to "My Applets" and click on the "New Applet" button.
-\\ <WRAP centeralign>{{:IFTTT_new_applet.png?direct700}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_new_applet.png?direct700 |Create new applet}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.4: Create New Applet</WRAP></WRAP>
 \\ Click on "+This" and search for "Webhooks" to place it as a trigger.
-\\ <WRAP centeralign>{{:IFTTT_this.png?direct700}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_this.png?direct700 |Click on IFTTT + This}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.5: Click on IFTTT "+This"</WRAP></WRAP>
-\\ <WRAP centeralign>{{:IFTTT_webhooks_this.png?direct700}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_webhooks_this.png?direct700 |Add webhooks as This}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.6: Add Webhooks as "This"</WRAP></WRAP>
 \\ Select "receive a web request" and enter the "Event Name" given inside the Configurator.
-\\ <WRAP centeralign>{{:IFTTT_thinknx_trigger.png?direct700}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_thinknx_trigger.png?direct700 |Add trigger}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.7: Add Trigger </WRAP></WRAP>
-\\ <WRAP centeralign>{{:IFTTT_thinknx_event.png?direct700}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_thinknx_event.png?direct700 |Add thinknx event name}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3.8: Add Thinknx Event Name </WRAP></WRAP>
@@ Line 112: / Line 112: @@
 The same concept as section 2 applies, but instead of choosing Webhooks as "+This", it will be selected as "+That".
 \\ Start by adding a trigger that will be used to command a Thinknx object, for example when an event starts or finishes on your Google calendar, and include it as "+This". Then, click on "+That" and select "Webhooks". Click on "Make a web request".
-\\ <WRAP centeralign>{{:IFTTT_webhooks_that.png?direct700}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_webhooks_that.png?direct700 |Add webhooks as That}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 4.1: Add Webhooks as +That</WRAP></WRAP>
 Then click on "Server" tab again, and select "Integration Kit".
-\\ <WRAP centeralign>{{:IFTTT_integration_kit.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_integration_kit.png?direct600 |Select integration kit}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 4.2: Select Integration Kit</WRAP></WRAP>
 You will see the entire tree of your uploaded project. Go to the desired object to be controlled from IFTTT and select it. Choose the command to be sent(for example ON), and click on copy Cloud URL to be able to send the command remotely.
-\\ <WRAP centeralign>{{:IFTTT_URL_thinknx.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_URL_thinknx.png?direct600 |Copy IFTTT url}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 4.3: Copy IFTTT URL</WRAP></WRAP>
 \\ Go back to your Applet on IFTTT website and paste the URL. Leave the Method as "GET" and select under "Content Type" the option "application/x-www-form-urlencoded". Finish by clicking "Create Action".
-\\ <WRAP centeralign>{{:IFTTT_action_thinknx.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_action_thinknx.png?direct600 |Creating an action for thinknx}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 4.4: Creating an action for Thinknx</WRAP></WRAP>
+<pagebreak>
 ==== Example 1: Thinknx to IFTTT ====
 **Applet (Recipe): ** "When ambient temperature in the cellar rises above 10°C (measured by KNX sensor), make a VoIP call through IFTTT."
 \\  Inside Thinknx Configurator, under "System" tab, add "Universal Gateway" and click to open the "Actions from KNX".
-\\ <WRAP centeralign>{{:IFTTT_example1_intro.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example1_intro.png?direct600 |Add universal gateway}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 1: Add Universal Gateway </WRAP></WRAP>
 \\ Click "Add" to insert a new element and label it as desired.
@@ Line 135: / Line 136: @@
 \\ Enable Condition 1 and click on command. A new popup will open to create the IFTTT event under "Reports and Gateways". Once the event is labeled, close the popup.
 \\ Choose as condition "Send if greater" and enter the value 10 in the condition parameters to indicate that "if the temperature is higher than 10 degrees then the event will be launched".
-\\ <WRAP centeralign>{{:IFTTT_example1_0.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example1_0.png?direct600 |Create IFTTT event in thinknx}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 2: Create IFTTT event in Thinknx </WRAP></WRAP>
 \\ Go back to the IFTTT website to create a new applet. Click on "+This" and search for "Webhooks".
-\\ <WRAP centeralign>{{:IFTTT_example1_1.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example1_1.png?direct600 |Add webhooks as trigger}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3: Add Webhooks as Trigger</WRAP></WRAP>
 \\ Select "Receive a web request".
-<WRAP centeralign>{{:IFTTT_example1_2.png?direct600}}</WRAP>
+<WRAP centeralign>{{ :IFTTT_example1_2.png?direct600 |Select "receive a web request"}}</WRAP>
 \\ <WRAP center 50%> <WRAP centeralign> Figure 4: Select "Receive a web request"</WRAP></WRAP>
 \\ Enter the event name created in Thinknx.
-\\ <WRAP centeralign>{{:IFTTT_example1_3.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example1_3.png?direct600 |Select "insert event name"}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 5: Select "Insert event name"</WRAP></WRAP>
 \\  Click on "+That" and search for "VoIP".
-\\ <WRAP centeralign>{{:IFTTT_example1_4.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example1_4.png?direct600 |Add VoIP as action}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 6: Add VoIP as Action</WRAP></WRAP>
 \\ Select "Call my device".
-\\ <WRAP centeralign>{{:IFTTT_example1_5.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example1_5.png?direct600 |Select "call my device"}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 7: Select "Call my device"</WRAP></WRAP>
 \\ Enter the voice message you want to hear when the event takes place.
-\\ <WRAP centeralign>{{:IFTTT_example1_6.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example1_6.png?direct600 |Select "Insert event name"}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 8: Select "Insert event name"</WRAP></WRAP>
+<pagebreak>
 ==== Example 2: IFTTT to Thinknx ====
 **Applet:** "When client says Good Morning to Google Assistant, launch Thinknx scene."
 Start a new Applet on IFTTT website. Click on "+This" and search for "Google Assistant"
-\\ <WRAP centeralign>{{:IFTTT_example2_0.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example2_0.png?direct600 |Create google trigger}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 1: Create Google trigger </WRAP></WRAP>
 \\ Select "Say a simple phrase", and enter the phrase "Good morning" and any other alternatives you want. You can even write down the assistant's reply
-\\ <WRAP centeralign>{{:IFTTT_example2_1.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example2_1.png?direct600 |select your trigger}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 2: Select your trigger</WRAP></WRAP>
-\\ <WRAP centeralign>{{:IFTTT_example2_2.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example2_2.png?direct600 |Enter the sentence}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 3: Enter the sentence </WRAP></WRAP>
 Next, click on "+That" and select "Webhooks". Click on "Make a web request".
-\\ <WRAP centeralign>{{:IFTTT_webhooks_that.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_webhooks_that.png?direct600 |Add webhooks as action}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 4: Add Webhooks as Action </WRAP></WRAP>
 \\ To get the URL, go to the Thinknx server's web page, select "Server" tab and click on "Integration Kit".
-\\ <WRAP centeralign>{{:IFTTT_integration_kit.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_integration_kit.png?direct600 |Go to "integration kit"}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 5: Go to "Integration Kit" </WRAP></WRAP>
 \\ Search for the Good Morning Scene in the Project tree, select "Launch" as parameter and click on "Copy URL Cloud".
-\\ <WRAP centeralign>{{:IFTTT_example2_3.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example2_3.png?direct600 |Select scene in thinknx}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 6: Select Scene in Thinknx </WRAP></WRAP>
 Go back to your IFTTT web page and paste the URL. Click on "Create Action" and the applet will be created.
-\\ <WRAP centeralign>{{:IFTTT_example2_4.png?direct600}}</WRAP>
+\\ <WRAP centeralign>{{ :IFTTT_example2_4.png?direct600 |Create applet}}</WRAP>
 <WRAP center 50%> <WRAP centeralign> Figure 7: Create Applet </WRAP></WRAP>
+<pagebreak>