diff --git a/Makefile b/Makefile index ec6263ec0..7a29b16ed 100644 --- a/Makefile +++ b/Makefile @@ -46,5 +46,8 @@ local-certs: mkcert -install cd certs && mkcert local_lookit.mit.edu +media: + gsutil -m cp -r "gs://lookit-staging/media" ./project + test: docker compose run --rm -e ENVIRONMENT= web poetry run ./manage.py test --failfast diff --git a/accounts/forms.py b/accounts/forms.py index 00d4155aa..500f7415c 100644 --- a/accounts/forms.py +++ b/accounts/forms.py @@ -478,7 +478,7 @@ class StudyLocation(FormChoiceEnum): study_list_tabs = forms.ChoiceField( choices=Tabs.choices(), initial=0, - widget=forms.RadioSelect(attrs={"class": "hidden"}), + widget=forms.RadioSelect(attrs={"class": "d-none"}), required=False, ) study_location = forms.ChoiceField(choices=StudyLocation.choices(), required=False) diff --git a/accounts/templates/accounts/2fa-setup.html b/accounts/templates/accounts/2fa-setup.html index 09c898956..c5a55b1df 100644 --- a/accounts/templates/accounts/2fa-setup.html +++ b/accounts/templates/accounts/2fa-setup.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block title %} Set up Two Factor Authentication {% endblock title %} diff --git a/accounts/templates/accounts/account-update.html b/accounts/templates/accounts/account-update.html index 98bc6b4ce..f95735610 100644 --- a/accounts/templates/accounts/account-update.html +++ b/accounts/templates/accounts/account-update.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block title %} Update account information {% endblock title %} diff --git a/accounts/templates/accounts/participant_detail.html b/accounts/templates/accounts/participant_detail.html index e91bb6c96..0e3b5fd1f 100644 --- a/accounts/templates/accounts/participant_detail.html +++ b/accounts/templates/accounts/participant_detail.html @@ -1,5 +1,5 @@ {% extends "exp/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load exp_extras %} {% load i18n %} {% block title %} diff --git a/accounts/templates/accounts/participant_list.html b/accounts/templates/accounts/participant_list.html index ecb521afb..9609b5385 100644 --- a/accounts/templates/accounts/participant_list.html +++ b/accounts/templates/accounts/participant_list.html @@ -1,5 +1,5 @@ {% extends "exp/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load exp_extras %} {% load i18n %} {% block title %} diff --git a/accounts/templates/accounts/researcher-registration.html b/accounts/templates/accounts/researcher-registration.html index 16d1a74e4..fb764f401 100644 --- a/accounts/templates/accounts/researcher-registration.html +++ b/accounts/templates/accounts/researcher-registration.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block title %} Researcher Registration {% endblock title %} diff --git a/exp/templates/exp/base.html b/exp/templates/exp/base.html index 90adba2a4..1077bbaef 100644 --- a/exp/templates/exp/base.html +++ b/exp/templates/exp/base.html @@ -1,4 +1,4 @@ -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load static %} {% load guardian_tags %} {% load web_extras %} @@ -47,6 +47,7 @@ {% endblock header %}
+ {% bootstrap_messages %} {% block flash %} {% endblock flash %}
diff --git a/exp/templates/exp/support.html b/exp/templates/exp/support.html index b1950ad35..8a2f2a405 100644 --- a/exp/templates/exp/support.html +++ b/exp/templates/exp/support.html @@ -1,5 +1,5 @@ {% extends "exp/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} Support Lookit diff --git a/poetry.lock b/poetry.lock index ec94e86e1..929f30939 100644 --- a/poetry.lock +++ b/poetry.lock @@ -584,19 +584,35 @@ six = "*" tests = ["flake8", "mysqlclient", "psycopg2 (>=2.3)", "pytest-django"] [[package]] -name = "django-bootstrap3" -version = "21.2" -description = "Bootstrap 3 support for Django projects" +name = "django-bootstrap-icons" +version = "0.8.2" +description = "A quick way to add Bootstrap Icons with Django template tags." +category = "main" +optional = false +python-versions = ">=3.6" +files = [ + {file = "django-bootstrap-icons-0.8.2.tar.gz", hash = "sha256:e7684db3af0fca41eb8aa9d2503c61942ca549c322b6e8a51e8b34abe14ae20d"}, + {file = "django_bootstrap_icons-0.8.2-py3-none-any.whl", hash = "sha256:209fa35897dab37e6ca7d6eddc52734dd5f35b02c44e33ec3636eaf157778446"}, +] + +[package.dependencies] +django = "*" +requests = "*" + +[[package]] +name = "django-bootstrap5" +version = "22.2" +description = "Bootstrap 5 for Django" category = "main" optional = false python-versions = ">=3.7" files = [ - {file = "django-bootstrap3-21.2.tar.gz", hash = "sha256:9a7e95a053455c15cdcbc5dc7f9261f9aecf01d0558435b59e7b364765f2c3e2"}, - {file = "django_bootstrap3-21.2-py3-none-any.whl", hash = "sha256:845a53e0f68fd520e3df6d53686a641e5008329e492687e225a0c394941dd430"}, + {file = "django-bootstrap5-22.2.tar.gz", hash = "sha256:e944f5ced342e0e16cde77e1ddacb4b9fd5bce4cc190df2f7da0b8e18a24c9cb"}, + {file = "django_bootstrap5-22.2-py3-none-any.whl", hash = "sha256:5d677bbfb94207c1a034d63a5f39d95ce287ef509e0b31dfb4d233cc81f93bcc"}, ] [package.dependencies] -Django = ">=2.2" +Django = ">=3.2" [[package]] name = "django-celery-beat" @@ -2732,4 +2748,4 @@ testing = ["coverage (>=5.0.3)", "zope.event", "zope.testing"] [metadata] lock-version = "2.0" python-versions = "^3.9" -content-hash = "5524efc056e790c8c34780cb8152a4427791243b4e2820e11ac0af50aa2c765f" +content-hash = "47cdfece4c2fb8e3c34c3d1075382e401d263f4eabb75383bd27e9fd0a7e05d0" diff --git a/project/settings.py b/project/settings.py index 8cb9b5298..834d8452d 100644 --- a/project/settings.py +++ b/project/settings.py @@ -62,7 +62,8 @@ "guardian", "localflavor", "rest_framework", - "bootstrap3", + "django_bootstrap5", + "django_bootstrap_icons", "ace_overlay", "corsheaders", "rest_framework.authtoken", diff --git a/pyproject.toml b/pyproject.toml index 4fa66575e..59c9ca767 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -13,7 +13,7 @@ Django = "3.2.11" django-ace-overlay = { git = "https://github.com/lookit/django-ace-overlay.git", branch = "master" } django-allauth = "0.42.0" django-bitfield = "2.1.0" -django-bootstrap3 = "^21.1" +django-bootstrap5 = "22.2" django-celery-beat = "2.0.0" django-cors-headers = "3.13.0" django-countries = "7.2.1" @@ -51,6 +51,7 @@ sentry-sdk = "1.3.0" transitions = "0.8.1" uWSGI = "2.0.19.1" pillow = "9.4.0" +django-bootstrap-icons = "0.8.2" [tool.poetry.dev-dependencies] coverage = "^5.5" diff --git a/studies/templates/studies/_all_json_and_csv_data.html b/studies/templates/studies/_all_json_and_csv_data.html index f6c813f0f..59a7095eb 100644 --- a/studies/templates/studies/_all_json_and_csv_data.html +++ b/studies/templates/studies/_all_json_and_csv_data.html @@ -1,5 +1,5 @@ {% extends "exp/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load exp_extras %} {% block title %} All Responses | {{ study.name }} diff --git a/studies/templates/studies/_study_fields.html b/studies/templates/studies/_study_fields.html index e9024487c..209bf4a45 100644 --- a/studies/templates/studies/_study_fields.html +++ b/studies/templates/studies/_study_fields.html @@ -1,4 +1,4 @@ -{% load bootstrap3 %} +{% load django_bootstrap5 %} - - - {% google_tag_manager %} - - -
- {% bootstrap_messages %} -
- {% block header %} - {% include 'web/_navigation.html' %} - {% endblock header %} -
-
- {% block flash %} - {% endblock flash %} -
-
-
-
- {% block content %} - {% endblock content %} -
-
-
- {% block footerjs %} - {% endblock footerjs %} -
- - - diff --git a/web/templates/frontpages/faq.html b/web/templates/frontpages/faq.html deleted file mode 100644 index 9b04c9a6a..000000000 --- a/web/templates/frontpages/faq.html +++ /dev/null @@ -1,635 +0,0 @@ -{% extends "frontpages/default.html" %} -{% load static %} -{% load bootstrap3 %} -{% load i18n %} -{% block title %} - FAQ -{% endblock title %} -{% block content %} -
-
-
-

{% trans "Frequently Asked Questions" %}

-
-
-
-
-

{% trans "Participation" %}

-
-
- -
-
-
- {% blocktranslate %} -

Cognitive development is the science of what kids understand and how they learn. Researchers in cognitive development are interested in questions like...

-
    -
  • What knowledge and abilities infants are born with, and what they have to learn from experience
  • -
  • How abilities like mathematical reasoning are organized and how they develop over time
  • -
  • What strategies children use to learn from the wide variety of data they observe
  • -
-

A study is meant to answer a very specific question about how children learn or what they know: for instance, 'Do three-month-olds recognize their parents' faces?'

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate%} -

