I nte rna t io na l J o urna l o f   E lect rica l a nd   Co m p ute r  E ng in ee ring   ( I J E CE )   Vo l.   6 ,  No .   6 ,  Dec em b er   201 6 ,   p p .   3 07 3 ~ 3 07 9   I SS N:  2088 - 8708 ,  DOI : 1 0 . 1 1 5 9 1 / i j ec e . v 6i 6 . 1 0 5 4 1           3073       J o ur na l ho m ep a g e :  h ttp : //ia e s jo u r n a l.c o m/o n lin e/in d ex . p h p /I JE C E   A  M o del Driven   Appro a ch  b a sed  o n Interactio n  Fl o w  Mo deling   La ng ua g e  to  G en erate Ric h Int ern et  Ap plica tions       Sa rr a   Ro ub i 1 ,  M o ha m m e d E rr a m da n i 2 ,   Sa m ir  M ba rk i 3   1 ,2 M A T S I  Lab o ra to ry ,   M o h a m m e d   F irst   U n iv e rsity ,  Ou jd a ,   M o r o c c o   3 De p a rte m e n t  o f   Co m p u ter S c ien c e ,   Ib n   T o f a il   Un iv e rsity ,   M o ro c c o       Art icle  I nfo     AB ST RAC T   A r ticle  his to r y:   R ec eiv ed   Ma r   2 0 ,   2 0 1 6   R ev i s ed   A u g   1 3 ,   2 0 1 6   A cc ep ted   A u g   27 ,   2 0 1 6     A  Rich   In tern e t  A p p li c a ti o n s  (RIA s)   c o m b in e   th e   si m p li c it y   o f  th e   h y p e rtex t   p a ra d ig m   w it h   th e   f l e x ib il it y   o f   d e sk to p   in terf a c e s.  T h e se   a p p li c a ti o n s  w e re   p ro p o se d   a s  a   so lu ti o n   to   f o ll o w  th e   ra p id   g ro w th   a n d   e v o lu ti o n   o f   th e   G ra p h ica l  Us e r  In ter f a c e s.  Ho we v e r,   RI A s are   c o m p lex   a p p li c a ti o n s an d   t h e ir   d e v e lo p m e n t  re q u ires   d e sig n in g   a n d   im p le m e n tatio n   w h ich   a re   ti m e - c o n su m in g   a n d   th e   a v a il a b le  to o ls  a re   sp e c ialize d   in   m a n u a l  d e sig n .   In   th is   p a p e r,   w e   p re se n t  a   m o d e l  d r iv e n   a p p r o a c h   t o   g e n e ra t e   G UI  f o r  Rich   In ter n e t  A p p li c a ti o n .   T h e   a p p r o a c h   e x p l o i ts  th e   n e w   lan g u a g e   IF M L   re c e n tl y   a d o p ted   b y   th e   Ob jec t  M a n a g e m e n t  G ro u p .   W e   u se d   f ra m e w o rk s  a n d   te c h n o l o g ies   k n o w n   to   M o d e l - Driv e n   En g in e e rin g ,   su c h   a s  Eclip se   M o d e li n g   F ra m e w o rk   (EM F )  f o r  M e ta - m o d e li n g ,   Qu e ry   V ie w   T ra n s f o rm a ti o n   (QV T )  f o r  m o d e l  tran sf o r m a ti o n s  a n d   A c c e leo   f o r  c o d e   g e n e ra ti o n .   T h e   a p p r o a c h   a ll o w s  to   q u ick ly   a n d   e ff ici e n tl y   g e n e r a ti n g   a   RI A   f o c u sin g   o n   th e   g ra p h ica l  a sp e c t  o f  th e   a p p l ica ti o n .   K ey w o r d :   C o d e  g en er atio n   Gr ap h ical  u s er   i n te f ac e   I n ter ac tio n   f lo w   m o d eli n g   lan g u a g e   Me ta  m o d el   Mo d el  d r iv en   en g in ee r i n g   Co p y rig h t  ©   2 0 1 6   In stit u te o f  A d v a n c e d   E n g i n e e rin g   a n d   S c ien c e .    Al l  rig h ts  re se rv e d .   C o r r e s p o nd ing   A uth o r :   Sar r a  R o u b i,    MA T SI  L ab o r ato r y ,   Mo h a m m ed   First U n i v er s it y ,   B P   4 7 3   C o m p lex e  u n iv er s itair e  A l Q o d s ,     Ou j d a - 6 0 0 0 0 ,   Mo r o cc o .   E m ail:  s . r o u b i @ u m p . ac . m a       1.   I NT RO D UCT I O N   I n   r ec en t   y ea r s   w e  h a v e  n o tic ed   a  r ap id   g r o w t h   o f   W eb   ap p licatio n s   w it h   s o p h is ticated   b eh av io r   o f   th e  u s er   in ter f ac e.   T h ese  ap p licatio n s ,   ca lled   R ic h   I n ter n e t  A p p licatio n s   ( R I A s ) ,   b r o u g h t  th e  r ich n e s s   o f   d esk to p   ap p licatio n   i n ter f ac e s   to   t h e  w o r ld   o f   W eb   b r o w s in g .   Ma n y   f r a m e w o r k s   a n d   tech n o lo g ie s   h av e  e m er g ed   to   f ac il itate  t h e  co n s t r u ctio n   o f   t h i s   w eb   s o f t w ar e,   s u c h   a s   A j ax   o r   J av aF X.   Ho wev er ,   R I As  r e m a i n   co m p le x   ap p licatio n s   a n d   t h eir   d ev elo p m e n t  r eq u ir es  d esig n i n g   an d   i m p le m en ta tio n   w h ich   ar e  ti m e - co n s u m i n g .   A ls o ,   w e  ca n   s a y   t h at  th e  a v ailab le  to o ls   ar e  s p ec ialized   in   m a n u al  d esi g n .   I n   r etu r n ,   th e  Mo d el  Dr iv en   Dev elo p m e n t  h a s   s h o w n   its   c o n tr ib u tio n s   an d   ef f icie n c y   to   th e  f ield   o f   en g i n ee r i n g   an d   h elp s   i m p r o v in g   th e   q u alit y   o f   ap p licati o n s   a s   w ell   as  t i m e   s a v i n g s   an d   i n cr ea s i n g   t h e  p r o d u ctiv it y .   T h at  is   w h y   w e   ca n   s a y   th a t  m o d eli n g   ap p r o ac h   r ep r esen t s   a  w a y   to   m a s t er   co m p lex it y   a n d   en s u r e  co n s i s te n c y   o f   ap p licat i o n s .     I n   th i s   p ap er ,   w e  p r o p o s e  a  Mo d el - Dr iv e n   A p p r o ac h   f o r   R I A s   d ev elo p m en t  b ased   o n   th e  OM G   s tan d ar d   lan g u a g e  ca lled   I n ter ac tio n   Flo w   Mo d eli n g   L an g u a g e  ( I FML ) .   T h e   p r o p o s ed   m et h o d   au to m ates  t h e   d ev elo p m en t p r o ce s s   a n d   h id e s   co m p lex e  tec h n o lo g ical  s p ec if i ca tio n s .   I n d ee d ,   w e  p r o p o s e  a  m o d el - b ased   ap p r o ac h   th at  tak es  as  in p u t  a  s i m p li f ied   m o d el,   r esp ec tin g   t h e  I FML ,   w h ich   w il l  b e  tr an s f o r m ed   in to   an   in s ta n ce   o f   th e  p r o p o s ed   m eta  m o d el  f o r   MV P   R I A s .   T h is   r esu lt in g   m o d el   is   t h e  i n p u t   f o r   th e   co d e  g e n er ato r   d ev elo p ed   to   g en e r ate  th e   v ie w s   o f   R I A s   w h ile   t ak in g   in to   ac co u n t   th e  ev e n t s   an d   u s er   in ter ac tio n s   b esid es th eir   co n n ec tio n   w it h   th e  t w o   la y er s   o f   t h e  MV P   p atter n .   Evaluation Warning : The document was created with Spire.PDF for Python.
                      I SS N :   2 0 8 8 - 8708   I J E C E    Vo l.  6 ,   No .   6 ,  Dec em b er   201 6   :   3 07 3   –   3 07 9   3074   T h e  p ap er   is   o r g an ized   as  f o l lo w s :  Sectio n   2   s u m m ar izes  t h e  Mo d el  Dr i v en   E n g i n ee r in g   ap p r o ac h   a n d   in tr o d u ce s   th e  I FM L .   Sec tio n   3   an d   4   p r esen t  r esp ec ti v el y   t h e  w o r k   elab o r ated   an d   th e  r u n n i n g   e x a m p le;   w h ile  Se ct io n   5   r ev ie w s   t h e  r e lated   w o r k   w h ile  Sect io n   3 .   Fi n all y ,   Se ctio n   6   co n cl u d es.       2.   M O DE L   DRI VE N  E N G I N E E RIN G   2 . 1 .   M e t a   M o delin g   a nd   T ra ns f o r m a t io n P ro ce s s   MD E   in tr o d u ce s   a n   ap p r o ac h   r elate d   to   s y s te m   s p ec if icat i o n   w h ic h   r elie s   o n   t h e  s ep ar atio n   in to   th r ee   d if f er en t la y er s   o f   ab s tr a ctio n   [ 1 ] :   a.   C o m p u tin g   I n d ep en d en t   Mo d el  ( C I M) :  I t   s h o w s   e x ac tl y   w h at  th e   s y s te m   is   s u p p o s ed   to   d o ,   b u t   h id es  al l   th e  tech n o lo g y   s p ec i f icatio n s .   b.   P latf o r m   I n d ep en d en t  Mo d el  ( P I M) :   I t  ex h ib its   a  s u f f icien t   d eg r ee   o f   in d ep en d en ce   s o   a s   to   en ab le  its   m ap p in g   to   o n e  o r   m o r e  p latf o r m s .   c.   P latf o r m   Sp ec i f icatio n   Mo d el   ( P SM) :  I t  co m b in e s   t h e  s p ec if icatio n s   in   t h e  P I M  w it h   t h e  d etails  f o r   a  p ar ticu lar   t y p e  o f   p latf o r m   w h ich   lead s   to   in cl u d e  p latf o r m   s p ec if ic  d etails.   T h e  tr an s itio n   b et w ee n   t h e  C I M,   P I M   an d   P SM  m o d els  an d   f in al l y   t h e  C o d e  is   p o s s ib le  th r o u g h   t h e  ex ec u t io n   o f   m o d el s   tr an s f o r m atio n .   A   tr a n s f o r m atio n   co n v e r ts   m o d els   w it h   a  p ar tic u lar   p er s p ec tiv e  f r o m   o n e   lev el  o f   ab s tr ac tio n   to   an o t h e r ,   u s u a ll y   f r o m   a  m o r e  ab s tr ac t  to   less   ab s tr ac t  v ie w ,   b y   ad d in g   m o r e  d etail   s u p p lied   b y   th e  tr a n s f o r m atio n   r u les.  T r an s f o r m at io n s   ca n   b e:   a.   Mo d el  t o   Mo d el : it  c o n ce r n s   t h e  tr an s i tio n   f r o m   C I M  to   P I M  o r   f r o m   P I M  to   P SM.   b.   Mo d el  t o   T ex t :  it  co n ce r n s   t h e  g en er atio n   o f   t h e  co d e  f r o m   t h e  e n tr y   m o d el   ( th e   P SM)   to   a  s p ec i f ic   p r o g r am m i n g   lan g u ag e  a s   a  tar g et.   Fo r   th is   w o r k ,   w e  u s ed   t h e   QVT - Op er atio n al  m ap p in g s   lan g u a g e   [ 2 ]   i m p le m en ted   b y   E c l ip s e   Mo d elin g   Fra m e w o r k   [ 3 ]   f o r   th e  Mo d el  T o   Mo d el  tr an s f o r m a tio n   a n d   t h e  Acc eleo   s ta n d ar d   f o r   co d e  g en er atio n .   T h e  m o d els  i n   t h e  Mo d el  Dr iv en   A p p r o ac h   ca n   b e  r ea d   in   a  te x t u al  f o r m at,   w h ic h   i s   th e   XM I   st an d ar d   as d ef i n ed   b y   t h e  O MG   [ 4 ].     2 . 2 .   I nte ra ct io n F lo w   M o delin g   L a ng ua g e   T h e  I n ter ac tio n   Flo w   Mo d eli n g   L a n g u a g e  ( I FM L )   is   d es i g n ed   f o r   ex p r ess i n g   t h e  co n t en t,  u s er   in ter ac tio n   an d   co n tr o l  b eh a v io r   o f   t h e  f r o n t - en d   o f   s o f t war e  ap p licatio n s .   I n   o th er   w o r d s ,   it  s u p p o r ts   th e   p latf o r m   in d ep en d e n t  d escr ip tio n   o f   g r ap h ical  u s er   in ter f ac es  f o r   s o f t w ar e  ap p licatio n s   th at  ca n   b e  ac ce s s ed   o r   d ep lo y ed   o n   v ar io u s   s y s te m s   as  d es k to p   co m p u ter s ,   lap t o p   co m p u ter s ,   P D A s ,   m o b ile  p h o n es,  a n d   tab lets .   B esid es,  an   I FM L   m o d el  s h o u ld   s u p p o r ts   s ev er al  d esi g n   p er s p ec tiv es,  a m o n g   th e m :   T h e  v ie w   s tr u ct u r e  s p ec i f icati o n ,   w h ic h   co n s i s ts   o n   t h e  d e f in itio n   o f   v ie w   co n tai n er s ,   t h eir   n est in g   re latio n s h ip s ,   th e ir   v is ib ilit y .   T h e  v ie w   co n ten t  s p ec if ica tio n   th at  tr ea t s   th e  co n ten t  an d   d ata  en tr y   ele m en t s   co n tain ed   w it h i n   v ie w   co n ta i n er s .   T h e  ev en t s   s p ec i f icatio n   th at  ca n   b e  p r o d u ce d   b y   t h e  u s er   i n ter ac tio n ,   b y   th e  ap p licatio n ,   o r   b y   an   ex ter n al  s y s te m   an d   m a y   a f f ec t  t h e  s tate  o f   th e  u s er   in ter f ac e.   T h e  p ar am eter   b in d in g   s p ec if icatio n ,   w h ic h   co n s is t s   o n   th e   d ef i n it io n   o f   t h e  i n p u t - ou tp u t  d ep en d en c ies  b et w ee n   v ie w   co m p o n en t s   an d   b et w ee n   v ie w   co m p o n e n t s   an d   ac tio n s .   Fig u r e  1   s h o w s   a  s i m p le  e x a m p le  o f   I F ML   m o d el  w h er e  th e  u s er   ca n   s ea r c h   f o r   a  p r o d u ct  b y   en ter in g   s o m e  cr iter ia  in   t h e  P r o d u ct  Sear ch   Fo r m .   T h e  m a tch i n g   ite m s   ar e  s h o w n   i n   a   li s t.  T h e  s elec tio n   o f   o n e  ite m   ca u s es   a  d elete   ac ti o n   to   b e  tr ig g er ed   o n   it.  W h en   t h e  d eletio n   is   co m p leted ,   th e  u p d ated   lis t  o f   p r o d u cts is   d is p la y ed   ag ai n .   I F ML   co n ce p ts   ca n   b e  s ter eo t y p ed   to   d escr ib e  m o r e  p r ec is e  b e h av io r s   [ 5 ].           Fig u r e  1 .   I FML   E x a m p le:  P r o d u ct  Sear ch ,   L is t in g   a n d   Dele t io n   Evaluation Warning : The document was created with Spire.PDF for Python.
