google_doc_form.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>使用google doc建立在线调查表!~</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link rel="stylesheet" href="./theme/css/bootstrap.css" type="text/css" />
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
	
	.tag-0 {
		font-size: 20pt;
	}
	
	.tag-1 {
		font-size: 16pt;
	}
	
	.tag-2 {
		font-size: 12pt;
	}

	.tag-4 {
		font-size: 8pt;
	}
	
    </style>
    <link href="./theme/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="./theme/css/font-awesome.css" rel="stylesheet">
	
    <link href="./theme/css/pygments.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="./theme/images/favicon.ico">
    <link rel="apple-touch-icon" href="./theme/images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="./theme/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="./theme/images/apple-touch-icon-114x114.png">

    <link href="./feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="mx's Blog ATOM Feed" />
    
    <link href="./feeds/all.rss.xml" type="application/atom+xml" rel="alternate" title="mx's Blog RSS Feed" />
    

  </head>

  <body>
    <!-- Baidu Button BEGIN -->
    <script type="text/javascript" id="bdshare_js" data="type=slide&img=6&pos=right" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
            var bds_config = {"bdTop":289};
            document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
    </script>
    <!-- Baidu Button END -->
<!-- UJian Button BEGIN -->
<script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?type=slide"></script>
<!-- UJian Button END -->
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="./index.html">mx's Blog </a>
          <div class="nav-collapse">
            <ul class="nav">
              
              
              
			  <li class="divider-vertical"></li>
              
              
                  <li >
                    <a href="./category/misc.html">
						<i class="icon-folder-open icon-large"></i>misc
					</a>
                  </li>
              
                  <li >
                    <a href="./category/music.html">
						<i class="icon-folder-open icon-large"></i>music
					</a>
                  </li>
              
                  <li class="active">
                    <a href="./category/soft.html">
						<i class="icon-folder-open icon-large"></i>soft
					</a>
                  </li>
              
                  <li >
                    <a href="./category/tech.html">
						<i class="icon-folder-open icon-large"></i>tech
					</a>
                  </li>
              
			  
			  <ul class="nav pull-right">
				<li><a href="./archives.html"><i class="icon-th-list"></i>Archives</a></li>
			  </ul>
			  
            </ul>
            <!--<p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>-->
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row">
        <div class="span9" id="content">
            
<section id="content">    
	<article>
		<header>
			<h1>
				<a href=""
					rel="bookmark" 
					title="Permalink to 使用google doc建立在线调查表!~">
					使用google doc建立在线调查表!~ 
				</a>
				 
			</h1> 
		</header>
		<div class="entry-content">
		<div class="well">
			<footer class="post-info">
<span class="label">Date</span>
<abbr class="published" title="2012-03-21T00:00:00">
	<i class="icon-calendar"></i>三 21 三月 2012
</abbr>

<span class="label">By</span>
<a href="./"><i class="icon-user"></i>mx</a>

<span class="label">Category</span>
<a href="./"><i class="icon-folder-open"></i>soft</a>. 


	

<span class="label">Tags</span> 

	<a href="./tag/google.html"><i class="icon-tag"></i>google</a>



</footer><!-- /.post-info -->
		</div>
		<p>在线办公我以前试过zoho, 但是一个xls文件有多个人同时编辑时会有问题...</p>
