結對編程1

項目成員：

     曾海明 201421122036

     王海峯 201421122054

需求分析：

    1：計時功能，顯示用戶開始答題所消耗的時間,。

    2：界面支持中文簡體、英文兩種語言切換，用戶可自行選擇。

程序設計：

1.計時功能

 

2.語言切換

主要代碼展現：

 1.計時器：實時計算時間，根據題目的數量和長度給出建議用時，當用時>建議用時時，彈出「時間已用完，是否提交」窗口

   dieTime=Math.floor(120* calNum *calLong/4)
       $('#dieTime').html(dieTime/60)
    var submit=window.setInterval(function(){      
         giveTime++;             
         calTime(giveTime);
         time.html(hour+":"+minute+":"+second)    
       if(giveTime > dieTime){         
         if(confirm("時間已用完，是否提交")){
          clearInterval(submit);
          $("#sub").click()
         }
       }
    },1000)

2.將計時器轉化爲時間格式（如：00:01:30 格式）

function calTime(time){
      hour=Math.floor(time/3600);
        minute=Math.floor(time%3600/60);
      second = Math.floor(time%60);
      
        hour=cal(hour);
        minute=cal(minute);
        second=cal(second);            
      function cal(time){
            if(time<10){
              return '0'+time;
            }else{
              return time
            }
      }
    }

3.語言切換，根據用戶的語言選擇，對語言進行切換，並將結果保存到瀏覽器緩存localstorage中，後面的頁面根據localstorage的值來判斷顯示的語言。

$(function(){ 
    var language=window.localStorage.getItem("language");
    var flag=language==='En'?true:false;
    judge()
    function judge(){
        if(flag){
            language='En'
            $('#time').html('Timer：<span style="color: red">00:00:00</span>');
            $('#time').next().html('Suggested use time:<span id="dieTime" style="color: red"></span> minutes');
            $('.table tr th').eq(0).html('number');
            $('.table tr th').eq(1).html('subject');
            $('.table tr th').eq(2).html('answer');
            window.localStorage.setItem("language",language);               
            $('#sub').eq(0).val('submit');
            $('#tag').val('1');
        }else{
            language='CH'
            $('#time').html('計時器：<span style="color: red">00:00:00</span>');
            $('#time').next().html('建議用時:<span id="dieTime" style="color: red"></span>分鐘');
            $('.table tr th').eq(0).html('編號');
            $('.table tr th').eq(1).html('題目');
            $('.table tr th').eq(2).html('答案');
            window.localStorage.setItem("language",language);               
            $('#sub').eq(0).val('提交');
            $('#tag').val('0');            
        }
    }      
})

4.駝峯式命名方式：自定義的js文件和長變量命名，均採用駝峯式命名，以下：

   

$(function(){
      var time=$('#time span')
   // console.log(time)
       calNum=$('#calNum').val() calLong=$('#calLong').val()       
       hour=0
       minute=0
       second=0 giveTime=0 dieTime=Math.floor(120* calNum *calLong/4)
       $('#dieTime').html(dieTime/60)
    var submit=window.setInterval(function(){      
         giveTime++; calTime(giveTime);
         time.html(hour+":"+minute+":"+second)    
       if(giveTime > dieTime){         
         if(confirm("時間已用完，是否提交")){
          clearInterval(submit);
          $("#sub").click()
         }
       }
    },1000)

 

程序運行截圖：

1.首頁（語言切換，題目數量，題目長度，算數最大數的輸入）

 

2.用戶答題頁面（計時器）

 

3.結果展現頁面（對錯題數）

 

 

小結感覺：

       我深入體會到1+1>2,由於本身的問題本身很難發現，而問題的答案一般在不經意的討論中找到，有時旁觀者更能幫助本身找到問題所在。

運用「漢堡包」的方式，評價結對夥伴：

      優勢：對於問題有獨特的看法，能對功能的實現提出本身的想法，會認真去思考問題，講話幽默有趣，合做很愉快。

      缺點：能力水平還有待提升，本身提出的想法難以用代碼實現，對本身多一點信心，更全面的看待問題。

      但願他提升的地方：能全面看待問題，多加思考和學習，理性分析問題，細心分析問題。

結對照片：

展現psp：

psp2.1	Personal Software Process Stages	Time Senior Student(min)	Time(min)
Planning	計劃	360	300
· Estimate	估計這個任務須要多少時間	600	720
Development	開發	360	480
· Analysis	需求分析 (包括學習新技術)	60	60
· Design Spec	生成設計文檔	60	60
· Design Review	設計複審	30	60
· Coding Standard	代碼規範	30	40
· Design	具體設計	30	60
· Coding	具體編碼	180	120
· Code Review	代碼複審	60	50
· Test	測試（自我測試，修改代碼，提交修改）	180	150
Reporting	報告	90	100
·	測試報告	180	120
·	計算工做量	20	10
·	並提出過程改進計劃	50	40

 

codding代碼倉庫地址 :https://git.coding.net/hmCoding/calculate.git

優酷視頻地址:http://www.iqiyi.com/w_19ruygomzt.html