{"id":26021010,"url":"https://github.com/lrusso/classroom","last_synced_at":"2025-03-06T08:33:00.961Z","repository":{"id":92357814,"uuid":"211724662","full_name":"lrusso/Classroom","owner":"lrusso","description":"Classroom developed in JavaScript","archived":false,"fork":false,"pushed_at":"2024-03-20T16:42:29.000Z","size":10014,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-03-20T17:44:11.702Z","etag":null,"topics":["classroom","html5","javascript","web"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lrusso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2019-09-29T20:51:39.000Z","updated_at":"2024-03-20T16:25:49.000Z","dependencies_parsed_at":"2023-05-17T00:00:35.350Z","dependency_job_id":null,"html_url":"https://github.com/lrusso/Classroom","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroom","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroom/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroom/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroom/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lrusso","download_url":"https://codeload.github.com/lrusso/Classroom/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242177230,"owners_count":20084738,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["classroom","html5","javascript","web"],"created_at":"2025-03-06T08:32:58.726Z","updated_at":"2025-03-06T08:33:00.947Z","avatar_url":"https://github.com/lrusso.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Classroom\n\nClassroom developed in JavaScript.\n\n![alt screenshot](https://raw.githubusercontent.com/lrusso/Classroom/master/Classroom.png)\n\n## Web\n\nhttps://lrusso.github.io/Classroom/Classroom.htm\n\n## How to create your own classroom\n\nIn https://github.com/lrusso/Classroom/blob/master/ClassroomClass01.htm, you will see this two variables:\n\n```javascript\nvar classroom_events = [1,7,17,24,28];\nvar classroom_audio_path = \"ClassRoomClass01.mp3\";\n```\n\n* The **classroom_events** variable is an array that sets how many seconds must pass for the next transition.\n\n* The **classroom_audio_path** variable is the path to the MP3 audio file that has the voice of the teacher giving the class.\n\n* Design your Web page for the classroom using as many HTML elements as you need.\n\n## Handling transitions in your classroom\n\n```html\n\u003ctable\u003e\n     \u003ctr\u003e\n          \u003ctd colspan=\"2\"\u003e\u003cspan class=\"classroom_resource classroom_resource_hidden\"\u003eIntroduction\u003c/span\u003e\u003c/td\u003e\n     \u003c/tr\u003e\n     \u003ctr\u003e\n          \u003ctd\u003e\u003cimg alt=\"\" class=\"classroom_resource classroom_resource_hidden\" src=\"data:image/png;base64,iVBOR==\"\u003e\u003c/td\u003e\n          \u003ctd\u003e\u003cimg alt=\"\" class=\"classroom_resource classroom_resource_hidden\" src=\"data:image/png;base64,iVBOR==\"\u003e\u003c/td\u003e\n     \u003ctr\u003e\n          \u003ctd\u003e\u003cimg alt=\"\" class=\"classroom_resource classroom_resource_hidden\" src=\"data:image/png;base64,iVBOR==\"\u003e\u003c/td\u003e\n          \u003ctd\u003e\u003cimg alt=\"\" class=\"classroom_resource classroom_resource_hidden\" src=\"data:image/png;base64,iVBOR==\"\u003e\u003c/td\u003e\n     \u003c/tr\u003e\n\u003c/table\u003e\n```\n\nEvery object that has the class **classroom_resource** will be considered for a fade-in transition effect, one by one, according to the order of insertion of those objects in the Web document.\n\nEvery object that has the class **classroom_resource_hidden** will be hidden by default.\n\n## Creating a test for your classroom\n\nIn https://github.com/lrusso/Classroom/blob/master/ClassroomClass05.htm, you will see this four variables for text values that are going to used by the platform:\n\n```javascript\nvar classroom_questions_correct = \"CORRECT\";\nvar classroom_questions_incorrect = \"INCORRECT\";\nvar classroom_questions_result_text = \"YOUR TEST RESULT IS:\";\nvar classroom_questions_result_pointsof = \"POINTS OF\";\n```\n\nYou will also see this array, that will contains all the questions and possible answers.\n\n```javascript\nvar classroom_questions_array = [\n\t\t\t\t[\"Question 1 - This is a Test?\",\"Yes\",\"No\",\"Maybe\",1],\n\t\t\t\t[\"Question 2 - How many available answers do you have now?\",\"1\",\"2\",\"\",2],\n\t\t\t\t[\"Question 3 - This \u003cb\u003e\u003cu\u003e\u003ci\u003eformatted text\u003c/i\u003e\u003c/u\u003e\u003c/b\u003e was designed and inserted by using which technologies?\",\"HTML and CSS\",\"HTML, CSS and JavaScript\",\"PHP \u0026 MySQL\",2],\n\t\t\t\t];\n```\n\nThis is an example of a question:\n \n```javascript\n[\"This is my question?\",\"Possible Answer 1\",\"Possible Answer 2\",\"Possible Answer 3\", 2]\n```\n\nThe last value that you see in this example, is a 2, and that means that the correct answer will be the second one.\n\nYou can also insert a question with only two possible answers by doing this:\n\n```javascript\n[\"This is a test?\",\"Yes\",\"No\",\"\", 1]\n```\n\n## Accessibility\n\nThis platform has the following technical specifications, in order to be compatible with screen readers:\n\n* Every link to a class is a A element.\n* Every button in a test is a A element.\n* Every image displayed during classes has a TAG property.\n\nAlso, there are some keys that can be used during the classes, in order to provide a compatible experience for the visually impaired:\n\n* Left Key: Rewind class 5 seconds\n* Right Key: Forward class 5 seconds\n* Space Key: Pause or resume class\n* Escape Key: Go back to the board\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flrusso%2Fclassroom","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flrusso%2Fclassroom","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flrusso%2Fclassroom/lists"}