Updated: 10/12/2016

Developing Solution: Form Renderer


Experiment 1

In this experiment, our team learned how to pull data from html files to simulate pulling data from the templates in the form renderer. For this experiment we used Python as it was the language we were most familiar with. We learned how to extract data using HTML’s tags.


Code from Python BeautifulSoup experiment:

Target website (forex) data table

Console Output:

Experiment 2

In this Experiment we used Cheerio+Request node libraries to pull data from the Wolfram-alpha medicine site’s HTML file and print it to the command line. We learned how easy it is to set up a Node based webscraper.


Experiment 3

Here, we built upon experiment 2’s use of Cheerio and Request, by taking the data pulled and then exporting it to a text file. This gave us a better overview of how we may choose to export React components as strings prior to rendering it.


Experiment code:

Target Website (Wolfram Alpha-Medicine)

Output in text file

Experiment 4

Within this experiment we looked at how to update a website screen without reloading the entire page. By using jQuery Ajax, we were able to modify the website display using the contents of a text file upon the user clicking the screen. This simulates the display changing once the form generator components have been pulled from the template.


Experiment HTML Code:

How the site originally appears:


How the site appears after the user interacts (clicks) with it: