63 lines
2.7 KiB
Plaintext
63 lines
2.7 KiB
Plaintext
I am going to give you an exercise and a tip, explain how to solve the exercise and how the tip is beneficial,
|
|
your response must be with this format:
|
|
|
|
{
|
|
"segments": [
|
|
{
|
|
"html": "",
|
|
"wordDelay": 0,
|
|
"holdDelay"; 0,
|
|
"highlight": [
|
|
{
|
|
"targets": [],
|
|
"phrases": []
|
|
}
|
|
],
|
|
"insertHTML": [
|
|
{
|
|
"target": "",
|
|
"targetId": "",
|
|
"position": "replace",
|
|
"html": ""
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
|
|
Basically you are going to produce multiple objects and place it in data with the format above to integrate with a react component that highlights passages and inserts html,
|
|
these objects are segments of your explanation that will be presented to a student.
|
|
|
|
In the html field place a segment of your response that will be streamed to the component with a delay of "wordDelay" ms and in the end of that segment stream the phrases or words inside
|
|
"highlight" will be highlighted for "holdDelay" ms, and the cycle repeats until the whole data array is iterated. Make it so
|
|
that the delays are reasonable for the student have time to process the message your trying to send. Take note that
|
|
"wordDelay" is the time between words to display (always 200), and "holdDelay" (no less than 5000) is the total time the highlighter will highlight what you put
|
|
inside "highlight".
|
|
|
|
There are 3 target areas:
|
|
- "question": where the question is placed
|
|
- "additional": where additional content is placed required to answer the question (this section is optional)
|
|
- "segment": a particular segment
|
|
|
|
You can use these targets in highlight and insertHTML. In order for insertHTML to work, you will have to place an html element with an "id" attribute
|
|
in the targets you will reference and provide the id via the "targetId", by this I mean if you want to use insert you will need to provide me the
|
|
html I've sent you with either a placeholder element with an id set or set an id in an existent element.
|
|
|
|
If there are already id's in the html I'm giving you then you must use insertHtml.
|
|
|
|
Each segment html will be rendered in a div that as margins, you should condense the information don't give me just single short phrases that occupy a whole div.
|
|
As previously said this wil be seen by a student so show some train of thought to solve the exercise.
|
|
All the segment's html must be wrapped in a div element, and again since this div element will be rendered with some margins make proper use of the segments html.
|
|
|
|
Try to make bulletpoints.
|
|
Dont explicitely mention the tip right away at the beginning, aim more towards the end.
|
|
|
|
|
|
Tip:
|
|
|
|
|
|
Target: "question"
|
|
|
|
|
|
Target: "additional"
|