結對編程1--模塊化

王海峯 201421122054

曾海明 201421122036

需求分析：

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

coding代碼地址：https://coding.net/u/hphone/p/calculate/git

愛奇藝視頻地址：http://www.iqiyi.com/w_19ruygomzt.html