<p>昨天收到学长关于春游的<a href="https://docs.google.com/spreadsheet/viewform?formkey=dDhzYnRNVHFReXRoanlpZWRyYjM4Y2c6MQ">调查表</a>, 居然是用google doc做的, 很给力. 我早就想做一个分布式通讯录, 所以研究了一下. 越来越感觉google提供的服务(google doc, google site, google project)太方便了!!!</p>
<h2>建立</h2>
<p>大概的流程是这样的:
用google帐号进入google doc, 然后点击creat-&gt;form, 会看到这样的页面:</p>
<p><img alt="" src="static/google_doc_form/pasted_image.png" /></p>
<p>嗯, 功能是比较简单但是够用!
点击add item 或者右边俩方框的按钮, 就可以添加问题了, 很easy, 我做的同学录是这个样子的:</p>
<p><img alt="" src="static/google_doc_form/pasted_image001.png" /></p>
<p>然后还可以选择主题...</p>
<h2>发布</h2>
<p>编辑完成之后, 就可以发布了, 点击右上角的"Share"(有个g+的图标, 我一开始以为是像人人那样的分享呢...), 之后页面底部就会有一个链接~! 把这个链接发给别人, 别人就可以提交了~</p>
<p><img alt="" src="static/google_doc_form/pasted_image002.png" /></p>
<p>btw, 如果不想发布, 只想发给几个人看的话, 点击share右边的那个"email this form"按钮, 输入联系人的邮箱地址即可~</p>
<h2>统计</h2>
<p>那么别人提交之后, 我怎么看统计结果呢? 进入google doc, 会发现刚才建立的form的结果在一个表单里:</p>
<p><img alt="" src="static/google_doc_form/pasted_image003.png" /></p>
<p>点进去看, 就可以看到大家的回复统计</p>
<p><img alt="" src="static/google_doc_form/pasted_image004.png" /></p>
<p>看! 多方便!!
然后, 可以把这个文件共享给别人: 右键-&gt;share:</p>
<p><img alt="" src="static/google_doc_form/pasted_image005.png" /></p>
<h2>发布后的修改</h2>
<p>那么, form发布后, 还可不可以再修改呢? --可以! 打开google doc里的表单, form-&gt;edit form, 就会弹出编辑form的窗口啦!!</p>
<p>注意那个more action里面的confirmation, 不要勾选"publish response summery"...否则任何人提交后就可以看到目前所有的信息了...</p>
<p><img alt="" src="static/google_doc_form/pasted_image006.png" /></p>
<h2>一点不足</h2>
<p>就是一旦发布了, 任何有这个链接的人都可以填这个表格... 没有密码之类的...
我的方法是设置一个必填的"验证问题"项, 只有回答对了验证问题的人, 我才发给他同学录...</p>
<p><strong>imported from zim</strong></p>
		</div><!-- /.entry-content -->
		
		<div class="comments">
		<h2>Comments !</h2>
			<div id="disqus_thread"></div>
			<script type="text/javascript">
			   var disqus_identifier = "google_doc_form.html";
			   (function() {
				var dsq = document.createElement('script'); 
				dsq.type = 'text/javascript'; dsq.async = true;
				dsq.src = 'http://xweisblog.disqus.com/embed.js';
				(document.getElementsByTagName('head')[0] || 
				 document.getElementsByTagName('body')[0]).appendChild(dsq);
			  })();
			</script>
		</div>
		
	</article>
</section>

        </div><!--/span-->
      
		<div class="span3 well sidebar-nav" id="sidebar">
            <ul class="nav nav-list">

<li  class="nav-header"><h4><i class="icon-external-link"></i>blogroll</h4></li>

    <li><a href="http://log.dofine.me/"><i class="icon-external-link"></i>dofine</a></li>

    <li><a href="http://farseerfc.github.com/"><i class="icon-external-link"></i>farseerfc</a></li>

    <li><a href="http://hyhx2008.github.com/"><i class="icon-external-link"></i>H.Y.</a></li>



<li class="nav-header"><h4><i class="icon-home icon-large"></i> social</h4></li>
<li><a href="./feeds/all.atom.xml" rel="alternate"><i class="icon-bookmark icon-large"></i>atom feed</a></li>

<li><a href="./feeds/all.rss.xml" rel="alternate"><i class="icon-bookmark icon-large"></i>rss feed</a></li>


    <li><a href="https://github.com/x-wei"><i class="icon-github-sign icon-large"></i>github</a></li>



<li class="nav-header"><h4><i class="icon-folder-close icon-large"></i>Categories</h4></li>

<li>
<a href="./category/misc.html">
    <i class="icon-folder-open icon-large"></i>misc
</a>
</li>

<li>
<a href="./category/music.html">
    <i class="icon-folder-open icon-large"></i>music
</a>
</li>

<li>
<a href="./category/soft.html">
    <i class="icon-folder-open icon-large"></i>soft
</a>
</li>

<li>
<a href="./category/tech.html">
    <i class="icon-folder-open icon-large"></i>tech
</a>
</li>


<li class="nav-header"><h4><i class="icon-tags icon-large"></i>Tags</h4></li>

<span class="tag-2">
    <a href="./tag/快捷键.html">快捷键</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/android.html">android</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/tips.html">tips</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-1">
    <a href="./tag/git.html">git</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/Toefl.html">Toefl</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/python.html">python</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-1">
    <a href="./tag/shell.html">shell</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/host.html">host</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-0">
    <a href="./tag/google.html">google</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-1">
    <a href="./tag/外观.html">外观</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/GRE.html">GRE</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/linux.html">linux</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/出国.html">出国</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/巴黎高科.html">巴黎高科</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/fr.html">fr</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/ubuntu.html">ubuntu</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/french.html">french</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/tex.html">tex</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/中文乱码.html">中文乱码</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-1">
    <a href="./tag/pelican.html">pelican</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-4">
    <a href="./tag/Simon&Garfunkel.html">Simon&Garfunkel</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<span class="tag-2">
    <a href="./tag/markdown.html">markdown</a> 
