Skip to content

Commit 6ab1dfe

Browse files
lechien73lechien73
authored
Update full-stack-project-implementation-guide.html
1 parent 1470f94 commit 6ab1dfe

File tree

1 file changed

+108
-0
lines changed

1 file changed

+108
-0
lines changed

‎full-stack-project-implementation-guide.html

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -443,6 +443,114 @@ <h5>Criterion: 5.4 Document AI’s role in the development process and how it im
443443
</div>
444444
</div>
445445
</div>
446+
447+
<!-- LO6 -->
448+
<div class="accordion-item">
449+
<h2 class="accordion-header" id="headingLOFive">
450+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseLOFive" aria-expanded="false" aria-controls="collapseLOFive">
451+
LO6: Learners will be able to deploy a Full-Stack Web application using Django Web framework and related contemporary technologies to a cloud-based platform, ensuring proper functionality and security.
452+
</button>
453+
</h2>
454+
<div id="collapseLOFive" class="accordion-collapse collapse" aria-labelledby="headingLOFive" data-bs-parent="#learningOutcomesAccordion">
455+
<div class="accordion-body">
456+
<h5>Criterion: 6.1 Deploy Application to Cloud Platform</h5>
457+
<table class="table">
458+
<thead>
459+
<tr>
460+
<th>Criterion</th>
461+
<th>Description</th>
462+
<th>Expected Performance</th>
463+
</tr>
464+
</thead>
465+
<tbody>
466+
<tr>
467+
<td>AI-Assisted Coding</td>
468+
<td>Use AI tools to assist in writing HTML, CSS, and JavaScript code. Ensure AI-generated code aligns with project requirements through timely manual intervention. Document in the README file evidence of how AI tools contributed to the development process.</td>
469+
<td>
470+
<ul>
471+
<li>Effective AI use in coding: Use significant AI prompts to generate parts of the project. For example, prompt "Generate a fully responsive navigation bar with dropdown menus and a mobile toggle."</li>
472+
<li>Briefly document AI usage in the README: Learners should document one significant AI prompt and its impact on the project.</li>
473+
<li>Manual intervention: Describe one significant example of a specific manual intervention where the AI-generated code was refined.</li>
474+
</ul>
475+
</td>
476+
</tr>
477+
</tbody>
478+
</table>
479+
480+
<h5>Criterion: 5.2 Use AI tools to assist in debugging HTML and CSS</h5>
481+
<table class="table">
482+
<thead>
483+
<tr>
484+
<th>Criterion</th>
485+
<th>Description</th>
486+
<th>Expected Performance</th>
487+
</tr>
488+
</thead>
489+
<tbody>
490+
<tr>
491+
<td>AI-Assisted Debugging</td>
492+
<td>Use AI tools to assist in identifying and fixing errors in HTML and CSS code. AI tools should accurately identify issues and suggest relevant fixes with minimal manual intervention.</td>
493+
<td>
494+
<ul>
495+
<li>Extensive use of AI for debugging: Use AI tools to debug issues like misaligned elements.</li>
496+
<li>AI suggesting accurate fixes: Ensure the AI suggestions (e.g., flexbox alignment corrections) improve the design.</li>
497+
<li>Minimal manual intervention: Document how AI assisted in debugging and what manual tweaks were applied.</li>
498+
</ul>
499+
</td>
500+
</tr>
501+
</tbody>
502+
</table>
503+
504+
<h5>Criterion: 5.3 Use AI tools to optimise HTML and CSS for better performance and user experience</h5>
505+
<table class="table">
506+
<thead>
507+
<tr>
508+
<th>Criterion</th>
509+
<th>Description</th>
510+
<th>Expected Performance</th>
511+
</tr>
512+
</thead>
513+
<tbody>
514+
<tr>
515+
<td>AI-Assisted Optimisation</td>
516+
<td>Use AI tools to assist in optimising HTML and CSS for performance and user experience.</td>
517+
<td>
518+
<ul>
519+
<li>Efficient AI use for optimization: Use AI to streamline CSS for performance and responsive design.</li>
520+
<li>Minimal manual adjustments: Review AI-suggested optimizations for visual consistency.</li>
521+
<li>Enhanced user experience: Implement AI suggestions that improve load times, responsive design, and user interaction.</li>
522+
</ul>
523+
</td>
524+
</tr>
525+
</tbody>
526+
</table>
527+
528+
<h5>Criterion: 5.4 Document AI’s role in the development process and how it improved or streamlined the workflow</h5>
529+
<table class="table">
530+
<thead>
531+
<tr>
532+
<th>Criterion</th>
533+
<th>Description</th>
534+
<th>Expected Performance</th>
535+
</tr>
536+
</thead>
537+
<tbody>
538+
<tr>
539+
<td>AI Workflow Integration</td>
540+
<td>Document how AI tools (e.g., GitHub Copilot) were used to improve or streamline the development process. Provide specific examples of how AI tools assisted in key stages of the project.</td>
541+
<td>
542+
<ul>
543+
<li>Concise documentation of AI usage: Outline the role of AI tools in the README.md under "AI Tool Usage."</li>
544+
<li>Minimal examples, focused on workflow improvement: Document examples where AI tools streamlined the workflow, such as optimizing CSS or generating initial layouts.</li>
545+
<li>README Integration: Mention AI tools' contributions, focusing on areas like code generation, bug fixing, or layout optimization.</li>
546+
</ul>
547+
</td>
548+
</tr>
549+
</tbody>
550+
</table>
551+
</div>
552+
</div>
553+
</div>
446554
</div>
447555
</div>
448556

0 commit comments

Comments
 (0)