A model-based responsive web user interface development method

The wide variety of devices currently available, which is bound to increase in the coming years, posed a number of issues for the design cycle of interactive Web applications. That couldn´t develop user interface with high quality such as usability and user experience. So this paper propose that combine responsive design method with Model-based method. Add responsive model in the FMP(F-Function, M-Model, P-Presentation) model so that can make responsive user interface, called it FMr(responsive)P model. And then improve the model translating process based on FMrP and propose some translating guide.