Accelerating your application
development with
IBM BlueMix (Your dream development unit in Cloud)
using Twilio service and...
I got an idea!
I need a development environment to
implement my product!
1
-A Platform
-Tools
-Assets
-Environment
2
How do I implement my idea without
owning:
IBM BlueMix is there to help you.
3
IBM BlueMix is your
 Development unit in Cloud.
 Built on an open source project cal...
More about IBM BlueMix
 BluMix runs on PaaS
 A PaaS is software that is
running on top of an IaaS
 IaaS runs on Softlay...
Now, what is your Idea?
5
 My idea is very simple.
 I want to implement a web app for mobile devices that
can send a tex...
6
 Twilio Service
 build apps that communicate, integrate voice, messaging
(SMS,MMS) and VoIP into your web and mobile a...
7
 Worklight to build your idea
 A development environment aka mobile-dev-studio to be used to
build mobile Worklight so...
Now you are ready for implementation!
The simplest and fastest steps ever for you to implement your idea
8
1. BlueMix is c...
9
2. Open Twilio account (Account SID ,Auth token and a trial Twilio
phone number) from the following link:
 https://www....
10
3. Login to BlueMix with your IBM ID. You will be presented with the
dashboard below,
4. Create an Application namely ‘...
11
4. Create Twilio service using Twilio
credential (Account Id and Auth Token)
that you have already created.
Implementat...
12
5. Service Twilio-test-worklight-sms-srv created
Implementation Continue..
13
6. Go and select your new application followed by Runtime and
select VCAP_Services Environment.
Implementation Continue...
14
7. Single step to create ‘Send SMS’ web app for mobile device using
Worklight Studio :
Implementation Continue..
Now ti...
15
8. 3 steps to create ‘SendSMS’ Http Adapter using Twilio REST URL:
Implementation Continue..
https://api.twilio.com/201...
16
One more…
Implementation Continue…
Step -3: Invoke Adapter in main.js
Done!! 
Worklight Studio has
created .war file i...
Lets Deploy Worklight App!
17
1. WAR file (WorklightSendSMSTwilio.war) is
ready to be deployed for your Worklight
applicat...
Deployment continue..
18
3. Bind the service to the non-started application by entering following
command:
$cf bind-servic...
Hurray!! you done with your
development.
Lets Test !
19
1. Run Worklight Application by accessing at
http://twilio-test-wo...
Your idea in action…
20
Landing page to send SMS.
Sent success message acknowledgement!
..and message in cell (416-***-7819)
21
…So, you achieved your idea
implemented after applying simplest
and fastest steps ...
Benefits of IBM BlueMix at a glance…
1. It saves your time by just worrying about your idea and
the development
2. It is a...
Resources
 Documentation:
 https://www.ng.bluemix.net/docs/index.jsp
 developerWorks:
 Home : http://developer.ibm.com...
Thank you.
Join General Availability:
www.bluemix.net
Upcoming SlideShare
Loading in …5
×

Accelerating your application development with IBM BlueMix (Your dream development unit in Cloud) using Twilio service and IBM Worklight

3,249 views

Published on

Accelerating your application development with IBM BlueMix (Your dream development unit in Cloud) using Twilio service and IBM Worklight.

