LMAC Website Dev-Blog | LMAC Webseite Entwickler-Blog #4 [EN | DE]

in Let's Make a Collage10 months ago (edited)

Cover Image

EnglishLanguage.png

As many LMACians and possibly also people beyond LMAC know, a few weeks ago we introduced the LMAC Image Library. An initiative with the intention to build a Public Domain image library by LMACians, for LMACians, whose content we can use for our collages, but also every other Hiver can benefit from it.
Thanks to active participation from all over the Hive, the "LIL" grew steadily and even includes almost 3000 images of different categories so far.
At this point, I would like to thank everyone who has supported us by contributing images to LIL. Without you, this initiative would never have been a success. A thousand thanks!!!

So, LIL is growing and growing, and the original plan to catalog this large number of images into index posts became increasingly difficult. Eventually, even the index generator bot had to be reprogrammed as the index posts became too large to send through the Hive programming interfaces. Instead of a single post, the index, broken down into categories, had to be divided into many posts and comments. After all, eight posts and many comments have already been generated.
We soon realized that this was not a permanent solution either. Because it is confusing and would even lead to an unnecessary waste of various Hive resources, in light of the constant growth of the library. Not to be forgotten, it would also become more and more technically complex to automatically update dozens of Hive posts and comments with index parts.

So a better solution was needed. We had discussed it in the team very early on and added it to our todo lists, but none of us had any idea that we would need this solution so soon after all.
A website, with a browseable and searchable gallery of all images from indexed LIL contribution posts.

GermanLanguage.png

Wie viele LMACianer und möglicherweise einige auch über LMAC hinaus wissen, haben wir vor ein paar Wochen die LMAC Image Library vorgestellt. Eine Initiative mit der Absicht, eine Public Domain Bilder-Bibliothek von LMACianern, für LMACianer aufzubauen, deren Inhalte wir für unsere Collagen verwenden können, aber auch jeder andere Hiver daraus profitieren kann.
Dank reger Teilnahme aus dem ganzen Hive, wuchs die "LIL" stetig weiter und umfasst bislang sogar beinahe 3000 Bilder aus unterschiedlichsten Kategorien.
An dieser Stelle, möchte ich allen ganz herzlich danken, die uns mit dem Beitragen von Bildern zu LIL bisher unterstützt haben. Ohne euch, wäre diese Initiative nie ein Erfolg geworden. Tausend Danke!!!

Die LIL wächst und wächst also, und der ursprüngliche Plan, diese große Zahl an Bildern in Index-Posts zu katalogisieren, wurde zunehmend schwieriger. Schließlich musste sogar der Index-Generator Bot umprogrammiert werden, da die Index-Posts zu groß für das Versenden über die Hive-Programmierschnittstellen wurden. Statt einem einzelnen Post, musste der Index, zergliedert in Kategorien auf viele Posts und Kommentare verteilt werden. Immerhin, acht Posts nebst vieler Kommentare wurden dazu bereits generiert.
Uns wurde bald klar, dass auch das keine Dauerlösung ist. Denn es ist unübersichtlich und würde angesichts des stetigen Wachstums der Bibliothek sogar zu einer unnötigen Verschwendung diverser Hive-Ressourcen führen. Nicht zu vergessen, dass es auch technisch gesehen, immer aufwändiger würde, dutzende Hive-Posts und Kommentare mit Index-Anteilen automatisiert zu aktualisieren.

Eine bessere Lösung musste also her. Wir hatten darüber im Team zwar schon sehr früh beraten und sie in unsere "Todo"-Listen aufgenommen, aber keiner von uns ahnte, dass wir diese Lösung doch so bald brauchen würden.
Eine Webseite, mit einer durchstöberbaren und durchsuchbaren Galerie aller Bilder aus indizierten LIL-Beitragsposts.


EnglishLanguage.png

What happend recently...

A lot has happened since my previous dev blog post. The most prominent result is of course the LMAC website. @shaka registered the domain http://lmac.gallery for it.
For a few weeks, only the maintenance page was visible when calling this domain. But yesterday it was finally done. The LMAC website went live!

Currently you can find the LIL gallery, a fancy start page and a tool (LIL Checker) to check the markdowns of your LIL posts to see if the index bot will be able to read them.

The road to get there was rocky, laborious, but a lot of fun.
@shaka got to learn the exciting world of the new server environment and created a new home for the index bot, Lily, and our website. Everything seemed wonderful when the first versions of the website, at that time not yet open to the public, started working.
Lily was also planned to move in then. But the shock was great when we learned that only Python2 was installed on the web server and we could not re-install Python3, the language in which Lily was programmed, on this hosting package.
I wanted to finally get Lily in use there, so I didn't hesitate to start working on making Lily run under Python2. However, @shaka luckily stopped me soon and suggested instead to move to a different hosting package on which we have the possibility to install Python3. He didn't like the idea of me having to invest many more hours of my free time into the bot. Oh truly, we have a really nice and good admin. I wished my business clients would be that caring as well. :-)

Meanwhile, the bot Lily (this name was a team decision :-) ) is also running on the new server, after weeks of lonely working hours on one of my computers. Lily currently starts indexing every three days at 22:30. For now, this interval is still sufficient, as Lily can look back 100 #LIL tagged hive posts into the past. At the moment, 20-30 posts mostly are written for the LIL still within three days.

I have also been maintaining the public LMAC GIT repository again and again in the meantime and have already added some of the code I have written for the website (gallery, LIL checker, etc) there. Since our website is based on the CMS Drupal, I programmed all codes for it as Drupal modules.
If you are planning your own web projects, feel free to use whatever you can use. It's open source!
https://github.com/LMAC-Enterprises

There is also a lot of other work done, which you can't see as a visitor of http://lmac.gallery/.
Of course I had to build administrative interfaces for the whole LIL system. A complete admin backend was created and is still being created.
Pictures say more than a thousand words. I have linked a few screenshots below.

GermanLanguage.png

Was zuletzt geschah...

Seit meinem letzten Dev-Blog Post ist einiges geschehen. Das prominenteste Ergebnis ist natürlich die LMAC-Website. @shaka registrierte hierfür die Domain http://lmac.gallery.
Ein paar Wochen lang, war beim Aufruf dieser Domain nur die Wartungsseite zu sehen. Gestern aber war es endlich soweit. Die LMAC-Webseite ging Live!

Bisher findet ihr auf unserer Webseite die LIL-Galerie, eine hübsche Startseite und ein Tool (LIL Checker), mit welchem ihr die Markdowns eurer LIL-Beitragsposts überprüfen könnt, um zu sehen, ob der Index-Bot sie lesen können wird.

Der Weg zu dorthin war steinig, arbeitsreich, hat aber sehr viel Spaß gemacht.
@shaka durfte sich in die spannende Welt der neuen Server-Umgebung einlernen und schuf ein neues Zuhause für den Index-Bot Lily und unsere Webseite. Alles schien wunderbar zu sein, als die ersten, noch nicht der Öffentlichkeit zugänglichen Versionen der Webseite ihre Arbeit aufnahmen.
Auch Lily sollte dann einziehen. Doch der Schock war groß, als wir erfuhren, dass nur Python2 auf dem Webserver installiert war und wir Python3, die Sprache in welcher Lily programmiert wurde, auf diesem Hosting-Paket nicht nachinstallieren konnten.
Ich wollte Lily endlich in Betrieb nehmen und zögerte daher nicht, mich an die Arbeit zu machen, um Lily unter Python2 lauffähig zu machen. Doch @shaka hielt mich zum Glück bald auf und schlug stattdessen vor, auf ein anderes Hosting-Paket umzuziehen, auf welcher wir die Möglichkeit haben, Python3 zu installieren. Er sah es nicht ein, dass ich noch weitere viele Stunden meiner Freizeit in den Bot investieren muss. Tja, wir haben einen richtig netten und guten Admin. Ich wünschte, meine beruflichen Auftraggeber wären ebenfalls derart fürsorglich. :-)

Mittlerweile läuft auch der Bot Lily (dieser Name war eine Team-Entscheidung :-) ) auf dem neuen Server, nach Wochen einsamer Arbeitsstunden auf einem meiner Rechner. Lily startet zurzeit alle drei Tage um 22:30 Uhr die Indizierung. Im Moment genügt dieser Intervall noch, da Lily 100, mit #LIL getaggte Hive-Beiträge in die Vergangenheit schauen kann. Und zur Zeit werden noch binnen dreier Tage höchstens 20-30 Beiträge für die LIL geschrieben.

In der Zwischenzeit habe ich auch immer wieder das öffentliche LMAC GIT-Repository gepflegt und dort auch schon einige der Codes, die ich für die Webseite geschrieben habe (Galerie, LIL Checker, usw) eingepflegt. Da unsere Webseite auf dem CMS Drupal basiert, habe ich alle Codes dafür als Drupal-Module programmiert.
Falls ihr eigene Web-Projekte plant, bedient euch ruhig an allem was ihre davon gebrauchen könnt. Es ist Open Source!
https://github.com/LMAC-Enterprises