Lots of reasons! Here are three:

-
    -
  • Researchers work hard to make the studies engaging for children and families. We hope the study is fun for you and your child!
  • -
  • Your work supports science. Children are the world's most powerful learners and the more we understand about how children grow and learn, the more we will understand about the human mind.
  • -
  • While research studies aren't usually designed to affect outcomes for individual children, the more we understand about children, the more effective we can be in building a world where they learn and thrive. Your participation helps all of us!
  • -
- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate%} -

If you have a child and would like to participate, create an account [LINK] and take a look at what we have available for your child's age range. Some studies can be done at any time, and some involve a scheduled video chat with a university-based researcher. Most studies require a laptop/desktop with a webcam. The study description will tell you if you need any other supplies (such as a marker and paper, or a high chair for your baby to sit in.)

-

Each study will begin in the same way: you and your child will learn what the research is about, and you can then decide whether or not you want to do it. In most cases you'll be asked to read a consent form and record yourself stating that you and your child agree to participate. In other cases, you may electronically sign a form. In addition to permission from their parent or guardian, older children will also be asked directly if they want to participate.

-

Individual studies vary widely- we encourage you to try lots of different ones! Depending on your child's age, your child may answer questions directly or we may be looking for indirect signs of what she thinks is going on--like how long she looks at a surprising outcome. Some things that may happen in studies include:

-
    -
  • Looking at displays of dots or shapes that change on some dimension, while the webcam records your child's eye movements
  • -
  • Hearing some familiar or unfamiliar words, while watching images that may match what the person is saying
  • -
  • Listening to a story and then answering questions by speaking or pointing at the screen
  • -
  • Answering short interview or survey questions
  • -
-

Some portions of the study will be automatically recorded using your webcam and sent securely to the Lookit platform. Trained researchers will watch the video and record your child's responses--for instance, which way he pointed, or how long she looked at each image. We'll put these together with responses from lots of other children to learn more about how kids think!

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

All of the research conducted on the website is created by scientists to learn about child development, leading to articles in scientific journals. These publications can help inform other scientists, parents, educators, and policy-makers. Usually, these scientists work at colleges, universities, or hospitals. Rarely, a scientist who works at a nonprofit or a company might also do a study that fits this goal. If a study is meant to publish results in scientific journals for everyone to see (instead of just for one nonprofit or company), then it is possible it would appear on this website.

-

If a scientist wants to use this platform, their institution has to sign a contract with MIT where they agree to the Terms of Use and certify that their studies will be reviewed and approved by an institutional review board. Studies are also subject to review and approval by Lookit/Children Helping Science. As of January 2022, we have agreements with over 50 universities, including institutions in the United States, Canada, the United Kingdom, and European Union.

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

The studies hosted on our site come from universities all around the world. For studies that involve a scheduled video chat, you will meet a researcher from the lab associated with the university doing the study. These researchers work as part of a team that always includes a "principal investigator" -- the supervisor (usually a professor) who is in charge of the lab). Studies will be conducted by someone under the direct supervision of that principal investigator (e.g., a lab manager, research assistant, or a postdoctoral, graduate, or undergraduate researcher in training).

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Traditionally, developmental studies happen in a quiet room in a university lab. Researchers call or email local parents to see if they'd like to take part and schedule an appointment for them to come visit the lab.

-

While researchers have been exploring online studies with children for several years, the COVID pandemic in 2020 forced most developmental labs to stop in-person visits entirely. Some studies will always need to take place in a lab, but some work very well online, and we have found these studies have a number of benefits for both families and scientists.

-

Why complement these in-lab studies with online ones? We're hoping to...

-
    -
  • Make it easier for you to take part in research, especially for families without a stay-at-home parent
  • -
  • Work with more kids when needed--right now a limiting factor in designing studies is the time it takes to recruit participants
  • -
  • Draw conclusions from a more representative population of families--not just those who live near a university and are able to visit the lab during the day. -
  • -
  • Make it easier for families to continue participating in longitudinal studies, which may involve multiple testing sessions separated by months or years
  • -
  • Observe more natural behavior because children are at home rather than in an unfamiliar place
  • -
  • Create a system for learning about special populations--for instance, children with specific developmental disorders
  • -
  • Make the procedures we use in doing research more transparent, and make it easier to replicate our findings
  • -
  • Communicate with families about the research we're doing and what we can learn from it
  • -
- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Rather than having the parent or legal guardian sign a form, we ask that you read aloud (or sign in ASL) a statement of consent which is recorded using your webcam. This statement holds the same weight as a signed form, but should be less hassle for you. It also lets us verify that you understand written English and that you understand you're being videotaped.

-

Researchers watch these consent videos on a special page of the researcher interface, and record for each one whether the video shows informed consent. They cannot view other video or download data from a session unless they have confirmed that you consented to participate! If they see a consent video that does NOT clearly demonstrate informed consent--for instance, there was a technical problem and there's no audio--they may contact you to check, depending on your email settings.

- {% endblocktranslate %} -
-
- -
-
-
-
-
-
-
- -
-
-
- {% blocktranslate %} -

- Researchers using Lookit agree to uphold a common set of standards about how data is protected and shared. For instance, they never publish children's names or birthdates, or information that could be used to calculate a birthdate.

-

The Lookit researcher interface is designed with participant data protection as the top priority. For instance, a special interface lets researchers confirm consent videos before they are able to download any other data from your session. Research groups can control who has access to what data in a very fine-grained way, for instance allowing an assistant to confirm consent and send gift cards, but not download study data.

-

All of your data, including video, is transmitted over a secure HTTPS connection to Lookit storage, and is encrypted at rest. We take security very seriously; in addition to making sure any software we use is up-to-date, cloud servers are configured securely, and unit tests cover checking that accessing data requires correct permissions, we conducted a risk assessment and detailed manual penetration testing with a security contractor prior to our 2020 launch.

-

See also 'Who will see our video?'

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Lookit staff at MIT will have access to your video and other data in order to improve and promote the platform and help with troubleshooting. The researchers running the study you participated in will also have access to your video and other data (like responses to questions during the study, and information you fill out when registering a child) for research purposes. They will watch the video segments you send to mark down information specific to the study--for instance, what your child said, or how long he/she looked to the left versus the right of the screen. This research group may be at MIT or at another institution. All studies run on Lookit must be approved by an Institutional Review Board (IRB) that ensures participants' rights and welfare are protected. All researchers using Lookit also agree to Terms of Use that govern what data they can share and what sorts of studies are okay to run on Lookit; these rules are sometimes stricter than their own institution might be.

-

Whether anyone else may view the video depends on the privacy settings you select at the end of the study. There are two decisions to make: whether to share your data with Databrary, and how to allow your video clips to be used by the researchers you have selected.

-

First, we ask if you would like to share your data (including video) with authorized users fo the secure data library Databrary. Data sharing will lead to faster progress in research on human development and behavior. Researchers who are granted access to the Databrary library must agree to treat the data with the same high standard of care they would use in their own laboratories. Learn more about Databrary's mission or the requirements for authorized users.

-

Next, we ask what types of uses of your video are okay with you.

-
    -
  • Private This privacy level ensures that your video clips will be viewed only by authorized scientists (Lookit staff, the research group running the study and, if you have opted to share your data with Databrary, authorized Databrary users.) They will view the videos to record information about what your child did during the study--for instance, looking for 9 seconds at one image and 7 seconds at another image.
  • -
  • Scientific and educational This privacy level gives permission to share your video clips with other researchers or students for scientific or educational purposes. For example, researchers might show a video clip in a talk at a scientific conference or an undergraduate class about cognitive development, or include an image or video in a scientific paper. In some circumstances, video or images may be available online, for instance as supplemental material in a scientific paper. Sharing videos with other researchers helps other groups trust and build on our work.
  • -
  • Publicity This privacy level is for families who would be excited to see their child featured on the Lookit website or in the news! Selecting this privacy level gives permission to use your video clips to communicate about developmental studies and the Lookit platform with the public. For instance, we might post a short video clip on the Lookit website, on our Facebook page, or in a press release. Your video will never be used for commercial purposes.
  • -
