umovestСтатистика и ЭкономикаStatistics and Economics2500-3925Plekhanov Russian University of Economics10.21686/2500-3925-2014-5-195-200umovest-537Research ArticleПРИКЛАДНАЯ ИНФОРМАТИКАДИАГРАММЫ СОСТОЯНИЙ ПРИ МОДЕЛИРОВАНИИ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА RIA ОБУЧАЮЩИХ СИСТЕМUSING STATE MACHINE DIAGRAMS FOR DESIGNING WEB-BASED USER INTERFACE OF EDUCATIONAL SOFTWAREПупыкинаАнна АлександровнаPupykinaAnna A.anna.pupykina@gmail.comСатунинаАнна ЕвгеньевнаSatuninaAnna E.aesat@mail.ruРГГУРоссияRussian State University for theHumanities (RSUH)Russian FederationРГГУРоссияRussian State University for the Humanities(RSUH) in BalashihaRussian Federation20140908201605195200Copyright © Пупыкина А.А., Сатунина А.Е., 20162016Пупыкина А.А., Сатунина А.Е.Pupykina A.A., Satunina A.E.Данная работа распространяется под лицензией Creative Commons Attribution 4.0.This work is licensed under a Creative Commons Attribution 4.0 License.https://statecon.rea.ru/jour/article/view/537

Предложенытребования, предъявляемые кметодампроектированияпользовательскоговеб-интерфейсаобучающейсреды. Раскрыты особенности проектирования пользовательскогоинтерфейсанаоснове событийноймоделиалгоритма. Проведен сравнительный анализ модельно-ориентированных подходов разработки RIA с точки зрения используемых моделей и элементов. В работе приведен пример использования диаграммы состояний UML длямоделированиявзаимодействия между клиентской и серверной частью RIA, выявлены недостатки.

Requirements applicable to the methods fordesigning web-based user interface of educational software are proposed. The featuresof user interface design based on the eventmodel algorithm are revealed. A comparativeanalysis of model-driven approaches to RIAdevelopment from the perspective of theused models and the used elements was done. The paper shows how to use UMLstate diagrams to model the interaction between client and server part of RIA, revealeddisadvantages.

