{
    "key_pair_value_system": true,
    "answer_rating_count": "",
    "question_feedback_html": {
        "html_star": "",
        "html_star_feedback": ""
    },
    "answer_average_rating_value": "",
    "answer_date_js": "2024-08-28T08:15:43-04:00",
    "answer_date": "2024-08-28 08:15:43",
    "is_docs_available": "",
    "is_excel_available": "",
    "is_pdf_available": "",
    "count_file_available": 0,
    "main_page": "student_question_view",
    "question_id": "8569835",
    "url": "\/study-help\/questions\/questions-1-3-are-based-on-the-original-indexhtml-8569835",
    "question_creation_date_js": "2024-08-28T08:15:43-04:00",
    "question_creation_date": "Aug 28, 2024 08:15 AM",
    "meta_title": "[Solved] *Questions 1 - 3 are based on the origina | SolutionInn",
    "meta_description": "Answer of - *Questions 1 - 3 are based on the original index.html source code provided by the instructor. Questions 4 5 are based | SolutionInn",
    "meta_keywords": "*questions,1,-,3,based,original,indexhtml,source,code,provided,instructor,questions",
    "question_title_h1": "*Questions 1 - 3 are based on the original index.html source code provided by the instructor. Questions 4 5 are based on the server.js source",
    "question_title": "*Questions 1 - 3 are based on the original index.html source code",
    "question_title_for_js_snippet": " Questions 1   3 are based on the original index html source code provided by the instructor  Questions 4 5 are based on the server js source code  Question 1  What type of variable is langs , is it an integer, a float, a boolean, a string, or an array  Question 2  What do you think webkitSpeechRecognition is on line 225  Do you think this mysterious thing exists only in Chrome web browser  Why  Question 3  What do you think the recognition variable is  How many events and their corresponding handlers are registered with this object  What are they  Question 4  Can you point out where the in the server js file the feedback is logged in the Node server console  (You can type the code out or give the line number ) Question 5  What do I need to change if I want this web application to run on localhost port 3333 instead of port 5000  (Which line to change  How will you change it ) index html   meta charset   utf 8      title  Web Speech API Demonstration   style       font family   Verdana , Arial , sans serif     a   link   color    000   text decoration   none     a   visited   color    000     a   hover   color    33F       button   background    webkit linear gradient ( top ,  008dfd 0,  0370ea 100 )  border   1 px solid  076bd2   border radius   3 px   color    fff   display   none   font size   13 px   font weight   bold   line height   1 3  padding   8 px 25 px   text align   center   text shadow   1 px 1 px 1 px  076bd2   letter spacing   normal       center   padding   10 px   text align   center       final   color   black   padding right   3 px       interim   color   gray       info   font size   14 px   text align   center   color    777   display   none       right   float   right       sidebyside   display   inline block   width   45   min height   40 px   text align   left   vertical align   top      headline   font size   40 px   font weight   300     info   font size   20 px   text align   center   color    777   visibility   hidden      results   font size   14 px   font weight   bold   border   1 px solid  ddd   padding   15 px   text align   left   min height   150 px      start button   border   0  background color   transparent   padding   0      h1 class   center  id   headline      a href   http   dvcs w3 org hg speech api raw file tip speechapi html    Wake Tech Credit Union (WTCU) Customer Feedback   div id   info      p id   info start   We would like to hear from you    p id   info speak now   Speak now    p id   info no speech   No speech was detected  You may need to adjust your   a href     support google com chrome bin answer py hl en   answer 1407892    microphone settings     p id   info no microphone  style    display   none    No microphone was found  Ensure that a microphone is installed and that   a href     support google com chrome bin answer py hl en   answer 1407892    microphone settings are configured correctly    p id   info allow   Click the  Allow  button above to enable your microphone    p id   info denied   Permission to use microphone was denied    p id   info blocked   Permission to use microphone is blocked  To change, go to chrome   settings contentExceptions media stream   p id   info upgrade   Web Speech API is not supported by this browser  Upgrade to   a href     www google com chrome   Chrome version 25 or later    div class   right      button id   start button  onclick    startButton ( event )       img id   start img  src   mic gif  alt   Start      div id   results      span id   final span  class   final      span id   interim span  class   interim      p     div class   center      div class   sidebyside  style    text align   right      button id   copy button  class   button  onclick    copyButton ()     Copy and Paste   div id   copy info  class   info    Press Control C to copy text    br  (Command C on Mac )   div class   sidebyside      button id   email button  class   button  onclick    emailButton ()     Create Email   div id   email info  class   info    Text sent to default email application    br   (See chrome   settings handlers to change )   p     div id   div language      select id   select language  onchange    updateCountry ()       select id   select dialect      script   var langs      'Afrikaans' ,   'af ZA'   ,   'Bahasa Indonesia' ,  'id ID'   ,   'Bahasa Melayu' ,   'ms MY'   ,   'Catal' ,   'ca ES'   ,   'etina' ,   'cs CZ'   ,   'Deutsch' ,   'de DE'   ,   'English' ,   'en AU' , 'Australia'  ,   'en CA' , 'Canada'  ,   'en IN' , 'India'  ,   'en NZ' , 'New Zealand'  ,   'en ZA' , 'South Africa'  ,   'en GB' , 'United Kingdom'  ,   'en US' , 'United States'   ,   'Espaol' ,   'es AR' , 'Argentina'  ,   'es BO' , 'Bolivia'  ,   'es CL' , 'Chile'  ,   'es CO' , 'Colombia'  ,   'es CR' , 'Costa Rica'  ,   'es EC' , 'Ecuador'  ,   'es SV' , 'El Salvador'  ,   'es ES' , 'Espaa'  ,   'es US' , 'Estados Unidos'  ,   'es GT' , 'Guatemala'  ,   'es HN' , 'Honduras'  ,   'es MX' , 'Mxico'  ,   'es NI' , 'Nicaragua'  ,   'es PA' , 'Panam'  ,   'es PY' , 'Paraguay'  ,   'es PE' , 'Per'  ,   'es PR' , 'Puerto Rico'  ,   'es DO' , 'Repblica Dominicana'  ,   'es UY' , 'Uruguay'  ,   'es VE' , 'Venezuela'   ,   'Euskara' ,   'eu ES'   ,   'Franais' ,   'fr FR'   ,   'Galego' ,   'gl ES'   ,   'Hrvatski' ,   'hr HR'   ,   'IsiZulu' ,   'zu ZA'   ,   'slenska' ,   'is IS'   ,   'Italiano' ,   'it IT' , 'Italia'  ,   'it CH' , 'Svizzera'   ,   'Magyar' ,   'hu HU'   ,   'Nederlands' ,   'nl NL'   ,   'Norsk bokml' ,   'nb NO'   ,   'Polski' ,   'pl PL'   ,   'Portugus' ,   'pt BR' , 'Brasil'  ,   'pt PT' , 'Portugal'   ,   'Romn' ,   'ro RO'   ,   'Slovenina' ,   'sk SK'   ,   'Suomi' ,   'fi FI'   ,   'Svenska' ,   'sv SE'   ,   'Trke' ,   'tr TR'   ,   '' ,   'bg BG'   ,   'P' ,   'ru RU'   ,   '' ,   'sr RS'   ,   ' ' ,   'ko KR'   ,   ' ' ,   'cmn Hans CN' , ' ( )'  ,   'cmn Hans HK' , ' ( )'  ,   'cmn Hant TW' , ' ( )'  ,   'yue Hant HK' , ' ( )'   ,   ' ' ,   'ja JP'   ,   'Lingua latna' ,   'la'      for ( var i   0  i   langs  length  i   )   select language options  i     new Option ( langs   i   0 , i )    select language  selectedIndex   6  updateCountry ()  select dialect  selectedIndex   6  showInfo ( 'info start' )  function updateCountry ()   for ( var i   select dialect options length   1  i    0  i  )   select dialect remove(i)    var list   langs  select language  selectedIndex    for ( var i   1  i   list  length   i  )   select dialect options add( new Option (list i  1 , list i  0 ))    select dialect style visibility   list 1   length    1   'hidden'   'visible'     var create email   false   var final transcript   ''   var recognizing   false   var ignore onend   var start timestamp   if ( ( 'webkitSpeechRecognition' in window ))   upgrade ()    else   start button style display   'inline block'   var recognition   new webkitSpeechRecognition()  recognition   continuous   true   recognition   interimResults   true   recognition  onstart   function ()   recognizing   true   showInfo ( 'info speak now' )  start img  src   'mic animate gif'      recognition  onerror   function (event)   if (event  error    'no speech' )   start img  src   'mic gif'   showInfo ( 'info no speech' )  ignore onend   true     if (event  error    'audio capture' )   start img  src   'mic gif'   showInfo ( 'info no microphone' )  ignore onend   true     if (event  error    'not allowed' )   if (event timeStamp   start timestamp   100)   showInfo ( 'info blocked' )    else   showInfo ( 'info denied' )    ignore onend   true        recognition  onend   function ()   recognizing   false   if ( ignore onend )   return     start img  src   'mic gif'   if (  final transcript )   showInfo ( 'info start' )  return     showInfo ( '' )  if ( window  getSelection)   window  getSelection() removeAllRanges()  var range   document  createRange()  range selectNode( document  getElementById( 'final span' ))  window  getSelection() addRange(range)    if ( create email )   create email   false   createEmail ()       recognition  onresult   function (event)   var interim transcript   ''   for ( var i   event resultIndex  i   event results  length     i)   if (event results i  isFinal)   final transcript    event results i  0  transcript    else   interim transcript    event results i  0  transcript      final transcript   capitalize ( final transcript )  final span  innerHTML   linebreak ( final transcript )  interim span  innerHTML   linebreak (interim transcript)  if ( final transcript    interim transcript)   showButtons ( 'inline block' )         function upgrade ()   start button style visibility   'hidden'   showInfo ( 'info upgrade' )    var two line      g  var one line      g  function linebreak (s)   return s replace( two line , ' ' ) replace( one line , ' ' )    var first char     S   function capitalize (s)   return s replace( first char , function (m)   return m toUpperCase()   )    function createEmail ()   var n   final transcript  indexOf( ' ' )  if (n   0    n    80)   n   40   final transcript  substring(40) indexOf( ' ' )    var subject   encodeURI ( final transcript  substring(0, n))  var body   encodeURI ( final transcript  substring(n   1))  window  location href   'mailto  subject '   subject   ' body '   body    function copyButton ()   if ( recognizing )   recognizing   false   recognition  stop()    copy button style display   'none'   copy info style display   'inline block'   showInfo ( '' )    function emailButton ()   if ( recognizing )   create email   true   recognizing   false   recognition  stop()    else   createEmail ()    email button style display   'none'   email info style display   'inline block'   showInfo ( '' )    function startButton (event)   if ( recognizing )   recognition  stop()  return     final transcript   ''   recognition   lang   select dialect  value   recognition  start()  ignore onend   false   final span  innerHTML   ''   interim span  innerHTML   ''   start img  src   'mic slash gif'   showInfo ( 'info allow' )  showButtons ( 'none' )  start timestamp   event timeStamp    function showInfo (s)   if (s)   for ( var child   info firstChild  child  child   child nextSibling)   if (child style)   child style display   child id    s   'inline'   'none'       info style visibility   'visible'     else   info style visibility   'hidden'       var current style   function showButtons (style)   if (style    current style )   return     current style   style  copy button style display   style  email button style display   style  copy info style display   'none'   email info style display   'none'     server js    bin env node    OpenShift sample Node application var express   require( 'express' )  var fs   require( 'fs' )        Define the sample application     var SampleApp   function ()      Scope  var self   this                                                                             Helper functions                                                                                  Set up server IP address and port   using env variables defaults     self setupVariables   function ()      Set the environment variables we need    self ipaddress   process env IP    self port   process env PORT    5000    if (typeof self ipaddress      undefined )      self ipaddress    127 0 0 1                 Populate the cache     self populateCache   function ()   if ( typeof self  zcache      undefined  )   self  zcache     'index html'   ''         Local cache for static content  self  zcache   'index html'     fs readFileSync( '  index html' )           Retrieve entry (content) from cache     param  string  key Key identifying content to retrieve from cache     self cache get   function (key)   return self  zcache  key            terminator     the termination handler   Terminate server on receipt of the specified signal     param  string  sig Signal to terminate on     self terminator   function (sig)  if ( typeof sig      string  )   console  log( ' s  Received  s   terminating sample app    ' , Date ( Date  now()), sig)  process exit(1)    console  log( ' s  Node server stopped ' , Date ( Date  now()) )           Setup termination handlers (for exit and a list of signals)     self setupTerminationHandlers   function ()     Process on exit and signals  process on( 'exit' , function ()   self terminator()   )     Removed 'SIGPIPE' from the list   bugz 852598    'SIGHUP' , 'SIGINT' , 'SIGQUIT' , 'SIGILL' , 'SIGTRAP' , 'SIGABRT' , 'SIGBUS' , 'SIGFPE' , 'SIGUSR1' , 'SIGSEGV' , 'SIGUSR2' , 'SIGTERM'   forEach( function (element, index, array)   process on(element, function ()   self terminator(element)   )   )                                                                               App server functions (main app logic here)                                                                                  Create the routing table entries   handlers for the application     self createRoutes   function ()   self  routes        self  routes   ' feedback'     function (req, res)   console  log(     Received a customer feedback       req body feedback       )  res send(   WTCU Feedback Thanks for your feedback    )     self  routes   ' '     function (req, res)   res setHeader( 'Content Type' , 'text html' )  res send(self cache get( 'index html' ) )              Initialize the server (express) and create the routes and register   the handlers     self initializeServer   function ()   self createRoutes()    self app   express createServer()  self  app   express ()  self  app  set( 'port' , process env PORT    5000)  self  app  set( 'ip' , process env IP     127 0 0 1  )  self  app  use( express  static(  dirname))    self app use(express bodyParser())  self  app  use( express  json())  self  app  use( express  urlencoded())     Add handlers for the app (from the routes)  for ( var r in self  routes )   self  app  get(r, self  routes  r )     maps the HTTP GET request self  app  post(r, self  routes  r )     maps the HTTP POST request            Initializes the sample application     self initialize   function ()   self setupVariables()  self populateCache()  self setupTerminationHandlers()     Create the express server and routes  self initializeServer()           Start the server (starts up the sample application)     self start   function ()      Start the app on the specific interface (and port)  self  app  listen(self  app  get( 'port' ), function ()   console  log( ' s  Node server started on  s  d    ' , Date ( Date  now() ), self  app  get( 'ip' ), self  app  get( 'port' ))   )           Sample Application           main()  Main code     var zapp   new SampleApp ()  zapp initialize()  zapp start() ",
    "question_description": "<p>*Questions 1 - 3 are based on the original index.html source code provided by the instructor. Questions 4  5 are based on the server.js source code.<\/p> <p> <\/p> <p>Question 1: What type of variable is <strong>langs<\/strong>, is it an integer, a float, a boolean, a string, or an array?<\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p>Question 2: What do you think <strong>webkitSpeechRecognition<\/strong> is on line 225? Do you think this mysterious thing exists only in Chrome web browser? Why?<\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p>Question 3: What do you think the <strong>recognition<\/strong> variable is? How many events and their corresponding handlers are registered with this object? What are they?<\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p>Question 4: Can you point out where the in the server.js file the feedback is logged in the Node server console? (You can type the code out or give the line number.)<\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p>Question 5: What do I need to change if I want this web application to run on localhost port 3333 instead of port 5000? (Which line to change? How will you change it?)<\/p> <p> <\/p> <p>index.html<\/p> <p><!DOCTYPE <strong>html<\/strong>> <<strong>meta<\/strong> <strong>charset=<\/strong><strong>\"utf-8\"<\/strong>> <<strong>title<\/strong>>Web Speech API Demonstration<\/<strong>title<\/strong>> <<strong>style<\/strong>> <strong>*<\/strong> { <strong>font-family<\/strong>: <strong>Verdana<\/strong>, <strong>Arial<\/strong>, <strong>sans-serif<\/strong>; } <strong>a<\/strong>:<strong>link<\/strong> { <strong>color<\/strong>:<strong>#000<\/strong>; <strong>text-decoration<\/strong>: <strong>none<\/strong>; } <strong>a<\/strong>:<strong>visited<\/strong> { <strong>color<\/strong>:<strong>#000<\/strong>; } <strong>a<\/strong>:<strong>hover<\/strong> { <strong>color<\/strong>:<strong>#33F<\/strong>; } .<strong>button<\/strong> { <strong>background<\/strong>: <strong>-webkit-linear-gradient<\/strong>(<strong>top<\/strong>,<strong>#008dfd<\/strong> 0,<strong>#0370ea<\/strong> 100%); <strong>border<\/strong>: 1<strong>px solid<\/strong> <strong>#076bd2<\/strong>; <strong>border-radius<\/strong>: 3<strong>px<\/strong>; <strong>color<\/strong>: <strong>#fff<\/strong>; <strong>display<\/strong>: <strong>none<\/strong>; <strong>font-size<\/strong>: 13<strong>px<\/strong>; <strong>font-weight<\/strong>: <strong>bold<\/strong>; <strong>line-height<\/strong>: 1.3; <strong>padding<\/strong>: 8<strong>px<\/strong> 25<strong>px<\/strong>; <strong>text-align<\/strong>: <strong>center<\/strong>; <strong>text-shadow<\/strong>: 1<strong>px<\/strong> 1<strong>px<\/strong> 1<strong>px<\/strong> <strong>#076bd2<\/strong>; <strong>letter-spacing<\/strong>: <strong>normal<\/strong>; } .<strong>center<\/strong> { <strong>padding<\/strong>: 10<strong>px<\/strong>; <strong>text-align<\/strong>: <strong>center<\/strong>; } .<strong>final<\/strong> { <strong>color<\/strong>: <strong>black<\/strong>; <strong>padding-right<\/strong>: 3<strong>px<\/strong>; } .<strong>interim<\/strong> { <strong>color<\/strong>: <strong>gray<\/strong>; } .<strong>info<\/strong> { <strong>font-size<\/strong>: 14<strong>px<\/strong>; <strong>text-align<\/strong>: <strong>center<\/strong>; <strong>color<\/strong>: <strong>#777<\/strong>; <strong>display<\/strong>: <strong>none<\/strong>; } .<strong>right<\/strong> { <strong>float<\/strong>: <strong>right<\/strong>; } .<strong>sidebyside<\/strong> { <strong>display<\/strong>: <strong>inline-block<\/strong>; <strong>width<\/strong>: 45%; <strong>min-height<\/strong>: 40<strong>px<\/strong>; <strong>text-align<\/strong>: <strong>left<\/strong>; <strong>vertical-align<\/strong>: <strong>top<\/strong>; } <strong>#headline<\/strong> { <strong>font-size<\/strong>: 40<strong>px<\/strong>; <strong>font-weight<\/strong>: 300; } <strong>#info<\/strong> { <strong>font-size<\/strong>: 20<strong>px<\/strong>; <strong>text-align<\/strong>: <strong>center<\/strong>; <strong>color<\/strong>: <strong>#777<\/strong>; <strong>visibility<\/strong>: <strong>hidden<\/strong>; } <strong>#results<\/strong> { <strong>font-size<\/strong>: 14<strong>px<\/strong>; <strong>font-weight<\/strong>: <strong>bold<\/strong>; <strong>border<\/strong>: 1<strong>px solid<\/strong> <strong>#ddd<\/strong>; <strong>padding<\/strong>: 15<strong>px<\/strong>; <strong>text-align<\/strong>: <strong>left<\/strong>; <strong>min-height<\/strong>: 150<strong>px<\/strong>; } <strong>#start_button<\/strong> { <strong>border<\/strong>: 0; <strong>background-color<\/strong>:<strong>transparent<\/strong>; <strong>padding<\/strong>: 0; } <\/<strong>style<\/strong>> <<strong>h1<\/strong> <strong>class=<\/strong><strong>\"center\"<\/strong> <strong>id=<\/strong><strong>\"headline\"<\/strong>> <<strong>a<\/strong> <strong>href=<\/strong><strong>\"http:\/\/dvcs.w3.org\/hg\/speech-api\/raw-file\/tip\/speechapi.html\"<\/strong>> Wake Tech Credit Union (WTCU) Customer Feedback<\/<strong>a<\/strong>><\/<strong>h1<\/strong>> <<strong>div<\/strong> <strong>id=<\/strong><strong>\"info\"<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_start\"<\/strong>>We would like to hear from you.<\/<strong>p<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_speak_now\"<\/strong>>Speak now.<\/<strong>p<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_no_speech\"<\/strong>>No speech was detected. You may need to adjust your <<strong>a<\/strong> <strong>href=<\/strong><strong>\"\/\/support.google.com\/chrome\/bin\/answer.py?hl=en<\/strong><strong>&<\/strong><strong>answer=1407892\"<\/strong>> microphone settings<\/<strong>a<\/strong>>.<\/<strong>p<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_no_microphone\"<\/strong> <strong>style=<\/strong><strong>\"<\/strong><strong>display<\/strong>:<strong>none\"<\/strong>> No microphone was found. Ensure that a microphone is installed and that <<strong>a<\/strong> <strong>href=<\/strong><strong>\"\/\/support.google.com\/chrome\/bin\/answer.py?hl=en<\/strong><strong>&<\/strong><strong>answer=1407892\"<\/strong>> microphone settings<\/<strong>a<\/strong>> are configured correctly.<\/<strong>p<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_allow\"<\/strong>>Click the \"Allow\" button above to enable your microphone.<\/<strong>p<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_denied\"<\/strong>>Permission to use microphone was denied.<\/<strong>p<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_blocked\"<\/strong>>Permission to use microphone is blocked. To change, go to chrome:\/\/settings\/contentExceptions#media-stream<\/<strong>p<\/strong>> <<strong>p<\/strong> <strong>id=<\/strong><strong>\"info_upgrade\"<\/strong>>Web Speech API is not supported by this browser. Upgrade to <<strong>a<\/strong> <strong>href=<\/strong><strong>\"\/\/www.google.com\/chrome\"<\/strong>>Chrome<\/<strong>a<\/strong>> version 25 or later.<\/<strong>p<\/strong>> <\/<strong>div<\/strong>> <<strong>div<\/strong> <strong>class=<\/strong><strong>\"right\"<\/strong>> <<strong>button<\/strong> <strong>id=<\/strong><strong>\"start_button\"<\/strong> <strong>onclick=<\/strong><strong>\"<\/strong><em>startButton<\/em>(<strong><em>event<\/em><\/strong>)<strong>\"<\/strong>> <<strong>img<\/strong> <strong>id=<\/strong><strong>\"start_img\"<\/strong> <strong>src=<\/strong><strong>\"mic.gif\"<\/strong> <strong>alt=<\/strong><strong>\"Start\"<\/strong>><\/<strong>button<\/strong>> <\/<strong>div<\/strong>> <<strong>div<\/strong> <strong>id=<\/strong><strong>\"results\"<\/strong>> <<strong>span<\/strong> <strong>id=<\/strong><strong>\"final_span\"<\/strong> <strong>class=<\/strong><strong>\"final\"<\/strong>><\/<strong>span<\/strong>> <<strong>span<\/strong> <strong>id=<\/strong><strong>\"interim_span\"<\/strong> <strong>class=<\/strong><strong>\"interim\"<\/strong>><\/<strong>span<\/strong>> <<strong>p<\/strong>> <\/<strong>div<\/strong>> <<strong>div<\/strong> <strong>class=<\/strong><strong>\"center\"<\/strong>> <<strong>div<\/strong> <strong>class=<\/strong><strong>\"sidebyside\"<\/strong> <strong>style=<\/strong><strong>\"<\/strong><strong>text-align<\/strong>:<strong>right\"<\/strong>> <<strong>button<\/strong> <strong>id=<\/strong><strong>\"copy_button\"<\/strong> <strong>class=<\/strong><strong>\"button\"<\/strong> <strong>onclick=<\/strong><strong>\"<\/strong><em>copyButton<\/em>()<strong>\"<\/strong>> Copy and Paste<\/<strong>button<\/strong>> <<strong>div<\/strong> <strong>id=<\/strong><strong>\"copy_info\"<\/strong> <strong>class=<\/strong><strong>\"info\"<\/strong>> Press Control-C to copy text.<<strong>br<\/strong>>(Command-C on Mac.) <\/<strong>div<\/strong>> <\/<strong>div<\/strong>> <<strong>div<\/strong> <strong>class=<\/strong><strong>\"sidebyside\"<\/strong>> <<strong>button<\/strong> <strong>id=<\/strong><strong>\"email_button\"<\/strong> <strong>class=<\/strong><strong>\"button\"<\/strong> <strong>onclick=<\/strong><strong>\"<\/strong><em>emailButton<\/em>()<strong>\"<\/strong>> Create Email<\/<strong>button<\/strong>> <<strong>div<\/strong> <strong>id=<\/strong><strong>\"email_info\"<\/strong> <strong>class=<\/strong><strong>\"info\"<\/strong>> Text sent to default email application.<<strong>br<\/strong>> (See chrome:\/\/settings\/handlers to change.) <\/<strong>div<\/strong>> <\/<strong>div<\/strong>> <<strong>p<\/strong>> <<strong>div<\/strong> <strong>id=<\/strong><strong>\"div_language\"<\/strong>> <<strong>select<\/strong> <strong>id=<\/strong><strong>\"select_language\"<\/strong> <strong>onchange=<\/strong><strong>\"<\/strong><em>updateCountry<\/em>()<strong>\"<\/strong>><\/<strong>select<\/strong>> <strong> <\/strong> <<strong>select<\/strong> <strong>id=<\/strong><strong>\"select_dialect\"<\/strong>><\/<strong>select<\/strong>> <\/<strong>div<\/strong>> <\/<strong>div<\/strong>> <<strong>script<\/strong>> <strong>var<\/strong> <strong><em>langs<\/em><\/strong> = [[<strong>'Afrikaans'<\/strong>, [<strong>'af-ZA'<\/strong>]], [<strong>'Bahasa Indonesia'<\/strong>,[<strong>'id-ID'<\/strong>]], [<strong>'Bahasa Melayu'<\/strong>, [<strong>'ms-MY'<\/strong>]], [<strong>'Catal'<\/strong>, [<strong>'ca-ES'<\/strong>]], [<strong>'etina'<\/strong>, [<strong>'cs-CZ'<\/strong>]], [<strong>'Deutsch'<\/strong>, [<strong>'de-DE'<\/strong>]], [<strong>'English'<\/strong>, [<strong>'en-AU'<\/strong>, <strong>'Australia'<\/strong>], [<strong>'en-CA'<\/strong>, <strong>'Canada'<\/strong>], [<strong>'en-IN'<\/strong>, <strong>'India'<\/strong>], [<strong>'en-NZ'<\/strong>, <strong>'New Zealand'<\/strong>], [<strong>'en-ZA'<\/strong>, <strong>'South Africa'<\/strong>], [<strong>'en-GB'<\/strong>, <strong>'United Kingdom'<\/strong>], [<strong>'en-US'<\/strong>, <strong>'United States'<\/strong>]], [<strong>'Espaol'<\/strong>, [<strong>'es-AR'<\/strong>, <strong>'Argentina'<\/strong>], [<strong>'es-BO'<\/strong>, <strong>'Bolivia'<\/strong>], [<strong>'es-CL'<\/strong>, <strong>'Chile'<\/strong>], [<strong>'es-CO'<\/strong>, <strong>'Colombia'<\/strong>], [<strong>'es-CR'<\/strong>, <strong>'Costa Rica'<\/strong>], [<strong>'es-EC'<\/strong>, <strong>'Ecuador'<\/strong>], [<strong>'es-SV'<\/strong>, <strong>'El Salvador'<\/strong>], [<strong>'es-ES'<\/strong>, <strong>'Espaa'<\/strong>], [<strong>'es-US'<\/strong>, <strong>'Estados Unidos'<\/strong>], [<strong>'es-GT'<\/strong>, <strong>'Guatemala'<\/strong>], [<strong>'es-HN'<\/strong>, <strong>'Honduras'<\/strong>], [<strong>'es-MX'<\/strong>, <strong>'Mxico'<\/strong>], [<strong>'es-NI'<\/strong>, <strong>'Nicaragua'<\/strong>], [<strong>'es-PA'<\/strong>, <strong>'Panam'<\/strong>], [<strong>'es-PY'<\/strong>, <strong>'Paraguay'<\/strong>], [<strong>'es-PE'<\/strong>, <strong>'Per'<\/strong>], [<strong>'es-PR'<\/strong>, <strong>'Puerto Rico'<\/strong>], [<strong>'es-DO'<\/strong>, <strong>'Repblica Dominicana'<\/strong>], [<strong>'es-UY'<\/strong>, <strong>'Uruguay'<\/strong>], [<strong>'es-VE'<\/strong>, <strong>'Venezuela'<\/strong>]], [<strong>'Euskara'<\/strong>, [<strong>'eu-ES'<\/strong>]], [<strong>'Franais'<\/strong>, [<strong>'fr-FR'<\/strong>]], [<strong>'Galego'<\/strong>, [<strong>'gl-ES'<\/strong>]], [<strong>'Hrvatski'<\/strong>, [<strong>'hr_HR'<\/strong>]], [<strong>'IsiZulu'<\/strong>, [<strong>'zu-ZA'<\/strong>]], [<strong>'slenska'<\/strong>, [<strong>'is-IS'<\/strong>]], [<strong>'Italiano'<\/strong>, [<strong>'it-IT'<\/strong>, <strong>'Italia'<\/strong>], [<strong>'it-CH'<\/strong>, <strong>'Svizzera'<\/strong>]], [<strong>'Magyar'<\/strong>, [<strong>'hu-HU'<\/strong>]], [<strong>'Nederlands'<\/strong>, [<strong>'nl-NL'<\/strong>]], [<strong>'Norsk bokml'<\/strong>, [<strong>'nb-NO'<\/strong>]], [<strong>'Polski'<\/strong>, [<strong>'pl-PL'<\/strong>]], [<strong>'Portugus'<\/strong>, [<strong>'pt-BR'<\/strong>, <strong>'Brasil'<\/strong>], [<strong>'pt-PT'<\/strong>, <strong>'Portugal'<\/strong>]], [<strong>'Romn'<\/strong>, [<strong>'ro-RO'<\/strong>]], [<strong>'Slovenina'<\/strong>, [<strong>'sk-SK'<\/strong>]], [<strong>'Suomi'<\/strong>, [<strong>'fi-FI'<\/strong>]], [<strong>'Svenska'<\/strong>, [<strong>'sv-SE'<\/strong>]], [<strong>'Trke'<\/strong>, [<strong>'tr-TR'<\/strong>]], [<strong>''<\/strong>, [<strong>'bg-BG'<\/strong>]], [<strong>'P'<\/strong>, [<strong>'ru-RU'<\/strong>]], [<strong>''<\/strong>, [<strong>'sr-RS'<\/strong>]], [<strong>'<\/strong><strong><\/strong><strong>'<\/strong>, [<strong>'ko-KR'<\/strong>]], [<strong>'<\/strong><strong><\/strong><strong>'<\/strong>, [<strong>'cmn-Hans-CN'<\/strong>, <strong>'<\/strong><strong><\/strong><strong><\/strong> <strong>(<\/strong><strong><\/strong><strong><\/strong><strong>)'<\/strong>], [<strong>'cmn-Hans-HK'<\/strong>, <strong>'<\/strong><strong><\/strong><strong><\/strong> <strong>(<\/strong><strong><\/strong><strong>)'<\/strong>], [<strong>'cmn-Hant-TW'<\/strong>, <strong>'<\/strong><strong><\/strong> <strong>(<\/strong><strong><\/strong><strong>)'<\/strong>], [<strong>'yue-Hant-HK'<\/strong>, <strong>'<\/strong><strong><\/strong> <strong>(<\/strong><strong><\/strong><strong>)'<\/strong>]], [<strong>'<\/strong><strong><\/strong><strong>'<\/strong>, [<strong>'ja-JP'<\/strong>]], [<strong>'Lingua latna'<\/strong>, [<strong>'la'<\/strong>]]]; <strong>for<\/strong> (<strong>var<\/strong> <strong><em>i<\/em><\/strong> = 0; <strong><em>i<\/em><\/strong> < <strong><em>langs<\/em><\/strong>.length; <strong><em>i<\/em><\/strong>++) { select_language.options[<strong><em>i<\/em><\/strong>] = <strong>new<\/strong> <strong><em>Option<\/em><\/strong>(<strong><em>langs<\/em><\/strong>[<strong><em>i<\/em><\/strong>][0], <strong><em>i<\/em><\/strong>); } select_language.<strong>selectedIndex<\/strong> = 6; <em>updateCountry<\/em>(); select_dialect.<strong>selectedIndex<\/strong> = 6; <em>showInfo<\/em>(<strong>'info_start'<\/strong>); <strong>function<\/strong> <em>updateCountry<\/em>() { <strong>for<\/strong> (<strong>var<\/strong> i = select_dialect.options.length - 1; i >= 0; i--) { select_dialect.remove(i); } <strong>var<\/strong> list = <strong><em>langs<\/em><\/strong>[select_language.<strong>selectedIndex<\/strong>]; <strong>for<\/strong> (<strong>var<\/strong> i = 1; i < list.<strong>length<\/strong>; i++) { select_dialect.options.add(<strong>new<\/strong> <strong><em>Option<\/em><\/strong>(list[i][1], list[i][0])); } select_dialect.style.visibility = list[1].<strong>length<\/strong> == 1 ? <strong>'hidden'<\/strong> : <strong>'visible'<\/strong>; } <strong>var<\/strong> <strong><em>create_email<\/em><\/strong> = <strong>false<\/strong>; <strong>var<\/strong> <strong><em>final_transcript<\/em><\/strong> = <strong>''<\/strong>; <strong>var<\/strong> <strong><em>recognizing<\/em><\/strong> = <strong>false<\/strong>; <strong>var<\/strong> <strong><em>ignore_onend<\/em><\/strong>; <strong>var<\/strong> <strong><em>start_timestamp<\/em><\/strong>; <strong>if<\/strong> (!(<strong>'webkitSpeechRecognition'<\/strong> <strong>in<\/strong> <strong><em>window<\/em><\/strong>)) { <em>upgrade<\/em>(); } <strong>else<\/strong> { start_button.style.display = <strong>'inline-block'<\/strong>; <strong>var<\/strong> <strong><em>recognition<\/em><\/strong> = <strong>new<\/strong> webkitSpeechRecognition(); <strong><em>recognition<\/em><\/strong>.<strong>continuous<\/strong> = <strong>true<\/strong>; <strong><em>recognition<\/em><\/strong>.<strong>interimResults<\/strong> = <strong>true<\/strong>; <strong><em>recognition<\/em><\/strong>.onstart = <strong>function<\/strong>() { <strong><em>recognizing<\/em><\/strong> = <strong>true<\/strong>; <em>showInfo<\/em>(<strong>'info_speak_now'<\/strong>); start_img.<strong>src<\/strong> = <strong>'mic-animate.gif'<\/strong>; }; <strong><em>recognition<\/em><\/strong>.onerror = <strong>function<\/strong>(event) { <strong>if<\/strong> (event.<strong>error<\/strong> == <strong>'no-speech'<\/strong>) { start_img.<strong>src<\/strong> = <strong>'mic.gif'<\/strong>; <em>showInfo<\/em>(<strong>'info_no_speech'<\/strong>); <strong><em>ignore_onend<\/em><\/strong> = <strong>true<\/strong>; } <strong>if<\/strong> (event.<strong>error<\/strong> == <strong>'audio-capture'<\/strong>) { start_img.<strong>src<\/strong> = <strong>'mic.gif'<\/strong>; <em>showInfo<\/em>(<strong>'info_no_microphone'<\/strong>); <strong><em>ignore_onend<\/em><\/strong> = <strong>true<\/strong>; } <strong>if<\/strong> (event.<strong>error<\/strong> == <strong>'not-allowed'<\/strong>) { <strong>if<\/strong> (event.timeStamp - <strong><em>start_timestamp<\/em><\/strong> < 100) { <em>showInfo<\/em>(<strong>'info_blocked'<\/strong>); } <strong>else<\/strong> { <em>showInfo<\/em>(<strong>'info_denied'<\/strong>); } <strong><em>ignore_onend<\/em><\/strong> = <strong>true<\/strong>; } }; <strong><em>recognition<\/em><\/strong>.onend = <strong>function<\/strong>() { <strong><em>recognizing<\/em><\/strong> = <strong>false<\/strong>; <strong>if<\/strong> (<strong><em>ignore_onend<\/em><\/strong>) { <strong>return<\/strong>; } start_img.<strong>src<\/strong> = <strong>'mic.gif'<\/strong>; <strong>if<\/strong> (!<strong><em>final_transcript<\/em><\/strong>) { <em>showInfo<\/em>(<strong>'info_start'<\/strong>); <strong>return<\/strong>; } <em>showInfo<\/em>(<strong>''<\/strong>); <strong>if<\/strong> (<strong><em>window<\/em><\/strong>.getSelection) { <strong><em>window<\/em><\/strong>.getSelection().removeAllRanges(); <strong>var<\/strong> range = <strong><em>document<\/em><\/strong>.createRange(); range.selectNode(<strong><em>document<\/em><\/strong>.getElementById(<strong>'final_span'<\/strong>)); <strong><em>window<\/em><\/strong>.getSelection().addRange(range); } <strong>if<\/strong> (<strong><em>create_email<\/em><\/strong>) { <strong><em>create_email<\/em><\/strong> = <strong>false<\/strong>; <em>createEmail<\/em>(); } }; <strong><em>recognition<\/em><\/strong>.onresult = <strong>function<\/strong>(event) { <strong>var<\/strong> interim_transcript = <strong>''<\/strong>; <strong>for<\/strong> (<strong>var<\/strong> i = event.resultIndex; i < event.results.<strong>length<\/strong>; ++i) { <strong>if<\/strong> (event.results[i].isFinal) { <strong><em>final_transcript<\/em><\/strong> += event.results[i][0].transcript; } <strong>else<\/strong> { interim_transcript += event.results[i][0].transcript; } } <strong><em>final_transcript<\/em><\/strong> = <em>capitalize<\/em>(<strong><em>final_transcript<\/em><\/strong>); final_span.<strong>innerHTML<\/strong> = <em>linebreak<\/em>(<strong><em>final_transcript<\/em><\/strong>); interim_span.<strong>innerHTML<\/strong> = <em>linebreak<\/em>(interim_transcript); <strong>if<\/strong> (<strong><em>final_transcript<\/em><\/strong> || interim_transcript) { <em>showButtons<\/em>(<strong>'inline-block'<\/strong>); } }; } <strong>function<\/strong> <em>upgrade<\/em>() { start_button.style.visibility = <strong>'hidden'<\/strong>; <em>showInfo<\/em>(<strong>'info_upgrade'<\/strong>); } <strong>var<\/strong> <strong><em>two_line<\/em><\/strong> = \/ \/g; <strong>var<\/strong> <strong><em>one_line<\/em><\/strong> = \/ \/g; <strong>function<\/strong> <em>linebreak<\/em>(s) { <strong>return<\/strong> s.replace(<strong><em>two_line<\/em><\/strong>, <strong>'<p><\/p>'<\/strong>).replace(<strong><em>one_line<\/em><\/strong>, <strong>' '<\/strong>); } <strong>var<\/strong> <strong><em>first_char<\/em><\/strong> = \/\\S\/; <strong>function<\/strong> <em>capitalize<\/em>(s) { <strong>return<\/strong> s.replace(<strong><em>first_char<\/em><\/strong>, <strong>function<\/strong>(m) { <strong>return<\/strong> m.toUpperCase(); }); } <strong>function<\/strong> <em>createEmail<\/em>() { <strong>var<\/strong> n = <strong><em>final_transcript<\/em><\/strong>.indexOf(<strong>'<\/strong><strong> <\/strong><strong>'<\/strong>); <strong>if<\/strong> (n < 0 || n >= 80) { n = 40 + <strong><em>final_transcript<\/em><\/strong>.substring(40).indexOf(<strong>' '<\/strong>); } <strong>var<\/strong> subject = <em>encodeURI<\/em>(<strong><em>final_transcript<\/em><\/strong>.substring(0, n)); <strong>var<\/strong> body = <em>encodeURI<\/em>(<strong><em>final_transcript<\/em><\/strong>.substring(n + 1)); <strong><em>window<\/em><\/strong>.location.href = <strong>'mailto:?subject='<\/strong> + subject + <strong>'&body='<\/strong> + body; } <strong>function<\/strong> <em>copyButton<\/em>() { <strong>if<\/strong> (<strong><em>recognizing<\/em><\/strong>) { <strong><em>recognizing<\/em><\/strong> = <strong>false<\/strong>; <strong><em>recognition<\/em><\/strong>.stop(); } copy_button.style.display = <strong>'none'<\/strong>; copy_info.style.display = <strong>'inline-block'<\/strong>; <em>showInfo<\/em>(<strong>''<\/strong>); } <strong>function<\/strong> <em>emailButton<\/em>() { <strong>if<\/strong> (<strong><em>recognizing<\/em><\/strong>) { <strong><em>create_email<\/em><\/strong> = <strong>true<\/strong>; <strong><em>recognizing<\/em><\/strong> = <strong>false<\/strong>; <strong><em>recognition<\/em><\/strong>.stop(); } <strong>else<\/strong> { <em>createEmail<\/em>(); } email_button.style.display = <strong>'none'<\/strong>; email_info.style.display = <strong>'inline-block'<\/strong>; <em>showInfo<\/em>(<strong>''<\/strong>); } <strong>function<\/strong> <em>startButton<\/em>(event) { <strong>if<\/strong> (<strong><em>recognizing<\/em><\/strong>) { <strong><em>recognition<\/em><\/strong>.stop(); <strong>return<\/strong>; } <strong><em>final_transcript<\/em><\/strong> = <strong>''<\/strong>; <strong><em>recognition<\/em><\/strong>.<strong>lang<\/strong> = select_dialect.<strong>value<\/strong>; <strong><em>recognition<\/em><\/strong>.start(); <strong><em>ignore_onend<\/em><\/strong> = <strong>false<\/strong>; final_span.<strong>innerHTML<\/strong> = <strong>''<\/strong>; interim_span.<strong>innerHTML<\/strong> = <strong>''<\/strong>; start_img.<strong>src<\/strong> = <strong>'mic-slash.gif'<\/strong>; <em>showInfo<\/em>(<strong>'info_allow'<\/strong>); <em>showButtons<\/em>(<strong>'none'<\/strong>); <strong><em>start_timestamp<\/em><\/strong> = event.timeStamp; } <strong>function<\/strong> <em>showInfo<\/em>(s) { <strong>if<\/strong> (s) { <strong>for<\/strong> (<strong>var<\/strong> child = info.firstChild; child; child = child.nextSibling) { <strong>if<\/strong> (child.style) { child.style.display = child.id == s ? <strong>'inline'<\/strong> : <strong>'none'<\/strong>; } } info.style.visibility = <strong>'visible'<\/strong>; } <strong>else<\/strong> { info.style.visibility = <strong>'hidden'<\/strong>; } } <strong>var<\/strong> <strong><em>current_style<\/em><\/strong>; <strong>function<\/strong> <em>showButtons<\/em>(style) { <strong>if<\/strong> (style == <strong><em>current_style<\/em><\/strong>) { <strong>return<\/strong>; } <strong><em>current_style<\/em><\/strong> = style; copy_button.style.display = style; email_button.style.display = style; copy_info.style.display = <strong>'none'<\/strong>; email_info.style.display = <strong>'none'<\/strong>; } <\/<strong>script<\/strong>><\/p> <p>server.js<\/p> <pre><em>#!\/bin\/env node <\/em><em>\/\/ OpenShift sample Node application <\/em><strong>var <\/strong><strong>express <\/strong>= require(<strong>'express'<\/strong>); <strong>var <\/strong>fs = require(<strong>'fs'<\/strong>); <em>\/** <\/em><em> * Define the sample application. <\/em><em> *\/ <\/em><strong>var <\/strong><em>SampleApp <\/em>= <strong>function<\/strong>() { <em>\/\/ Scope. <\/em><em> <\/em><strong>var <\/strong>self = <strong>this<\/strong>; <em>\/* ================================================================ *\/ <\/em><em> \/* Helper functions. *\/ <\/em><em> \/* ================================================================ *\/ <\/em> <em> \/** <\/em><em> * Set up server IP address and port # using env variables\/defaults. <\/em><em> *\/ <\/em><em> <\/em>self.setupVariables = <strong>function<\/strong>() { <em>\/\/ Set the environment variables we need. <\/em><em> \/\/self.ipaddress = process.env.IP; <\/em><em> \/\/self.port = process.env.PORT || 5000; <\/em> <em> \/\/if (typeof self.ipaddress === \"undefined\") { <\/em><em> \/\/ self.ipaddress = \"127.0.0.1\"; <\/em><em> \/\/}; <\/em><em> <\/em>}; <em>\/** <\/em><em> * Populate the cache. <\/em><em> *\/ <\/em><em> <\/em>self.populateCache = <strong>function<\/strong>() { <strong>if <\/strong>(<strong>typeof <\/strong>self.<strong>zcache <\/strong>=== <strong>\"undefined\"<\/strong>) { self.<strong>zcache <\/strong>= { <strong>'index.html'<\/strong>: <strong>'' <\/strong>}; } <em>\/\/ Local cache for static content. <\/em><em> <\/em>self.<strong>zcache<\/strong>[<strong>'index.html'<\/strong>] = fs.readFileSync(<strong>'.\/index.html'<\/strong>); }; <em>\/** <\/em><em> * Retrieve entry (content) from cache. <\/em><em> * <\/em><em>@param <\/em><em>{string} key Key identifying content to retrieve from cache. <\/em><em> *\/ <\/em><em> <\/em>self.cache_get = <strong>function<\/strong>(key) { <strong>return <\/strong>self.<strong>zcache<\/strong>[key]; }; <em>\/** <\/em><em> * terminator === the termination handler <\/em><em> * Terminate server on receipt of the specified signal. <\/em><em> * <\/em><em>@param <\/em><em>{string} sig Signal to terminate on. <\/em><em> *\/ <\/em><em> <\/em>self.terminator = <strong>function<\/strong>(sig){ <strong>if <\/strong>(<strong>typeof <\/strong>sig === <strong>\"string\"<\/strong>) { <em>console<\/em>.log(<strong>'%s: Received %s - terminating sample app ...'<\/strong>, <em>Date<\/em>(<em>Date<\/em>.now()), sig); process.exit(1); } <em>console<\/em>.log(<strong>'%s: Node server stopped.'<\/strong>, <em>Date<\/em>(<em>Date<\/em>.now()) ); }; <em>\/** <\/em><em> * Setup termination handlers (for exit and a list of signals). <\/em><em> *\/ <\/em><em> <\/em>self.setupTerminationHandlers = <strong>function<\/strong>(){ <em>\/\/ Process on exit and signals. <\/em><em> <\/em>process.on(<strong>'exit'<\/strong>, <strong>function<\/strong>() { self.terminator(); }); <em>\/\/ Removed 'SIGPIPE' from the list - bugz 852598. <\/em><em> <\/em>[<strong>'SIGHUP'<\/strong>, <strong>'SIGINT'<\/strong>, <strong>'SIGQUIT'<\/strong>, <strong>'SIGILL'<\/strong>, <strong>'SIGTRAP'<\/strong>, <strong>'SIGABRT'<\/strong>, <strong>'SIGBUS'<\/strong>, <strong>'SIGFPE'<\/strong>, <strong>'SIGUSR1'<\/strong>, <strong>'SIGSEGV'<\/strong>, <strong>'SIGUSR2'<\/strong>, <strong>'SIGTERM' <\/strong><strong> <\/strong>].forEach(<strong>function<\/strong>(element, index, array) { process.on(element, <strong>function<\/strong>() { self.terminator(element); }); }); }; <em>\/* ================================================================ *\/ <\/em><em> \/* App server functions (main app logic here). *\/ <\/em><em> \/* ================================================================ *\/ <\/em> <em> \/** <\/em><em> * Create the routing table entries + handlers for the application. <\/em><em> *\/ <\/em><em> <\/em>self.createRoutes = <strong>function<\/strong>() { self.<strong>routes <\/strong>= { }; self.<strong>routes<\/strong>[<strong>'\/feedback'<\/strong>] = <strong>function<\/strong>(req, res) { <em>console<\/em>.log(<strong>\"-- Received a customer feedback: [\" <\/strong>+ req.body.feedback + <strong>\"]\"<\/strong>); res.send(<strong>\"<html><head><title>WTCU Feedback<\/title><\/head><body><div>Thanks for your feedback!<\/div><\/body><\/html>\"<\/strong>); }; self.<strong>routes<\/strong>[<strong>'\/'<\/strong>] = <strong>function<\/strong>(req, res) { res.setHeader(<strong>'Content-Type'<\/strong>, <strong>'text\/html'<\/strong>); res.send(self.cache_get(<strong>'index.html'<\/strong>) ); }; }; <em>\/** <\/em><em> * Initialize the server (express) and create the routes and register <\/em><em> * the handlers. <\/em><em> *\/ <\/em><em> <\/em>self.initializeServer = <strong>function<\/strong>() { self.createRoutes(); <em>\/\/self.app = express.createServer(); <\/em><em> <\/em>self.<strong>app <\/strong>= <strong>express<\/strong>(); self.<strong>app<\/strong>.set(<strong>'port'<\/strong>, process.env.PORT || 5000); self.<strong>app<\/strong>.set(<strong>'ip'<\/strong>, process.env.IP || <strong>\"127.0.0.1\"<\/strong>); self.<strong>app<\/strong>.use(<strong>express<\/strong>.static(__dirname)); <em>\/\/self.app.use(express.bodyParser()); <\/em><em> <\/em>self.<strong>app<\/strong>.use(<strong>express<\/strong>.json()); self.<strong>app<\/strong>.use(<strong>express<\/strong>.urlencoded()); <em>\/\/ Add handlers for the app (from the routes). <\/em><em> <\/em><strong>for <\/strong>(<strong>var <\/strong>r <strong>in <\/strong>self.<strong>routes<\/strong>) { self.<strong>app<\/strong>.get(r, self.<strong>routes<\/strong>[r]); <em>\/\/ maps the HTTP GET request <\/em><em> <\/em>self.<strong>app<\/strong>.post(r, self.<strong>routes<\/strong>[r]); <em>\/\/ maps the HTTP POST request <\/em><em> <\/em>} }; <em>\/** <\/em><em> * Initializes the sample application. <\/em><em> *\/ <\/em><em> <\/em>self.initialize = <strong>function<\/strong>() { self.setupVariables(); self.populateCache(); self.setupTerminationHandlers(); <em>\/\/ Create the express server and routes. <\/em><em> <\/em>self.initializeServer(); }; <em>\/** <\/em><em> * Start the server (starts up the sample application). <\/em><em> *\/ <\/em><em> <\/em>self.start = <strong>function<\/strong>() { <em>\/\/ Start the app on the specific interface (and port). <\/em><em> <\/em>self.<strong>app<\/strong>.listen(self.<strong>app<\/strong>.get(<strong>'port'<\/strong>), <strong>function<\/strong>() { <em>console<\/em>.log(<strong>'%s: Node server started on %s:%d ...'<\/strong>, <em>Date<\/em>(<em>Date<\/em>.now() ), self.<strong>app<\/strong>.get(<strong>'ip'<\/strong>), self.<strong>app<\/strong>.get(<strong>'port'<\/strong>)); }); }; }; <em>\/* Sample Application. *\/ <\/em> <em>\/** <\/em><em> * main(): Main code. <\/em><em> *\/ <\/em><strong>var <\/strong>zapp = <strong>new <\/strong><em>SampleApp<\/em>(); zapp.initialize(); zapp.start(); <\/pre>",
    "transcribed_text": "",
    "related_book": {
        "title": "Graph Database Modeling With Neo4j",
        "isbn": "B0BDWT2XLR, 979-8351798783",
        "edition": "2nd Edition",
        "authors": "Ajit Singh",
        "cover_image": "https:\/\/dsd5zvtm8ll6.cloudfront.net\/si.question.images\/book_images\/64ed80eccb8dc_47798.jpg",
        "uri": "\/textbooks\/graph-database-modeling-with-neo4j-2nd-edition-9798351798783",
        "see_more_uri": "\/textbooks\/computer-science-game-development-2480"
    },
    "question_posted": "2024-08-28 08:15:43",
    "step_by_step_answer": "The Answer is in the image, click to view ...",
    "students_also_viewed": [
        {
            "url": "\/use-the-information-for-merrill-corporation-from-be206-assume-that-for",
            "description": "Use the information for Merrill Corporation from BE206. Assume that for Moxey Corporation, the lessor, collectibility is reasonably predictable, there are no important uncertainties concerning costs,...",
            "stars": 3
        },
        {
            "url": "\/study-help\/modern-mathematical-statistics-with-applications\/b-show-that-if-f-is-continuous-at-each-1987132",
            "description": "=+ (b) Show that if F is continuous at each point of F-'A, then P[F(X) A] is at most the Lebesgue measure of A.",
            "stars": 3
        },
        {
            "url": "\/at-particular-axial-station-velocity-and-temperature-profiles-for",
            "description": "At a particular axial station, velocity and temperature profiles for laminar flow in a parallel plate channel have the form u(y) = 0.75[1  (y\/y o ) 2 ] T(y) = 5.0 + 95.66(y\/y o ) 2  47.83(y\/yo) 4...",
            "stars": 3
        },
        {
            "url": "\/study-help\/questions\/whos-decision-is-it-who-has-the-option-to-convert-10106568",
            "description": "Whos decision is it (who has the option) to convert preferred stock?",
            "stars": 3
        },
        {
            "url": "\/study-help\/questions\/part-a-you-can-use-stata-when-you-answer-the-4983032",
            "description": "PART A: You can use STATA when you answer the following questions when it's helpful. 1. (15 points) Consider the response function E{Y} = 25 + 3X 1 + 4X2 + 1.5X1X2. Draw a conditional effects plot of...",
            "stars": 3
        },
        {
            "url": "\/study-help\/business-essentials\/an-etf-is-a-a-contract-that-gives-a-buyer-1326770",
            "description": "An ETF is a. a contract that gives a buyer the right to buy or sell a security at a specified price on or before a certain date. b. an agreement between a buyer and seller to buy an asset at a later...",
            "stars": 3
        },
        {
            "url": "\/study-help\/business-essentials\/treasury-notes-are-bonds-that-mature-in-2-3-5-1326767",
            "description": "Treasury notes are bonds that mature in 2, 3, 5, 7, and 10 years. True or False",
            "stars": 3.5
        },
        {
            "url": "\/study-help\/business-essentials\/if-you-own-a-5000-bond-that-has-a-coupon-1326772",
            "description": "If you own a $5,000 bond that has a coupon of 4 percent and pays interest semiannually, how much interest would you receive? a. $200 every six months b. $200 once a year c. $200 every two years d....",
            "stars": 3
        },
        {
            "url": "\/study-help\/computer-organization-design\/compare-the-resiliency-to-failure-of-ncube-to-a-fully-1157944",
            "description": "Compare the resiliency to failure of n-cube to a fully- connected interconnection network. Plot a comparison of reliability as a function of the added number of links for the two topologies. Refer to...",
            "stars": 3
        },
        {
            "url": "\/study-help\/statistical-techniques-in-business-\/write-the-kalman-filter-equations-for-an-operatornamear1-process-written-1409237",
            "description": "Write the Kalman filter equations for an \\(\\operatorname{AR}(1)\\) process written is state space form with \\(H_{t}=1, \\alpha_{t}=z_{t}\\) and \\(V_{t}=0, \\Omega_{t}=\\phi, R_{t}=\\sigma_{a}^{2}\\). Show...",
            "stars": 3.5
        },
        {
            "url": "\/study-help\/management-information-systems\/5-are-you-in-favor-of-legislation-enforcing-network-neutrality-2118127",
            "description": "5. Are you in favor of legislation enforcing network neutrality? Why or why not? What kind of Internet user are you? Do you primarily use the Net to do a little e-mail and online banking? Or are you...",
            "stars": 3.5
        },
        {
            "url": "\/study-help\/business-communication-essentials\/write-a-job-description-you-can-use-to-hire-a-2118113",
            "description": "Write a job description you can use to hire a word processing clerk to assist you with written projects.",
            "stars": 3.5
        },
        {
            "url": "\/study-help\/business-communication-essentials\/assume-that-you-accepted-another-position-the-week-after-the-2118112",
            "description": "Assume that you accepted another position the week after the scenario described in Application Exercise 12.Write a letter of resignation from your present job. (Objective 4)",
            "stars": 3.5
        }
    ],
    "next_back_navigation": {
        "previous": "\/study-help\/questions\/question-4-10-marks-prepare-two-estimates-of-pearsons-cost-8569834",
        "next": "\/study-help\/questions\/information-taken-from-warranty-cards-would-be-stored-in-which-8569836"
    },
    "breadcrumbs": [
        {
            "name": "Study help",
            "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers"
        },
        {
            "name": "Computer Science",
            "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers\/computer-science"
        },
        {
            "name": "Databases",
            "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/computer-science-databases"
        },
        {
            "name": "*Questions 1 - 3 are based on the original index.html source code",
            "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/questions-1-3-are-based-on-the-original-indexhtml-8569835"
        }
    ],
    "skill_details": {
        "skill_id": "656",
        "skill_name": "Databases",
        "parent_id": "8"
    }
}