I nte rna t io na l J o urna l o f   E lect rica l a nd   Co m p ute 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   M o del Driven   Appro a ch  b a sed  o n Interactio Fl o w  Mo deling   La ng ua g 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 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 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     Rich   In tern e A p p li c a ti o n (RIA s)   c o m b in e   th e   si m p li c it y   o 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 w e re   p ro p o se d   a a   so lu ti o n   to   f o ll o 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 Us e 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 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 d e sig n .   In   th is   p a p e r,   w e   p re se n a   m o d e 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 Rich   In ter n e 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 M a n a g e m e n G ro u p .   W e   u se d   f ra m e w o rk 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 Eclip se   M o d e li n g   F ra m e w o rk   (EM F f o 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 m o d e tran sf o r m a ti o n a n d   A c c e leo   f o 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 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 a sp e c o th e   a p p l ica ti o n .   K ey w o r d :   C o d 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 ©   2 0 1 6   In stit u te o 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 rig h ts  re se rv e d .   C o r r e s p o nd ing   A uth o r :   Sar r 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 u n iv er s itair 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 h a v n o tic ed   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 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 A p p licatio n s   ( R I A s ) ,   b r o u g h th 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 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 m er g ed   to   f ac il itate  t h 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 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 ti m e - co n s u m i n g .   A ls o ,   w ca n   s a y   t h at  th a v ailab le  to o ls   ar s p ec ialized   in   m a n u al  d esi g n .   I n   r etu r n ,   th Mo d el  Dr iv en   Dev elo p m e n 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 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 p r o d u ctiv it y .   T h at  is   w h y   w e   ca n   s a y   th a m o d eli n g   ap p r o ac h   r ep r esen t s   w a y   to   m a s t er   co m p lex it y   a n d   en s u r 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 p r o p o s 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 b ased   o n   th OM G   s tan d ar d   lan g u a g ca lled   I n ter ac tio n   Flo w   Mo d eli n g   L an g u a g ( 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 tec h n o lo g ical  s p ec if i ca tio n s .   I n d ee d ,   w p r o p o s m o d el - b ased   ap p r o ac h   th at  tak es  as  in p u s i m p li f ied   m o d el,   r esp ec tin g   t h I FML ,   w h ich   w il b tr an s f o r m ed   in to   an   in s ta n ce   o f   th 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 i n p u t   f o r   th e   co d 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 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 t w o   la y er s   o f   t h 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 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 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 I FM L .   Sec tio n   3   an d   4   p r esen r esp ec ti v el y   t h w o r k   elab o r ated   an d   th 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 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 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 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 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 Mo d el  ( P I M) :   I ex h ib its   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 o r   m o r p latf o r m s .   c.   P latf o r m   Sp ec i f icatio n   Mo d el   ( P SM) I co m b in e s   t h s p ec if icatio n s   in   t h P I w it h   t h d etails  f o r   p ar ticu lar   t y p o f   p latf o r m   w h ich   lead s   to   in cl u d p latf o r m   s p ec if ic  d etails.   T h tr an s itio n   b et w ee n   t h C I M,   P I M   an d   P SM  m o d els  an d   f in al l y   t h C o d is   p o s s ib le  th r o u g h   t h 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   p ar tic u lar   p er s p ec tiv 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   m o r ab s tr ac to   less   ab s tr ac v ie w ,   b y   ad d in g   m o r d etail   s u p p lied   b y   th 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 tr an s i tio n   f r o m   C I to   P I o r   f r o m   P I to   P SM.   b.   Mo d el  t o   T ex t it  co n ce r n s   t h g en er atio n   o f   t h co d f r o m   t h e n tr y   m o d el   ( th e   P SM)   to   s p ec i f ic   p r o g r am m i n g   lan g u ag a s   tar g et.   Fo r   th is   w o r k ,   w 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 Mo d el  T o   Mo d el  tr an s f o r m a tio n   a n d   t h Acc eleo   s ta n d ar d   f o r   co d g en er atio n .   T h m o d els  i n   t h Mo d el  Dr iv en   A p p r o ac h   ca n   b r ea d   in   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 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 I n ter ac tio n   Flo w   Mo d eli n g   L a n g u a g ( I FM L )   is   d es i g n ed   f o r   ex p r ess i n g   t h co n t en t,  u s er   in ter ac tio n   an d   co n tr o b eh a v io r   o f   t h f r o n t - en d   o f   s o f t war 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 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 ap p licatio n s   th at  ca n   b 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 v ie w   s tr u ct u r s p ec i f icati o n ,   w h ic h   co n s i s ts   o n   t h 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 v ie w   co n ten s p ec if ica tio n   th at  tr ea t s   th co n ten 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 ev en t s   s p ec i f icatio n   th at  ca n   b p r o d u ce d   b y   t h u s er   i n ter ac tio n ,   b y   th 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 h s tate  o f   th u s er   in ter f ac e.   T h 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 i n p u t - ou tp u 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 1   s h o w s   s i m p le  e x a m p le  o f   I F ML   m o d el  w h er th u s er   ca n   s ea r c h   f o r   p r o d u ct  b y   en ter in g   s o m cr iter ia  in   t h P r o d u ct  Sear ch   Fo r m .   T h m a tch i n g   ite m s   ar s h o w n   i n   a   li s t.  T h s elec tio n   o f   o n ite m   ca u s es   d elete   ac ti o n   to   b tr ig g er ed   o n   it.  W h en   t h d eletio n   is   co m p leted ,   th u p d ated   lis 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 s ter eo t y p ed   to   d escr ib m o r p r ec is b e h av io r s   [ 5 ].           Fig u r 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 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 M O DE L   DRIV E AP P RO ACH   I n   th is   p ap er ,   w p r o p o s 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 a u to m a tic  g e n er at io n   o f   MV P   R ic h   I n ter n et   A p p licatio n .   T h en tr y   p o in t   o f   th a u to m a ted   p r o ce s s   is   s i m p li f ied   d esig n e d   m o d el  u s i n g   th n e w   O MG   s tan d ar d I FM L I n d ee d ,   w s i m p li f ied   th I FM L   an d   w k ep o n l y   i te m s   t h at  d escr ib s u f f icie n tl y   th 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 m o d el  cr ea tio n .   Wh en   w ad o p m o d el  d r iv en   d ev elo p m e n ap p r o ac h ,   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 av ailab le.   T h ese  to o ls   an d   tech n o lo g ies  ca n   b ef f ec ti v el y   u s ed   to   ac h iev t h f i n a 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 w h o le  p r o ce s s   w ad o p ted     is   d escr iv ed   in   Fi g u r 2 .             Fig u r 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 P r o p o s ed   A p p r o a ch       3 . 1 .   I F M L   f o RIA   As  m en t io n ed ,   I FM L   w a s   ad o p ted   to   d ef in t h 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 a n   i n p u 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 o f   R I A   o n   o n h an d ,   an d   t h i n ter ac tio n   o f   e v en t s ,   o n   t h o th er .   A l s o ,   to   u s m o d el  d r iv en   ap p r o ac h ,   w ad o p ted   s ev er a l   s tan d ar d s   f o r   th p r o p o s ed   ap p r o ac h .   I n d ee d ,   w d ef i n ed   th m o d el  in s ta n ce s   o f   t h I FM L   u s i n g   E MF;  t h E clip s f r a m e w o r k .   A l s o ,   f o r   th tr an s f o r m a tio n s ,   w u s ed   th OM s ta n d ar d s th QVT   f o r   th 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 Mo d el  t o   T ex tr an s f o r m atio n .   T h 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 MV P   Desig n   P atter n .   Fo r   th ca s s tu d y   w e   p r esen later ,   w g en er ate   co n ta cts‟  ad d r ess   ap p licatio n .   So ,   th I FM L   lan g u a g al lo w s   u s   to   d e f i n t h g r ap h ical   p ar 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 o f   i n ter ac tio n ,   w 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 3   s h o w s   t h in p u m o d el,   i n s ta n ce   o f   t h I FM L   m eta  m o d el.           Fig u r 3 I n p u E x a m p le  I n s ta n ce   o f   t h 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 in p u m o d el  d o es  n o t d esc r ib o n l y   t h 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 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 also   d ef in es  t h f lo w   o f   u s er   in t er ac tio n s   in   v er y   s i m p li f ied   m a n n er   th at  d o es  n o r eq u ir k n o w led g o f   th ta r g et  tech n o lo g y .   T h is   m o d el  w il b th in p u 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   m o d el  r esp e ctin g   th 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 M VP   RIA   W ch o o s th R I A   a s   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 d ef i n ed   th e   P SM  m eta  m o d el  ad o p tin g   th MV P   as  co r ar ch itectu r al  p atter n .   As  s h o w n   i n   Fi g u r 4 ,   w h a v t h 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 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 d o m ai n   o r   th b u s in e s s   l a y er   o f   th 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 t h co n n ec t io n   b et w ee n   t h 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 r esp o n s ib le  f o r   d escr ib in g   t h s tr u ctu r a n d   co n ten 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 n av i g atio n   f lo w   is   e n s u r th r o u g h   th p r ese n ter s   h an d ler   t h at  ar co n n ec ted   to   t h s p ec i f ied   s er v ice s   f r o m   t h 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 d escr ib in g   th g r ap h ical  in ter f ac e w f i n d   th m ain   ele m e n as  t h s ce n 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 co n tr o ls   ca n   b 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 m eta  m o d el  u s in g   t h co m p o s ite  p atter n .           Fig u r 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 Mo d elin g   p h ase  e s t ab lis h ed ,   w d e f in e   th e   tr an s f o r m atio n   r u le s .   T h id ea   is   t o   co n n ec ea ch   ele m en o f   t h i n p u m o d el  to   its   eq u i v ale n i n   t h o u t p u 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 en tr y   p o in t   o f   th t r an s f o r m atio n   is   t h 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 I FM L   m o d el  o f   t h 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 J av aFXP ac k ag o u tp u 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 cr ea te  th e   eq u iv ale n Vie w P ak a g th a w ill  g at h er   all  th g r ap h ical  a s p ec o f   th R I A .   T o   th at,   w co n n ec t h P r esen ter   an d   th Mo d el  w h ic h   g a th er   t h s er v ices a n d   m et h o d   f o r   th ap p licatio n .     3 . 3 . 2 .   M o del  to   T ex t   T h f ir s tr an s f o r m atio n   g en e r ates  th m o d el  f ile  f o r   R I A   r esp ec tin g   t h MV P   d esig n   p atter n t h e   n ex s tep   is   to   g en er ate  t h w h o le  co d o f   th ap p licatio n .   T o   d o   th is ,   th er ar 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 ad o p ted   m o d el  d r iv en   ap p r o ac h ,   w o p ted   f o r   m o d el  to   tex tr an s f o r m a tio n .   So ,   th M2 T   f o cu s es  o n   g en er at in g   te x tu a ar ti f ac ts   f r o m   m o d el  ele m e n ts .   W 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 Ma n a g e m en Gr o u p   ( OM G)   MO Mo d el  to   T ex L an g u ag ( MT L )   s tan d ar d .   T h o p er at in g   p r in cip al  i s   to   u s te m p lat es  to   g e n er ate  co d e   f r o m   m o d el  d ep en d i n g   o n   th ch o s en   p lat f o r m .   T h r ea lizatio n   o f   n e w   g en er atio n   m o d u le  t h er ef o r r eq u ir es  t h cr ea tio n   o f   te m p lates.  So ,   w d e f i n ed   te m p lates  f o r   t h J av aF 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 f ir s t tr an s f o r m atio n   p h a s e.     T h ex ec u tio n   o f   th e s te m p l ates  w d ev elo p ed   g iv e s   t h s o u r ce   co d o f   th ap p licatio n   w it h   J av a   an d   XM L   f iles   f o r   th v ie w s ,   th p r esen ter s   a n d   th m o d els.   W ith   th ese  g en er ated   f ile s   we  ar 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 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 th at  g iv e   u s   t h g r ap h ica in ter f ac w i th   al th co m p o n e n ts   a s   d esire d   an d   also   all  th co n n ec tio n s   w it h   th 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 ap p lied   it  to   g en er ate   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 ap p licatio n   en ab les  it s   u s er s   to Vie w   t h co n tact s   in   lis t,  s elec co n tact   an d   ed it  its   i n f o r m atio n .   W e   p r o v id th 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 f ile  to   o u r   g e n er ato r .   W d ef i n ed   t h t w o   v ie w s   th at   w w a n t   f o r   o u r   ap p licatio n   w i th   I FML .   A l s o ,   w f i n d   t h m o d el  ele m e n ts   th at  w ill  b u s ed   i n   t h p r o ce s s in g   o f   in f o r m at io n   i n   th ap p licatio n .   Fig u r 3   s h o w s   t h i n p u t   m o d el.   On ce   t h 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 I FM L ,   t h f ile  is   u s ed   as  a n   in p u f o r   th tr an s f o r m a tio n   en g i n d ev elo p ed   f o r   th ap p r o ac h .   I n d ee d ,   w w il f ir s g e n er ate  MV P   m o d el  f o r   th co n tac Ap p licatio n   th at  r esp ec t s   th P S d ef in ed   m eta  m o d el.   T h en ,   it  w ill  b ec o m t h e   in p u f o r   th co d g en er atio n   p ar t.  T h r esu lti n g   f ile  is   m o d el  r esp ec tin g   th Me ta  Mo d el  f o r   R I i m p le m en t in g   t h MV P   Desig n   P atter n ,   Fig u r 5 .           Fig u r 5 T h Gen er ated   Fi le  f o r   MV P   R I A       T h is   f ile   w ill  b co n s id er ed   as   th i n p u t   f o r   t h co d g e n er at o r ,   an d   w il p r o v id all  t h s o u r ce   co d e   f iles   n ee d ed   f o r   th ap p licatio n   to   b alm o s r u n n i n g   af ter   b ein g   lo ad ed   in to   E clip s I DE ,   s ee   Fig u r 6 .   T h g r ap h ical  a s p ec o f   th ap p li ca tio n   an d   t h u s er   in ter ac tio n   ar th 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 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 d ev elo p m e n ti m co m p ar ed   to   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   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 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 au to m atica ll y .   B esid e s ,   i f   t h u s er   w a n t s   to   ad d ,   r em o v o r   u p d ate  g r ap h ical  in f o r m atio n   f o r   th ap p licatio n ,   th m o d el  is   u p d ate d   w ith   t h ch a n g e s   an d   th w h o le  co d is   r 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 6 C o d 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 WO RK   On   t h o n h an d ,   A lo n g   w it h   th e v o lu tio n   o f   t h 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 [ 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 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 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 m er g ed   an d   tr ied   to   c o m b i n th e   to w   co m m u n itie s   I n   [ 8 ] ,   th m eth o d o lo g y   p r o p o s es  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   co m p lete  s ep ar atio n   o f   th w eb   ap p licatio n   f u n ctio n al it y   f r o m   th 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 ,   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  m o d el  d r iv en   d ev elo p m e n 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 ,   co m b i n atio n   o f   t h 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 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 [ 11 ] .   I n   [ 12 ] ,   th 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 a n d   th ap p licatio n   o f   M D A   co n ce p ts   f o r   th p u r p o s o f   u n i f y i n g   th 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 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 b et wee n   th 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 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  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 u s er   i n ter f ac e s ,   an d   r ep o r o n   th 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 to   g e n er ate  t h co r r e s p o n d in g   A J A 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 .   m eta  m o d el  o f   A J A h as  b e en   d ef in ed   u s i n g   t h An d r o MD 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 en d   [ 5 ].   I n   o u r   w o r k ,   w p r o p o s an   a p p r o ac h   b ased   o n   th 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 g r ap h ica co m p o n en t s   o n   th o n h a n d   an d   in ter ac tio n s   w it h   t h w h o le  ap p licatio n s   l a y er s   o n   th o th er ,   w h ic h   g i v es  u s   co m p le te  g en er ated   R I A .   I n   co m p ar is o n   to   th 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 f o r   OOH4 R I A   [ 11 ] ,   th u s er   s h o u ld   b a w ar o f   th tech n o lo g y   s p ec i f icatio n   o n   t h o n h an d .   On   th e   o th er   h a n d ,   i f   t h u s er   w an t s   to   s p ec if y   t h f lo w   p r o ce s s   o f   th e   ap p licatio n ,   h s h o u ld   ad d   n e w   m o d el  f o r   n av i g atio n .   W it h   t h I FM L   a n d   t h p r o p o s ed   ap p r o ac h ,   s in g le   m o d el  ca n   co n tai n   all   th i n f o r m atio n   to   co n ce p tu alize   t h f lo w   p r o ce s s   alo n g   w it h   t h g r ap h ical  asp ec o f   th R I A .   Als o ,   an o th er   i m p o r tan t   asp ec is   th ap p licatio n   o f   t h O M 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  s et   o f   m o d el - to - m o d el  a n d     m o d el - to - tex tr an s f o r m a tio n s   an d   allo w s   h av in g   tr ac ea b le  p r o ce s s h o w e v er   th R U m et h o d   [ 11 ]   u s es   co d g en er ato r s   to   o b tai n   t h 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 O OHDM   [ 1 5 ]   d o es  n o f o llo w   a n y   OM 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 u s s ev er al   s tan d ar d s   f r o m   th 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 p r esen ted   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 n e w   OM G   s tan d ar d   I FM L   a n d   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 s tu d y   a n d   s i m p li f ied   t h I FML   to   r ep r esen o u r   in p u m o d els  t h at  d es cr ib es  th GUI   an d   th i n ter a ctio n s   also .   Seco n d ,   w d ef in ed   m eta  m o d el  f o r   R I A ,   ta k i n g   a s   i m p le m e n t atio n   tech n o lo g y   t h J av aFX.   T h is   m eta  m o d el   r esp ec ts   t h 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 co m p o s ite  p atter n   f o r   t h 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 t r an s f o r m atio n   en g i n 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 tr an s f o r m atio n s .   As  r es u lt,  w w er ab le  to   g en er ate  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 g r ap h ical  asp ec t o f   it o n   o n h a n d ,   an d   t h u s er   in ter ac tio n s   o n   t h e   o th er .     T h m aj o r   co n tr ib u tio n   i s   h u s o f   s i m p li f ied   v er s io n   o f   t h I FM L   as  i n p u b esid es  t h 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 ti m ca n   b 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 w o r k s   w ill  c o v e r   th i m p le m e n tatio n   o f   m o r r ef in ed   co d g e n er ato r   an d   th ap p licatio n   o f   th 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 p r o j ec ts .   A ls o ,   w ai m   at  en r ich   th 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 s a m e   in p u m o d el.       RE F E R E NC E S   [1 ]   J.  M il ler,  e 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 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 to   Ge n era te  ....   ( S a r r a   R o u b i)   3079   [4 ]   Ob jec M a n a g e m e n 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 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 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 M o d e Driv e n   De v e lo p m e n o f   M o b il e   A p p li c a ti o n F ro n E n d ,”   2 0 1 4 .     [6 ]   J.  L 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 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 a l . ,   A   De v e lo p e d   G ra p h ica Us e In terf a c e   f o P o w e 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 a l. M o d e l - d riv e n   d e v e lo p m e n 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 a l. A   m o d e l - d riv e n   d e v e lo p m e n f o GWT - b a se d   rich   i n tern e a p p li c a ti o n w it h   OO H 4 RIA ,   Pro c .   -   8 th   I n t.   Co n f.   W e b   E n g .   ICW 2 0 0 8 ,   p p .   13 - 2 3 ,   2 0 0 8 .   [1 1 ]   J.  C.   P re c iad o ,   e a l. De sig n in g   rich   in tern e a p p li c a ti o n c o m b in in g   UW a n d   RUX - m e th o d ,   Pro c .   -   8 th   In t.   Co n f.   W e b   En g .   ICW 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 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 th e   u sa b i li ty   o f   p las ti c   u se 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 a l. ,   A   f i rst  d ra f o f   a   m o d e l - d riv e n   m e th o d   f o d e sig n in g   g ra p h ica u se in t e rfa c e s   o f   Rich   In tern e A p p li c a ti o n s ,”   i LA - W e b   0 6 Pro c e e d i n g o th e   4 th   L a ti n   Ame ric a n   W e b   C o n g re ss I EE 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:  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 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 a l. ,   De sig n in g   th e   In terf a c e   o f   Rich   In tern e Ap p li c a ti o n s ,”   i Pro c e e d i n g o 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 st u d e n t   w it h   th e   M A T S 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 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 re se a rc h e o n   t h e   M o d e 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 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 Us e 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 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 in   th e   De p a rt m e n o f   M a n a g e m e n a 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 th e   c o n c e p o f   In f o rm a ti o n   S y ste m .   He   g o h is  th e sis  o f   n a ti o n a 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 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 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 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 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 in   th e   De p a rtme n o f   Co m p u ter   S c ien c e   a 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 d riv e n   a rc h it e c tu re ,   so f t w a re   m e tri c 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.