Es ist auch viel sonstige Arbeit passiert, die man als Besucher von http://lmac.gallery/ nicht sehen kann.
Ich habe für das ganze LIL-System natürlich auch administrative Schnittstellen bauen müssen. Ein ganzes Admin-Backend entstand und entsteht derzeit noch weiter.
Bilder sagen mehr als tausend Worte. Ich habe ein paar Screenshots hierzu unten verlinkt.


Administration - Overview

Administration - Manual review of posts that Lily could not interpret.

Administration - List of all still unrated images

Administration - Configuration of the gallery page

Administration - Adding a new image manually from existing Hive posts.


EnglishLanguage.png

What happens next...

Now that the website is online and in heavy use, it will of course inevitably be necessary to fix any occuring problems and work continuously on improving the website. But this will be more of a constant task and depends mainly on your feedback.
Your ideas, suggestions and bug reports are very welcome in the LMAC Discord.

In addition, there are some fixed tasks that are still to be worked on.
To give you as a community an overview of upcoming changes and enhancements, I have written the little list below for you:

  • In future you will be supported in searching in the LIL by automatically offered suggestions when entering your search terms. This feature is currently heavily in the process of being implemented, but it will take at least another week before it is ready for use.
    It is not easy to implement this feature as I have to keep an eye on the overall performance. The search term suggestions have to be generated from all the image tags and author names that are in the database. This is very stressful to the server's power and memory. Therefore, it cannot be loaded, processed and generated again and again for every single search query on-the-fly.
    Instead, I am working on a solution by which the data can be processed in the background and at specific intervals, and then loaded from a cache for generating the search suggestions.
  • I will probably also finish working on the LMAC winners gallery by the next dev blog. It will be a simple overview of all the winning collages, grouped by LMAC round and place won.
  • Improvement of usability of different areas on http://lmac.gallery, for adminstration and regular use are also pending. For example, that affects regular users is the maximized version of a gallery image. At the moment there is no way for users to get back to this page using an address, because the maximized image is just and overlay on the gallery page. In the near future this will change. Then you will be able to directly copy the adequate address of the maximized image from the address bar of the browser.

GermanLanguage.png

Was als nächstes passieren wird

Nachdem die Webseite nun online ist und rege verwendet wird, müssen natürlich unweigerlich eventuell auftretende Probleme behoben werden und kontinuierlich an der Verbesserung der Webseite gearbeitet werden. Doch das wird eher eine stetige Aufgabe werden und hängt vor allem von eurem Feedback ab.
Eure Ideen, Vorschläge, Anregungen und Fehler-Reports sind uns im LMAC-Discord sehr willkommen.

Darüber hinaus gibt es auch einige Punkte die noch fest zum Abarbeiten anstehen.
Damit ihr als Community eine Übersicht über noch kommende Änderungen und Erweiterungen habt, habe ich folgende kleine Liste für euch geschrieben:

  • Künftig werdet ihr beim Suchen in der LIL durch automatische Vorschläge zur Eingabe eurer Suchbegriffe unterstützt. Diese Funktion ist zur Zeit schwer in Arbeit, dauert aber noch mindestens eine Woche, bis sie einsatzbereit ist.
    Es ist nicht ganz einfach, diese Funktion umzusetzen, da ich die Gesamtperformance im Auge behalten muss. Die Suchbegriffsvorschläge müssen aus allen Bild-Tags und Autor-Namen generiert werden, welche sich in der Datenbank befinden. Das beansprucht die Kraft und den Speicher des Servers sehr. Deshalb kann es nicht bei jeder Suchanfrage neu geladen, verarbeitet und generiert werden.
    Stattdessen arbeite ich an einer Lösung, mit welcher die Daten im Hintergrund und in gewissen Intervallen verarbeitet und dann aus einem Zwischenspeicher für die Generierung der Suchvorschläge geladen werden können.
  • Wahrscheinlich werde ich bis zum nächsten Dev-Blog auch mit der Arbeit an LMAC-Gewinner-Galerie fertig. Es wird eine einfache übersicht aller Gewinner-Collagen, gruppiert nach LMAC Runde und Platz der gewonnen wurde.
  • Verbesserung der Usability verschiedener Bereiche auf http://lmac.gallery, für Adminstration und reguläre Nutzung stehen auch noch an. Ein Beispiel, das normale Nutzer betrifft ist beispielsweise die maximierte Version eines Galerie-Bildes. Im Moment gibt es für Benutzer keinen Weg, mittels einer Adresse wieder an diese Seite heranzukommen, da das maximierte Bild nur über die Webseite geblendet wird. In baldiger Zukunft wird sich das ändern. So kann man dann direkt die passende Adresse zum maximierten Bild aus der Adressleiste des Browsers kopieren.

Best regards | Viele Grüße
QuantumG

