Facebook App & Google Drive forms

-
In this post i will just walk through on creating a Google Form on Facebook app platform.

"Nothing is discovered until you explore"

The above stated might not hold good for all but most of the time it is so true.

 Recently one of the developer wanted to know how much of a work is involved to create a simple form as a facebook app, then i wondered why haven't i still not explored! this yet ? May be i was too busy (or acting busy) with some other techinical explorations.

 Logically thinking, assumed there would be simple WYSIWYG where i can drag and drop a controls, as in Google Drive forms. Turns out that there is nothing like that but in a developer perspective far better. There was just a canvas in which the developer was allowed to play his own games.

 PART-1 (Creating the Facebook app) :


  • Enter the captcha (this part always makes me feel not so human, its so hard to read)
  • Select the dev language you want to use. If you don't have an Heroku account it will create one

  • Just follow the link to your app. Before that just save the changes on the Facebook.
  • That URL was reserved for you by Heroku for free, i know they are awesome! . You can change that ugly URL, its just a  child's play you will figure that out.
  • Now click on the login using facebook


  • That should prompt for permission like this


  • Check My Apps on FB
  • Now click on the tiny Use now link on that app. You should see your app now, i know the right side ads make vex, but that is what you get attached with for free.
  • Now login to Heroku and check out your apps
  • Set up Heroku using this 
  • Clone the Git repo using the Git repo url that's made copy friendly by Heroku
  • Once the repo is cloned to local just edit the file and push it back using Git


 PART- 2 (Creating the form using Google Drive) :

  • That should create a form with WYSIWYG editor
  • Create sample form now
  • Click on the embed menu under More actions


  • Copy the iframe html tag and now paste it in the source of the app page where you want as any other html
  • Commit, Push on Git and you are done


 Create a Facebook app is no different from creating any web page as simple as it is.

Comments

Post a Comment

Popular posts from this blog

Launch .Net Core with VSCode for starters

-
Image
To use VSCode for .net core you would need Omnisharp extension so that we can debug our application just like as in Visual Studio. -- Photo by  SpaceX  on  Unsplash Using the dotnet new command we create a web and an API project dotnet new webapp appname.web dotnet new webapi appname.api Create a solution so that it wraps all the projects in one place dotnet new sln appname dotnet sln add appname.web appname.api After building the Web and the API projects we need to create the launch.json which VScode refers to build and debug the application. For a complete reference on doing these projects consider this great resource . You can always use VSCode terminal to run these above commands as well, also note you can open multiple terminals the same VSCode instance like this . Setup the launch.json by clicking on add configuration and select .Net core web app. we will need to add two such configurations one for web and another for web api. For web api yo
Read more

Chrome in a nut shell

-
Image
I've always been fascinated by Google's approach to invade "The Internet" (i got a gut feeling that this invasion is going to bring good.).Well it all started when Google released their browser Chrome. I will be sharing tiny bits of tip on chrome browser Chrome started in sep 2008 and am stuck with it ever since, the simple idea of creating a process for individual tabs and sandboxing it was the core what pulled me in.Understanding chrome was like reading a comic (literally). Chrome at a very high level Chrome has 4 release channels, Stable : Targets layman or people who want rock solid completely tested browser.Its more of fully polished product. Beta : This channel is the last filter the build goes through before going stable. Dev : This channel features the latest version of chrome build and prone to crashes.People who like to preview a lot of features (like me ;) ) and help google's open source project in a least possible way should be opting fo
Read more

Developing SMS Services in C#

-
Image
            This following project has been sticking my back since my engineering from past 4 years.Ever since then the same cookie was served in different plates. i meant to say one functionality was implemented for different applications. In this post i will be implementing the project for a college domain.Say there is a database that stores the student details like attendance,marks,profile,etc,.Our application will receive a message sent from cell phone and query the database to retrieve the result and send it back to the respective user. Now to receive & send a message we will be using a GSM modem(something similar to a cell phone) now the modem looks something like this the black slot on the PCB(printed circuit board) is to insert a sim card. "A picture is worth thousand words " so trying to put the whole process in nut shell..... I know this is not worth thousand words, forgive me will try to picturize better next time. Lets start CODING!! To c
Read more