-

If for some reason you do not select a privacy level, we treat the data as 'Private' and do not share with Databrary. Participants also have the option to withdraw all video besides consent at the end of the study if necessary (for instance, because someone was discussing state secrets in the background), and in this case it is automatically deleted. Privacy settings for completed sessions cannot automatically be changed retroactively. If you have any questions or concerns about privacy, please contact our team at lookit@mit.edu.

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
-

- {% trans "For children under about two years old, we usually design our studies to let their eyes do the talking! We're interested in where on the screen your child looks and/or how long your child looks at the screen rather than looking away. Our calibration videos (example shown below) help us get an idea of what it looks like when your child is looking to the right or the left, so we can code the rest of the video." %} -

-
-
- -
-
-

- {% trans "Here's an example of a few children watching our calibration video--it's easy to see that they look to one side and then the other." %} -

-
-
- -
-
-

- {% trans "Your child's decisions about where to look can give us lots of information about what he or she understands. Here are some of the techniques labs use to learn more about how children learn." %} -

-

- {% trans "Habituation" %} -

- {% blocktranslate %}

In a habituation study, we first show infants many examples of one type of object or event, and they lose interest over time. Infants typically look for a long time at the first pictures, but then they start to look away more quickly. Once their looking times are much less than they were initially, we show either a picture from a new category or a new picture from the familiar category. If infants now look longer to the novel example, we can tell that they understood--and got bored of--the category we showed initially.

Habituation requires waiting for each individual infant to achieve some threshold of "boredness"--for instance, looking half as long at a picture as he or she did initially. Sometimes this is impractical, and we use familiarization instead. In a familiarization study, we show all babies the same number of examples, and then see how interested they are in the familiar versus a new category. Younger infants and those who have seen few examples tend to show a familiarity preference--they look longer at images similar to what they have seen before. Older infants and those who have seen many examples tend to show a novelty preference--they look longer at images that are different from the ones they saw before. You probably notice the same phenomenon when you hear a new song on the radio: initially you don't recognize it; after it's played several times you may like it and sing along; after it's played hundreds of times you would choose to listen to anything else.

-{% endblocktranslate %} -

- {% trans "Violation of expectation" %} -

-

- {% trans "Infants and children already have rich expectations about how events work. Children (and adults for that matter) tend to look longer at things they find surprising, so in some cases, we can take their looking times as a measure of how surprised they are." %} -

-

- {% trans "Preferential looking" %} -

-

- {% trans "Even when they seem to be passive observers, children are making lots of decisions about where to look and what to pay attention to. In this technique, we present children with a choice between two side-by-side images or videos, and see if children spend more time looking at one of them. We may additionally play audio that matches one of the videos. The video below shows a participant looking to her left when asked to 'find clapping'; the display she's watching is shown at the top." %} -

-
-
- -
-
-

- {% trans "Predictive looking" %} -

-

- {% trans "Children can often make sophisticated predictions about what they expect to see or hear next. One way we can see those predictions in young children is to look at their eye movements. For example, if a child sees a ball roll behind a barrier, she may look to the other edge of the barrier, expecting the ball to emerge there. We may also set up artificial predictive relationships--for instance, the syllable 'da' means a toy will appear at the left of the screen, and 'ba' means a toy will appear at the right. Then we can see whether children learn these relationships, and how they generalize, by watching where they look when they hear a syllable." %} -

-

- {% trans "Older children may simply be able to answer spoken questions about what they think is happening. For instance, in a recent study, two women called an object two different made-up names, and children were asked which is the correct name for the object." %} -

-
-
- -
-
-

- {% trans "Another way we can learn about how older children (and adults) think is to measure their reaction times. For instance, we might ask you to help your child learn to press one key when a circle appears and another key when a square appears, and then look at factors that influence how quickly they press a key." %} -

-
-
-
-
-
- -
-
-
-

- {% trans "Certainly--thanks for your dedication! You may see a warning that you have already participated in the study when you go to try it again, but you can ignore it. You don't need to tell us that you tried the study before; we'll have a record of your previous participation." %} -

-
-
-
-
-
- -
-
-
-

- {% trans "Sure! We may not be able to use his or her data in our research directly, but if you're curious you're welcome to try the study anyway. (Sometimes big siblings really want their own turn!) If your child is just below the minimum age for a study, however, we encourage you to wait so that we'll be able to use the data." %} -

-
-
-
-
-
- -
-
-
-

- {% trans "For study eligibility, we usually use the child's chronological age (time since birth), even for premature babies. If adjusted age is important for a particular study, we will make that clear in the study eligibility criteria." %} -

-
-
-
-
-
- -
-
-
-

- {% trans "Sure! Right now, instructions for children and parents are written only in English, so some of them may be confusing to a child who does not hear English regularly. However, you're welcome to try any of the studies and translate for your child if you can. If it matters for the study whether your child speaks any languages besides English, we'll ask specifically. You can also indicate the languages your child speaks or is learning to speak on your demographic survey." %} -

-
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Of course! We're interested in how all children learn and grow. If you'd like, you can make a note of any developmental disorders in the comments section at the end of the study. We are excited that in the future, online studies may help more families participate in research to better understand their own children's diagnoses.

-

One note: most of our studies include both images and sound, and may be hard to understand if your child is blind or deaf. If you can, please feel free to help out by describing images or signing.

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
-

- {% trans "If possible, we ask that each child participate separately. When children participate together they generally influence each other. That's a fascinating subject in its own right but usually not the focus of our research." %} -

-
-
-
-
-
- -
-
-
- {% blocktranslate %} -

We agree with the American Academy of Pediatrics advice that children learn best from people, not screens! However, our studies are not intended to educate children, but to learn from them.

-

As part of a child's limited screen time, we hope that our studies will foster family conversation and engagement with science that offsets the few minutes spent watching a video instead of playing. And we do "walk the walk"--our own young children provide lots of feedback on our studies!

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
-

- {% trans "Some research groups provide gift cards or other compensation for completing their studies, and others rely on volunteers. (This often depends on the rules of the university that's doing the research.) This information will be listed on the study description page." %} -

-
-
-
-
-
- -
-
-
- {% blocktranslate %} -

You should expect to get an explanation about the purpose of every study you participate in when you consent to the study. At the end of the study, especially when it is a video chat, you should have a chance to ask any questions you like.

-

In general though, the goal of research studies is to learn about children in general, not any particular child. Thus, the information we get is usually not appropriate for making diagnoses or assessing the performance of individuals. For instance, while it might be interesting to learn that your child looked 70% of the time at videos where things fell up versus falling down today, we won't be able to tell you whether this means your child is going to be especially good at physics.

-

If you're interested in getting individual results right away, please see our Resources section for fun at-home activities you can try with your child.

-