</span>
<!-- <i class="icon-tag icon-large"></i> -->

<br>
<br>



<li class="nav-header"><h4><i class="icon-search"></i>Google Search</h4></li>
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
  google.load('search', '1');
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '010017366155264590731:njcqykcxuly', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />



    
<br>
<Script Language="JavaScript"> 
var timedate= new Date("June 22,2013"); 
var now = new ate(); 
var date = now.getTime() - timedate.getTime(); 
var time = Math.floor(date / (1000 * 60 * 60 * 24)); 
if (time >= 0) ;
document.write("<p style='text-align: center'><strong><font style='color:black;font-size:36px;'>"+time +"</font></strong> days<br/><strong>since GRADUATION from<br/> Shanghai Jiao Tong University</strong></p>");
</Script>

<br>
<a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/countdown/banner1.png" border="0" width="180" height="150" alt="The next version of Ubuntu is coming soon"></a><br/>

<br>
<a href="http://www.sjtu.edu.cn/"><img src="http://x-wei.github.com/static/ssss.jpg" border="0"alt="上海西南某高校"></a><br/>

<br>
<li class="widget-container widget_text">
<h3 class="widget-title">About me</h3>
<div class="textwidget">
上海西南某高校电院学生, Linux桌面低端用户.<br/>
</div></li>

<br>
<li class="widget-container widget_text">
<h3 class="widget-title">推荐文章</h3>
<div class="textwidget">
<a href="http://x-wei.github.com/PT-summery.html">2011巴黎高科(ParisTech)申请总结</a><br>
<a href="http://x-wei.github.com/GT-summery.html">用尽量少的时间考一个够用的分数--一点Tofel/GRE备考经验</a><br>
<a href="http://x-wei.github.com/google_youku_host_20120706.html">[更新]访问google服务和优酷去广告功能的host列表</a><br>
<a href="http://x-wei.github.com/chrome-background.html">chrome护眼设置--把背景设置为绿豆沙</a><br>
<a href="http://x-wei.github.com/xelatex_zh.html">xelatex--linux下tex中文的完全解决!</a><br>
<a href="http://x-wei.github.com/google_doc_form.html">使用google doc建立在线调查表!~</a><br>
<a href="http://x-wei.github.com/pelican_github_blog.html">用pelican在github上创建自己的博客!</a><br>
</div></li>



</ul>
        </div><!--/.well -->

      </div><!--/row-->

      <hr>

      <footer>
        <address id="about">
                Proudly powered by <a href="http://pelican.notmyidea.org/">Pelican <i class="icon-external-link"></i></a>,
				which takes great advantage of <a href="http://python.org">Python <i class="icon-external-link"></i></a>.
        </address><!-- /#about -->

        <p>The theme is from <a href="http://twitter.github.com/bootstrap/">Bootstrap from Twitter <i class="icon-external-link"></i></a>, 
		   and <a href="http://fortawesome.github.com/Font-Awesome/">Font-Awesome <i class="icon-external-link"></i></a>, thanks!</p>
      </footer>

    </div><!--/.fluid-container-->


    
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
	var pageTracker = _gat._getTracker("UA-30756331-1");
pageTracker._trackPageview();
} catch(err) {}</script>

    
    
<script type="text/javascript">
    var disqus_shortname = 'xweisblog';
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
</script>
    


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="./theme/js/jquery.js"></script>
    <script src="./theme/js/bootstrap-transition.js"></script>
    <script src="./theme/js/bootstrap-alert.js"></script>
    <script src="./theme/js/bootstrap-modal.js"></script>
    <script src="./theme/js/bootstrap-dropdown.js"></script>
    <script src="./theme/js/bootstrap-scrollspy.js"></script>
    <script src="./theme/js/bootstrap-tab.js"></script>
    <script src="./theme/js/bootstrap-tooltip.js"></script>
    <script src="./theme/js/bootstrap-popover.js"></script>
    <script src="./theme/js/bootstrap-button.js"></script>
    <script src="./theme/js/bootstrap-collapse.js"></script>
    <script src="./theme/js/bootstrap-carousel.js"></script>
    <script src="./theme/js/bootstrap-typeahead.js"></script>
	
	<!--<script src="./theme/js/autosidebar.js"></script>-->
  </body>
</html>