I J E C E     I SS N:  2088 - 8708       A   Mo d el  Dri ve n   A p p r o a c h   B a s ed   o n   I n tera ctio n   F lo w   Mo d e lin g   La n g u a g e  to   Ge n era te  ....   ( S a r r a   R o u b i)   3075   3.   T H E   P RO P O SE D  M O DE L   DRIV E N  AP P RO ACH   I n   th is   p ap er ,   w e  p r o p o s e  an   ap p r o ac h   ad o p tin g   Mo d el  D r iv en   E n g i n ee r i n g   tec h n o lo g i es  o r d er   t o   en ab le  th e  a u to m a tic  g e n er at io n   o f   a  MV P   R ic h   I n ter n et   A p p licatio n .   T h e  en tr y   p o in t   o f   th e  a u to m a ted   p r o ce s s   is   a  s i m p li f ied   d esig n e d   m o d el  u s i n g   th e  n e w   O MG   s tan d ar d ;  I FM L .  I n d ee d ,   w e  s i m p li f ied   th e  I FM L   an d   w e  k ep t  o n l y   i te m s   t h at  d escr ib e  s u f f icie n tl y   th e  ap p lic atio n   an d   r e m o v ed   all  d etails  th at  ca n   w ei g h   t h e   in p u t  m o d el  cr ea tio n .   Wh en   w e  ad o p t  a  m o d el  d r iv en   d ev elo p m e n t  ap p r o ac h ,   a  v ar iet y   o f   tech n o lo g ie s   an d   f r a m e w o r k s   ar e  av ailab le.   T h ese  to o ls   an d   tech n o lo g ies  ca n   b e  ef f ec ti v el y   u s ed   to   ac h iev e  t h e  f i n a l  g o al  w h ic h   is   th e   au to m at ic  g e n er atio n   o f   co d e.   T h e  w h o le  p r o ce s s   w e  ad o p ted     is   d escr iv ed   in   Fi g u r e  2 .             Fig u r e  2 .  P r o ce s s   an d   T ec h n o lo g ies  A d o p t ed   in   th e  P r o p o s ed   A p p r o a ch       3 . 1 .   I F M L   f o r  RIA   As  m en t io n ed ,   I FM L   w a s   ad o p ted   to   d ef in e  t h e  i n p u t   in s ta n ce s   f o r   o u r   ap p r o ac h .   I n d ee d ,   w h e n   w e   u s ed   I FM L   w e   h ad   t h e   ele m en ts   to   d e f i n e  a n   i n p u t  m o d el  t h a t d escr ib es t h e   g r ap h ica l i n ter f ac e  o f   R I A   o n   o n e  h an d ,   an d   t h e  i n ter ac tio n   o f   e v en t s ,   o n   t h e  o th er .   A l s o ,   to   u s e  a  m o d el  d r iv en   ap p r o ac h ,   w e  ad o p ted   s ev er a l   s tan d ar d s   f o r   th e  p r o p o s ed   ap p r o ac h .   I n d ee d ,   w e  d ef i n ed   th e  m o d el  in s ta n ce s   o f   t h e  I FM L   u s i n g   E MF;  t h e  E clip s e  f r a m e w o r k .   A l s o ,   f o r   th e  tr an s f o r m a tio n s ,   w e  u s ed   th e  OM G  s ta n d ar d s ;  th e  QVT   f o r   th e  Mo d el   T o   Mo d el  tr an s f o r m at io n   an d   A c ce leo   f o r   th e  Mo d el  t o   T ex t  tr an s f o r m atio n .   T h e  w h o le  p r o ce s s   allo w s   h a v i n g   an   al m o s t c o m p lete  R I A   ap p li ca tio n   r esp ec tin g   t h e  MV P   Desig n   P atter n .   Fo r   th e  ca s e  s tu d y   w e   p r esen t  later ,   w e  g en er ate   a  co n ta cts‟  ad d r ess   ap p licatio n .   So ,   th e  I FM L   lan g u a g e  al lo w s   u s   to   d e f i n e  t h e  g r ap h ical   p ar t  w it h   co n tai n er s   an d   th eir   co m p o n e n ts .   A l s o ,   f o r   ea ch   ele m en t  o f   i n ter ac tio n ,   w e  d ef in e   th e   n av ig a tio n   f lo w   i n   ter m s   o f   e v e n ts   an d   r e s u l tin g   v ie w s .   F ig u r e  3   s h o w s   t h e  in p u t  m o d el,   i n s ta n ce   o f   t h e  I FM L   m eta  m o d el.           Fig u r e  3 .  I n p u t  E x a m p le  I n s ta n ce   o f   t h e  I FM L   Evaluation Warning : The document was created with Spire.PDF for Python.
                      I SS N :   2 0 8 8 - 8708   I J E C E    Vo l.  6 ,   No .   6 ,  Dec em b er   201 6   :   3 07 3   –   3 07 9   3076   T h e  in p u t  m o d el  d o es  n o t d esc r ib e  o n l y   t h e  g r ap h ical   ele m e n ts   n ee d ed   to   d ef in e   th e   g r ap h ic al  p ar t o f   th e  in ter f ac e,   f o r   ex a m p le,   t h e   f o r m   an d   all  its   f ie ld s ,   b u t  also   d ef in es  t h e  f lo w   o f   u s er   in t er ac tio n s   in   a  v er y   s i m p li f ied   m a n n er   th at  d o es  n o t  r eq u ir e  k n o w led g e  o f   th e  ta r g et  tech n o lo g y .   T h is   m o d el  w il l  b e  th e  in p u t  f o r   o u r   au to m ated   p r o ce s s   an d   is   f ir s t tr an s f o r m   to   a  m o d el  r esp e ctin g   th e  MV P   m e ta  m o d el  d ef i n ed   f o r   R I A .     3 . 2 .   P ro po s ed  M et a   M o del f o r  M VP   RIA   W e  ch o o s e  th e  R I A   a s   a  tar g et  p latf o r m   a n d   p r ec is el y   t h e   J av aFX  tech n o lo g y ,   s o   w e  d ef i n ed   th e   P SM  m eta  m o d el  ad o p tin g   th e  MV P   as  a  co r e  ar ch itectu r al  p atter n .   As  s h o w n   i n   Fi g u r e  4 ,   w e  h a v e  t h e  th r e e   p ac k ag es :   a.   Vie w   P ac k a g e ; c o n tai n i n g   m eta - clas s es to   r ep r esen t V ie w s   a n d   th e  g r ap h ical  co m p o n e n ts .   b .   Mo d el   P ac k ag e ; r ep r esen ti n g   th e  d o m ai n   o r   th e  b u s in e s s   l a y er   o f   th e  ap p licatio n .   c.   P r esen ter   P ac k ag e ;   co n tai n i n g   p r ese n ter s   to   en s u r e  t h e  co n n ec t io n   b et w ee n   t h e  to w   la y e r s .   I n   o u r   m eta  m o d el,   th e   Vie w /P r ese n te r   la y er s   ar e  r esp o n s ib le  f o r   d escr ib in g   t h e  s tr u ctu r e  a n d   co n ten t  o f   v ie w s   i n   ter m s   o f   b eh av io r al  ele m en t s   w h ile  th e  n av i g atio n   f lo w   is   e n s u r e  th r o u g h   th e  p r ese n ter ‟ s   h an d ler   t h at  ar e  co n n ec ted   to   t h e  s p ec i f ied   s er v ice s   f r o m   t h e  m o d el  la y er .   Fu r t h er   m o r e,   th e   v ie w   g a th er es  t h e   ele m e n t  d escr ib in g   th e  g r ap h ical  in ter f ac e ;  w e  f i n d   th e  m ain   ele m e n t  as  t h e  s ce n e  w h i ch   is   co m p o s ed   o f   g r ap h ical  co m p o n e n ts ,   n a m e d   co n tr o ls .   T h e  co n tr o ls   ca n   b e  s i m p le  g r ah ical  co m p o n en ts   o r   co n tain er s   as   R o o ts ; th i s   r elatio n s h ip   is   d ef i n ed   in   t h e  m eta  m o d el  u s in g   t h e  co m p o s ite  p atter n .           Fig u r e  4 .  P r o p o s ed   Me ta  Mo d e l f o r   MV P   R I A   Si m p li f ied       3 . 3 .   T ra ns f o r m a t io n pro ce s s   3 . 3 . 1 .   M o del  t o   M o del   On ce   t h e  Mo d elin g   p h ase  e s t ab lis h ed ,   w e  d e f in e   th e   tr an s f o r m atio n   r u le s .   T h e  id ea   is   t o   co n n ec t  ea ch   ele m en t  o f   t h e  i n p u t  m o d el  to   its   eq u i v ale n t  i n   t h e  o u t p u t  m o d el,   ac co r d in g   to   th e   c o n d itio n s   a n d   r u le s   f o r   tr an s m itt in g   all  n ec ess ar y   in f o r m atio n .   T h e  en tr y   p o in t   o f   th e  t r an s f o r m atio n   is   t h e  m ai n   m e th o d .   T h is   m et h o d   m a k es   th e   co r r esp o n d en ce   b et w ee n   all  ele m e n t s   o f   t h e  I FM L   m o d el  o f   t h e  i n p u t   m o d el  a n d   t h e   ele m e n ts   o f   t y p e  J av aFXP ac k ag e  o u tp u t  m o d el.   Fo r   in s tan ce ,   f o r   ea ch   in ter ac tio n Flo wM o d el  w e  cr ea te  th e   eq u iv ale n t  Vie w P ak a g e  th a t  w ill  g at h er   all  th e  g r ap h ical  a s p ec t  o f   th e  R I A .   T o   th at,   w e  co n n ec t  t h e  P r esen ter   an d   th e  Mo d el  w h ic h   g a th er   t h e  s er v ices a n d   m et h o d   f o r   th e  ap p licatio n .     3 . 3 . 2 .   M o del  to   T ex t   T h e  f ir s t  tr an s f o r m atio n   g en e r ates  th e  m o d el  f ile  f o r   R I A   r esp ec tin g   t h e  MV P   d esig n   p atter n ;  t h e   n ex t  s tep   is   to   g en er ate  t h e  w h o le  co d e  o f   th e  ap p licatio n .   T o   d o   th is ,   th er e  ar e  s e v er al  tech n iq u es ;  u s in g   s cr ip tin g   lan g u ag e s ,   XM L   p ar s in g   o r   m o d el  tr an s f o r m atio n   lan g u ag e.   Si n ce   w e  ad o p ted   a  m o d el  d r iv en   ap p r o ac h ,   w e  o p ted   f o r   a  m o d el  to   tex t  tr an s f o r m a tio n .   So ,   th e  M2 T   f o cu s es  o n   g en er at in g   te x tu a l  ar ti f ac ts   f r o m   m o d el  ele m e n ts .   W e  u s ed   A cc eleo   t h at   is   i m p le m e n t atio n   o f   th e   Ob j ec t  Ma n a g e m en t  Gr o u p   ( OM G)   MO F  Mo d el  to   T ex t  L an g u ag e  ( MT L )   s tan d ar d .   T h e  o p er at in g   p r in cip al  i s   to   u s e  te m p lat es  to   g e n er ate  co d e   f r o m   a  m o d el  d ep en d i n g   o n   th e  ch o s en   p lat f o r m .   T h e  r ea lizatio n   o f   a  n e w   g en er atio n   m o d u le  t h er ef o r e  r eq u ir es  t h e  cr ea tio n   o f   te m p lates.  So ,   w e  d e f i n ed   te m p lates  f o r   t h e  J av aF X  p lat f o r m   to   a u to m atica ll y   tr an s f o r m   m o d el s   o b tain ed   in   t h e  f ir s t tr an s f o r m atio n   p h a s e.     T h e  ex ec u tio n   o f   th e s e  te m p l ates  w e  d ev elo p ed   g iv e s   t h e  s o u r ce   co d e  o f   th e  ap p licatio n   w it h   J av a   an d   XM L   f iles   f o r   th e  v ie w s ,   th e  p r esen ter s   a n d   th e  m o d els.   W ith   th ese  g en er ated   f ile s   we  ar e  ab le  t o   cr ea te   Evaluation Warning : The document was created with Spire.PDF for Python.
