-
Notifications
You must be signed in to change notification settings - Fork 0
/
citydex.html
174 lines (144 loc) · 7.89 KB
/
citydex.html
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Citydex Details</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/icon.png" rel="icon">
<link href="assets/img/icon.png" rel="apple-touch-icon">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/fontawesome-free-5.15.4-web/css/all.css">
<!-- =======================================================
* Template Name: DevFolio - v4.7.1
* Template URL: https://bootstrapmade.com/devfolio-bootstrap-portfolio-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo"><a href="index.html">Portfolio</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto " href="index.html#hero">Home</a></li>
<li><a class="nav-link scrollto" href="index.html#about">About</a></li>
<li><a class="nav-link scrollto " href="index.html#work">Projets</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<div class="hero hero-single route bg-image" style="background-image: url(assets/img/overlay-bg.jpg)">
<div class="overlay-mf"></div>
<div class="hero-content display-table">
<div class="table-cell">
<div class="container">
<h2 class="hero-title mb-4">Projet Citydex</h2>
<ol class="breadcrumb d-flex justify-content-center">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active">Citydex</li>
</ol>
</div>
</div>
</div>
</div>
<main id="main">
<!-- ======= Portfolio Details Section ======= -->
<section id="portfolio-details" class="portfolio-details">
<div class="container">
<div class="row gy-4">
<div class="col-lg-8">
<div class="portfolio-details-slider swiper">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide">
<img src="assets/img/citydex.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="col-lg-4">
<div class="portfolio-info">
<h3>Information du projet</h3>
<ul>
<li><strong>Catégorie</strong>: Mobile application</li>
<li><a target="_blank" href="https://play.google.com/store/apps/details?id=com.tlbail.ptuts3androidapp">Lien de l'application <i class="fas fa-link"></i></a></i></li>
<li><a target="_blank" href="https://github.com/TLBail/CityDex">Lien du code source <i class="fas fa-link"></i></a></li>
</ul>
</div>
<div class="portfolio-description">
<h2>Présentation</h2>
<p>
Citydex est un jeu de collection des panneaux d'agglomération française.
Pour acquérir un panneau dans la collection, il faut prendre une photo d'un panneau d'entrée d'agglomération française.
Des succès sont débloquables en récoltant des villes. <br>
Amusez-vous bien !
</p>
</div>
</div>
</div>
<div class="portfolio-maintenance">
<h2>Maintenance</h2>
<div>
J'ai choisi de faire plusieurs choses pour faire cette maintenance :
<li>changer la bibliothèque pour l'OCR</li>
<li>changer la bibliothèque pour la localisation</li>
<li>refactoriser le code pour plus de lisibilité</li>
<br>
J'ai voulu changer la bibliothèque pour l'OCR car elle n'est plus maintenue et les résultats n'étaient pas excellent. Par exemple l'OCR détectait des caractères qui ne pouvaient pas être sur des panneaux. <br>
J'ai voulu changer la bibliothèque pour la localisation car le code nécessaire était difficile à maintenir, les résultats étaient souvent longs à obtenir. <br>
J'ai voulu refactoriser le code car cela permettra lors d'une prochaine maintenance sur l'application d'être plus productif. <br>
</div>
<h3>Veille Technologique</h3>
<h4>Bibliothèque OCR</h4>
<p>
Sur la page github de tess-two, la bibliothèque utilisée initialement, il y a 2 liens. Un va vers un <a href="https://github.com/alexcohn/tess-two">fork du projet</a> qui n'est lui même plus maintenu. L'autre lien renvoie vers Mobile Vision de Google qui lui même redirige vers le <a href="https://developers.google.com/ml-kit/vision/text-recognition">ML Kit Text Recognition</a> de Google.
<br> J'ai fait aussi une recherche sur des alternatives possibles. <br>
Il y a <a href="http://asprise.com/royalty-free-library/java-ocr-api-overview.html">Asprise</a> qui est payant. <br>
Il y a aussi Tesseract qui n'est pas en java. Il y a tesseract-android-tools mais tess-two l'utilise et ne donne pas de très bons résultats. <br><br>
J'ai donc choisi le <a href="https://developers.google.com/ml-kit/vision/text-recognition">ML Kit Text Recognition</a> de Google.
</p>
<h4>Bibliothèque localisation</h4>
<div>
<ul></ul>
J'ai des bibliothèques pour la localisation et j'en ai trouvés plusieurs.
<li><a href="https://github.com/mrmans0n/smart-location-lib">smart-location-lib</a></li>
<li><a href="https://developers.google.com/android/reference/com/google/android/gms/location/FusedLocationProviderClient">FusedLocationProviderClient de Google Play services</a></li>
<br> J'ai même trouvé une liste entière de bibliothèque pour la localisation (<a href="https://android-arsenal.com/tag/55">https://android-arsenal.com/tag/55</a>). <br> <br>
J'ai quand même choisi le FusedLocationProviderClient de Google Play services pour garder une certaine cohérence car nous avons déjà utilisé plusieurs bibliothèques de Google.
</div>
</div>
</div>
</section><!-- End Portfolio Details Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>