International Journal of Emerging Technology and Advanced Engineering Website: www.ijetae.com (ISSN 2250-2459, ISO 9001:2008 Certified Journal, Volume 4, Issue 9, September 2014) 412 Interactive Multimedia Tool for Dynamic Generation of Web Interfaces with HTML5/PHP/MySQL and JavaScript Maya Stoeva 1 1 PhD Candidate and Assistant at Faculty of Mathematics, Informatics and Information Technology, Plovdiv University “Paisii Hilendarski”, 4003 Plovdiv, 236 “Bulgaria” blvd., Bulgaria Abstract—The recent development of interfaces for web- oriented systems and for desktop applications is associated with the use of many different technologies. They focus on the selection, arrangement and presentation of the most appropriate design for the particular software application. In this article, particular attention is paid to one of the latest technologies, these are HTML5, in combination with CSS3, JavaScript and PHP5. They are used for the implementation of a simple, multifunctional interactive multimedia tool, which was developed using the generalized model [1]. Its main purpose is to allow clients create alone their preliminary rough interface design vision of the future software. After that they just have to present the final result to application developers, avoiding misunderstanding what exactly client wants. In that way, both participants in this process save their time. Keywords—Interface generation, responsive design, HTML5/ CSS3/ PHP5, JavaScript, PHP5, generalized model, interactive tool, multimedia, software interface, prototype, prototyping, wireframing, specific multimedia controls, usability, flat design I. INTRODUCTION Technologies increasingly become a part of an everyday life. They have returned to standing part of it. People use computers constantly, even replacing so famous before television, radio and other media. This becomes a necessity when creating web applications and software they can hold the attention of the user. One of the main things makes possible to achieve adequate impact on customer is the good design of their interfaces. Some of the key principles [2], which help shaping traditional and interactive design philosophy, are to keep clear vision, separate program elements to stay accessible, but hidden partially and all important details to be carefully highlighted. The described application follows all of them, plus additional one. Its development goes through two main steps: 1) Planning this web application, via applying the generalized model for interactive multimedia tools development [1]. 2) On the base of ready model - implementing the tool via creating of its prototype with later real programing in Bulgarian language, because its target group with clients are in Bulgaria country. To achieve these two objectives it was necessary to project the overall the following requirements: 1) Informativeness - the interface and structural design has to be implemented so that it is sufficiently significant to future users of the Web application, with accurate and concise information for a description of the main tool's options. 2) Contemporary decisions - database design and the web application to be made by modern means, using the capabilities of the latest technology. 3) Design - Creation of pure, simple and attractive interface vision of the interactive tool like keeping all main principles for good design [2] and make it responsive [3]. The last point allows this web application to be good visible on different kind of devices, no matter desktop or mobile one. But ready vision hasn't to deviate from the basic purpose for which the web application is built - creating interactive tool, which helps to quickly and easily clarify the wishes and requirements of the users/clients. 4) Applicability - implemented project applies from its creation. It has many uses, both freelance programmers and for large companies already well-established for creating websites and web applications. In fact one of the main components of a software system is its interface. If it was designed and built in the right way, it becomes much easier the subsequent design process. A good vision guarantees a good impact on users is also available. Usually design of great interfaces takes time.