I J E C E     I SS N:  2088 - 8708       A   Mo d el  Dri ve n   A p p r o a c h   B a s ed   o n   I n tera ctio n   F lo w   Mo d e lin g   La n g u a g e  to   Ge n era te  ....   ( S a r r a   R o u b i)   3077   an   MV P   J av aFX   p r o j ec t  th at  g iv e   u s   t h e  g r ap h ica l  in ter f ac e  w i th   al l  th e  co m p o n e n ts   a s   d esire d   an d   also   all  th e  co n n ec tio n s   w it h   th e  ap p li ca tio n s   t h r ee   la y er s .       4.   RUNN I N G   E XAM P L E   I n   o r d er   to   v alid ate  o u r   ap p r o ac h ,   w e  ap p lied   it  to   g en er ate   a  C o n tact  ap p licatio n   f o r   s ea r ch in g   an d   ed itin g   co n tact s   in f o r m a tio n .   T h e  ap p licatio n   en ab les  it s   u s er s   to :  Vie w   t h e  co n tact s   in   a  lis t,  s elec t  a  co n tact   an d   ed it  its   i n f o r m atio n .   W e   p r o v id e  th e  d esig n   m o d el,   i n s ta n ce   o f   I FM L ,   as  d escr ib ed   ab o v e,   w h ic h   is   b asicall y   th e   o n l y   i n p u t  f ile  to   o u r   g e n er ato r .   W e  d ef i n ed   t h e  t w o   v ie w s   th at   w e  w a n t   f o r   o u r   ap p licatio n   w i th   I FML .   A l s o ,   w e  f i n d   t h e  m o d el  ele m e n ts   th at  w ill  b e  u s ed   i n   t h e  p r o ce s s in g   o f   in f o r m at io n   i n   th e  ap p licatio n .   Fig u r e  3   s h o w s   t h e  i n p u t   m o d el.   On ce   t h e  ap p licatio n   h a s   b ee n   s u f f icien tl y   m o d eled   u s i n g   t h e  I FM L ,   t h e  f ile  is   u s ed   as  a n   in p u t  f o r   th e  tr an s f o r m a tio n   en g i n e  d ev elo p ed   f o r   th e  ap p r o ac h .   I n d ee d ,   w e  w il l  f ir s t  g e n er ate  a  MV P   m o d el  f o r   th e  co n tac t  Ap p licatio n   th at  r esp ec t s   th e  P S M  d ef in ed   m eta  m o d el.   T h en ,   it  w ill  b ec o m e  t h e   in p u t  f o r   th e  co d e  g en er atio n   p ar t.  T h e  r esu lti n g   f ile  is   a  m o d el  r esp ec tin g   th e  Me ta  Mo d el  f o r   R I A  i m p le m en t in g   t h e  MV P   Desig n   P atter n ,   Fig u r e  5 .           Fig u r e  5 .  T h e  Gen er ated   Fi le  f o r   MV P   R I A       T h is   f ile   w ill  b e  co n s id er ed   as   th e  i n p u t   f o r   t h e  co d e  g e n er at o r ,   an d   w il l  p r o v id e  all  t h e  s o u r ce   co d e   f iles   n ee d ed   f o r   th e  ap p licatio n   to   b e  alm o s t  r u n n i n g   af ter   b ein g   lo ad ed   in to   E clip s e  I DE ,   s ee   Fig u r e  6 .   T h e  g r ap h ical  a s p ec t  o f   th e  ap p li ca tio n   an d   t h e  u s er   in ter ac tio n   ar e  th e  m aj o r   f o cu s   o n   t h i s   ap p r o ac h   w it h o u t   n eg lec tin g   t h e  Mo d el  an d   P r esen ter   la y er s .     B y   u s i n g   t h is   ap p r o ac h ,   w e   r ed u ce d   s ig n i f ican tl y   t h e  d ev elo p m e n t  ti m e  co m p ar ed   to   a  class ic  m et h o d   o f   p r o g r a m m in g .   C o m p ar ed   to   a  class ic  ap p r o ac h   th at  r eq u ir es d ev elo p in g   m an u all y   all  t h e  v ie w s ,   t h e   m o d el   an d   th e   co n tr o ller ,   t h is   m et h o d   g e n er ates  th e   f i n al   f il es  co d e  au to m atica ll y .   B esid e s ,   i f   t h e  u s er   w a n t s   to   ad d ,   r em o v e  o r   u p d ate  g r ap h ical  in f o r m atio n   f o r   th e  ap p licatio n ,   th e  m o d el  is   u p d ate d   w ith   t h e  ch a n g e s   an d   th e  w h o le  co d e  is   r e  g e n er ated   w it h   n o   s u p p le m e n tar y   e f f o r t n ee d ed .             Fig u r e  6 .  C o d e  Ge n er ated   as  Lo ad ed   in   E clip s e     Evaluation Warning : The document was created with Spire.PDF for Python.
                      I SS N :   2 0 8 8 - 8708   I J E C E    Vo l.  6 ,   No .   6 ,  Dec em b er   201 6   :   3 07 3   –   3 07 9   3078   5.   RE L AT E D  WO RK   On   t h e  o n e  h an d ,   A lo n g   w it h   th e  e v o lu tio n   o f   t h e  Mo d el  Dr iv en   ap p r o ac h ,   s e v er al  w o r k s   d ea li n g   w it h   co m p u ter   s cie n ce   p r o b lem s   u s ed   t h is   ap p r o ac h .   Am o n g   th e m ,   DS R M  [ 6 ]   is   an   o n to l o g y   Dr i v en   Do m ai n   Sp ec if ic  Data   r etr ie v al  Mo d el  th at  al lo w s   d escr ib in g   u s er   q u er y   an d   q u er ied   d ata.   A l s o ,   r eg ar d in g   t h e  i m p o r tan ce   o f   g r ap h ical  u s er   in ter f ac e,   s ev er al  w o r k s   f o c u s ed   o n   p er f o r m an ce s   f o r   s p ec if ic  d o m ai n ,   li k e     f o r   [ 7 ]   th at   p r ese n t s   a   d ev elo p ed   g r ap h ical  i n ter f ac e  f o r   p o w er   s y s te m   s tab ilit y .   O n   t h e   o th er   h an d ,   m a n y   w o r k s   d ea lin g   w ith   GUI s   au t o m a tic  g e n er atio n   h a v e  e m er g ed   an d   tr ied   to   c o m b i n e  th e   to w   co m m u n itie s .    I n   [ 8 ] ,   th e  m eth o d o lo g y   p r o p o s es  a  m o d el  b ased   ap p r o ac h   a n d   ad v o ca t es  in   f a v o r   o f   a  co m p lete  s ep ar atio n   o f   th e  w eb   ap p licatio n   f u n ctio n al it y   f r o m   th e  co n tex t a d ap tatio n   at  all  d ev elo p m e n t p h a s es.   A l s o ,   a  R ic h   I n ter n et   A p p licatio n   f o r   w eb   b ased   p r o d u ct   d ev elo p m e n t   w as   p r esen ted   i n   [ 9 ] .   B esid es,     an   ap p r o ac h   ca lled   OOH4 R I A   [ 10 ]   p r o p o s es  a  m o d el  d r iv en   d ev elo p m e n t  p r o ce s s   th at  ex te n d s   OO H   m et h o d o lo g y   f o r   GW T   ap p li ca tio n s .   Als o ,   a  co m b i n atio n   o f   t h e  UM L   b ased   W eb   E n g i n ee r i n g   ( UW E )   m et h o d   f o r   d ata  a n d   b u s in e s s   lo g ic  m o d eli n g   w i th   th e   R UX - Me t h o d   f o r   t h e  u s er   i n ter f ac e   m o d elin g   o f   R I A s   w a s   p r o p o s ed   as  m o d el - d r iv e n   ap p r o ac h   to   R I A   d ev elo p m en t  [ 11 ] .   I n   [ 12 ] ,   th e  r esear ch   w as  b ased   o n   th e   p last icit y   o f   U s er   I n ter f ac e  a n d   th e  ap p licatio n   o f   M D A   co n ce p ts   f o r   th e  p u r p o s e  o f   u n i f y i n g   th e  m o d elin g   f o r   GUI .   An o th er   r elate d   w o r k     f o r   d esig n i n g   Gr ap h ical  U s er   I n ter f ac e s   o f   R I A s   a n d   u s es   iter ativ e  s er ies  o f   XSL T   tr an s f o r m at io n s   b ase d   o n   XM L   U s er   I n ter f ac e   d escr ip tio n   lan g u a g es  u s i n g   X S L T   as  th e   tr an s f o r m atio n   lan g u ag e  b et wee n   th e  d i f f er e n t le v els o f   ab s t r ac tio n   [ 13 ] .     I n   ad d itio n   to   th at ,   an d   s p ec if i ca ll y   f o r   g e n er atin g   w eb   ap p licatio n ,   a   MD A   ap p r o ac h   f o r   A J A X  w eb   ap p licatio n s   [ 14 ]   w as  th e   s u b ject  o f   a   s t u d y   t h at  p r o p o s es  a  UM L   s c h e m e   b y   u s i n g   th e   p r o f ili n g   f o r   m o d elin g   A J A X  u s er   i n ter f ac e s ,   an d   r ep o r t  o n   th e  in ten d ed   ap p r o ac h   o f   ad o p tin g   A N DR OM D A   f o r   cr ea tin g   a n   A J A X   ca r tr id g e  to   g e n er ate  t h e  co r r e s p o n d in g   A J A X  ap p licatio n   c o d e,   in   I C E F AC E S,   w it h   b ac k - en d   in te g r atio n .   A  m eta  m o d el  o f   A J A X  h as  b e en   d ef in ed   u s i n g   t h e  An d r o MD A  to o l.  I n   ad d itio n   to   t h at,   an   e x ten s io n   o f   th e   I FML   w a s   p r o p o s ed   f o r   g en er atin g   m o b ile  ap p licatio n   f r o n t  en d   [ 5 ].   I n   o u r   w o r k ,   w e  p r o p o s e  an   a p p r o ac h   b ased   o n   th e  I FM L   s tan d ar d   ap p lied   to   R I A   a n d   f o cu s i n g   o n   th e  g r ap h ica l  co m p o n en t s   o n   th e  o n e  h a n d   an d   in ter ac tio n s   w it h   t h e  w h o le  ap p licatio n ‟ s   l a y er s   o n   th e  o th er ,   w h ic h   g i v es  u s   a  co m p le te  g en er ated   R I A .   I n   co m p ar is o n   to   th e  ap p r o ac h es  p r o p o s ed   f o r   R I A ,   as  it  is   t h e   ca s e  f o r   OOH4 R I A   [ 11 ] ,   th e  u s er   s h o u ld   b e  a w ar e  o f   th e  tech n o lo g y   s p ec i f icatio n   o n   t h e  o n e  h an d .   On   th e   o th er   h a n d ,   i f   t h e  u s er   w an t s   to   s p ec if y   t h e  f lo w   p r o ce s s   o f   th e   ap p licatio n ,   h e  s h o u ld   ad d   a  n e w   m o d el  f o r   n av i g atio n .   W it h   t h e  I FM L   a n d   t h e  p r o p o s ed   ap p r o ac h ,   a  s in g le   m o d el  ca n   co n tai n   all   th e  i n f o r m atio n   to   co n ce p tu alize   t h e  f lo w   p r o ce s s   alo n g   w it h   t h e  g r ap h ical  asp ec t  o f   th e  R I A .   Als o ,   an o th er   i m p o r tan t   asp ec t  is   th e  ap p licatio n   o f   t h e  O M G  s ta n d ar d s .   I n d ee d   o u r   ap p r o ac h   p r o p o s es  a  s et   o f   m o d el - to - m o d el  a n d     m o d el - to - tex t  tr an s f o r m a tio n s   an d   allo w s   h av in g   a  tr ac ea b le  p r o ce s s ;  h o w e v er   th e  R U X  m et h o d   [ 11 ]   u s es   co d e  g en er ato r s   to   o b tai n   t h e  f in al  i m p le m e n tat io n .   I n   ad d iti o n   to   t h at,   t h e  O OHDM   [ 1 5 ]   d o es  n o t  f o llo w   a n y   OM G  s tan d ar d ,   also   R UX  o n l y   u s e s   UM L   f o r   W eb ML   m o d el s ,   w h er ea s   i n   o u r   ap p r o ac h   w e  u s e  s ev er al   s tan d ar d s   f r o m   th e  OM G;  MO F,  QVT ,   OC L   an d   A cc eleo   la n g u a g es.       6.   CO NCLU SI O N   I n   th is   p ap er   w e  p r esen ted   a  n e w   m o d el  d r iv e n   ap p r o ac h   f o r   g en er ati n g   R I A   b ased   o n   th e  n e w   OM G   s tan d ar d   I FM L   a n d   a  n e w   MV P   p r o p o s ed   m e ta  m o d el.   T o   estab lis h   t h is   ap p r o ac h ,   w e   f ir s t  s tu d y   a n d   s i m p li f ied   t h e  I FML   to   r ep r esen t  o u r   in p u t  m o d els  t h at  d es cr ib es  th e  GUI   an d   th e  i n ter a ctio n s   also .   Seco n d ,   w e  d ef in ed   a  m eta  m o d el  f o r   R I A ,   ta k i n g   a s   a  i m p le m e n t atio n   tech n o lo g y   t h e  J av aFX.   T h is   m eta  m o d el   r esp ec ts   t h e  Mo d el  V ie w   P r esen ter   d e s ig n   P atter n   a n d   u s es  al s o   t h e  co m p o s ite  p atter n   f o r   t h e  g r ap h ica l   co m p o n e n t s   m o d eli n g .   Af ter   th at,   t h e  t r an s f o r m atio n   en g i n e  w a s   d ev elo p ed   f o r   b o th   M o d el  to   Mo d el  an d   Mo d el  to   T ex t  tr an s f o r m atio n s .   As  r es u lt,  w e  w er e  ab le  to   g en er ate  a  co m p le te  R I A   r esp ec tin g   MV P   p atter n   b u t f o cu s i n g   o n   th e  g r ap h ical  asp ec t o f   it o n   o n e  h a n d ,   an d   t h e  u s er   in ter ac tio n s   o n   t h e   o th er .     T h e  m aj o r   co n tr ib u tio n   i s   h e  u s e  o f   a  s i m p li f ied   v er s io n   o f   t h e  I FM L   as  i n p u t  b esid es  t h e  ab s tr ac tio n   o f   all  tec h n ical  d etail s   t h at  a   R I A   d e v elo p m e n t r eq u ir es.  Als o ,   th e  ti m e  ca n   b e  s ig n i f ica n tl y   r ed u ce d   u s i n g   t h i s   ap p r o ac h .   Fu tu r e  w o r k s   w ill  c o v e r   th e  i m p le m e n tatio n   o f   m o r e  r ef in ed   co d e  g e n er ato r   an d   th e  ap p licatio n   o f   th e  p r o p o s ed   m eth o d   to   esti m ate  h o w   t h is   ap p r o ac h   s ca les  i n   lar g e  p r o j ec ts .   A ls o ,   w e  ai m   at  en r ich   th e  I FM L   an d   tar g et  s e v er al  p latf o r m   f o r   m o b ile,   d esk to p   an d   W eb   ap p licatio n   s tar t i n g   f r o m   th e  s a m e   in p u t  m o d el.       RE F E R E NC E S   [1 ]   J.  M il ler,  e t  a l. ,   “ M DA   G u id e   V e rsio n   1 . 0 . 1 ,”   O M G ,   2 0 0 3 .   [2 ]   M e ta Ob jec t  F a c il it y   (M OF) ,   “ 2 . 0   Qu e ry /V iew / T ra n s f o r m a ti o n   (QV T ),   V e rsi o n   1 . 1 ,”   OMG ,   2 0 0 9 .   [3 ]   T h e   Eclip se   M o d e li n g   P ro jec t ,   h t t p :/ /w ww . e c li p se . o rg /m o d e li n g .   Evaluation Warning : The document was created with Spire.PDF for Python.
