argorithm.github.io/index.html at main · ARgorithm/argorithm.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
---
stylesheet: index
---

{% include values.inc %}

<div id="jumbotron">
    <div>
      <div class="grid">
        <div class="col-5_md-12 main">
          <div>
            <h1>Visualise your Data Structures in Augmented Reality</h1>
            <p>
              ARgorithm is an open source technology designed for creating visualisations of data structures and algorithms in augmented reality.
            </p>
            <button onclick="window.location.href='{{ githubLink }}'">
              <img src="{{ "/images/github-teal.svg" | relative_url }}" />
              <span>The Source</span>
            </button>
            <button onclick="window.location.href='{{ pypipage }}'">
              <span>Get Started</span>
            </button>
            <button  onclick="window.location.href='{{ dockerimage }}'">
              <span>Setup Server</span>
            </button>
            <button onclick="window.location.href='{{ downloadapp }}'">
              <span>Download App</span>
            </button>
          </div>
        </div>
        <div class="col-7_md-12_md-first hero">
          <div>
            <img class="img" src="{{ "/images/hero.svg" | relative_url }}" srcset="{{ "/images/hero.svg" | relative_url }} 1x, {{ "/images/hero.svg" | relative_url }} 2x, {{ "/images/hero.svg" | relative_url }} 3x" alt="ARgorithm hero image" />
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="useCases1" class="use-cases">
    <div>
      <div class="grid">
        <div class="col-6_md-12_md-first">
          <img src="{{ "/images/ARobject designs.png" | relative_url }}"
            alt="ARgorithm objects" />
        </div>
        <div class="col-6_md-12">
          <h2>Improving the Standards of Software Engineering Education</h2>
          <p>
            Augmented reality is the future of visual aids and is slowly but surely creeping its way into
            the education industry, most notably in the medical education sector.
            ARgorithm hopes to introduce augmented reality to software engineering courses by giving easy
            tools to create, broadcast and view augmented reality visualisations.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div id="useCases2" class="use-cases">
    <div>
      <div class="grid">
        <div class="col-6_md-12_md-first">
          <h2>Customisable Features</h2>
          <p>Your ARgorithm Server deployment can be highly customised using environment variables. Features such as authentication,
            type of database can be easily configured. The server can work with both SQL and NoSQL databases and has metrics available
            for prometheus. You can setup redis server for enabling caching features. Email services can also be activated using sendgrid
            to get automated email from server instance. The server repository contains kubernetes and docker-compose configuration files
            for different types of deployments.
          </p>
        </div>
        <div class="col-6_md-12_md">
          <img src="{{ "/images/integrations.svg" | relative_url }}"
            alt="ARgorithm objects" />
        </div>
      </div>
    </div>
  </div>

  <div id="blueprint">
    <div class="blueprint-header">
      <h2>Why use <span id="red-text">AR</span>gorithm?</h2>

    </div>
    <div class="grid">
      <div class="blueprint-items col-10_md-12 grid">
        <div class="blueprint-item col-11_xs-10">
          <h3>Dynamic Visualisations Designed to Educate</h3>
          <p>Augmented reality visualisations made using ARgorithm are dynamic in nature. Once you submit your code, the visualisations
            are generated in real time based on user input. Hence, you can visualise how the same code reacts to different inputs. Additionally, the
            ARgorithm comment system allows you to explain your algorithms step by step along with the visualisation.
          </p>
        </div>
        <div class="blueprint-item col-11_xs-10">
          <h3>Focus on your Algorithms</h3>
          <p>ARgorithmToolkit provides an abstract interface to create your visualisations in a manner which is quite similar to the STL in C++
            so that you can focus on implementing your algorithm. ARgorithmToolkit comes with a CLI which provides an easy to use interface
            to setup your environment and interact with the server.
          </p>
        </div>
        <div class="blueprint-item col-11_xs-10">
          <h3>Well Documented</h3>
          <p>We at ARgorithm make sure that every release is well documented with API level documentation as well as tutorials explaining
            everything from the working of ARgorithm to how you can use ARgorithm for your own unique use case.
          </p>
        </div>

      </div>

    </div>
  </div>

  <div id="openSource">
    <div>
      <div class="grid">
        <div class="col-12">
          <h2>ARgorithm is Open Source and Community Driven</h2>
          <p>ARgorithm is an open source project designed to aid the software engineering community.
            <br>ARgorithm is released under the MIT license.
            The project is no longer maintained and is currently archived</p>
        </div>
      </div>
    </div>
  </div>