Published in: Mobile
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
3,249
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
42
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Accelerating your application development with IBM BlueMix (Your dream development unit in Cloud) using Twilio service and IBM Worklight

  1. 1. Accelerating your application development with IBM BlueMix (Your dream development unit in Cloud) using Twilio service and IBM Worklight By: Supal K Chowdhury
  2. 2. I got an idea! I need a development environment to implement my product! 1
  3. 3. -A Platform -Tools -Assets -Environment 2 How do I implement my idea without owning:
  4. 4. IBM BlueMix is there to help you. 3 IBM BlueMix is your  Development unit in Cloud.  Built on an open source project called Cloud Foundry.  A platform for running virtually any applications in the cloud without having to worry about the hardware, software, and networking.  Referred as a platform-as-a-service or PaaS  Encompasses set of concepts ( Buildpacks, Service, CLI, etc) BlueMixBuild Idea
  5. 5. More about IBM BlueMix  BluMix runs on PaaS  A PaaS is software that is running on top of an IaaS  IaaS runs on Softlayer  Your app runs on top of BlueMix and you don’t need to have knowledge of the IaaS layer. 4 IaaS (Softlayer) PaaS (BlueMix) Your Idea/App
  6. 6. Now, what is your Idea? 5  My idea is very simple.  I want to implement a web app for mobile devices that can send a text message to my friends.  Web app will ask for the user’s mobile number and the text message that I want to text.  Upon hitting the ‘Send SMS’ button, web app will display ‘SMS sent successfully’.  Message will be delivered within fraction of seconds.
  7. 7. 6  Twilio Service  build apps that communicate, integrate voice, messaging (SMS,MMS) and VoIP into your web and mobile apps.  ‘Liberty of Java’ Buildpack  one of the pseudo-standards defined in my boilerplates that provides you virtual runtime to use for applications to run. OK, here you go!! Here are the prerequisites that BlueMix can provide you to help implementing your idea
  8. 8. 7  Worklight to build your idea  A development environment aka mobile-dev-studio to be used to build mobile Worklight solutions (native, hybrid or web) to make use of my cloud services by incorporating a mobile cloud services software development kit, or SDK (iOS and Android).  VCAP_Services  An environment variable, contains runtime information once Twilio service is bound to your application information to use the service. More…
  9. 9. Now you are ready for implementation! The simplest and fastest steps ever for you to implement your idea 8 1. BlueMix is currently in open beta, you need to register to get starting  During the beta you get 8GB of memory to use across as many apps as you want and can provision up to 20 services.  Register at https://ace.ng.bluemix.net/ ,you need an IBM ID.
  10. 10. 9 2. Open Twilio account (Account SID ,Auth token and a trial Twilio phone number) from the following link:  https://www.twilio.com/login?g=%2Fuser%2Faccoun t&t=33749c41db7fc705abf1d1241d41739087391d1 689f7c9e44323bf475126d73c 3. Now you have for example :  Account ID :ACbef68e6b88d0a0cfe82712c3f20fc875  Auth Token : ***************************************  Twilio Phone number : +1438****018 Implementation Continue..
  11. 11. 10 3. Login to BlueMix with your IBM ID. You will be presented with the dashboard below, 4. Create an Application namely ‘twilio-test-worklight-app’ using ‘Liberty of Java’ from ‘Catalog->Runtime’ Implementation Continue..
  12. 12. 11 4. Create Twilio service using Twilio credential (Account Id and Auth Token) that you have already created. Implementation Continue..
  13. 13. 12 5. Service Twilio-test-worklight-sms-srv created Implementation Continue..
  14. 14. 13 6. Go and select your new application followed by Runtime and select VCAP_Services Environment. Implementation Continue.. You are ready with your Twilio REST URL for sending message. REST URL : https://api.twilio.com/2010-04-01/Accounts/{account SID}/Messages?From='{a twilio number you own}'&To='{your cell number}'&Body='{your SMS text}'
  15. 15. 14 7. Single step to create ‘Send SMS’ web app for mobile device using Worklight Studio : Implementation Continue.. Now time to do a quick coding on Worklight Studio •Open new Project •Create simple web application namely ‘WorklightSendSmsTwilio’ for Mobile device. •Create HTML code for web page. •OnClick button will call ‘sendText’ to send message. See project snapshot
  16. 16. 15 8. 3 steps to create ‘SendSMS’ Http Adapter using Twilio REST URL: Implementation Continue.. https://api.twilio.com/2010-04-01/Accounts/{account SID}/Messages?From='{a twilio number you own}'&To='{your cell number}'&Body='{your SMS text}' Step -1: Create Http Adapter with Twilio domain and server auth Step -2: Develop Procedure to send SMS
  17. 17. 16 One more… Implementation Continue… Step -3: Invoke Adapter in main.js Done!!  Worklight Studio has created .war file inside your workspace ‘bin’ folder.
  18. 18. Lets Deploy Worklight App! 17 1. WAR file (WorklightSendSMSTwilio.war) is ready to be deployed for your Worklight application. 2. Push WAR file to BlueMix using CF Command. This action registers the application and configuration with BlueMix and enables Twilio services to be bound to it .  $cf push twilio-test-worklight-app -p WorklightSendSMSTwilio.war  Note : View guide (download, install, usage of cf command line tool) by clicking ‘view quick start’ after selecting ‘twilio-test-worklight-app’ application. Note : Additionally you need to deploy Worklight Server Package in Liberty Service.
  19. 19. Deployment continue.. 18 3. Bind the service to the non-started application by entering following command: $cf bind-service twilio-test-worklight-app Twilio-test-worklight-sms-srv 4. Start the application to refresh the environment variables by entering the following command: $cf start twilio-test-worklight-app 5. Go to ‘Files and Logs’ of your application you pushed and see environment meta data in liberty runtime environment. Done!!  All you need to do is to run your dream idea!
  20. 20. Hurray!! you done with your development. Lets Test ! 19 1. Run Worklight Application by accessing at http://twilio-test-worklight- app.stage1.mybluemix.net:10080/WorklightSendSMSTwilio/console Note :If you are using Worklight 6.x then port will be 10080. For having a running server there are additional WARs and JAR files are required. Some additional artifacts (admin DB and run time DB) are also required. 2. You can even run by going to the application in the BlueMix user interface i.e. Dashboard, and click on the link that is shown next to the name of the application.
  21. 21. Your idea in action… 20 Landing page to send SMS. Sent success message acknowledgement!
  22. 22. ..and message in cell (416-***-7819) 21 …So, you achieved your idea implemented after applying simplest and fastest steps ever using IBM BlueMix in Cloud.
  23. 23. Benefits of IBM BlueMix at a glance… 1. It saves your time by just worrying about your idea and the development 2. It is always ready to serve your idea implemented to users – deploying and running a single command 3. It can easily add services to your idea implementation using IBM and vendor provided services 4. It leverages use of any languages, runtimes, and frameworks that you are most familiar with. 22
  24. 24. Resources  Documentation:  https://www.ng.bluemix.net/docs/index.jsp  developerWorks:  Home : http://developer.ibm.com/bluemix  Sample Apps & Tutorials: https://www.ibmdw.net/bluemix/docs/articles/, https://www.ibmdw.net/bluemix/docs/sample-code/  Developer Forum: https://www.ibmdw.net/answers/?community=bluemix  Article : http://www.ibm.com/developerworks/library/mo-android-twilio- app/index.html  Blog: https://www.ibmdw.net/bluemix/blog/  General Availability : https://developer.ibm.com/bluemix/2014/06/30/general- availability/ 23
  25. 25. Thank you. Join General Availability: www.bluemix.net

×