I J E C E     I SS N:  2088 - 8708       A   Mo d el  Dri ve n   A p p r o a c h   B a s ed   o n   I n tera ctio n   F lo w   Mo d e lin g   La n g u a g e  to   Ge n era te  ....   ( S a r r a   R o u b i)   3079   [4 ]   Ob jec t  M a n a g e m e n t  G ro u p   (OM G ),   “ X M L   M e tad a ta  In terc h a n g e   (X M I) , ”   M OF  2 . 0 /X M I  M a p p i n g ,  v e rs io n   2 . 1 . 1 ,  2 0 0 7 .   h tt p :/ /w ww . o m g . o rg /d o c s/fo rm a l/ 0 7 - 12 - 0 2 . p d f .   [5 ]   M .   Bra m b il la,  e t  a l. ,   “ Ex ten d in g   t h e   In tera c ti o n   F lo w   M o d e li n g   L a n g u a g e   (  IF M L   )  f o r  M o d e l  Driv e n   De v e lo p m e n t  o f   M o b il e   A p p li c a ti o n s  F ro n t  E n d ,”   2 0 1 4 .     [6 ]   J.  L i  a n d   Q.  Ca o ,   “ DSR M :  A n   On to lo g y   Driv e n   Do m a in   S c ien ti f ic Da ta Re tri e v a l  M o d e l , ”  T EL KOM NIKA  In d o n e s.   J .   El e c tr.   En g . ,   v o l /i ss u e :   12 ( 2 ) ,   p p .   1 4 6 2 – 1 4 7 0 ,   2 0 1 4 .   [7 ]   G .   D.  Ed d in e ,   e t  a l . ,   “ A   De v e lo p e d   G ra p h ica l  Us e r  In terf a c e   f o r  P o w e r  S y ste m   S tab il it y   a n d   Ro b u s tn e ss   S tu d ies , ”   T EL KOM NIKA  In d o n e s.   J .   El e c tr.   En g . ,   v o l /i ss u e :   15 ( 3 ) ,   p p .   4 5 8 – 4 6 7 ,   2 0 1 5 .   [8 ]   G .   M .   Ka p it sa k i,   e t  a l. ,  “ M o d e l - d riv e n   d e v e lo p m e n t  o f   c o m p o site  c o n tex taw a r e   w e b   a p p li c a ti o n s, ”   In f.   S o ft w .   T e c h n o l . ,   v o l / issu e :   51 ( 8 ) ,   p p .   1 2 4 4 - 1 2 6 0 ,   2 0 0 9 .   [9 ]   Z.   A h m e d   a n d   V .   P o p o v ,   “ In teg ra ti o n   o f   F lex ib le W e b   Ba se d   G UI i n   I - S OA S , ”   2 0 1 0 .     [1 0 ]   S .   M e li ,   e t  a l. ,  “ A   m o d e l - d riv e n   d e v e lo p m e n t  f o r  GWT - b a se d   rich   i n tern e t  a p p li c a ti o n s  w it h   OO H 4 RIA , ”   Pro c .   -   8 th   I n t.   Co n f.   W e b   E n g .   ICW E  2 0 0 8 ,   p p .   13 - 2 3 ,   2 0 0 8 .   [1 1 ]   J.  C.   P re c iad o ,   e t  a l. ,  “ De sig n in g   rich   in tern e t  a p p li c a ti o n s  c o m b in in g   UW E  a n d   RUX - m e th o d , ”   Pro c .   -   8 th   In t.   Co n f.   W e b   En g .   ICW E  2 0 0 8 ,   p p .   1 4 8 - 1 5 4 ,   2 0 0 8 .   [1 2 ]   J.  S .   S o t tet ,   e t  a l. ,  “ A   m o d e l - d riv e n   e n g in e e rin g   a p p ro a c h   f o r  th e   u sa b i li ty   o f   p las ti c   u se r  i n terf a c e s ,”   En g in e e ri ng  In ter a c ti v e   S y ste ms ,   S p ri n g e r B e r li n   He id e l b e rg ,   p p .   1 4 0 - 1 5 7 ,   2 0 0 8 .   [1 3 ]   F .   J.   M a rt„i n e z - Ru iz,  e t  a l. ,   “ A   f i rst  d ra f t  o f   a   m o d e l - d riv e n   m e th o d   f o r  d e sig n in g   g ra p h ica l  u se r  in t e rfa c e s   o f   Rich   In tern e t  A p p li c a ti o n s ,”   i n  LA - W e b   0 6 :  Pro c e e d i n g s  o f  th e   4 th   L a ti n   Ame ric a n   W e b   C o n g re ss ,  I EE E  Co m p u ter   S o c iety ,  p p.   32 - 38 ,  2 0 0 6 .   [1 4 ]   V .   G h a ra v i,   e t   a l. ,  “ M o d e ll i n g   a n d   G e n e ra ti n g   A J A X   A p p li c a ti o n s:  A  M o d e l - Driv e n   A p p ro a c h ,”   Pro c e e d in g   o f   th e 7 t h   In ter n a ti o n a l   W o rk sh o p   o n   W e b -   Or ien te d   S o ft w a re   T e c h n o l o g ies ,   Ne w  Y o rk ,   US A ,   p p .   3 8 ,   2 0 0 8 .   IS BN :   978 - 80 - 2 2 7 - 2 8 9 9 - 7 .   [1 5 ]   M.  Urb ieta ,   e t  a l. ,   “ De sig n in g   th e   In terf a c e   o f   Rich   In tern e t  Ap p li c a ti o n s ,”   i n  Pro c e e d i n g s  o f  th e   2 0 0 7   L a ti n   Ame ric a n   W e b   Co n fer e n c e ,   2 0 0 7 .       B I O G RAP H I E S   O F   AUTH O RS         S a r r a   R o u b i   is  a   P h D  st u d e n t   w it h   th e   M A T S I  Lab o ra to ry ,   M o h a m m e d   F irst  Un iv e rsity ,  M o ro c c o .  S h e   g o t   a   d e g re e   o f   e n g in e e r  in   C o m p u ter  S c ien c e   f ro m   th e   Na ti o n a l   S c h o o l   o f   A p p li e d   S c ien c e .   S h e   is   f o c u sin g   h e r  re se a rc h e s  o n   t h e   M o d e l  Driv e n   b a se d   a p p ro a c h   a p p l ied   t o   th e   a u t o m a ti c   g e n e ra ti o n   o f   a p p li c a ti o n s  f ro m   si m p li f ied   m o d e ls  a n d   f o c u sin g   o n   th e   G ra p h ica l  Us e r  In terf a c e .   E - m a il :  s.ro u b i@u m p . a c . m a       M o h a m m e d   Er r a m d a n i   is  w i th   t h e   M A T S I  L a b o ra to ry ,   Ou jd a   In sti tu te  o f   T e c h n o lo g y ,   M o ro c c o .   He   is  a   p ro f e ss o r  in   th e   De p a rt m e n t  o f   M a n a g e m e n t  a t  th e   In stit u te  o f   T e c h n o l o g y   a n d   tea c h e s  th e   c o n c e p t  o f   In f o rm a ti o n   S y ste m .   He   g o t  h is  th e sis  o f   n a ti o n a l  d o c t o ra te  in   2 0 0 1 .   His  a c ti v it ies   o f   re se a rc h   in   th e   M AT S I  L a b o ra to ry   ( A p p li e d   M a th e m a ti c s,   S ig n a l  P ro c e ss in g   a n d   Co m p u ter  S c ien c e )  f o c u sin g   o n   M DA   (M o d e l  Driv e n   A rc h it e c tu re )  in teg ra ti n g   n e w   tec h n o l o g ies   X M L ,   EJB,  M V C ,   W e b   S e rv ice s,   e tc . E - m a il :  m . e rra m d a n i@g m a il . c o m       S a m ir  M b a r k i   is  w it h   th e   Co m p u ter  S c ien c e   De p a rtme n t  o f   Ib n   T o f a il   Un iv e rsity ,   Ke n it ra ,   M o ro c c o .   e - m a il :   sa m ir m b a rk i@h o t m a il . c o m   He   is  a   p ro fe ss o r  in   th e   De p a rtme n t  o f   Co m p u ter   S c ien c e   a t  F a c u lt y   o f   S c ien c e   Ib n   T o f a il   Un iv e rsit y .   His  re se a rc h   in tere sts  in c lu d e   so f tw a re   e n g in e e rin g ,   m o d e l  d riv e n   a rc h it e c tu re ,   so f t w a re   m e tri c s  a n d   so f tw a re   te sts.  He   o b tain e d   a n   HD R   in   c o m p u ter  sc ien c e   f ro m   Ib n   T o f a il   Un iv e rsit y   in   2 0 1 0 .           Evaluation Warning : The document was created with Spire.PDF for Python.