Design and Implementation for Transforming Web Framework to Support Web Surfing in Mobile Internet Device

[[abstract]]現今行動網路及無線網路的環境技術成熟，人們使用行動裝置上網的比例超越了桌上型電腦，網頁開發者也須因應趨勢，根據使用者裝置提供良好的瀏覽介面，然而開發行動網站或重新架構網頁是十分耗費時間的。本研究提出可讓開發者透過簡單的步驟，將傳統網站架構轉換為響應式網頁架構的方法。本研究所開發之系統，在運行時可分為三個階段，第一階段根據開發者提供的資訊，透過本研究系統自動解析原網站內容並進行初步轉換。第二階段開發者可根據需求於本研究系統介面自行拖曳內容於框架，使畫面更具彈性。第三階段根據前階段所拖曳結果進行畫面設置，開發者可儲存轉換結果，進行後續開發，大幅減輕重新架構網頁的負擔。最後本研究以兩個無支援響應式網頁的架構為應用案例，實際操作本研究系統，成功地將原架構轉換為響應式網頁架構，以驗證本研究所設計之系統有效性。[[abstract]]Inordertorespondtothewebsurfingtrendsthatusingmobileinternetdevicesispopularthandesktops,itisanecessarymissiontoprovidetheviewersofvariousscreensizeshaveconvenientwebbrowsing.However,re-developingofamobilewebsiteorthere-arrangingfromtheoriginalwebpageswouldbeverylaboriousandtime-consumingwork.Tosolvethisissue,thisthesispresentsanovelweb-basedsystemforwebsiterearranges.Theproposedsystemwasconductedinthreestages.Inthefirststage,thewebsitesourcecodewastransferredtosupportwebsurfinginmobileinternetdevicebyparsingwebsite’sDocumentObjectModelTree(DOMTree).Inthesecondstage,thewebdeveloperusedrag-and-droptoprovisioningframeworkbythissystem.Atthefinalstageofthissystem,thewebdevelopercansaverearrangeresult,andconnectdatabasefortheirwebsiteapplications.Toevaluatetheproposedapproachinthisstudy,weadopttwowebsiteasexperimentationforvalidating.Andtheresultsshowthattheproposedsystemcanrearrangecosteffectively