Bracu ClassRoom

Documentation

About

  • Planning: The Current Problems that arose because of the pandemic regarding online classes and assignment submission, student complains made us realize we are in need of a universal platform for handling the situation that will be responsive and can respond through ease of access to things like communication and engagement. Thus the initial planning for the App for Brac concept Arose.
  • Analysis : We held the analysis part in two ways one based on students complains online regarding what they want as a platform to transfer and another what in our limited ability we can deliver through a accessible software that can address the problem . An app with it’s user familiarities seemed more logical inspired by google classroom added more functionality to it.
  • Design: We wanted to do something that is already out there to understand and becomes user-friendly so the design was a mix of google classroom for online class work and whatsapp for communication with the university noticeboard digitalized in our application for the ease of getting notified.

Requirement analysis

  • Separate Faculty and Student Login/register system.
  • Faculty should be able to add /remove class contents.
  • Students should get an alert/notification for any assignments and exams.
  • Students should have task manager features.
  • Respective authority should have admin access for any changes necessary.

Use Case Diagram

Inline code: variable

Code block:

porridge = "blueberry"
if porridge == "blueberry":
    print("Eating...")

Class Diagram

In-line math: $x + y = z$

Block math:

$$ f\left( x \right) = ;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}} $$

Activity Diagram

Make content appear incrementally

{{% fragment %}} One {{% /fragment %}}
{{% fragment %}} **Two** {{% /fragment %}}
{{% fragment %}} Three {{% /fragment %}}

Press Space to play!

One Two Three

A fragment can accept two optional parameters:

  • class: use a custom style (requires definition in custom CSS)
  • weight: sets the order in which a fragment appears

Sequence Diagram

Add speaker notes to your presentation

{{% speaker_note %}}
- Only the speaker can read these notes
- Press `S` key to view
{{% /speaker_note %}}

Press the S key to view the speaker notes!

DFD Context Free Diagram

  • black: Black background, white text, blue links (default)
  • white: White background, black text, blue links
  • league: Gray background, white text, blue links
  • beige: Beige background, dark text, brown links
  • sky: Blue background, thin dark text, blue links
  • night: Black background, thick white text, orange links
  • serif: Cappuccino background, gray text, brown links
  • simple: White background, black text, blue links
  • solarized: Cream-colored background, dark green text, blue links

DFD Level 1 Diagram

Customize the slide style and background

{{< slide background-image="/media/boards.jpg" >}}
{{< slide background-color="#0000FF" >}}
{{< slide class="my-style" >}}

Summary

Let’s make headers navy colored.

Create assets/css/reveal_custom.css with:

.reveal section h1,
.reveal section h2,
.reveal section h3 {
  color: navy;
}

Questions?

Ask

Documentation