-
Notifications
You must be signed in to change notification settings - Fork 40
Structure
Aldo edited this page Mar 13, 2018
·
8 revisions
This section describes the file structure of the RESCORM boilerplate.
File/Folder | Description |
---|---|
app | This folder contains the files of the React application. |
app/assets | This folder contains the resources of the application (images, fonts, css files, ...) |
app/assets/images | This folder contains the image files. |
app/assets/scss | This folder contains the CSS and SASS files. |
app/components | This folder contains the React components of the app. |
app/components/ReduxProvider.jsx | It's the 'react-redux' provider component. |
app/components/App.jsx | It's the main screen of the application. |
app/components/FinishScreen.jsx | It's the screen shown to the user when finishing the app. |
app/components/Header.jsx | It's a header that shows some basic information (progress measure, score, ...). It's intended for development purposes. |
app/components/SCORM.jsx | It's a non-renderizable component that handles the connection and usage of the SCORM API. |
app/components/Quiz.jsx | This component contains a full example of a Quiz build using the boilerplate. The rest of components (MCQuestion, MCQuestionChoice, QuestionButtons, ...) contained in the app/components folder belong to this example. |
app/config/ | This folder contains configuration files. |
app/config/config.js | See the configuration section of the Wiki for details. |
app/config/config_lms.js | See the configuration section of the Wiki for details. |
app/config/locales.js | This file contains the text of the application in all available languages. |
app/config/samples.js | This file defines a Quiz in JSON format to be loaded by the application. |
app/constants/ | This folder contains files that define constants. |
app/constants/constants.jsx | This file defines constants for the application (e.g. initial state). |
app/reducers | This file contains the actions and reducers of the React-Redux application. |
app/reducers/actions.jsx | This file defines the actions of the application. |
app/reducers/reducers.jsx | This file combines all the reducers of the application and defines its global state. |
app/reducers/rnameReducer.jsx | This file defines the reducer called rname. |
app/scorm | This folder contains different resources for loading and generating SCORM applications. |
app/scorm/schemas | This folder contains all the required schemas to generate SCORM packages (versions 1.2 and 2004). |
app/scorm/Local_API_1484_11.js | An API that mimics connectivity with SCORM 2004 compliant environments. |
app/scorm/Local_API_SCORM_12.js | An API that mimics connectivity with SCORM 1.2 compliant environments. |
app/scorm/SCORM_Player.js | A JavaScript library for loading SCORM applications. |
app/scorm/imsmanifest_scorm12.xml | A template of a SCORM 1.2 XML Manifest. This template is used for packaging the React application into SCORM 1.2 packages. |
app/scorm/imsmanifest_scorm2004.xml | A template of a SCORM 2004 XML Manifest. This template is used for packaging the React application into SCORM 2004 packages. |
app/vendors | This folder contains useful libraries for the application. |
app/vendors/I18n.js | Library that provides internationalization (i18n) support. |
app/vendors/SCORM_API.js | Library that allows to stablish communication with SCORM 2004 and SCORM 1.2 compliant environments. |
app/vendors/SCORM_API_Wrapper.js | A wrapper for the SCORM_API.js library in order to facilitate its usage by the React application. |
app/vendors/Utils.js | A library with different utilities that can be used by the React application (e.g. a function to shuffle arrays). |
app/index.html | The index.html file of the React application. Available at http://localhost:8080/index.html. |
app/main.js | The main.js file of the React application. |
app/scorm12.html | This file provides a SCORM 1.2 compliant environment for testing the application. Available at http://localhost:8080/scorm12.html. |
app/scorm2004.html | This file provides a SCORM 2004 compliant environment for testing the application. Available at http://localhost:8080/scorm2004.html. |
app/dist | This folder contains the production ready build of the application generated by the npm run production command. |
app/dist_scorm | This folder contains the two SCORM packages (one compliant with SCORM 1.2 and the other one compliant with SCORM 2004) in which the production ready build of the application has been packaged as a result of the npm run scorm_package command. |