Researchers usually aim to share the general results of studies in scientific journals (e.g., “The majority of three-year-olds chose option A; the majority of five-year-olds chose option B."). You can click here to see some examples of scientific research published with data collected online with children.

-

There can be a long lag between conducting a study and publication -- your five-year-olds might be eight-year-olds before the results are in press! So in addition to scientific publications, many of the labs that post studies on this website have ways for parents to sign up to receive updates. You can also set your communication preferences to be notified by Lookit when we have results from studies you participated in.

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Become a parent ambassador! One of the biggest challenges in developmental research is reaching families like you. With more children, we can also answer more sophisticated questions -- including questions about individual differences, the ways many different factors can interact to affect outcomes. Families like yours can help us make our science more representative and more reliable.

-

If you like what you are doing, please share this website (https://lookit.mit.edu), with our sincere thanks. Research on child development would be impossible without the support of parents like you.

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

If you are a parent who has participated with your child in a study on this website, or a university-based researcher who has posted a study on this website, then we consider you a member of the Parent Researcher Collaborative!

-

If you are asking who runs this website, the answer is that we are a collaboration between two projects for online studies with children, Lookit and Children Helping Science. Lookit was founded by Kim Scott and Laura Schulz at MIT, and is now lead by Executive Director Melissa Kline Struhl. The original Children Helping Science website was created by Elizabeth Bonawitz at Harvard, Hyowon Gweon at Stanford, Julian Jara-Ettinger at Yale, Candice Mills at UT Dallas, Laura Schulz at MIT, and Mark Sheskin at Minerva University. Mark did the web development (based on an initial design by Junyi Chu, a student in Laura's lab) and the logo was designed by Natalia Vélez, a student in Hyowon's lab.

-

We decided it would be nice for there to be one place online where parents and researchers could go to connect with each other to support research into child development!

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

For information about individual studies, please see the "study details" page, which will always include contact information for the lab running that study.

-

If you want to get in touch with the researchers organizing this website, you can reach us by email at lookit@mit.edu.

-

To report any technical difficulties during participation, please contact our team by email at lookit@mit.edu.

- {% endblocktranslate %} -
-
-
-
-
-

- {% trans "Technical" %} -

-
-
- -
-
-
-

- {% trans "Lookit supports recent versions of Chrome and Firefox. We are not currently able to support Internet Explorer or Safari." %} -

-
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Most studies require a laptop or desktop with a webcam. Because we're measuring kids' looking patterns, we need a reasonably stable view of their eyes and a big enough screen that we can tell whether they're looking at the left or the right side of it. We're excited about the potential for touchscreen studies that allow us to observe infants and toddlers exploring, though!

-

Some studies, especially surveys meant for older children and teens, may work on your phone or tablet - the study description should mention this if so.

-{% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

If you are trying to participate in a study and having difficulties, please start by contacting the researchers who made that specific study. If you still need help, you can also reach the Lookit team for help at lookit-tech@mit.edu.

-

If you are a researcher working on creating a study, you can find help in our documentation, and in our Slack community.

-{% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Here at Lookit we are very concerned about protecting your and your children's data, and our software is designed to take advantage of up-to-date security measures. You can read a bit about how we do this in our documentation, and an updated HECVAT is available by emailing lookit@mit.edu.

-{% endblocktranslate %} -
-
-
-
-
-

- {% trans "For Researchers" %} -

-
-
- -
-
-
- {% blocktranslate %} -

In order to list your study on this website, you first will need to have your institution sign a contract with MIT where they agree to the Terms of Use and certify that their studies will be reviewed and approved by an institutional review board. You will also need to edit your IRB protocol to include online testing, or submit a new protocol for your proposed online study.

-

As of January 2022, we have agreements with over 50 universities, including institutions in the United States, Canada, the United Kingdom, and European Union. Please email lookit@mit.edu if you are not sure whether your institution already has an agreement, or if you need any help at all getting your paperwork in order.

-

While you are completing these steps, you can get started on Lookit by creating a lab account, creating your first study, and getting it peer reviewed by our researcher community. A step-by-step guide to getting started is available here.

- {% endblocktranslate %} -
-
-
-
-
- -
-
-
- {% blocktranslate %} -

Lookit has a Slack community for researchers to ask for help, conduct peer review, and discuss online research methods.

-

The Society for Research in Child Development also has a discussion forum you might check out!

-{% endblocktranslate %} -
-
-
-
-
-
-
-
-{% endblock content %} diff --git a/web/templates/frontpages/home.html b/web/templates/frontpages/home.html deleted file mode 100644 index 2419bf36f..000000000 --- a/web/templates/frontpages/home.html +++ /dev/null @@ -1,52 +0,0 @@ -{% extends "frontpages/default.html" %} -{% load bootstrap3 %} -{% load i18n %} -{% block title %} - Home -{% endblock title %} -{% block content %} -
-
-
-

{% trans "Powered by Lookit" %}

-

{% trans "Fun for Families, Serious for Science" %}

- {% trans "Participate in a Study" %} -
-
-
-
-
-
-
- -
-

{% trans "Help Science" %}

-

- {% trans "This website has studies you and your child can participate in from your home, brought to you by researchers from universities around the world!" %} -

-
-
-
- -
-

{% trans "From Home" %}

-

- {% trans "You and your child use your computer to participate. Some studies can also be done on a tablet or phone." %} -

-
-
-
- -
-

{% trans "With Fun Activities" %}

-

- {% trans "Many studies are either short games, or listening to a story and answering questions about it. Some are available at any time, and others are a scheduled video chat with a researcher." %} -

-
-
-
-
-
-{% endblock content %} diff --git a/web/templates/registration/login.html b/web/templates/registration/login.html index 5357c7d78..0d76f3620 100644 --- a/web/templates/registration/login.html +++ b/web/templates/registration/login.html @@ -1,50 +1,34 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load i18n %} -{% block flash %} - {% bootstrap_messages %} - {% if form.errors %} - - {% endif %} -{% endblock flash %} +{% block title %} + {% trans "Login" %} +{% endblock title %} {% block content %} -
-
-
-
-

{% trans "Login" %}

-
-
-
- {% csrf_token %} - {% bootstrap_form form %} - {% buttons %} -
- -
- {% endbuttons %} - -
- {# Assumes you setup the password_reset view in your URLconf #} - {% if not request.user.is_authenticated %} - {# This conditional block is so we can use the this template for 2FA as well #} -

- {% trans "Forgot password?" %} -

-

- {% trans "New to Lookit?" %} {% trans "Register your family!" %} -

- {% else %} -

- Need help with your one time password? -

- {% endif %} -
+ {% trans "Login" as login %} +
+
{{ login }}
+
+
+ {% csrf_token %} + {% bootstrap_form form %} + {% bootstrap_button button_type="submit" content=login %} + +
+ {# Assumes you setup the password_reset view in your URLconf #} + {% if not request.user.is_authenticated %} + {# This conditional block is so we can use the this template for 2FA as well #} +

+ {% trans "Forgot password?" %} +

+

+ {% trans "New to Lookit?" %} {% trans "Register your family!" %} +

+ {% else %} +

+ Need help with your one time password? +

+ {% endif %}
-
{% endblock content %} diff --git a/web/templates/registration/password_change_done.html b/web/templates/registration/password_change_done.html index ce1801086..896a64ce5 100644 --- a/web/templates/registration/password_change_done.html +++ b/web/templates/registration/password_change_done.html @@ -1,6 +1,6 @@ {% extends "web/base.html" %} {% load i18n static %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block content %}
diff --git a/web/templates/registration/password_reset_complete.html b/web/templates/registration/password_reset_complete.html index 709577ffe..c879cfb7a 100644 --- a/web/templates/registration/password_reset_complete.html +++ b/web/templates/registration/password_reset_complete.html @@ -1,6 +1,6 @@ {% extends "web/base.html" %} {% load i18n static %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block content %}
diff --git a/web/templates/registration/password_reset_confirm.html b/web/templates/registration/password_reset_confirm.html index ae27f584b..9d0140af2 100644 --- a/web/templates/registration/password_reset_confirm.html +++ b/web/templates/registration/password_reset_confirm.html @@ -1,6 +1,6 @@ {% extends "web/base.html" %} {% load i18n static %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block content %}
diff --git a/web/templates/registration/password_reset_done.html b/web/templates/registration/password_reset_done.html index 686e7c7ad..32aca7d8a 100644 --- a/web/templates/registration/password_reset_done.html +++ b/web/templates/registration/password_reset_done.html @@ -1,6 +1,6 @@ {% extends "web/base.html" %} {% load i18n static %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block content %}
diff --git a/web/templates/registration/password_reset_form.html b/web/templates/registration/password_reset_form.html index 337b1d885..1a630bb7f 100644 --- a/web/templates/registration/password_reset_form.html +++ b/web/templates/registration/password_reset_form.html @@ -1,6 +1,6 @@ {% extends "web/base.html" %} {% load i18n static %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block content %}
diff --git a/web/templates/web/_footer.html b/web/templates/web/_footer.html new file mode 100644 index 000000000..bc5504093 --- /dev/null +++ b/web/templates/web/_footer.html @@ -0,0 +1,30 @@ +{% load i18n %} +{% load bootstrap_icons %} +{% load static %} +
+
+ NSF +
+
+ {% trans "This material is based upon work supported by the National Science Foundation (NSF) under Grants 1429216, 1823919, and 2209756; the Center for Brains, Minds and Machines (CBMM), funded by NSF STC award CCF-1231216, and by an NSF Graduate Research Fellowship under Grant No. 1122374. Any opinion, findings, and conclusions or recommendations expressed in this material are those of the authors(s) and do not necessarily reflect the views of the National Science Foundation." %} +
+
+ +
+
diff --git a/web/templates/web/_navigation.html b/web/templates/web/_navigation.html index c26bf8204..b4dfc3e87 100644 --- a/web/templates/web/_navigation.html +++ b/web/templates/web/_navigation.html @@ -1,59 +1,23 @@ -{% load bootstrap3 %} {% load i18n %} {% load web_extras %} - - +{% trans "Logout" as logout %} +
+ +
diff --git a/web/templates/web/base.html b/web/templates/web/base.html index 1048f7158..0ddccbb40 100644 --- a/web/templates/web/base.html +++ b/web/templates/web/base.html @@ -1,4 +1,4 @@ -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load static %} {% load i18n %} {% load web_extras %} @@ -7,50 +7,44 @@ - - + + + {% block title %} {% endblock title %} - {% trans "Lookit" %} - - - {% bootstrap_css %} - {% bootstrap_javascript jquery=True %} - - - - - - + + + + + + {% comment %} {% endcomment %} + {% comment %} {% endcomment %} + {% comment %} {% endcomment %} + {% bootstrap_javascript %} {% block head %} {% endblock head %} {% google_tag_manager %}
-
- {% block header %} - {% include 'web/_navigation.html' %} - {% endblock header %} -
-
- {% block flash %} - {% endblock flash %} -
-
-
-
- {% block content %} - {% endblock content %} -
-
-
+ {% include 'web/_navigation.html' %} + {% bootstrap_messages %} + {% block content %} + {% endblock content %} {% block footerjs %} {% endblock footerjs %} + {% block footer %} + {% endblock footer %}
+ {% comment %} {% include 'web/_footer.html' %} {% endcomment %} diff --git a/web/templates/web/child-add.html b/web/templates/web/child-add.html index 2322e10fa..1f039abaf 100644 --- a/web/templates/web/child-add.html +++ b/web/templates/web/child-add.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load static %} {% block title %} Children diff --git a/web/templates/web/child-update.html b/web/templates/web/child-update.html index 34f0f0791..6f97b50b0 100644 --- a/web/templates/web/child-update.html +++ b/web/templates/web/child-update.html @@ -1,6 +1,6 @@ {% extends "web/base.html" %} {% load static %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} {% trans "Child" %} - {{ child.given_name }} diff --git a/web/templates/web/children-list.html b/web/templates/web/children-list.html index d0e206d9b..4fa8b78b0 100644 --- a/web/templates/web/children-list.html +++ b/web/templates/web/children-list.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% block title %} Children {% endblock title %} diff --git a/web/templates/frontpages/contact.html b/web/templates/web/contact.html similarity index 96% rename from web/templates/frontpages/contact.html rename to web/templates/web/contact.html index 6ddf05cd9..360636dd4 100644 --- a/web/templates/frontpages/contact.html +++ b/web/templates/web/contact.html @@ -1,5 +1,5 @@ -{% extends "frontpages/default.html" %} -{% load bootstrap3 %} +{% extends "web/default.html" %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} Contact Us diff --git a/web/templates/web/demographic-data-update.html b/web/templates/web/demographic-data-update.html index 23645a813..c93b9e90b 100644 --- a/web/templates/web/demographic-data-update.html +++ b/web/templates/web/demographic-data-update.html @@ -1,6 +1,6 @@ {% extends "web/base.html" %} {% load i18n %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load static %} {% block title %} {% trans "Update demographics" %} diff --git a/web/templates/web/faq.html b/web/templates/web/faq.html new file mode 100644 index 000000000..6bf65eb54 --- /dev/null +++ b/web/templates/web/faq.html @@ -0,0 +1,786 @@ +{% extends "web/base.html" %} +{% load static %} +{% load django_bootstrap5 %} +{% load i18n %} +{% block title %} + FAQ +{% endblock title %} +{% block content %} +

{% trans "Frequently Asked Questions" %}

+

{% trans "Participation" %}

+
+
+

+ +

+
+
+ {% blocktranslate %} +

Cognitive development is the science of what kids understand and how they learn. Researchers in cognitive development are interested in questions like...

+
    +
  • What knowledge and abilities infants are born with, and what they have to learn from experience
  • +
  • How abilities like mathematical reasoning are organized and how they develop over time
  • +
  • What strategies children use to learn from the wide variety of data they observe
  • +
+

A study is meant to answer a very specific question about how children learn or what they know: for instance, 'Do three-month-olds recognize their parents' faces?'

+{% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate%} +

Lots of reasons! Here are three:

+
    +
  • Researchers work hard to make the studies engaging for children and families. We hope the study is fun for you and your child!
  • +
  • Your work supports science. Children are the world's most powerful learners and the more we understand about how children grow and learn, the more we will understand about the human mind.
  • +
  • While research studies aren't usually designed to affect outcomes for individual children, the more we understand about children, the more effective we can be in building a world where they learn and thrive. Your participation helps all of us!
  • +
+{% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate%} +

If you have a child and would like to participate, create an account [LINK] and take a look at what we have available for your child's age range. Some studies can be done at any time, and some involve a scheduled video chat with a university-based researcher. Most studies require a laptop/desktop with a webcam. The study description will tell you if you need any other supplies (such as a marker and paper, or a high chair for your baby to sit in.)

+

Each study will begin in the same way: you and your child will learn what the research is about, and you can then decide whether or not you want to do it. In most cases you'll be asked to read a consent form and record yourself stating that you and your child agree to participate. In other cases, you may electronically sign a form. In addition to permission from their parent or guardian, older children will also be asked directly if they want to participate.

+

Individual studies vary widely- we encourage you to try lots of different ones! Depending on your child's age, your child may answer questions directly or we may be looking for indirect signs of what she thinks is going on--like how long she looks at a surprising outcome. Some things that may happen in studies include:

+
    +
  • Looking at displays of dots or shapes that change on some dimension, while the webcam records your child's eye movements
  • +
  • Hearing some familiar or unfamiliar words, while watching images that may match what the person is saying
  • +
  • Listening to a story and then answering questions by speaking or pointing at the screen
  • +
  • Answering short interview or survey questions
  • +
+

Some portions of the study will be automatically recorded using your webcam and sent securely to the Lookit platform. Trained researchers will watch the video and record your child's responses--for instance, which way he pointed, or how long she looked at each image. We'll put these together with responses from lots of other children to learn more about how kids think!

+{% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% url "web:termsofuse" as termsofuse %} + {% blocktranslate %} +

All of the research conducted on the website is created by scientists to learn about child development, leading to articles in scientific journals. These publications can help inform other scientists, parents, educators, and policy-makers. Usually, these scientists work at colleges, universities, or hospitals. Rarely, a scientist who works at a nonprofit or a company might also do a study that fits this goal. If a study is meant to publish results in scientific journals for everyone to see (instead of just for one nonprofit or company), then it is possible it would appear on this website.

+

If a scientist wants to use this platform, their institution has to sign a contract with MIT where they agree to the Terms of Use and certify that their studies will be reviewed and approved by an institutional review board. Studies are also subject to review and approval by Lookit/Children Helping Science. As of January 2022, we have agreements with over 50 universities, including institutions in the United States, Canada, the United Kingdom, and European Union.

+{% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

The studies hosted on our site come from universities all around the world. For studies that involve a scheduled video chat, you will meet a researcher from the lab associated with the university doing the study. These researchers work as part of a team that always includes a "principal investigator" -- the supervisor (usually a professor) who is in charge of the lab). Studies will be conducted by someone under the direct supervision of that principal investigator (e.g., a lab manager, research assistant, or a postdoctoral, graduate, or undergraduate researcher in training).

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Traditionally, developmental studies happen in a quiet room in a university lab. Researchers call or email local parents to see if they'd like to take part and schedule an appointment for them to come visit the lab.

+

While researchers have been exploring online studies with children for several years, the COVID pandemic in 2020 forced most developmental labs to stop in-person visits entirely. Some studies will always need to take place in a lab, but some work very well online, and we have found these studies have a number of benefits for both families and scientists.

+

Why complement these in-lab studies with online ones? We're hoping to...

+
    +
  • Make it easier for you to take part in research, especially for families without a stay-at-home parent
  • +
  • Work with more kids when needed--right now a limiting factor in designing studies is the time it takes to recruit participants
  • +
  • Draw conclusions from a more representative population of families--not just those who live near a university and are able to visit the lab during the day.
  • +
  • Make it easier for families to continue participating in longitudinal studies, which may involve multiple testing sessions separated by months or years
  • +
  • Observe more natural behavior because children are at home rather than in an unfamiliar place
  • +
  • Create a system for learning about special populations--for instance, children with specific developmental disorders
  • +
  • Make the procedures we use in doing research more transparent, and make it easier to replicate our findings
  • +
  • Communicate with families about the research we're doing and what we can learn from it
  • +
+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Rather than having the parent or legal guardian sign a form, we ask that you read aloud (or sign in ASL) a statement of consent which is recorded using your webcam. This statement holds the same weight as a signed form, but should be less hassle for you. It also lets us verify that you understand written English and that you understand you're being videotaped.

+

Researchers watch these consent videos on a special page of the researcher interface, and record for each one whether the video shows informed consent. They cannot view other video or download data from a session unless they have confirmed that you consented to participate! If they see a consent video that does NOT clearly demonstrate informed consent--for instance, there was a technical problem and there's no audio--they may contact you to check, depending on your email settings.

+ {% endblocktranslate %} +
+ +
+
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Researchers using Lookit agree to uphold a common set of standards about how data is protected and shared. For instance, they never publish children's names or birthdates, or information that could be used to calculate a birthdate.

+

The Lookit researcher interface is designed with participant data protection as the top priority. For instance, a special interface lets researchers confirm consent videos before they are able to download any other data from your session. Research groups can control who has access to what data in a very fine-grained way, for instance allowing an assistant to confirm consent and send gift cards, but not download study data.

+

All of your data, including video, is transmitted over a secure HTTPS connection to Lookit storage, and is encrypted at rest. We take security very seriously; in addition to making sure any software we use is up-to-date, cloud servers are configured securely, and unit tests cover checking that accessing data requires correct permissions, we conducted a risk assessment and detailed manual penetration testing with a security contractor prior to our 2020 launch.

+

See also 'Who will see our video?'

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Lookit staff at MIT will have access to your video and other data in order to improve and promote the platform and help with troubleshooting. The researchers running the study you participated in will also have access to your video and other data (like responses to questions during the study, and information you fill out when registering a child) for research purposes. They will watch the video segments you send to mark down information specific to the study--for instance, what your child said, or how long he/she looked to the left versus the right of the screen. This research group may be at MIT or at another institution. All studies run on Lookit must be approved by an Institutional Review Board (IRB) that ensures participants' rights and welfare are protected. All researchers using Lookit also agree to Terms of Use that govern what data they can share and what sorts of studies are okay to run on Lookit; these rules are sometimes stricter than their own institution might be.

+

Whether anyone else may view the video depends on the privacy settings you select at the end of the study. There are two decisions to make: whether to share your data with Databrary, and how to allow your video clips to be used by the researchers you have selected.

+

First, we ask if you would like to share your data (including video) with authorized users fo the secure data library Databrary. Data sharing will lead to faster progress in research on human development and behavior. Researchers who are granted access to the Databrary library must agree to treat the data with the same high standard of care they would use in their own laboratories. Learn more about Databrary's mission or the requirements for authorized users.

+

Next, we ask what types of uses of your video are okay with you.

+
    +
  • Private This privacy level ensures that your video clips will be viewed only by authorized scientists (Lookit staff, the research group running the study and, if you have opted to share your data with Databrary, authorized Databrary users.) They will view the videos to record information about what your child did during the study--for instance, looking for 9 seconds at one image and 7 seconds at another image.
  • +
  • Scientific and educational This privacy level gives permission to share your video clips with other researchers or students for scientific or educational purposes. For example, researchers might show a video clip in a talk at a scientific conference or an undergraduate class about cognitive development, or include an image or video in a scientific paper. In some circumstances, video or images may be available online, for instance as supplemental material in a scientific paper. Sharing videos with other researchers helps other groups trust and build on our work.
  • +
  • Publicity This privacy level is for families who would be excited to see their child featured on the Lookit website or in the news! Selecting this privacy level gives permission to use your video clips to communicate about developmental studies and the Lookit platform with the public. For instance, we might post a short video clip on the Lookit website, on our Facebook page, or in a press release. Your video will never be used for commercial purposes.
  • +
+

If for some reason you do not select a privacy level, we treat the data as 'Private' and do not share with Databrary. Participants also have the option to withdraw all video besides consent at the end of the study if necessary (for instance, because someone was discussing state secrets in the background), and in this case it is automatically deleted. Privacy settings for completed sessions cannot automatically be changed retroactively. If you have any questions or concerns about privacy, please contact our team at lookit@mit.edu.

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+

+ {% trans "For children under about two years old, we usually design our studies to let their eyes do the talking! We're interested in where on the screen your child looks and/or how long your child looks at the screen rather than looking away. Our calibration videos (example shown below) help us get an idea of what it looks like when your child is looking to the right or the left, so we can code the rest of the video." %} +

+
+ +
+

+ {% trans "Here's an example of a few children watching our calibration video--it's easy to see that they look to one side and then the other." %} +

+
+ +
+

+ {% trans "Your child's decisions about where to look can give us lots of information about what he or she understands. Here are some of the techniques labs use to learn more about how children learn." %} +

+

+ {% trans "Habituation" %} +

+ {% blocktranslate %} +

In a habituation study, we first show infants many examples of one type of object or event, and they lose interest over time. Infants typically look for a long time at the first pictures, but then they start to look away more quickly. Once their looking times are much less than they were initially, we show either a picture from a new category or a new picture from the familiar category. If infants now look longer to the novel example, we can tell that they understood--and got bored of--the category we showed initially.

Habituation requires waiting for each individual infant to achieve some threshold of "boredness"--for instance, looking half as long at a picture as he or she did initially. Sometimes this is impractical, and we use familiarization instead. In a familiarization study, we show all babies the same number of examples, and then see how interested they are in the familiar versus a new category. Younger infants and those who have seen few examples tend to show a familiarity preference--they look longer at images similar to what they have seen before. Older infants and those who have seen many examples tend to show a novelty preference--they look longer at images that are different from the ones they saw before. You probably notice the same phenomenon when you hear a new song on the radio: initially you don't recognize it; after it's played several times you may like it and sing along; after it's played hundreds of times you would choose to listen to anything else.

+ {% endblocktranslate %} +

+ {% trans "Violation of expectation" %} +

+

+ {% trans "Infants and children already have rich expectations about how events work. Children (and adults for that matter) tend to look longer at things they find surprising, so in some cases, we can take their looking times as a measure of how surprised they are." %} +

+

+ {% trans "Preferential looking" %} +

+

+ {% trans "Even when they seem to be passive observers, children are making lots of decisions about where to look and what to pay attention to. In this technique, we present children with a choice between two side-by-side images or videos, and see if children spend more time looking at one of them. We may additionally play audio that matches one of the videos. The video below shows a participant looking to her left when asked to 'find clapping'; the display she's watching is shown at the top." %} +

+
+ +
+

+ {% trans "Predictive looking" %} +

+

+ {% trans "Children can often make sophisticated predictions about what they expect to see or hear next. One way we can see those predictions in young children is to look at their eye movements. For example, if a child sees a ball roll behind a barrier, she may look to the other edge of the barrier, expecting the ball to emerge there. We may also set up artificial predictive relationships--for instance, the syllable 'da' means a toy will appear at the left of the screen, and 'ba' means a toy will appear at the right. Then we can see whether children learn these relationships, and how they generalize, by watching where they look when they hear a syllable." %} +

+

+ {% trans "Older children may simply be able to answer spoken questions about what they think is happening. For instance, in a recent study, two women called an object two different made-up names, and children were asked which is the correct name for the object." %} +

+
+ +
+

+ {% trans "Another way we can learn about how older children (and adults) think is to measure their reaction times. For instance, we might ask you to help your child learn to press one key when a circle appears and another key when a square appears, and then look at factors that influence how quickly they press a key." %} +

+
+
+
+
+

+ +

+
+
+

+ {% trans "Certainly--thanks for your dedication! You may see a warning that you have already participated in the study when you go to try it again, but you can ignore it. You don't need to tell us that you tried the study before; we'll have a record of your previous participation." %} +

+
+
+
+
+

+ +

+
+
+

+ {% trans "Sure! We may not be able to use his or her data in our research directly, but if you're curious you're welcome to try the study anyway. (Sometimes big siblings really want their own turn!) If your child is just below the minimum age for a study, however, we encourage you to wait so that we'll be able to use the data." %} +

+
+
+
+
+

+ +

+
+
+

+ {% trans "For study eligibility, we usually use the child's chronological age (time since birth), even for premature babies. If adjusted age is important for a particular study, we will make that clear in the study eligibility criteria." %} +

+
+
+
+
+

+ +

+
+
+

+ {% trans "Sure! Right now, instructions for children and parents are written only in English, so some of them may be confusing to a child who does not hear English regularly. However, you're welcome to try any of the studies and translate for your child if you can. If it matters for the study whether your child speaks any languages besides English, we'll ask specifically. You can also indicate the languages your child speaks or is learning to speak on your demographic survey." %} +

+
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Of course! We're interested in how all children learn and grow. If you'd like, you can make a note of any developmental disorders in the comments section at the end of the study. We are excited that in the future, online studies may help more families participate in research to better understand their own children's diagnoses.

+

One note: most of our studies include both images and sound, and may be hard to understand if your child is blind or deaf. If you can, please feel free to help out by describing images or signing.

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+

+ {% trans "If possible, we ask that each child participate separately. When children participate together they generally influence each other. That's a fascinating subject in its own right but usually not the focus of our research." %} +

+
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

We agree with the American Academy of Pediatrics advice that children learn best from people, not screens! However, our studies are not intended to educate children, but to learn from them.

+

As part of a child's limited screen time, we hope that our studies will foster family conversation and engagement with science that offsets the few minutes spent watching a video instead of playing. And we do "walk the walk"--our own young children provide lots of feedback on our studies!

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+

+ {% trans "Some research groups provide gift cards or other compensation for completing their studies, and others rely on volunteers. (This often depends on the rules of the university that's doing the research.) This information will be listed on the study description page." %} +

+
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

You should expect to get an explanation about the purpose of every study you participate in when you consent to the study. At the end of the study, especially when it is a video chat, you should have a chance to ask any questions you like.

+

In general though, the goal of research studies is to learn about children in general, not any particular child. Thus, the information we get is usually not appropriate for making diagnoses or assessing the performance of individuals. For instance, while it might be interesting to learn that your child looked 70% of the time at videos where things fell up versus falling down today, we won't be able to tell you whether this means your child is going to be especially good at physics.

+

If you're interested in getting individual results right away, please see our Resources section for fun at-home activities you can try with your child.

+

Researchers usually aim to share the general results of studies in scientific journals (e.g., “The majority of three-year-olds chose option A; the majority of five-year-olds chose option B."). You can click here to see some examples of scientific research published with data collected online with children.

+

There can be a long lag between conducting a study and publication -- your five-year-olds might be eight-year-olds before the results are in press! So in addition to scientific publications, many of the labs that post studies on this website have ways for parents to sign up to receive updates. You can also set your communication preferences to be notified by Lookit when we have results from studies you participated in.

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Become a parent ambassador! One of the biggest challenges in developmental research is reaching families like you. With more children, we can also answer more sophisticated questions -- including questions about individual differences, the ways many different factors can interact to affect outcomes. Families like yours can help us make our science more representative and more reliable.

+

If you like what you are doing, please share this website (https://lookit.mit.edu), with our sincere thanks. Research on child development would be impossible without the support of parents like you.

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

If you are a parent who has participated with your child in a study on this website, or a university-based researcher who has posted a study on this website, then we consider you a member of the Parent Researcher Collaborative!

+

If you are asking who runs this website, the answer is that we are a collaboration between two projects for online studies with children, Lookit and Children Helping Science. Lookit was founded by Kim Scott and Laura Schulz at MIT, and is now lead by Executive Director Melissa Kline Struhl. The original Children Helping Science website was created by Elizabeth Bonawitz at Harvard, Hyowon Gweon at Stanford, Julian Jara-Ettinger at Yale, Candice Mills at UT Dallas, Laura Schulz at MIT, and Mark Sheskin at Minerva University. Mark did the web development (based on an initial design by Junyi Chu, a student in Laura's lab) and the logo was designed by Natalia Vélez, a student in Hyowon's lab.

+

We decided it would be nice for there to be one place online where parents and researchers could go to connect with each other to support research into child development!

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

For information about individual studies, please see the "study details" page, which will always include contact information for the lab running that study.

+

If you want to get in touch with the researchers organizing this website, you can reach us by email at lookit@mit.edu.

+

To report any technical difficulties during participation, please contact our team by email at lookit@mit.edu.

+ {% endblocktranslate %} +
+
+
+
+

+ {% trans "Technical" %} +

+
+
+

+ +

+
+
+

+ {% trans "Lookit supports recent versions of Chrome and Firefox. We are not currently able to support Internet Explorer or Safari." %} +

+
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Most studies require a laptop or desktop with a webcam. Because we're measuring kids' looking patterns, we need a reasonably stable view of their eyes and a big enough screen that we can tell whether they're looking at the left or the right side of it. We're excited about the potential for touchscreen studies that allow us to observe infants and toddlers exploring, though!

+

Some studies, especially surveys meant for older children and teens, may work on your phone or tablet - the study description should mention this if so.

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

If you are trying to participate in a study and having difficulties, please start by contacting the researchers who made that specific study. If you still need help, you can also reach the Lookit team for help at lookit-tech@mit.edu.

+

If you are a researcher working on creating a study, you can find help in our documentation, and in our Slack community.

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Here at Lookit we are very concerned about protecting your and your children's data, and our software is designed to take advantage of up-to-date security measures. You can read a bit about how we do this in our documentation, and an updated HECVAT is available by emailing lookit@mit.edu.

+ {% endblocktranslate %} +
+
+
+
+

+ {% trans "For Researchers" %} +

+
+
+

+ +

+
+
+ {% blocktranslate %} +

In order to list your study on this website, you first will need to have your institution sign a contract with MIT where they agree to the Terms of Use and certify that their studies will be reviewed and approved by an institutional review board. You will also need to edit your IRB protocol to include online testing, or submit a new protocol for your proposed online study.

+

As of January 2022, we have agreements with over 50 universities, including institutions in the United States, Canada, the United Kingdom, and European Union. Please email lookit@mit.edu if you are not sure whether your institution already has an agreement, or if you need any help at all getting your paperwork in order.

+

While you are completing these steps, you can get started on Lookit by creating a lab account, creating your first study, and getting it peer reviewed by our researcher community. A step-by-step guide to getting started is available here.

+ {% endblocktranslate %} +
+
+
+
+

+ +

+
+
+ {% blocktranslate %} +

Lookit has a Slack community for researchers to ask for help, conduct peer review, and discuss online research methods.

+

The Society for Research in Child Development also has a discussion forum you might check out!

+ {% endblocktranslate %} +
+
+
+
+{% endblock content %} +{% block footer %} + {% include 'web/_footer.html' %} +{% endblock footer %} diff --git a/web/templates/web/home.html b/web/templates/web/home.html index d6c82ec69..ca95c1713 100644 --- a/web/templates/web/home.html +++ b/web/templates/web/home.html @@ -1,7 +1,47 @@ {% extends "web/base.html" %} +{% load django_bootstrap5 %} +{% load i18n %} +{% load static %} +{% load bootstrap_icons %} {% block title %} - {% trans "Home" %} + Home {% endblock title %} {% block content %} -
{% trans "Home" %}
+
+ CHS home page collage +
+

{% trans "Powered by Lookit" %}

+
{% trans "Fun for Families, Serious for Science" %}
+ {% trans "Participate in a Study" %} +
+
+
+
+
{% bs_icon "clipboard-data-fill" size='3.5em' %}
+

{% trans "Help Science" %}

+

+ {% trans "This website has studies you and your child can participate in from your home, brought to you by researchers from universities around the world!" %} +

+
+
+
{% bs_icon "cup-hot-fill" size='3.5em' %}
+

{% trans "From Home" %}

+

+ {% trans "You and your child use your computer to participate. Some studies can also be done on a tablet or phone." %} +

+
+
+
{% bs_icon "balloon-heart-fill" size='3.5em' %}
+

{% trans "With Fun Activities" %}

+

+ {% trans "Many studies are either short games, or listening to a story and answering questions about it. Some are available at any time, and others are a scheduled video chat with a researcher." %} +

+
+
{% endblock content %} +{% block footer %} + {% include 'web/_footer.html' %} +{% endblock footer %} diff --git a/web/templates/web/participant-email-preferences.html b/web/templates/web/participant-email-preferences.html index 0a010fd65..e9b9e6312 100644 --- a/web/templates/web/participant-email-preferences.html +++ b/web/templates/web/participant-email-preferences.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} {% trans "Email Preferences" %} diff --git a/web/templates/web/participant-signup.html b/web/templates/web/participant-signup.html index 851e58ca1..828fc59a5 100644 --- a/web/templates/web/participant-signup.html +++ b/web/templates/web/participant-signup.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} Sign up to participate diff --git a/web/templates/frontpages/privacy.html b/web/templates/web/privacy.html similarity index 99% rename from web/templates/frontpages/privacy.html rename to web/templates/web/privacy.html index 69336d34a..fb59fe570 100644 --- a/web/templates/frontpages/privacy.html +++ b/web/templates/web/privacy.html @@ -1,5 +1,5 @@ -{% extends "frontpages/default.html" %} -{% load bootstrap3 %} +{% extends "web/default.html" %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} Privacy diff --git a/web/templates/frontpages/resources.html b/web/templates/web/resources.html similarity index 99% rename from web/templates/frontpages/resources.html rename to web/templates/web/resources.html index cb88d3878..5f49e4477 100644 --- a/web/templates/frontpages/resources.html +++ b/web/templates/web/resources.html @@ -1,5 +1,5 @@ -{% extends "frontpages/default.html" %} -{% load bootstrap3 %} +{% extends "web/default.html" %} +{% load django_bootstrap5 %} {% load i18n %} {% load static %} {% block title %} diff --git a/web/templates/frontpages/scientists.html b/web/templates/web/scientists.html similarity index 99% rename from web/templates/frontpages/scientists.html rename to web/templates/web/scientists.html index 39a53bb1e..886a0c961 100644 --- a/web/templates/frontpages/scientists.html +++ b/web/templates/web/scientists.html @@ -1,5 +1,5 @@ -{% extends "frontpages/default.html" %} -{% load bootstrap3 %} +{% extends "web/default.html" %} +{% load django_bootstrap5 %} {% load i18n %} {% load static %} {% block title %} diff --git a/web/templates/web/studies-history.html b/web/templates/web/studies-history.html index 3f8010767..f9722af25 100644 --- a/web/templates/web/studies-history.html +++ b/web/templates/web/studies-history.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} {% trans "Past Studies" %} diff --git a/web/templates/web/studies-list.html b/web/templates/web/studies-list.html index e09b0a374..8b2dffd7a 100644 --- a/web/templates/web/studies-list.html +++ b/web/templates/web/studies-list.html @@ -1,156 +1,78 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load i18n %} {% load web_extras %} +{% load static %} {% block title %} {% trans "Studies" %} {% endblock title %} -{% block flash %} - {% if form.errors %} - - {% endif %} - {% if next %} - - {% endif %} -{% endblock flash %} +{% block head %} + +{% endblock head %} {% block content %} - {% bootstrap_messages %} -
-
-
- {% csrf_token %} - {{ form.study_list_tabs }} -
- {% bootstrap_field form.child show_label=False %} - {% bootstrap_field form.study_location show_label=False %} - {% bootstrap_field form.hide_studies_we_have_done form_group_class="form-group show-experiments" %} - {% if user.is_anonymous %} - - {% endif %} -
- {% trans "Clear" as clear_button_text %} - {% bootstrap_field form.search show_label=False %} - {% bootstrap_button clear_button_text "reset" button_class="btn btn-default" %} -
-
-
+
+ {% csrf_token %} + {{ form.study_list_tabs }} +
{% bootstrap_field form.child show_label=False %}
+
{% bootstrap_field form.study_location show_label=False %}
+
{% bootstrap_field form.hide_studies_we_have_done %}
+ {% if user.is_anonymous %}
Log in to find studies just right for your child!
{% endif %} +
{% bootstrap_field form.search show_label=False %}
+
+ {% trans "Clear" as clear_button_text %} + {% bootstrap_button clear_button_text button_type="reset" %}
-
+ -
-
+
+

{% studies_tab_text form.study_list_tabs as tab_text %} {{ tab_text|linebreaks }} -

+

-
- {% for study_row in object_list %} - - {% empty %} -
+ + + {% empty %} +

+ {% trans "No studies found." %} +

{% endfor %}
-
-
+
+

{% trans 'Looking for more ways to contribute to research from home? Check out' %} - {% trans 'Children Helping Science' %} {% trans 'for even more studies!' %} -

+ {% trans 'Children Helping Science' %} + + {% trans 'for even more studies!' %} +

- {% endblock content %} +{% block footer %} + {% include 'web/_footer.html' %} +{% endblock footer %} diff --git a/web/templates/web/study-detail.html b/web/templates/web/study-detail.html index ca8589bdb..1a886994e 100644 --- a/web/templates/web/study-detail.html +++ b/web/templates/web/study-detail.html @@ -1,5 +1,5 @@ {% extends "web/base.html" %} -{% load bootstrap3 %} +{% load django_bootstrap5 %} {% load web_extras %} {% load i18n %} {% block title %} diff --git a/web/templates/frontpages/termsofuse.html b/web/templates/web/termsofuse.html similarity index 99% rename from web/templates/frontpages/termsofuse.html rename to web/templates/web/termsofuse.html index 64199e8a8..6813d9cec 100644 --- a/web/templates/frontpages/termsofuse.html +++ b/web/templates/web/termsofuse.html @@ -1,5 +1,5 @@ -{% extends "frontpages/default.html" %} -{% load bootstrap3 %} +{% extends "web/default.html" %} +{% load django_bootstrap5 %} {% load i18n %} {% block title %} Terms of Use diff --git a/web/templatetags/web_extras.py b/web/templatetags/web_extras.py index 4fae1a654..6b7059e5f 100644 --- a/web/templatetags/web_extras.py +++ b/web/templatetags/web_extras.py @@ -20,7 +20,7 @@ def format(text: Text) -> Text: return "" -def active_nav(request, url) -> Text: +def active_nav(request, url) -> bool: """Determine is this button is the active button in the navigation bar. Args: @@ -28,12 +28,9 @@ def active_nav(request, url) -> Text: url (Text): String url for the current view Returns: - Text: "active" if this is the active view, else empty string. + boolean: returns true if this path is active """ - if request.path == url: - return "active" - else: - return "" + return request.path == url def nav_next(request, url, text, button): @@ -53,9 +50,9 @@ def nav_next(request, url, text, button): if button: css_class = "btn btn-lg btn-default" elif active: - css_class = f"{active} btn-link" + css_class = f"btn active btn-link" else: - css_class = "btn-link" + css_class = "btn btn-link" form = f"""
@@ -90,7 +87,7 @@ def google_tag_manager() -> Text: @register.simple_tag -def nav_item(request, url_name, text): +def nav_link(request, url_name, text): """General navigation bar item Args: @@ -101,11 +98,16 @@ def nav_item(request, url_name, text): Returns: SafeText: HTML of navigation item """ - li_class = "" + html_classes = ["nav-link"] url = reverse(url_name) - li_class = active_nav(request, url) + aria_current = "" + if active_nav(request, url): + html_classes.append("active") + aria_current = ' aria-current="page"' - return mark_safe(f'
  • {_(text)}
  • ') + return mark_safe( + f'{_(text)}' + ) @register.simple_tag diff --git a/web/urls.py b/web/urls.py index 43d5117da..dd9b78f6c 100644 --- a/web/urls.py +++ b/web/urls.py @@ -1,4 +1,5 @@ from django.urls import path, re_path +from django.views.generic.base import TemplateView from web import views @@ -40,13 +41,33 @@ views.ExperimentAssetsProxyView.as_view(), name="experiment-assets-proxy", ), - path("", views.HomeView.as_view(), name="home"), - path("faq/", views.FAQView.as_view(), name="faq"), - path("privacy/", views.PrivacyView.as_view(), name="privacy"), - path("scientists/", views.ScientistsView.as_view(), name="scientists"), - path("contact_us/", views.ContactView.as_view(), name="contact"), - path("resources/", views.ResourcesView.as_view(), name="resources"), - path("termsofuse/", views.TermsOfUseView.as_view(), name="termsofuse"), + path("", TemplateView.as_view(template_name="web/home.html"), name="home"), + path("faq/", TemplateView.as_view(template_name="web/faq.html"), name="faq"), + path( + "privacy/", + TemplateView.as_view(template_name="web/privacy.html"), + name="privacy", + ), + path( + "scientists/", + TemplateView.as_view(template_name="web/scientists.html"), + name="scientists", + ), + path( + "contact_us/", + TemplateView.as_view(template_name="web/contact.html"), + name="contact", + ), + path( + "resources/", + TemplateView.as_view(template_name="web/resources.html"), + name="resources", + ), + path( + "termsofuse/", + TemplateView.as_view(template_name="web/termsofuse.html"), + name="termsofuse", + ), path( r"studies//", views.LabStudiesListView.as_view(), diff --git a/web/views.py b/web/views.py index 62b534d8c..d0f7a753a 100644 --- a/web/views.py +++ b/web/views.py @@ -90,34 +90,6 @@ def get_external_url(study: Study, response: Response) -> Text: return url.geturl() -class HomeView(generic.TemplateView): - template_name = "frontpages/home.html" - - -class FAQView(generic.TemplateView): - template_name = "frontpages/faq.html" - - -class PrivacyView(generic.TemplateView): - template_name = "frontpages/privacy.html" - - -class ScientistsView(generic.TemplateView): - template_name = "frontpages/scientists.html" - - -class ContactView(generic.TemplateView): - template_name = "frontpages/contact.html" - - -class ResourcesView(generic.TemplateView): - template_name = "frontpages/resources.html" - - -class TermsOfUseView(generic.TemplateView): - template_name = "frontpages/termsofuse.html" - - class ParticipantSignupView(generic.CreateView): """ Allows a participant to sign up. Redirects them to a page to add their demographic data. @@ -366,10 +338,7 @@ def get_queryset(self): studies = self.filter_studies(studies) - studies = sorted(studies, key=self.sort_fn()) - - # convert studies in to a 3d list of four elements - return [studies[x : x + 4] for x in range(0, len(studies), 4)] + return sorted(studies, key=self.sort_fn()) def filter_studies(self, studies: QuerySet) -> QuerySet: session = self.request.session