How to embed Google form in website

Recently I've share about Google form integration in DDC Dolakha website, and thought I'd write a short blog for anyone who is interested in embedding a Google form into there website.

Google form is a powerful tool to collect data, view the response and at the same time analyze data using Google powerful reporting tool.

Here are the basic steps to embed Google form in your website.
Before going through the steps; here are the list of requirements to go through the embedding process

1. Google account
2. Google drive access
3. Cpanel log in details of your website 

Step 1: Create a Google Form

Access your Google drive account form using any browser and click on create "form". After you have created the form and populated it with questions now its time to embed it to the website. Before you proceed now its time to setup our webpage for website.

Step 2: Setup new page for displaying the form.

For this you may need to code some HTML, css and Some java-script but I will make this thing easier by providing all the HTML, CSS and Javascript needed for you in a single package.DOWNLAOD WHOLE PACKAGE FROM HERE. Now you have downloaded, you may need to change few lines of code, you go through yourself and change all the styling material like, DDC name, and other information yourself, But the important one is you need to link your form to this page.

Step 3: linking Form to the page

Extract the downloaded file, there you will find index.html, OPEN the same with text editor (i will prefer Sublime text) and go to line 177. there you will find iframe tag which you have to replace by your own.

Now go the form which you have recently created.

go to FILE and click on EMBED

Copy the code from the text box and replace it to the line 177 as shown above.
You may notice there is another iframe tag in line 180, which if don't want can remove, OR go to line 139 and in style add style="display:none"

For now I suppose you made other changes like, like changing DDC name etc. Now its time to upload it to web. Before that compress the downloaded folder using any compression software. 

Step 4: Preparing file to upload and upload

right click on the folder and click ADD to archive, a window will appear 

Select archive format to ZIP and click OK.

Now go to your browser and log in to cpanel (i.e ddcyourddc.gov.np/cpanel), there go to FILES and click on File manager a pop box will appear click on OK.

Browse to top left and click on UPLOAD, browse the file upload, when the file is uploaded go back to your file manager. Browse the file, select the ZIP file (recently uploaded named survey till now i suppose, if not rename it to survey),  while the file is selected browse to top right corner and click on extract then again click on the OK button of popup window. Now at you will see a folder call survey.

if you see it VOILA you are done.

Step 5: Accessing the form

Go to your browser and type ddcyourddc.gov.np/survey (for eg: ddcdolakha.gov.np/survey) there you go your page, now click on DDC office ATOM and there is your form.

Step 5: Viewing the response

Go to your Google drive window there you should notice your_form_name(response) file there is your response.

Read More

SMART HOME AUTOMATION Defence

figure: Smart Home Automation Cover

This Power Point presentation present the defence of SMART HOME AUTOMATION, our final year project. The sixteen slides includes the Introduction, Objectives, Justification for the selection of the Project and Business plan.
Each slide is presented with illustration and figure.
GROUP MEMBERS: Bishwas, Manoj, Milan and Raj

Follow group members on facebook:                                
Bishwas KC Milan Shrestha Raj Silwal








For complete document downloading or viewing Click Here

Read More

LIGHT FOLLOWER ROBOT

LIGHT FOLLOWER ROBOT USING LDR- BY MILAN

                                                    

                                                           Click here to watch on You Tube

The following Robot is implemented using two LDR and ATmega16 microcontroller from ATMEL. The concept is same like Obstacle detector, the same robot can avoid obstacle in presence of enough light.

If you people are interested in AVR programming and robotics follow the following link on facebook.

                                               Micro-controller and Programming

                         Please don't bother to leave comment, Your comments are much welcome.


                                         Follow me on facebook MILAN SHRESTHA

Read More

SMART HOME AUTOMATION (PROPOSAL)

SMART HOME AUTOMATION

                            BY: Bishwas Kc, Manoj Ghimire, Milan Shrestha and Raj Silwal

                                                       Click here for complete proposal

Read More

MY FRIENDS

Read More

Obstacle Detection and Avoider Robot using LDR-By Milan

This video shows an Obstacle Detector and Avoid-er implemented using ATmega16 and two LDR sensors.
This Robot can detect the obstacle in its path and take necessary move to avoid the obstacle according to the nature of obstacles. It is designed to work in Normal ambient light of room, so may not work in different light condition. But the problem can be solve by recalibrating the ADC value

Watch my  more video on you tube.

Read More

Edge Dection Robot Using IR(analog)

The following video show the edge detection robot implemented using ATmega16 and two Analog IR sensors. The Robot uses two geared motor and one caster wheel at the front for the movement. The robot uses Ablab ATK-500 AVR trainer board. Motor driver is use to drive motor.

The code is shown below.

//PORTC is used for LED

//PORTD is used for motor driver

//PORTA for ADC channel input

#include<avr/io.h>
#include<util/delay.h>
#include"adc.h"
void main()
{
PORTD=0xff;
PORTC=0xff;

adc_init();
unsigned int x,y;
while(1)
{
x=read_adc_channel(0);
y=read_adc_channel(1);

if(x>150&&y<150)
{
PORTC=0xf0;
;
PORTD=0x09;//Left turn
}
else if(x<150&&y>150)
{
PORTC=0x0f;
PORTD=0x06;//Right TUrn
}
// for both sensor outside the table
else if(x>150&&y>150)
{
PORTD=0x09;
_delay_ms(3000);
PORTC=0b11000011;
}
else if(x<150&&y<150)
{
PORTD=0x05;//Forward Motion
PORTC=0b00111100;
}


}
}

Read More