14 lines
10 KiB
HTML
14 lines
10 KiB
HTML
<!doctype html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet href=/itsblue-website/@pages-dev/css/compiled/spectre.css><link rel=stylesheet href=/itsblue-website/@pages-dev/css/compiled/spectre-exp.css><link rel=stylesheet href=/itsblue-website/@pages-dev/css/compiled/theme.css><link rel=icon href=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/favicon.png><link rel=stylesheet type=text/css href=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/css/custom.css><link rel=stylesheet type=text/css href=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/css/fontawesome.min.css><link rel=stylesheet type=text/css href=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/css/bricklayer.css><title>Fannyapp | Itsblue</title></head><body id=top class="header-fixed sticky-footer"><div id=page-wrapper><section id=header class=section><section class="container grid-lg"><nav class=navbar><section class="navbar-section logo"><a href=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev class="navbar-brand mr-10"><img src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/logo/IconBig.png alt></a></section><section class="navbar-section desktop-menu"><nav class="dropmenu animated"><ul><li><a href=/itsblue-website/@pages-dev/>Home</a></li><li><a href=/itsblue-website/@pages-dev/projects/>Projects</a><ul class=submenu><li class=submenu><a href=/itsblue-website/@pages-dev/projects/led-display/ class=submenu>LED-Display</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/projects/reader-clock/ class=submenu>Reader Clock</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/projects/scstw/ class=submenu>Speed Climbing Stopwatch</a></li></ul></li><li><a href=/itsblue-website/@pages-dev/apps/ class=active>Apps</a><ul class=submenu><li class=submenu><a href=/itsblue-website/@pages-dev/apps/bluerock/ class=submenu>blueROCK</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/fannyapp/ class="active submenu">Fannyapp</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/scstw/ class=submenu>Speed Climbing Stopwatch App</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/leddisplaycontroller/ class=submenu>Led Display Controller</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/scrt/ class=submenu>Speed Climbing Reaction Trainer</a></li></ul></li><li><a href=/itsblue-website/@pages-dev/contact/>Contact</a></li></ul></nav></section></nav></section></section><div class=mobile-menu><div class=button_container id=toggle><span class=top></span>
|
|
<span class=middle></span>
|
|
<span class=bottom></span></div></div><section id=body-wrapper class="section blog-listing"><section class="container grid-lg" style=padding-top:0><div class=columns><div id=item class="column col-12 extra-spacing"><div class="content-item h-entry"><div class=container><div class=columns style=justify-content:center><div class="column col-auto" style=display:flex;flex-direction:column;justify-content:center><img src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/favicon.png style=max-height:calc(5rem)></div><div class="column col-auto" style=max-width:100%;text-align:center><h1>Fannyapp</h1></div></div></div><h3>Screenshots</h3><div class="gallery gallery-scroll"><img class="gallery gallery-item" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/screenshot-1.png alt=screenshot-1.png>
|
|
<img class="gallery gallery-item" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/screenshot-2.png alt=screenshot-2.png>
|
|
<img class="gallery gallery-item" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/screenshot-3.png alt=screenshot-3.png>
|
|
<img class="gallery gallery-item" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/screenshot-4.png alt=screenshot-4.png>
|
|
<img class="gallery gallery-item" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/screenshot-5.png alt=screenshot-5.png>
|
|
<img class="gallery gallery-item" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/screenshot-6.png alt=screenshot-6.png>
|
|
<img class="gallery gallery-item" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/apps/fannyapp/screenshot-7.png alt=screenshot-7.png></div><div class=e-content><h3>About Fannyapp</h3><p>The Fannyapp was our first public app and the reason we decided to start publishing apps for Apple devices.</p><h5 id=what-it-is-now>What it is now</h5><p>It is a simple app for the mensa of my former highschool, <a href=https://treffpunkt-fanny.de>Treffpunkt Fanny</a>, which shows the meals being served in the next ten days.
|
|
To accomplish this, we also wrote a php script which parses the <a href=http://www.treffpunkt-fanny.de/images/stories/dokumente/Essensplaene/current.xlsx>excel table</a>, which Treffpunkt Fanny uses to keep track which meals will be served, and turns it into a <a href=http://www.treffpunkt-fanny.de/images/stories/dokumente/Essensplaene/api/TFfoodplanAPI.php>REST-API</a>. The source code of that php script can be found on <a href=https://github.com/Fanny-Leicht-Gymnasium/TFfoodplan>GitHub</a>.</p><h5 id=what-it-used-to-be>What it used to be</h5><p>Back when I still went to the Fanny-Leicht-Gymnasium, the Fannyapp used to be more than just a meal-plan. It showed events like “The maths class today at 7:30am is cancelled”, or “The biology class today at 3:30pm is moved to a diffrent room”. The last three screenshots are from back when it could still do that.
|
|
I’d like to give a little background on that:<br>At that time, this so-called “substitution plan” was only available as an ugly pdf at the schools website. It was very annoying to read on a phone, as it was small text and always contained all events for all grades. The app was able to filter the eventy by grade and group (see last screenshot), which made it much more convenient to read.<br>Also, users had to login to the website every time, since it used plain old http basic authentication. The app could just remember the username and password.
|
|
At that time, I was also maintaining the schools main website. Since I found the http basic system very annoying and outdated, the authentication was fully migrated to Joomla (the CMS we were using) on my initiative.<br>That opened up more possibilities, since I was now able to use Joomlas plugin system to write a <a href=https://github.com/Fanny-Leicht-Gymnasium/JoomlaFannySubstitutionPlan>plugin</a> which converted the pdf to an easy to parse REST-API.<br>As you can see, I spent lots of time to develop all of this, and it was my first public project that was actually useful.</p><p>So what happened? It’s pretty simple actually: The school decided to purchase the commercially available app “Untis mobile” and therefore, my app was no longer needed and truned into a meal-plan.</p><h3>Downloads</h3><a href="https://play.google.com/store/apps/details?id=com.itsblue.flgvertretung" target=blank><img alt="Get it on Google Play" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/assets/GooglePlay.png></a><br><a href=https://apps.apple.com/de/app/fannyapp/id1495583845 target=blank><img alt="Download on the App Store" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/assets/AppStore.png></a><br><a href=https://itsblue.dev/dorian/fanny-app target=blank><img alt="Download on the App Store" src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/assets/GetSourceCode.png></a><br><br><h3>Privacy policy</h3><p>While you're using the Fannyapp Itsblue Development does not collect any of your personal data.<br><br>However, Treffpunkt Fanny e.V. (provider of foodplan data) may collect personal data.<br>Further information can be found in their privacy policy:<br><a href='\"http://www.treffpunkt-fanny.de/index.php/datenschutzerklaerung\"' target='\"blank\"'>http://www.treffpunkt-fanny.de/index.php/datenschutzerklaerung</a></p><a href=privacypolicy.html>privacy policy <i class="fa fa-angle-right"></i></a></div></div><p class="prev-next text-center"></p></div></div></section></section></div><section id=footer class="section bg-dark-gray"><section class="container grid-lg"><p>© 2018-2023 Itsblue Development</p></section></section><div class=mobile-container><div class=overlay id=overlay><div class=mobile-logo><a href=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev class="navbar-brand mr-10"><img src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/images/logo/IconBig.png alt></a></div><nav class=overlay-menu><ul class=tree><li><a href=/itsblue-website/@pages-dev/>Home</a></li><li><a href=/itsblue-website/@pages-dev/projects/>Projects</a><ul class=submenu><li class=submenu><a href=/itsblue-website/@pages-dev/projects/led-display/ class=submenu>LED-Display</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/projects/reader-clock/ class=submenu>Reader Clock</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/projects/scstw/ class=submenu>Speed Climbing Stopwatch</a></li></ul></li><li><a href=/itsblue-website/@pages-dev/apps/ class=active>Apps</a><ul class=submenu><li class=submenu><a href=/itsblue-website/@pages-dev/apps/bluerock/ class=submenu>blueROCK</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/fannyapp/ class="active submenu">Fannyapp</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/scstw/ class=submenu>Speed Climbing Stopwatch App</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/leddisplaycontroller/ class=submenu>Led Display Controller</a></li><li class=submenu><a href=/itsblue-website/@pages-dev/apps/scrt/ class=submenu>Speed Climbing Reaction Trainer</a></li></ul></li><li><a href=/itsblue-website/@pages-dev/contact/>Contact</a></li></ul></nav></div></div><script src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/js/jquery.min.js></script>
|
|
<script src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/js/jquery.treemenu.js></script>
|
|
<script src=https://itsblue-development.itsblue.online/itsblue-website/@pages-dev/js/site.js></script></body></html> |