[website] Add a demo page for the Website

[chenw23]

Description

According to Issue (#688), a demo page is wanted in the GluonNLP website. So I am working on creating a demo web page for it. This is pull request will be continuously updated until the website is acceptable to be released.

Checklist

Essentials

• PR's title starts with a category (e.g. [BUGFIX], [MODEL], [TUTORIAL], [FEATURE], [DOC], etc)
• Changes are complete (i.e. I finished coding on this PR)
• All changes have test coverage
• Code is well-documented

Changes

• Feature1, tests, (and when applicable, API doc)
• Feature2, tests, (and when applicable, API doc)

Comments

• If this change is a backward incompatible change, why must this change be made.
• Interesting edge cases to note here

cc @dmlc/gluon-nlp-team

[codecov]

Codecov Report

Merging #1180 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #1180   +/-   ##
=======================================
  Coverage   87.42%   87.42%           
=======================================
  Files          81       81           
  Lines        7346     7346           
=======================================
  Hits         6422     6422           
  Misses        924      924           

[mli]

Job PR-1180/4 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/4/index.html

[leezu]

code | 503
-- | --
type | "InternalServerException"
message | "Prediction failed"

[mli]

Job PR-1180/5 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/5/index.html

[eric-haibin-lin]

sorry, it should be "It achieves about 93.4% accuracy on the dev set. "

[mli]

Job PR-1180/9 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/9/index.html

[leezu]

code | 503
-- | --
type | "InternalServerException"
message | "Prediction failed"

This may have been due to invalid input?

Currently the server just times out when submitting ["test"] as a query.

[chenw23]

code | 503
-- | --
type | "InternalServerException"
message | "Prediction failed"

This may have been due to invalid input?

Currently the server just times out when submitting ["test"] as a query.

I think it is due to invalid input. You may try out the default example I am now providing in the placeholder - it should work. Currently on the server side, I followed the same model as you provided in the #1140 .
I think the input arguments follow the same requirements you defined in that model. Maybe in the future we can provide more intuitive API or give more hints about which rules to follow when submitting inquiries.

[leezu]

You may try out the default example I am now providing in the placeholder - it should work.

Still times out for me. How long do you wait for a response?

[chenw23]

You may try out the default example I am now providing in the placeholder - it should work.

Still times out for me. How long do you wait for a response?

Are you on Amazon Corporate VPN? VPN blocks 8888 port, so it will not work. I can get response within one second.

[leezu]

Yes, this was due to VPN.

[mli]

Job PR-1180/10 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/10/index.html

[chenw23]

Please help review whether the UI looks fine.
The JavaScript interaction of these controls are under developing and testing.

[mli]

Job PR-1180/12 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/12/index.html

[mli]

Job PR-1180/13 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/13/index.html

[chenw23]

[Help wanted] Currently I want to use an ajax to send the form information to the server and get the response so that I can display the information on the same page without refreshing the page. But I am stopped by the Cross Origin policy of ajax. It seems that modifying the server end is necessary for handling this problem? But the server running MMS is not a typical PHP/Java EE server, so I am not familiar about how to modify its response header.

I am not sure I am seeking for the best strategy for solving this problem...

[eric-haibin-lin]

We should just show one sentence here. Without quotes. Without brackets.

[mli]

Job PR-1180/14 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/14/index.html

[mli]

Job PR-1180/15 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/15/index.html

[chenw23]

I tried the demo and did not see any response. Did it work for you?

Working now!

@eric-haibin-lin @leezu

[mli]

Job PR-1180/21 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/21/index.html

[chenw23]

There has been constant failure of CI on cpu-unittest.
Would you please have a look at it? Thanks!
Replay 20
Replay 19
Replay 18
Replay 17
Replay 16
Replay 15
Replay 14
@leezu

[mli]

Job PR-1180/22 is complete.
Docs are uploaded to http://gluon-nlp-staging.s3-accelerate.dualstack.amazonaws.com/PR-1180/22/index.html

[chenw23]

This pull request is ready for review and merge. Thanks!
@eric-haibin-lin

[leezu]

Currently we're giving an existence proof of "it's possible to have some web application to do sentiment analysis". But to be really useful to the end users, we need to teach them how to build it (not only show it's possible).

To make things simple, such instructions should be based on https://aws.amazon.com/serverless/ and https://aws.amazon.com/sagemaker/

[sxjscience]

In fact, can we just provide a Colab/SageMaker Notebook?

[szha]

We should definitely provide colab/sagemaker links for all tutorials. Demo is different in that it show cases the model for certain task without any involvement of code. Tutorial for setting up serving/inference is indeed appealing to end users. We should definitely pursue that after this PR by summarizing the steps.

[sxjscience]

I think we can also provide demos with Colab + SageMaker, e.g., in https://magenta.tensorflow.org/demos/colab/. So we won't need to write any HTML codes (or just a few lines of HTML).

[leezu]

@sxjscience @szha I'm not sure just having a demo without providing any instructions on how to reproduce it (and how to deploy it) is very helpful without the demo meeting a very high bar. For a simple demo such as currently, we can make it special by showcasing how easy it is to deploy it on AWS.

[chenw23]

I am planning to add more descriptions on configuration and then add a CoLab. Do you think it is OK?

[szha]

@leezu users who just want to try our pre-trained models will benefit from the set up. These are people who don't concern themselves with understanding the code yet, so mixing the concern would create noise for this need.

[leezu]

@szha it doesn't need to be mixed. The proposal is to have an impressive demo, and provide information how to reproduce it showing the benefits of the technical stack. Not everyone has to read the latter part.

[szha]

Sounds good, @leezu. Do you have suggestions on how to improve the demo? Considering the investment, maybe the colab as @sxjscience suggested would indeed be the most efficient option.

Please continue the discussion and conclude the path forward.

[chenw23]

But actually our gpu-doc CI build is in faults. @leezu Maybe you can have a look at what is preventing our gpu-doc from being built? You may reference some latest builds like #1228
So that I can make changes to the pages in this pull request and we can view the results.

[chenw23]

Since colab needs someone's Google account, should I use my personal Google account to create colab? And should we create some repo/directory specifically for colab? Or just give a static file in someone's Google Drive?

[sxjscience]

@StrayBird-ATSH I think we can do the same thing as d2l: automatically/manully uploading the notebooks to another repo called https://github.com/d2l-ai/d2l-en-colab. In order to access specific notebooks, we can add the https://colab.research.google.com/github prefix to the link, like this:
https://colab.research.google.com/github/d2l-ai/d2l-en-colab/blob/master/chapter_preliminaries/ndarray.ipynb. @szha @eric-haibin-lin What do you think?

[chenw23]

That sounds great! Do you have any ideas about where to place this repo? Or just give a folder in the current repo?

[chenw23]

That sounds great! Do you have any ideas about where to place this repo? Or just give a folder in the current repo?

@eric-haibin-lin @szha

[sxjscience]

@szha Would you create a repo in DMLC?

[szha]

@sxjscience @StrayBird-ATSH I created https://github.com/dmlc/gluon-nlp-notebooks

How do we automate the deployment to that repo?

[sxjscience]

@szha I'm currently not sure about the details. Need to as the D2L people about the existing solution.

[szha]

Hi @astonzhang, how does the notebook deploy to colab work in d2l?

[chenw23]

@sxjscience @StrayBird-ATSH I created https://github.com/dmlc/gluon-nlp-notebooks

How do we automate the deployment to that repo?

@szha
Currently this repo is not initialized. Would you mind first initialize it (I think just adding a Readme will be enough) so that we can start contribute to this repo?

Thanks!

[szha]

@StrayBird-ATSH done

[chenw23]

Wonderful

[chenw23]

@leezu Since I am currently using your trained model in this website and we are planning to create a colab. Maybe you can provide the python scripts that are equivalent to your trained models so that users can run the scripts and get the result in the colab?