TELKOM NIKA Indonesia n  Journal of  Electrical En gineering   Vol.12, No.4, April 201 4, pp. 3100 ~ 3 1 0 4     DOI: http://dx.doi.org/10.11591/telkomni ka.v12i4.4780          3100     Re cei v ed Au gust 27, 20 13 ; Revi sed  No vem ber 1 2 , 2013; Accepte d  De cem ber  6, 2013   Using Flash Platform to Realize the Video Question  Answering System       Guie Jiao   Shan gh ai Jia n q ia o Univ ersit y   NO.1500, Ka n gqi ao Ro ad, P udo ng N e w   Area, Shan gh ai, Chin a, 20 131 9   email: ji ao gui e @ 12 6.com       A b st r a ct   Video question answering  system   is designed  and developed bas ed on Flas h platfor m   techno lo gy, be lon g s of  B/S ( B row s er/Serve r) structure,  is  use d  to   me et the  ne eds  of  spec ific  grou p s   teachi ng a nd s t udyin g. T h is p aper d e scri bes  core co d e s of datab ase  mo d u le a nd th e rea l -time Q&A vid e o   mo du le a b o u t vide o creati ng  and v i de o p l ay back, als o   des cribes th e rel e vant rea l i z a t i o n techn o lo gy a n d   other functional m o dules of the system . At  last, it gives some m o dified suggestions.     Ke y w ords  fle x  video Q&A F M S Actionscrip t 3.0      Copy right  ©  2014 In stitu t e o f  Ad van ced  En g i n eerin g and  Scien ce. All  rig h t s reser ve d .       1. Introduc tion  With the  ra pi d develo p me nt of Intern et, info rm atizati on  con s tru c ti on an reform of the  major  coll ege s an d unive rsities  co ntinu e  to pu sh  fo rward  steadily  from  scratch ,  from wi red  to   wirel e ss, fro m  hardware  to software. In the  ca se  o f   my  sch ool wirel e ss cam pus network ha been  put into  use, h o w to  make  full u s e  of cam p u s   n e twork in  terms of "soft", in ord e r to i m prove  stude nts'  lea r ning  efficien cy and  quality ,  and  gradua lly stren g then  networking,   informati z atio n   teachi ng  and  lea r ning  e n vironm ent, thi s  p ape pro p o se s th onli ne vide o q u e s tion  an sweri ng  appli c ation s   based  p2p  in  ca mpu s   net work. In  RIA  popul ar Internet e r a, b e ca use  of it s p e rfect  techn o logy  a nd a  hig h  m a rket  sha r e, t he Fl as h pl atform b e come s the  mai n st ream, p r omi s i ng  developm ent  platform s. With the late st RTMFP a g ree m ent (Real Time Me dia Flo w  Pro t ocol   abbreviation),  the latest ve rsio n of the F M S (Fla sh M edia Se rver)  can  reali z e th e se rvice  such   a s  un ica s t and  b r oa dc as t. O t h e r , th e   s y s t e m  us es  th e co mbinatio n of "Tom cat" +"J2EE" as  web   serv e r .       2. Main Tech nolog y   2.1. Flash Platform Tech nolog y   The Fl ash Pl atform i s  the  worl d' s lea d in g de sign  an developm ent  platform,  can   sup port  a variety of  d e sktop  ope ra ting sy stems  and exp r e s si ve appli c atio ns,  conte n t a nd video. A c t i o n   Script3.0  is  a Fla s h  scri p t  langu age,  and  stand ard  obje c t-ori ented  pro g ra mming l ang u age.  Comp ared  wi th the previo us ve rsio n, the Actio n Sc ript3.0 increa ses a l o t of fu nction s, main ly  inclu d ing th re e aspect s  :grammar, o r ien t ed obje c t an d API. ActionScript3.0 i s  a n  script la ngu age   based ECMA Script, is si milar to Java, bu t has its own uniqu e advan tages.   FMS (Fla sh  Media Se rve r  ab breviatio n ) i s   on e of  the impo rtant  com pon ents of this  platform, abl e to deliver the live and o n -de m an video an d interactive appli c ations  safely and   reliably. Fro m  the versio n of FMS4, it suppo rts th e RTMFP protocol. RT M F P, compa r e d  to  RTMP (Re a Time Me ssa g ing Protocol  abbreviati on ), is b a sed o n  UDP proto c ol, suitable  for   multica s t, and can imp r o v e the spee d of the vi deo delivery. Not through th e serve r , it can  transfe r data  directly bet wee n  the terminal user of the Flash  player, but also redu ce  the   band width  co nsum ption.Wi th the hel p of  RTMFP  pr ot ocol, vide o q uestio n  an swering  sy stem  in  camp us net work re alizes t he tra n smi s si on fu n c tion  based P2P  (Peer to Pe er abb reviation s point-to - poi nt) technol ogy, so  can  ma ke full u s e   of existing  reso urce s. P2 P transfe rs  data   betwe en no d e s withi n  a n e twork, not d epen d on the  se rve r , so n ode s in the n e twork is  better, it  also fits  well  with the ca se of  student s on  cam p u s . FMS4.5 en han ce s the stability of vid eo  Evaluation Warning : The document was created with Spire.PDF for Python.
TELKOM NIKA   ISSN:  2302-4 046     Usi ng Fla s Platform  to Realize the Vi deo Que s tion  Answeri ng System  (Guie Ji ao)  3101 strea m ing  an d redu ce s th e loa d  time,   also  it  can  h e lp u s e r s to   manag co ding a n d  bit  ra te,  improve s  the  final use r s ex perie nce in the asp e ct of o n line video.   Flex is an other imp o rta n t comp one nt of t he Flash  platform an d the sol u tio n  to the  pre s entatio n layer and a cli ent developm ent env ironm ent for video que stion an sweri ng sy ste m By compiling  the MXML a nd ActionS cri p t into a sw f file, Flex application  run s  i n  Flash Player  environ ment,  and h a s a  rich interfa c e  pe rforma nce,  a s   well a s  th perfe ct inte rface  optimi z at ion  ability. Also its  client i s  a  o ne-time l oad,  wit hout th need fo r m u ltiple refre s h.  As an i m po rtant  techn o logy o f  RIA applications, Flex  covers  a serie s  of technolo g y port f olio to sup port  developm ent  and d eploym ent of RIA.  T he cli ent' s  de sign  upg rad e s fro m  the p a ge-cent ric to   the   comp one nt-centric, which  improve s   the  desi gn of clie nt prog ram s   2.2. Web Ser v er     Flex develo p m ent environ ment  can u s e mo st of th e We b p r og ramming  platform to  acce ss datab ase, th e sy stem u s e s  My Eclipse  d e vel opment  environment. MyE c lip se Ente rp rise   Wo rkb e n c h i s  an  extension of Eclip se IDE,  al so is a p o werful integ r at ed develo p m ent  environ ment for J2EE. We can g r eatl y  improv e work effici en cy in the database and J2 EE  developm ent, publishing, a nd an integ r at ion of appli c a t ion serve r .   Tomcat is  n o t only adva n ce d technol ogy, st able  p e rform a n c e,  and i s  free,  thus  got  many Java l o vers a nd h a s be en re cogni zed by  some soft ware develop ers, become  cu rre nt  popul ar Web  applicatio n server.In the run-time, it  occupy sm all system re sou r ce s and is g ood   scalability,  al so support comm onl y used functions to develop  application, such as l oad  balan cing, m a il servi c e.       3. Function  Module   The vide system o r igin ated in  the  co urse, i s  a n e two r k sp ace to  multimedia   comm uni cati on and  re so urce shari ng  betwe en tea c hers  an d stu dents, that is to say, it is an  importa nt su ppleme n t part to class te achi ng. In  order to refle c t  the focus o n  the teachi ng  pro c e ss, the  system p r ovi des  st at ist i cal  f unct i on s,  su ch a s   the n u m ber of q u e s tion answe rin g the numb e o f  particip a ting  in the di scussion, t he  num ber of  downlo ad data, et c, whi c h result is  a part of stud ents' exami n a t ion results.  As sh own in Figure 1,  syste m  diagram.                                  Figure 1. System Diag ram       The sy stem inclu d e s  the followin g  mod u les.     3.1. User Ma nagemen t  M odule   The sy stem  has th ree  user role s: tea c he rs,  stude nts an d visit o rs, e a ch ha ving a  different o p e r ating  privile ge. Tea c h e rs are  pa rt -tim e admi n istrat or. Before  course, tea c h e rs  sho u ld  com p l e te re gistration to a dd  o w n info rm atio n a s  well a s  stud ents  of  the cla s s. When  enterin g, tea c he rs ne ed b y  use r nam e,  password  a n d  curricul um,  stud ents  ne ed by thei r n a me  and th e d e fa ult pa sswo rd,  but the  cou r se i s   option a l .  If not selecti ng  cou r se, th ey just  ente r   all  FMS(sendi ng  and  receiving au d i o and video  data stream   Tomcat acceptting the  requ est of the  client,  reali z ing the  databa se  con n e c tion,et c   A cce s s saving user  information )、 XML  RTMP HTTP Internet       Brows e r :IE,Firef ox,etc . Need to  install  Flash  Player    Evaluation Warning : The document was created with Spire.PDF for Python.
                               ISSN: 23 02-4 046                     TELKOM NI KA  Vol. 12, No. 4, April 2014:  3100 – 3 1 04   3102 the co urse s. After enterin g  the  system, stude nts can add  o w info rmation, incl u d ing  cha nge t he  password. Student a c coun ts are d e leted  automatically  when tea c h e r s d e lete curriculum. Visito rs  do not nee d to log.    3.2. Data M a nagemen t  M odule   In the syste m , teache rs  can  provid e i n form atio n fo r stu dents to  downloa d. Note that,  uploa ded  dat a by tea c he rs is withi n  th e co nfine s  of  the curriculu m , stude n ts  can  se e diffe rent  informatio whe n  ente r in g into differe nt cou r se s.  Students  mu st login  on t o  do wnlo ad  data,  while a visito r can only see  the data.    3.3. Online Question  Ans w e r ing Mod u le  After enterin g the syste m , Student can  se e current onlin e teachers an d  student s   (thro ugh FMS  Shared Obje ct to achieve). Students  may  reque s t vide o que stion an swerin g to the   te a c he r ,   a l s o  c a n   c h oo se   o n lin e s t ud e n ts  fo r vid e o  co mmu n i c a tion . T e ac he rs   re c e ive s t ud en t' invitation, just the other  stu dents  we re q uestio n   an swering,  can a s k wh ethe r this stud ents  would   like to join the  video discu s sion g r ou p to discu ss.  As  shown in Figu re 2, Q & A flo w  ch art.           Figure 2. Onli ne Que s tion  Answeri ng Fl ow Chart       3.4. Not Onli ne Ques tion  Ans w e r ing  Module   If the teache r i s  n o t onli ne, stu dent s ca cho o se  the lin e a n s werin g  th ro ugh text  messag es  (pi c ture ), re co rd  video, etc. Of co u r se, st udent s ca n d e lete own m e ssag e. Tea c her  login and vie w  messa g e s , then reply messag e on e by one. Visitors ca n view an d reply  to   messag es, al so obtai n lea r ning m a teri a l s by r eplyin g  to the message, su ch  as email add re ss,  MSN user na me, QQ num ber, etc.       4. The Realization of Par t ial Modules   4.1. Data bas e  Design   Becau s e of u s er info rmati on, data informat ion, message boa r d an d so on, the system  involves la rg e amo unt of  data, so u s e s  Micro s oft's A c cess  databa se m ana gem ent sy stem. A s  a   web front-e n d  desi gn plat form, Flex ca n’t access  th e databa se  dire ctly, so a c hieve the d a ta   comm uni cati on  by HttpService and We bService  co m pone nts fo rm  ActionScript  3.0. The  key  of  databa se d e sign is the n a m e of cou r se , which i s  ne eded  whe n  st udent s login,  teach e rs uplo ad  data, stud ent s do wnl oad i n formatio n, e t c. The m a in   tables th at the syste m  hav e create d  are  as  Evaluation Warning : The document was created with Spire.PDF for Python.
TELKOM NIKA   ISSN:  2302-4 046     Usi ng Fla s Platform  to Realize the Vi deo Que s tion  Answeri ng System  (Guie Ji ao)  3103 follow: stud e n ts an d visitor inform ation, teac her information,  cou r se inf o rmatio n, da ta   informatio n, online informat ion, not onlin e informatio n, etc.    4.1.1. Using HttpServ ice  method   <mx:HTTPSe rvice id ="cl assName" meth od=" G ET" re sult="on Re sult (event) "/>  outputField.text=event.rusult as String  ;//  onResultis the body  of the function    4.1.2. using RemoteObje ct meth od   <mx:Rem o teObject id="remo te O b j" des tin a t io n= "sr o ">  <mx:method name = "e cho M essag e re sult="displayM essag e (eve nt)"/>  </mx:Remote O bje c t>  <mx:Button label ="cli ck to  have info rma t ion"  cli c k="e choM essa ge ()"/>//define th e button   to trigger the ‘  Remote Obje ct’ remote ev ent  Pu b lic  fu nc tion  e c ho Mes s ag e ( ) : vo id remoteObj.echoMes sage(input.te xt) }//define the function     4.2. Realiza t ion of Online  Module  In ActionS cri p t3.0, users  can  re ad  or storage   data  i n  the l o cal o r  se rver by th e shared  obje c t “Sha redObj ect”. T he cla s s Sh ared Obje ct  can re alize re al-time data  sha r ing  amo ng  multiple clie nt files and obj ect,as  Coo k ie  in IE br owser. In general,Use of “Sha red O bje c t” obje c ts  inclu d e s  the   maintena nce  of local p e rsi s ten c e,  st ori n g data  on  the  se rver an realizi ng th e d a ta   sha r ing.  Whe n  usin g getL o cal  () o r  get Remote  () to  cre a te a lo cal or remote  Share d Obj e ct , it  can u s e a o p tional pa ra meters “se c u r e”. If this  pa ramete r is  se t to true and  the SWF file is  transmitted through the  HTTPS, Flash Player  will create a  secure shared  object to get  a  refer e n c e.   You mu st first conn ect to t he FMS  se rver in  ord e r to  tran sfer th e l o cal  audi o an d video   to the other cl ient. The way of conne ctio n is th roug h the con n e c t () method whi c h belong s to the   NetConnec t objec t.   NetStream o pene s co nne ction flow bet wee n  t he clie nt and the se rver. The “Ne t Stream”  obje c t is a ch annel in the  NetConn ectio n  obje c t.    4.2.1. Establish Link   var multi_tea c he r-nc: N etConne ct ion  = n e w Nect Con n e ction ();   multi_teacher-nc . c onne c t (" rtmfp://loc alhos t:2032/genc h video");   multi_teache r-nc.a ddEvent Listen er(NetStatusEvent.NET_STATUS,   multi_teache rHan dler);     4.2. 2.Establish Group   // After a successful co nne ction, need to establi s h g r o u p   this.m_ s pe c = ne w Group Specifie r("my Grou p");   m_sp ec. s e r verChan nelEn abled =  true;   m_sp ec.o bje c tRe p lication E nabled =  tru e lbl1.text =  "farID : " +  nc .farID +  "\nNearI D  : " +  nc .nearID;   m_ng = n e NetG roup (n c,  m_spe c .g rou p sp ecWithAu thorization s ());    4.2.3. Publish Video  var cam e ra: C amera = Cam e ra.get Cam e ra();   came ra. s etM ode(320,2 40, 24,true );  came ra. s etQ uality(0,80 );  video.attach Camera(cam era);   multi_teache rns = n e NetStream (m ulti_teacher, N etStream. D I R ECT _ CONNECTIO N S);   multi_teache rns.attachCa mera (came r a ) multi_teache rns.cli ent = thi s multi_teache rns.pu blish(" c am1","live");        Evaluation Warning : The document was created with Spire.PDF for Python.
                               ISSN: 23 02-4 046                     TELKOM NI KA  Vol. 12, No. 4, April 2014:  3100 – 3 104   3104 4.2.4. Pla y   Video   multi_teache rns = ne w Ne tStream(m ulti_teacher -n c,"id of the  vide o st ream  a c cepting   from the publi s hin g  sid e ");   video.attach NetStream(mul ti_teach e rn s);  multi_teache rns.play(" cam 1 ");      5. Conclusio n   The  system  has  obtain e d  the very g o od tea c hin g   effect and  re ceived  praise from   teach e rs a nd  stude nts. At the same tim e , syst em pro m otion  of  th e profe ssi onal  and school   is  on  the ag end a. In fact,  whi c is ju st  what t he  syst em  n eed s to im prove, su ch  a s  the p r obl em s of  use r  m anag e m ent, the n e ed to in crea se th e ad minis t rator, the teac hers providing  q u e s tion  answe ring  who  have  not the cou r se, th e u s e of re so urce s is  not  limited to  one  cou r se.Mea n w hile, this  system used th e FMS dev eloper ve rsi on  whi c h conten t is complete ly  free, but b a n d width i s  limi t ed and  ma kes the  bo ttle neck a bout  a n sweri ng n u mber  at the  same   time.  Combi ned  with own u s e, this pape r intro duces the fun c tion and the  realization of video   que stion an sweri ng sy ste m  based on  P2P in cam pus n e two r k,  hope mo re  discu ssi on wi th   read ers, in o r de r to impro v e and pe rfe c t the  syste m , enhan ce t he experi e n c e of use r s, a s  a   useful  sup p le ment to cla s sroom tea c hi n g     Referen ces   [1]  W u  Yuanzh e n g . Net w o r k Vi deo Questi on  Ans w e r i ng S y stem Des i g n  Based F M S.   Journal of   Muda nji a n g  Un iversity . 201 1; 20(8) : 116- 11 9.  [2]  Z hou Ji an, Li u  W e ifa, Yu Ro ngro ng. Des i g n  an d Implem entatio n of Gradu at es Surve y  Ap plic atio n   S y stem Bas ed  on F l e x  an d J2 EE.  Computer  Know led ge a n d  T e chno lo gy . 201 0; 6(33): 93 10-9 311.   [3]  Den g  Meng de.  Research o n  F l ex’s Appl icat i on in the D e v e lo pment of  Di stance T eachi ng S y stem.   Moder n Educ ation T e ch nol ogy . 2009; 19: 92- 94.   [4]  Z hou  Le qin g T he Desig n  A nd Imp l eme n ta tion  of T r ansp o rtation  Bid R a n kin g  S y stem  Based  o n  F l e x   T e chnolog y.  Mi croco m p u ter Applic atio ns . 20 09; 30(5): 2 4 -2 8.  [5]  Lin  Ke, Y ang   Min, Ma o D ili n. Schem e for  P e rfo rmanc e Im provem ent of   P2P L i ve  Vid e o Stream ing  o n   LANs.  Journ a of Chin ese Co mp uter Syste m s . 2011; 32( 7) : 1281- 12 86.   [6]  Qian Yu, C hen  Z h i y un. Ap plic ation  of RIA T e chn o lo g y  Bas ed o n  F l e x  i n   Educati on S o ftw a r e Are a s .   Co mp uter & Di gital En gin eer i n g . 200 9; 37(5)  : 160-163.   [7]  Guie Ji ao. T h e  P2P a p p licati on  base d  F l as h pl atform tech nol og in c a m pus  net w o rk.  Mi cro c om pu te r   app licati ons . 2 012; 28( 7): 48- 50.   [8]  W ang F e ng.  Rese arch  an d  App licati o n  o f  Rich  Intern et App licati o n  T e chn o lo g y  B a sed  on  F l e x .   Shan gh ai Jia o  T ong Universit y . 20 08.   [9]  Lei L e i. Des i g n  and Impl eme n t ation of Re al-t ime  Net w o r k T each i ng P l atfor m  Based W eb.  South w e s Jiao T ong Univ ersit y . 2 010.         Evaluation Warning : The document was created with Spire.PDF for Python.