WhatsApp New Feature

WhatsApp reinventing the Status feature. The new Status feature lets you share photos, videos, and GIFs on WhatsApp in an easy and secure way. Status updates are end-to-end encrypted and disappear after 24 hours.

Here’s what you need to know about the new feature.

You just have to update the software from the App Store for IOS or Play Store for Android.

If you haven’t get the Status menu, you just have to restart your phone.

For iPhone user, the Status icon show on the left side like the picture below.

For the Android user, the Status menu placed between Chats and Calls menu.

Here’s how to update your Status:

 

 

Click My Status or the icon circle with +, tap the camera icon, take a photo or video or pic one from your camera roll.

You can draw, place emoji, write text on the photo, and tap the paper airplane icon. You can send your status directly to a friend too.

For Status Privacy, you are given three options:

  • My contacts
  • My Contacts except
  • Only share with

There’s a view counter at the bottom of your screen showing you how many people have watched or looked at your status.

viewed-by

Your Status will remain active for 24 hours after that it will disappear. So Go ahead and try posting your status now!

 

New Macbook Pro with Touch Bar and Touch ID

mbp15touch-gray-select-201610

The new MacBook Pro’s Touch Bar has arrived with something much more versatile and capable. The Touch Bar replaces the function keys that have long occupied the top of your keyboard. System controls like volume and brightness, intelligent typing features like emoji and predictive text, and more.

After a brief beta preview, Microsoft is rolling out support for the Macbook Pro Touch Bar to all users of Office for Mac.

For Word, you can enter Word Focus Mode a brand-new experience that hides all of the on-screen ribbons and commands so you can simply focus on your work. You can also now insert comments, photos or hyperlinks directly from Touch Bar. Keeping them available to use, but not distracting the user.

wordmode

For PowerPoint it allows you to easily manipulate graphic elements.  You can easily rotate an object to get just the right angle. Controls are now available on the Touch Bar when your presentation is available in Slideshow View, including slide thumbnails and a timer to help you keep track of time as you present.

pps

For Excel the Touch Bar will show recently used functions in Excel, allowing users to quickly select a commonly used formula. The Touch Bar also provides quick access to charts an making it easier than ever to organize and visualize your data.

excel

For Outlook, when composing a new mail, the Touch Bar displays a list of recent documents as well as the ability to join a Skype for Business meeting.

skype

How to fill your Mac screen with split view

Enter the split view

  1. Hold down the full-screen button   in the upper-left corner of a window.screen-shot-2017-02-22-at-11-37-40-am
  2. When you hold the button, you can drag it to the left or right side of the screen.
  3. Release the button and do it for another window and put side by side.
  4. To exit split view you can move the pointer to the top of the screen to show the window buttons, then click the full-screen button  .

The result:

Screen Shot 2017-02-22 at 11.52.04 AM.png

Building a Bot with Chatfuel without Coding

One of the most easy to create chatbot platforms on the market is Chatfuel. You don’t even need complex programming skills, and you can create chatbots to engage with your audience on messengers.

For this example, I will make a chatbot to learn American Sign Language. The Facebook page is ASLBOT.

Disclaimer: (ASLBOT Facebook Page) None of these photos and videos belong to me unless stated otherwise. If you feel that your photo has wrongly been used feel free to message me and ask me.

I will show you how to make a simple chatbot for Facebook messenger.

  1. Create an account in Chatfuel, by connecting your Facebook account with a click of single button.Screen Shot 2017-02-21 at 1.29.58 PM.png
  2. Choose a template or create a blank chatbot.
    You can choose from Full-Featured Templates or click Create a blank Chatbot. As we will be building a bot from scratch, choose create a blank chatbot. Once it’s done, you can rename it by clicking the gear icon. For this example, I will rename it to ASLBot.Screen Shot 2017-02-21 at 1.54.08 PM.png
  3. It’s time to edit, you can add content to your bot, it can be text cards or images and you can set up AI rules in the AI Setup to make your bot understand the messages.
  4. You can always test your bot before connecting it to your Facebook page.
  5. When you are ready to publish to the world you can choose the menu “Configure” from the Chatfuel Dashboard.screen-shot-2017-02-21-at-2-01-03-pm
  6. Once it published, you can promote your bot to the world.Screen Shot 2017-02-21 at 2.28.08 PM.png
  7. You can try the ASLBot and can see the result here.

How to create Facebook Messenger Bot

This tutorial will guide you through the process of creating a simple messenger bot, using the Facebook Messenger API, node.js, and ngrok.

Create a Facebook Page.

Create a Facebook App, Click Add a New App. There are a few platform for you to select, for this tutorial I will choose the basic setup, type the display name, contact email and choose a category for your app.

From Product Setup dashboard, select Messenger then click the “Get Started” button. Select the page you just created, and this will generate a Page Access Token.

Download Node.js source code or a pre-built installer for your platform. Then, open up terminal, navigate to the directory you want to host your project in, and run: npm install messenger-bot.

Create a new file called app.js and copy-paste in this code, originally taken and modified from messenger-bot’s examples directory.

'use strict'
const http = require('http')
const Bot = require('messenger-bot')

let bot = new Bot({
  token: 'PAGE_TOKEN',
  verify: 'VERIFY_TOKEN'
})

bot.on('error', (err) => {
  console.log(err.message)
})

bot.on('message', (payload, reply) => {
  let text = payload.message.text

  bot.getProfile(payload.sender.id, (err, profile) => {
    if (err) throw err

    reply({ text }, (err) => {
      if (err) throw err

      console.log(`Echoed back to ${profile.first_name} ${profile.last_name}: ${text}`)
    })
  })
})

http.createServer(bot.middleware()).listen(3000)

Go back to your Facebook app page, copy the Page Access Token, and replace PAGE_TOKEN in your app.js file with your actual token.

Open terminal, run the server, type node app.js, if there are no error messages, it means the server is working.

Since this is a demo using your local server, we can use ngrok to creates a secure public URL to a local webserver on your machine.

Open new terminal and run ./ngrok http 3000. You will see a screen displaying details about the tunnel. Copy the https url forwarding to your clipboard. Please be reminder, if you turn off the ngrok, your bot won’t work either.

Go back to your Product Setup dashboard, to receive messages sent by messenger,the app should enable webhooks integration. Click Setup Webhooks.Paste the https url forwarding to Callback URL , and for Verify Token, you can type VERIFY_TOKEN.

For a demo purpose I just tick message_deliveries, messaging_optins, messages and messaging_postbacks. Click Verify and Save.

Next step, we need to subscribe your app to the page. Open up your terminal and run

curl -ik -X POST “https://graph.facebook.com/v2.7/me/subscribed_apps?access_token=<token>&#8221;

Replacing <token> with your Page Access Token.

If no error, then you can start message your bot. Go to your bot’s Facebook page, click Message and type anyhing. It should echo back whatever you send it.

Yes..your own messenger bot! Try editing app.js and customize your bot.

Thanks for reading.

You can see the video from here.

Embedding a 360 panorama in a wordpress website

Recently I read this article about embedding VR view from Google VR documentation, so I thought I will give it a try to embed the picture to a website page using one sample taken by Cardboard Camera App.

1.Download the open source code for VR view on the web via GitHub.

github_vrview

2. Copy vrview-master.zip file to your wordpress and extracted it, mine is in cPanel.

3. Convert your picture taken by Cardboard Camera App.

4. Copy paste this and edit accordingly.

//storage.googleapis.com/vrview/index.html?image=//storage.googleapis.com/vrview/examples/coral.jpg&is_stereo=true

Here is the result

Enjoy..