Skip to content

Commit b39adde

Browse files
committed
DOC-2562: update html within demos and include some converter options.
1 parent 1f4d590 commit b39adde

File tree

5 files changed

+145
-112
lines changed

5 files changed

+145
-112
lines changed
Lines changed: 60 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,71 +1,78 @@
11
<textarea id="exportpdf">
22
<h1>Streamline - The Next-Gen Learning Management System (LMS)</h1>
33
<p>This document provides a comprehensive overview of the Streamline Learning Management System (LMS) project.</p>
4-
<p><img src="https://images.unsplash.com/photo-1522199755839-a2bacb67c546?q=80&w=2072&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="" width="573" height="429"></p>
5-
<p>By <a class="N2odk RZQOk eziW_ KHq0c Byk7y KHq0c" href="https://unsplash.com/@anete_lusina">Anete Lūsiņa</a> on <a href="https://unsplash.com">Unsplash</a></p>
4+
5+
<figure class="image">
6+
<img src="https://images.unsplash.com/photo-1522199755839-a2bacb67c546?q=80&amp;w=2072&amp;auto=format&amp;fit=crop&amp;ixlib=rb-4.0.3&amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
7+
alt="A laptop on a polished wood table with a bronze cup, creating a warm workspace ambiance" width="573" height="429">
8+
<figcaption>An elegant workspace featuring a laptop on a polished wood table, accompanied by a bronze cup, creating a warm and productive atmosphere.</figcaption>
9+
</figure>
10+
11+
<p>Photo by <a href="https://unsplash.com/@anete_lusina">Anete Lūsiņa</a> on <a href="https://unsplash.com">Unsplash</a></p>
12+
613
<h2>Project Goals</h2>
7-
<p>Streamline aims to revolutionize online learning by offering a robust and user-friendly platform for educators and learners alike. Our primary goals are:</p>
14+
<p>Streamline aims to revolutionize online learning by offering a robust and user-friendly platform for educators and learners. The primary goals include:</p>
815
<ul>
9-
<li><em><strong>To empower educators</strong></em> with intuitive tools for content creation, course management, and student assessment.&nbsp;</li>
10-
<li><em><strong>To enhance the learning experience for students</strong></em> through engaging content delivery, interactive features, and personalized learning paths.</li>
11-
<li><em><strong>To increase accessibility and scalability</strong></em> to cater to diverse learning needs and accommodate a growing user base.</li>
16+
<li><strong>Empowering educators</strong> with intuitive tools for content creation, course management, and student assessment.</li>
17+
<li><strong>Enhancing the learning experience for students</strong> through engaging content delivery, interactive features, and personalized learning paths.</li>
18+
<li><strong>Increasing accessibility and scalability</strong> to cater to diverse learning needs and support a growing user base.</li>
1219
</ul>
20+
1321
<h2>System Features</h2>
14-
<p>Streamline will be packed with features to streamline (pun intended) the learning process:</p>
22+
<p>Streamline is designed to enrich the learning process through a comprehensive set of features:</p>
1523
<ul>
16-
<li><strong>Content Management System (CMS)</strong>: A user-friendly interface for educators to create and upload various learning materials, including videos, documents, presentations, and interactive quizzes.</li>
17-
<li><strong>Course Management Tools</strong>: Streamline allows educators to structure courses with clear learning objectives, organize content modules, and manage student enrollment.&nbsp;</li>
18-
<li><strong>Interactive Learning Activities</strong>: The platform will incorporate gamification elements, discussion forums, collaborative assignments, and other interactive features to keep students engaged.&nbsp;</li>
19-
<li><strong>Assessment &amp; Analytics</strong>: Streamline provides educators with tools to create quizzes, track student progress, generate reports, and identify areas for improvement.&nbsp;</li>
20-
<li><strong>Personalized Learning Paths</strong>: The system will utilize machine learning algorithms to personalize learning recommendations and suggest relevant content based on individual student needs and progress.</li>
24+
<li><strong>Content Management System (CMS)</strong>: An intuitive interface enabling educators to create and upload various learning materials, including videos, documents, presentations, and quizzes.</li>
25+
<li><strong>Course Management Tools</strong>: Structure courses with clear objectives, organize content modules, and manage student enrollments effectively.</li>
26+
<li><strong>Interactive Learning Activities</strong>: Includes gamification, discussion forums, collaborative assignments, and more to maintain student engagement.</li>
27+
<li><strong>Assessment & Analytics</strong>: Tools for creating quizzes, tracking student progress, generating reports, and identifying improvement areas.</li>
28+
<li><strong>Personalized Learning Paths</strong>: Machine learning algorithms provide tailored content recommendations based on student progress and needs.</li>
2129
</ul>
22-
<p><strong>Table 1: Streamline - Target User Groups</strong></p>
23-
<table style="border-collapse: collapse; width: 100%;" border="1"><colgroup><col style="width: 50%;"><col style="width: 50%;"></colgroup>
24-
<tbody>
25-
<tr>
26-
<td><strong>User Group</strong></td>
27-
<td>Benefits</td>
28-
</tr>
29-
<tr>
30-
<td><strong>Educators</strong></td>
31-
<td>Easy content creation, efficient course management, valuable student insights.</td>
32-
</tr>
33-
<tr>
34-
<td><strong>Learners</strong></td>
35-
<td>Engaging learning experience, personalized learning paths, interactive collaboration.</td>
36-
</tr>
37-
<tr>
38-
<td><strong>Administrators</strong></td>
39-
<td>Scalable platform management, user access control, comprehensive reporting tools.</td>
40-
</tr>
41-
</tbody>
30+
31+
<h3>Table 1: Streamline - Target User Groups</h3>
32+
<table style="border-collapse: collapse; width: 100%;" border="1">
33+
<thead>
34+
<tr>
35+
<th style="text-align: left;">User Group</th>
36+
<th style="text-align: left;">Benefits</th>
37+
</tr>
38+
</thead>
39+
<tbody>
40+
<tr>
41+
<td><strong>Educators</strong></td>
42+
<td>Easy content creation, efficient course management, and valuable student insights.</td>
43+
</tr>
44+
<tr>
45+
<td><strong>Learners</strong></td>
46+
<td>Engaging learning experience, personalized learning paths, and interactive collaboration.</td>
47+
</tr>
48+
<tr>
49+
<td><strong>Administrators</strong></td>
50+
<td>Scalable platform management, user access control, and comprehensive reporting tools.</td>
51+
</tr>
52+
</tbody>
4253
</table>
43-
<h2><br>Technology Stack</h2>
54+
55+
<h2>Technology Stack</h2>
4456
<p>Streamline will leverage a robust technology stack to ensure performance, scalability, and security:</p>
4557
<ul>
46-
<li><strong>Front-End</strong>: ReactJS for a responsive and user-friendly interface.&nbsp;</li>
47-
<li><strong>Back-End</strong>: Node.js for efficient server-side operations.&nbsp;</li>
48-
<li><strong>Database</strong>: MongoDB for flexible and scalable data storage.&nbsp;</li>
49-
<li><strong>Cloud Platform</strong>: Amazon Web Services (AWS) for reliable hosting and infrastructure.&nbsp;</li>
58+
<li><strong>Front-End</strong>: ReactJS for a responsive and user-friendly interface.</li>
59+
<li><strong>Back-End</strong>: Node.js for efficient server-side operations.</li>
60+
<li><strong>Database</strong>: MongoDB for flexible and scalable data storage.</li>
61+
<li><strong>Cloud Platform</strong>: Amazon Web Services (AWS) for reliable hosting and infrastructure.</li>
5062
</ul>
51-
<h2>Code Example&nbsp;</h2>
52-
<p>Here's a simplified code snippet demonstrating how educators can create a multiple-choice question within the CMS:</p>
53-
<h3>JavaScript</h3>
54-
<p><code>const questionData = {</code><br><code>&nbsp; title: "What is the capital of France?",</code><br><code>&nbsp; options: [</code><br><code>&nbsp; &nbsp; "London",</code><br><code>&nbsp; &nbsp; "Paris", &nbsp;**Subscript for correct answer indicator**</code><br><code>&nbsp; &nbsp; "Berlin",</code><br><code>&nbsp; &nbsp; "Madrid"</code><br><code>&nbsp; ],</code><br><code>&nbsp; correctAnswer: 1</code><br><code>};</code></p>
55-
<p><code>// Submit question data to the LMS backend for storage</code></p>
56-
<blockquote>
57-
<p><strong>Note</strong>: This is a basic example for illustration purposes. The actual code will involve API calls and more complex functionalities. (Normal body text with parenthetical information)</p>
58-
</blockquote>
59-
<h2>Project Timeline&nbsp;</h2>
63+
64+
<h2>Project Timeline</h2>
6065
<ul>
61-
<li><strong>Phase 1 (2 Months)</strong>: System design, development of core functionalities, and front-end prototype creation.</li>
62-
<li><strong>Phase 2 (3 Months)</strong>: Integration of advanced features like personalized learning and assessment tools.</li>
63-
<li><strong>Phase 3 (1 Month)</strong>: Rigorous testing, bug fixing, and user interface refinement.</li>
64-
<li><strong>Phase 4 (Ongoing)</strong>: Deployment, user feedback collection, and continuous improvement through iterative development cycles.&nbsp;</li>
66+
<li><strong>Phase 1 (2 Months)</strong>: System design, core functionalities development, and front-end prototype creation.</li>
67+
<li><strong>Phase 2 (3 Months)</strong>: Integration of advanced features like personalized learning and assessment tools.</li>
68+
<li><strong>Phase 3 (1 Month)</strong>: Rigorous testing, bug fixing, and UI refinement.</li>
69+
<li><strong>Phase 4 (Ongoing)</strong>: Deployment, user feedback collection, and continuous iterative development.</li>
6570
</ul>
71+
6672
<blockquote>
67-
<p><em>This is a preliminary timeline and may be subject to change.</em></p>
73+
<p><em>This timeline is preliminary and may be subject to change.</em></p>
6874
</blockquote>
75+
6976
<h2>Conclusion</h2>
70-
<p>Streamline LMS has the potential to become a game-changer in the online learning landscape. By empowering educators and fostering a more engaging learning experience for students, Streamline aims to contribute to a future of accessible and effective education for all.</p>
71-
</textarea>
77+
<p>Streamline LMS is poised to become a game-changer in online education. By empowering educators and enhancing student experiences, it aims to make effective and accessible learning available to all.</p>
78+
</textarea>

modules/ROOT/examples/live-demos/exportpdf/index.js

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,17 @@ tinymce.init({
22
selector: 'textarea#exportpdf',
33
height: '800px',
44
plugins: [
5-
"exportpdf", "advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
5+
"exportpdf", "advlist", "anchor", "autolink", "charmap", "code", "codesample", "fullscreen",
66
"help", "image", "insertdatetime", "link", "lists", "media",
77
"preview", "searchreplace", "table", "visualblocks",
8-
],
9-
toolbar: "undo redo | exportpdf | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
8+
],
9+
toolbar: "undo redo | exportpdf | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
10+
image_caption: true,
11+
exportpdf_converter_options: {
12+
format: 'A4',
13+
margin_top: '1in',
14+
margin_right: '1in',
15+
margin_bottom: '1in',
16+
margin_left: '1in'
17+
}
1018
});

0 commit comments

Comments
 (0)