BioTaxonomy/about.html at master · ellak-monades-aristeias/BioTaxonomy · 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
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="gr">
    <head>
        <meta charset="UTF-8">
        <meta content="IE=edge" http-equiv="X-UA-Compatible">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>
            BioTaxonomy
        </title><!-- Bootstrap -->
        <link href="plugins/bootstrap_12_col/css/bootstrap.min.css" rel=
        "stylesheet">
		 <link href="favicon.ico" rel="shortcut icon">
        <link href="favicon.ico" rel="icon">
        <link href="plugins/bootstrap_7_col/css/navbar-fixed-top.css" rel=
        "stylesheet">

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js">

</script >
<script >
if (!window.jQuery) {
    document.write('<script src="plugins/jquery.min.js"><\/script >');
}
</script >
		 <link href="plugins/bootstrap_12_col/css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    </head>
    <body style="padding-top: 70px;">
        <!-- Fixed navbar -->
   <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle collapsed" data-target=
                    "#navbar" data-toggle="collapse" type="button"><span class=
                    "sr-only">Toggle navigation</span> <span class=
                    "icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span></button> <a class=
                    "navbar-brand" href="index.html"><img src=
                    'assets/biotaxonomy_logo_100px.png' style=
                    "height:30px;width:35px;"></a> <a class="navbar-brand"
                    href="index.html">BioTaxonomy</a>
                    <form class="navbar-form collapsed navbar-right visible-xs"
                    onsubmit="return false">
                        <div class="input-group">
                            <input class="form-control" id="searchBoxMobile"
                            placeholder="Search" type="text">
                            <div class="input-group-btn">
                                <button class=
                                "btn btn-default glyphicon glyphicon-search"
                                onclick="searchArticle();" style=
                                "font-style: italic"></button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="navbar-collapse collapse" id="navbar">
                     <ul class="nav navbar-nav navbar-right">

                        <li>
                            <form class=
                            "navbar-form collapsed navbar-right hidden-xs"
                            onsubmit="return false">


                                <div class="input-group">
                                    <input class="form-control" id="searchBox"
                                    placeholder="Search" type="text">
                                    <div class="input-group-btn">
                                        <button class=
                                        "btn btn-default "
                                        onclick="searchArticle();" style=
                                        "font-style: italic"><span class="glyphicon glyphicon-search"></span></button>
                                    </div>
                                </div>
                            </form>
                        </li>
						  <li>
                            <a href="javascript:showAbout();"><span name="lbl" caption="about"></span></a>
                        </li>
                        <li>
                            <a href="javascript:changeLanguage('en');">en</a></li><li><a href="javascript:changeLanguage('gr');">gr</a>
                        </li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </nav>
        <div class="container" id="about_container">
             <div class="row">
    <h1>BioTaxonomy</h1>
    <h3>Εφαρμογή για εκμάθηση των ζώων και φυτών με βάση τη συστηματική τους ταξινόμηση.</h3>
    <h2>Περιγραφή της λειτουργικότητας της εφαρμογής</h2>
    <p>Η συστηματική ταξινόμηση είναι η θεωρία και η πρακτική που χρησιμοποιούν οι βιολόγοι για την κατάταξη των έμβιων όντων. Η ταξινόμηση αυτή είναι ιεραρχική και αποτελείται από διακλαδώσεις. Στη Wikipedia υπάρχουν πολλά λήμματα έμβιων όντων με πληροφορίες για τη συστηματική τους ταξινόμηση(π.χ. για τα ζώα είναι Βασίλειο, Συνομοταξία, Υποσυνομοταξία, Ομοταξία, Τάξη, Οικογένεια, Γένος). Σκοπός αυτής της εφαρμογής είναι να παρουσιάσει αυτές τις πληροφορίες οπτικά και οργανωμένα με τη μορφή διαγράμματος δέντρου, ώστε ο χρήστης να μπορεί να έχει πλήρη εικόνα της ιεραρχίας.</p>
    <h2>Σε ποιούς απευθύνεται η εφαρμογή</h2>
    <p>Μπορεί να χρησιμοποιηθεί από φοιτητές βιολογίας, καθηγητές δευτεροβάθμιας και τριτοβάθμιας εκπαίδευσης, μαθητές, γεωπόνους, κτηνιάτρους ή γενικά όποιον ενδιαφέρεται για τη βιολογία.</p>
    <h2>Τεχνολογίες και βιβλιοθήκες</h2>
    <h3>Γλώσσες</h3>
    <p></p>
    <ul>
      <li>Η εφαρμογή είναι υλοποιημένη σε Html και jQuery/Javascript.</li>
      <li>Η λήψη των δεδομένων γίνεται σε μορφή JSON με SPARQL queries στην RDF βάση DBpedia και με χρήση του API της Wikipedia.</li>
    </ul>
    <p></p>
    <h3>Βιβλιοθήκες</h3>
    <ul>
      <li>Twitter Bootstrap: Framework για τη γρήγορη ανάπτυξη responsive ιστοσελίδων.</li>
      <li>Wikiblurb: jQuery Plugin για τη λήψη δεδομένων από τη Wikipedia και άλλα wikis.</li>
      <li>Lity: Lightbox plugin για τη προβολή εικόνων.</li>
      <li>Chart.js: Plugin για τη δημιουργία διαγραμμάτων</li>
    </ul>
    <h2>Issues</h2>
    <p>Στα issues της εφαρμογής μπορείτε να δείτε τα θέματα προς επίλυση που προκύπτουν κατά την υλοποίηση.</p>
    <h2>Εγκατάσταση</h2>
    <p>Κατεβάζετε όλα τα αρχεία και εκτελείτε το αρχείο index.html . Για να λειτουργήσει η εφαρμογή είναι απαραίτητη η σύνδεση στο διαδίκτυο καθώς τα δεδομένα λαμβάνονται σε πραγματικό χρόνο.</p>
    <h2>Demo της εφαρμογής</h2>
    <p>Demo της εφαρμογής μπορείτε να δείτε στο <a href='http://ellak-monades-aristeias.github.io/BioTaxonomy'>http://ellak-monades-aristeias.github.io/BioTaxonomy</a> .</p>
    <h2>Χρονοδιάγραμμα - Wiki</h2>
    <p>Το έργο είναι προγραμματισμένο να ολοκληρωθεί σε 7 εβδομάδες, από τις 26/08/2015-15/10/2015 και μπορείτε να δείτε την εβδομαδιαία πρόοδο στο Wiki.</p>
    <h2>License/Attributions</h2>
    <p>Για το λογότυπο χρησιμοποιήθηκε η εικόνα του χρήστη tzunghaor . Η εφαρμογή υλοποιείται στο πλαίσιο του έργου “Ηλεκτρονικές Υπηρεσίες για την Ανάπτυξη και Διάδοση του Ανοιχτού Λογισμικού”.</p>
  </div>
        </div><!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="plugins/bootstrap_12_col/js/bootstrap.min.js"></script> <!-- Script that handles tree functions-->
         <script src="plugins/wikiblurb-master/js/jquery.wikiblurb.js"></script> <script src="js/queries.js"></script> <script src="js/tree.js"></script> <script src="js/navigation.js"></script>
    </body>
</html>