A Practical Usage of Innovative Web Design Methodology: The Relational Modeling Methodology

(1)

Abstract

The web platform has transformed itself in the few years since its inception in 1993 from an instrument used merely to establish on-line presence to a platform that can support all facets of organizational work. A unique design methodology for developing a website known as Relational Modeling Methodology (RMM) has been used in the developing a dynamic website for the College of Engineering at FIU. RMM provides a structured design methodology for the development of a large class of hypermedia applications, facilitating their design, development and maintenance. There are three levels of modeling a Web Information System (WIS) application. They are Presentation Level, Logical Level and Storage Level.

The presentation level deals with how the information is presented. At this level, one chooses information to group together or separate and hyperlink, into presentation units, such as web pages. The storage level describes how information is organized physically, in terms of what software applications (e.g., databases, graphic editors) are needed, what files are used, in what kind of directory organization, etc. In between the storage and presentation levels, the logical level maps the information stored in databases and web servers onto the actual web pages as seen by the end user. HTML editors have been used for the presentation layer and web-analysis tools for the storage layer. There are, however, no definitive modeling mechanisms to handle the logical level and a structured approach to working with it. This is where the main contribution of RMM lied; RMM is the modeling language used to represent information domain and navigational structure of this promotional website at the logical level. A key contribution of RMM was the formalization of these mappings, which lead to the development of well structured and easily maintainable website. This paper will present the logical structure and useful applications of RMM.

(2)

Introduction

Hypermedia projects differ from traditional software development projects in

several critical dimensions. The design of hypermedia applications involves

capturing and organizing the structure of complex domain and making it

clear and accessible to end users. Hypermedia design is a challenging

process that is currently more of an art than a science. The need for

prototyping and intensive testing with users is even more pronounced in

hypermedia development than it is with traditional software, because user

tolerance to errors in hypermedia applications is very low [1]. Hypermedia

applications have volatile data, which requires frequent updating, means to

routinize and automate both the initial development and subsequent update

process. RMM focuses on highly structured applications with high

information volatility. It provides guidelines that can facilitate the automated

design process of hypermedia applications. RMM is based on the popular

Entity Relationship (E-R) model

(3)

Modeling Levels Of Web Information Systems

Web Page

Web Page Web Page Web Page Web Page AD HOC HTML Pages Graphics, animations Presentation Level Reports and scripts Logical Level ? Storage Level

(4)

Application Diagram For College Of Engineering At FIU

H o m e P a g e B u ll e t in O t h e r I n f o r m a t i o n A p p l i c a t i o n D i a g r a m E n g in e e r i n g D is c ip li n e P a g e L is t o f E n g in e e r i n g d i s c i p l in e s R e s o u r c e s F o r S t u d e n t s I n s t i t u t e s & C e n t e r s S t u d e n t o r g a n iz a t io n s E n g i n e e r in g D i s c ip l in e P a g e L i s t o f e n g i n e e r in g d i s c ip l in e s F r e q u e n t l y A s k e d Q u e s t i o n s L is t O f F A Q ’s U n d e r g r a d u a t e R e s e a r c h O p p o r t u n it i e s P a g e L is t o f r e s e a r c h la b s w h ic h u n d e r g r a d u a t e r e s e a r c h o p p o r t u n it i e s I n t e r e s t i n g F a c t s L i s t o f i n t e r e s t in g f a c t s S o l v e P u z z le / T a k e A Q u iz L is t o f q u iz c a t e g o r i e s P o s t A Q u e s t io n F o r m t o p o s t a q u e s t io n Q u i z P a g e L is t o f q u e s t i o n s R e s u lt P a g e I n f o r m a t i o n A d m in is t r a t o r P a g e A d d F r e q u e n t ly A s k e d Q u e s t io n s U p d a t e F r e q u e n t ly A s k e d Q u e s t i o n s L i s t o f F A Q ” s t o b e u p d a t e d D e le t e F r e q u e n t ly A s k e d Q u e s t i o n s L i s t o f F A Q ’s V i s it o r D e t a il P a g e L i s t o f v i s i t o r d e t a il s V is it o r S t a t i s t ic s P a g e O t h e r i n f o r m a t io n Q u e s t io n D e le t e P a g e L i s t o f p o s t e d q u e s t i o n s C r e a t e Q u i z P a g e T it le N o : o f Q u e s t i o n s N o : o f a n s w e r s M a r k s f o r c o r r e c t a n s w e r s M a r k s f o r w r o n g a n s w e r s G e n e r a t e Q u iz P a g e Q u e s t io n A n s w e r V o lu n t e e r M a il V e r if ic a t i o n P a g e M a i ls s e n t t o t h e v o lu n t e e r R e p ly m a il s s e n t t o t h e w e b m a s t e r V o l u n t e e r M a i l R e p l y P a g e M a i ls S e n t t o t h e v o l u n t e e r

(5)

Post_Question.

Mailcheck

& Post_Question.Reply

Post_question Index mailcheck query username date flag Reply Mail Post_question query Back s e n d s volunteer info emailid Reg_info userinfo emailid delete reply

(6)

Resource.Description

re s o u rc e In d e x d e s c rip tio n lin k s tu d e n t_ o rg In d e x d e s c rip tio n n a m e In s t_ c e n te r In d e x d e s c rip tio n n a m e

(7)

Conclusions

The implementation of this dynamic promotional website for the College of Engineering at FIU (http://ise-3.eng.fiu.edu/index.htm), shows that the adopted design approach is most suited for the given scenario.

The system does not demand computer literacy from the user and hence is well suited to be operated by high school or middle school students.

The system administrator has been given the capability to create the Quizzes, input FAQ’s and change the content of the site with the provided interface on the web, without being qualified as a Webmaster. These features of the system make it very easy to operate.

The system meets the standards of the WWW and demonstrates the implementation of RMM methodology.

This site can be used extensively in future for promoting the website. This paper discussed a methodology that guides through the process of specifying the

(8)

Recommendations

Using IIS Server as the web server will enhance the system capability and performance than using Personal Web Server.

Utilizing a database like Oracle or SQL server may be required as the database keeps building up during the course of time. Many improvements on the system

interface could also be made to enhance the appearance. As demand for hypermedia products increases, there is need to the current design and construction approaches, which are highly labor intensive and costly, with more efficient approaches that

produces standardized documentation, and give automated support for developers. The research described in this paper targets the support of automated hypermedia presentation design (in the context of Web-based Information Systems). Specifically, for applications involving data that change frequently, the design of hypermedia

(9)

References

[1] Garzotto, F., Paolini, P., and Schwabe, D. HDM: A model-based approach to hypertext application design. ACM Trans. Off. Info. Syst. 11, 1 (Jan. 1993), 1--26. [2] Flavius Frasincar., Geert Jan Houben., and Richard Vdovjak: An RMM-Based Methodology for Hypermedia Presentation Design. Eindhoven University of

Technology, Eindhoven, The Netherlands

[3] Balasubramanian, P., Isakowitz, T., Stohr, E.A.: RMM: A Methodology for

Structured Hypermedia Design Communications Of The ACM, 38 (8): 33-44, August 1995

(10)

Acknowledgements

I would like to thank Stephanie Strange, Recruitment officer of the Deans Office and the Engineering Student Council at FIU, for helping me in achieving my goal and supporting the project.