модельмодельно ориентированный подходавтоматная модельдиаграмма состоянийвеб-при ложениеmodelmodel driven approachstatechartstate machine diagramswebapplicationReferencesАлисейчик П.А. Компьютерныеобучающиесистемы/ П.А. Алисейчик и др. // Интеллектуальные системы. - М.: изд-во РГГУ, 2004. - T. 8, вып.1-4. - С. 5-44Алисейчик П.А. Компьютерныеобучающиесистемы/ П.А. Алисейчик и др. // Интеллектуальные системы. - М.: изд-во РГГУ, 2004. - T. 8, вып.1-4. - С. 5-44Busch M. Rich Internet Applications State-of-the-Art: Technical Report / M. Busch, N. Koch; Ludwig-Maximilians-Universität. - München, 2009Busch M. Rich Internet Applications State-of-the-Art: Technical Report / M. Busch, N. Koch; Ludwig-Maximilians-Universität. - München, 2009Object Management Group, MDA Guide Version 1.0.1 [Электронный ресурс]. - Электрон. дан. - [2003] - Режимдоступа : http://www.omg.org/ cgi-bin/doc?omg/03-06-01Object Management Group, MDA Guide Version 1.0.1 [Электронный ресурс]. - Электрон. дан. - [2003] - Режимдоступа : http://www.omg.org/ cgi-bin/doc?omg/03-06-01Object Management Group (OMG). Unified Modeling Language (UML), Version 2.3 [Электронный ресурс]. - Электрон. дан. - [2010] - Режимдоступа : http://www.omg.org/ spec/UML/2.3Object Management Group (OMG). Unified Modeling Language (UML), Version 2.3 [Электронный ресурс]. - Электрон. дан. - [2010] - Режимдоступа : http://www.omg.org/ spec/UML/2.3Harel D. Statecharts: A visual formalism for complex systems / D. Harel // Science of Computer Programming. - 1987. - Vol. 8, No. 3. - pp. 231-274Harel D. Statecharts: A visual formalism for complex systems / D. Harel // Science of Computer Programming. - 1987. - Vol. 8, No. 3. - pp. 231-274Meli´a S. A model-driven development for gwt-based rich internet applications with ooh4ria / S. Meli´a and others // Proc. 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 13-23Meli´a S. A model-driven development for gwt-based rich internet applications with ooh4ria / S. Meli´a and others // Proc. 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 13-23Valverde F. Facing the Technological Challenges of Web 2.0: A RIA Model-Driven Engineering Approach / F. Valverde, O. Pastor // Proc. 10th Int Conf on Web Information Systems Engineering (WISE ‘09). - 2009Valverde F. Facing the Technological Challenges of Web 2.0: A RIA Model-Driven Engineering Approach / F. Valverde, O. Pastor // Proc. 10th Int Conf on Web Information Systems Engineering (WISE ‘09). - 2009Machado L., Filho O., Ribeiro J. UWER: an extension to a Web Engineering methodology for Rich Internet Applications / L. Machado, O. Filho, J. Ribeiro // WSEAS Transactions on Information Science and Applications. - 2009. - Vol. 6, Is. 4. - pp. 609-610Machado L., Filho O., Ribeiro J. UWER: an extension to a Web Engineering methodology for Rich Internet Applications / L. Machado, O. Filho, J. Ribeiro // WSEAS Transactions on Information Science and Applications. - 2009. - Vol. 6, Is. 4. - pp. 609-610Comai S. RIA concepts in a web modeling language / S. Comai and others. // Proc. 15th Int Conf on World Wide Web ( WWW ‘06), ACM. - 2006 - pp. 907-908Comai S. RIA concepts in a web modeling language / S. Comai and others. // Proc. 15th Int Conf on World Wide Web ( WWW ‘06), ACM. - 2006 - pp. 907-908Preciado J. C. Designing rich internet applications combining uwe and rux-method / J. C. Preciado and others // Proc 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 148-154Preciado J. C. Designing rich internet applications combining uwe and rux-method / J. C. Preciado and others // Proc 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 148-154Engineering Adaptive Web Applications : Dr. rer. nat. Thesis. / Dolog, Peter. Hannover, Germany : University Library, University of Hannover, 2006. 148 pEngineering Adaptive Web Applications : Dr. rer. nat. Thesis. / Dolog, Peter. Hannover, Germany : University Library, University of Hannover, 2006. 148 pMartínez-Ruiz F.J. A First Draft of a Model-driven Method for Designing Graphical User Interfaces of Rich Internet Applications / F.J. Martínez-Ruiz and others // Proc. of the 4th Latin American Web Congress (LA-Web’06), IEEE. - 2006Martínez-Ruiz F.J. A First Draft of a Model-driven Method for Designing Graphical User Interfaces of Rich Internet Applications / F.J. Martínez-Ruiz and others // Proc. of the 4th Latin American Web Congress (LA-Web’06), IEEE. - 2006Kroiß C. UWE Metamodel and Profile. User Guide and Reference : Technical Report / C. Kroiß, N. Koch; Ludwig-Maximilians-Universität. - Münche. - 2008Kroiß C. UWE Metamodel and Profile. User Guide and Reference : Technical Report / C. Kroiß, N. Koch; Ludwig-Maximilians-Universität. - Münche. - 2008ADRIA: A Method for Abstract Design of Rich Internet Applications for the Web 2.0 [Электронныйресурс]. - Электрон. дан. - Режим доступа : https://intranet.cs.aau.dk/fileadmin/ user_upload/Education/Courses/2009/ DIEB/ADRIA_LongVersion.pdfADRIA: A Method for Abstract Design of Rich Internet Applications for the Web 2.0 [Электронныйресурс]. - Электрон. дан. - Режим доступа : https://intranet.cs.aau.dk/fileadmin/ user_upload/Education/Courses/2009/ DIEB/ADRIA_LongVersion.pdfAliseichik P.A. Computer training systems / P.A. Aliseichik etc. // Intelligent Systems - M. RGGU 2004. - Vol. 8, no.1-4. - S. 5-44Aliseichik P.A. Computer training systems / P.A. Aliseichik etc. // Intelligent Systems - M. RGGU 2004. - Vol. 8, no.1-4. - S. 5-44Busch M. Rich Internet Applications State-of-the-Art: Technical Report / M. Busch, N. Koch; Ludwig-Maximilians-Universität. - München, 2009Busch M. Rich Internet Applications State-of-the-Art: Technical Report / M. Busch, N. Koch; Ludwig-Maximilians-Universität. - München, 2009Object Management Group, MDA Guide Version 1.0.1 [electronic resource]. - Electron. dan. - [2003] - Access mode: http://www.omg.org/ cgi-bin/doc?omg/03-06-01Object Management Group, MDA Guide Version 1.0.1 [electronic resource]. - Electron. dan. - [2003] - Access mode: http://www.omg.org/ cgi-bin/doc?omg/03-06-01Object Management Group (OMG). Unified Modeling Language (UML), Version 2.3 [electronic resource]. - Electron. dan. - [2010] - Access mode: http://www.omg.org/ spec/UML/2.3Object Management Group (OMG). Unified Modeling Language (UML), Version 2.3 [electronic resource]. - Electron. dan. - [2010] - Access mode: http://www.omg.org/ spec/UML/2.3Harel D. Statecharts: A visual formalism for complex systems / D. Harel / / Science of Computer Programming. - 1987. - Vol. 8, No. 3. - Pp. 231-274Harel D. Statecharts: A visual formalism for complex systems / D. Harel / / Science of Computer Programming. - 1987. - Vol. 8, No. 3. - Pp. 231-274Meli’a S. A model-driven development for gwt-based rich internet applications with ooh4ria / S. Meli’a and others / / Proc. 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 13-23Meli’a S. A model-driven development for gwt-based rich internet applications with ooh4ria / S. Meli’a and others / / Proc. 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 13-23Valverde F. Facing the Technological Challenges of Web 2.0: A RIA Model-Driven Engineering Approach / F. Valverde, O. Pastor / / Proc. 10th Int Conf on Web Information Systems Engineering (WISE ‘09). - 2009Valverde F. Facing the Technological Challenges of Web 2.0: A RIA Model-Driven Engineering Approach / F. Valverde, O. Pastor / / Proc. 10th Int Conf on Web Information Systems Engineering (WISE ‘09). - 2009Machado L., Filho O., Ribeiro J. UWER: an extension to a Web Engineering methodology for Rich Internet Applications / L. Machado, O. Filho, J. Ribeiro / / WSEAS Transactions on Information Science and Applications. - 2009. - Vol. 6, Is. 4. - Pp. 609-610Machado L., Filho O., Ribeiro J. UWER: an extension to a Web Engineering methodology for Rich Internet Applications / L. Machado, O. Filho, J. Ribeiro / / WSEAS Transactions on Information Science and Applications. - 2009. - Vol. 6, Is. 4. - Pp. 609-610Comai S. RIA concepts in a web modeling language / S. Comai and others. / / Proc. 15th Int Conf on World Wide Web (WWW ‘06), ACM. - 2006 - pp. 907-908Comai S. RIA concepts in a web modeling language / S. Comai and others. / / Proc. 15th Int Conf on World Wide Web (WWW ‘06), ACM. - 2006 - pp. 907-908Preciado JC Designing rich internet applications combining uwe and rux-method / JC Preciado and others / / Proc 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 148-154Preciado JC Designing rich internet applications combining uwe and rux-method / JC Preciado and others / / Proc 8th Int Conf on Web Engineering (ICWE 2008), IEEE. - 2008 - pp. 148-154Engineering Adaptive Web Applications: Dr. rer. nat. Thesis. / Dolog, Peter. Hannover, Germany: University Library, University of Hannover, 2006. 148 pEngineering Adaptive Web Applications: Dr. rer. nat. Thesis. / Dolog, Peter. Hannover, Germany: University Library, University of Hannover, 2006. 148 pMartínez-Ruiz F.J. A First Draft of a Model-driven Method for Designing Graphical User Interfaces of Rich Internet Applications / FJ Martínez-Ruiz and others / / Proc. of the 4th Latin American Web Congress (LA-Web’06), IEEE. - 2006Martínez-Ruiz F.J. A First Draft of a Model-driven Method for Designing Graphical User Interfaces of Rich Internet Applications / FJ Martínez-Ruiz and others / / Proc. of the 4th Latin American Web Congress (LA-Web’06), IEEE. - 2006Kroiß C. UWE Metamodel and Profile. User Guide and Reference: Technical Report / C. Kroiß, N. Koch; Ludwig-Maximilians-Universität. - Münche. - 2008Kroiß C. UWE Metamodel and Profile. User Guide and Reference: Technical Report / C. Kroiß, N. Koch; Ludwig-Maximilians-Universität. - Münche. - 2008ADRIA: A Method for Abstract Design of Rich Internet Applications for the Web 2.0 [electronic resource]. - Electron. dan. - Mode of access: https://intranet.cs.aau.dk/file-admin/user_upload/Education/Courses/2009/DIEB/ADRIA_LongVersion. pdfADRIA: A Method for Abstract Design of Rich Internet Applications for the Web 2.0 [electronic resource]. - Electron. dan. - Mode of access: https://intranet.cs.aau.dk/file-admin/user_upload/Education/Courses/2009/DIEB/ADRIA_LongVersion. pdf

The authors declare that there are no conflicts of interest present.