PS: Many thanks to @akukamaruzzaman and @irisgonzalez for contributing the photos of the little bug and the cute dog to the LIL I used in my cover image.
Vielen Dank an @akukamaruzzaman und @irisgonzalez für das Beitragen der Fotos von dem kleinen Käfer und dem goldigen Hund, die ich in meinem Titelbild verwendet habe.


╭━━⋞ ☙ My NFT artworks ≻≺ ♖ My dCity ⋟━━╮
╰━━━━⋞ ♫ My Rising Star(s) ⋟━━━━╯

Sort:  

I feel like uploading the theme song from 2001 Space Odyssey.

Just amazing. We've crossed a frontier on Hive. All due to human ingenuity and hard work. Taking nothing from Lily, who is really quite charming, but her creators deserve at least a cymbal clash.

Congratulations to @shaka, @quantumg, to the LMAC community, and all of Hive.

Haha :-D When the website went online yesterday, I actually had a moment when that very music really was missing. I was sitting in my workroom when I pressed the button and thend turned around grinning and beaming with joy. Wanted to shake hands and bow to the crowd. But there was no cheering crowd, no one brought champagne, and Shaka didn't even give a speech. :-(
Our Discord suddenly even seemed to be extinct.

But now, with your comment and that epic music, you really made my day and made the opening an epic moment for me afterwards anyway. :-)
I watched the result of all the hard work again with this music in the background. Touching!!! xD

no one brought champagne

Come on, 3 minutes after our go live I threw champagne bottles at you. Several of them. And party poppers and a rocket too. Emojis, I know, but still... xD

No, seriously, you did some amazing work here and the whole community applauds you - so even if your ears betrayed you back then in your office, the cheering crowd was there :)

Thanks for your dedication to our community and cheers to what is yet to come!

I threw champagne bottles at you.

Explains the memory gap about the occurrence of this happening. xD

Honestly, this was a pretty relaxed release and it was all a lot of fun. And the fun continues, which is the the best news.

I would also like to express my gratitude to you! It really is a great experience and a blessing for be to be allowed to continue developing such a great thing as LMAC together with a spontaneous and visionary administrator as you truly are.

There was no epic prelude to the launch of the website. It caught us a bit off guard and me with so many things to do in real life. But we have the virtual celebration pending. ;-)

Muchas gracias y tambien por venir. Recuerdo los primeros pasos con nostalgía, pero me alegro de que el niño aprenda a caminar. :-)

PeakD didn't indicate to me at first that I had received a tip from you.
A thousand thanks for that! :-)

😇
You amaze me :) Your skill and willingness to contribute your talent and time.

Truly a worthy accompaniment!

Amazing work! I know how complicated all that is and you’ve done a great job!

Thank you. Although I'm really glad the kid learned to walk, every single line of code was fun. But the fun goes on! :-)

They grow up so fast 🥲

Ich wollte Lily endlich in Betrieb nehmen und zögerte daher nicht, mich an die Arbeit zu machen, um Lily unter Python2 lauffähig zu machen. Doch @shaka hielt mich zum Glück bald auf und schlug stattdessen vor, auf ein anderes Hosting-Paket umzuziehen, auf welcher wir die Möglichkeit haben, Python3 zu installieren.

Was ist denn da los bei Euch? Für mich klingt das nach einem dringend benötigten Kammerjäger, oder Schlangenbändiger. 😅
Hey, danke für deinen / euren grandiosen Einsatz! 😎

Hihi. Jetzt, da du es erwähnt hast - Eigentlich wollte ich ja auf das Bullshit-Bingo verzichten und mich eher einer natürlichen Wortwahl bedienen. Ich gelobe Besserung! :-D

Wow, it's admirable the work you and Shaka are doing for the @Lmac community, and also for the #Hive community in general because this library will be for the use of all Hivers. Congratulations on this achievement! 💪

I think this post deserves the love of a generous whale, @ranchorelaxo @haejin please, show how generous you can be. 🙏

Wow amazing work from you @shaka and @quantumg 🤩 Many congratulations for such an excellent project🎊 a great step for the LMAC community ☺️. The community is growing very fast. It is of great joy this kind of contribution to the platform in general.

I wish you much success and blessings in everything you do✨.

Greetings 🤗.

Thank you. I can also make very good use of the blessing :-)

*hug*

At first I never imagined that something like this could be achieved.
It's a lot of hard work to be able to organize such a large amount of material to put up.
Aside from being grateful you deserve a bow. @shaka and @quantumg

Thank you very much. :-)
Yes, it's really a huge amount of data that even is steadily growing. Fortunately, we have good help by technology.
Our bot is very diligent in organizing all these data. If we had to do this by hand, we'd probably need a psychologist on the team soon. :-D

LMAC Image,that's new thing i learned to day