Mobile Version von Habr. Version 3.0

Es ist möglich, dass einige von Ihnen zum ersten Mal auf der mobilen Version von Habr sind, und jemand im Gegenteil wird sagen, dass " dies die dritte Version ist und egal was passiert, aber 2009 war es die meiste ." Wie dem auch sei, diesmal wollte ich mehr als nur die neue mobile Version ankündigen. Es war schön, die Zeit zurückzuspulen und sich daran zu erinnern, wie es war.Für eine solche Retrospektive mussten wir uns dem Webarchiv zuwenden. Dank ihm können im Leben der Site folgende Phasen unterschieden werden:

22. April 2009

Mobile Version zum Geburtstag. ID-Shniks von Posts auf Habré haben gerade ihre Reise zu sechsstelligen Werten begonnen, und im TM-Büro (damals wurde diese Abkürzung noch als "Thematische Medien" entschlüsselt) auf der Krivokolenny Lane herrschte die Atmosphäre eines Startups. Kurz vor diesem Datum entsteht im Kopf eines der Entwickler (Maxim Rossomachin ) die Idee, eine experimentelle Lite-Version von Habr zu entwickeln, die auf Mobilgeräten besser funktioniert.

Drei Personen (ein Programmierer, ein Webtechnologe und ein Interface-Designer), zwei Wochen Zeit und die kürzeste Nachankündigung erschienen auf der Website: μHabr (wörtliches Zitat der Ankündigung). Wie sie sagen, nichts weiter - weder in der Ankündigung noch im neugeborenen nuHabr muHabr. Dann hat dieser Name keine Wurzeln geschlagen, da es schwierig war, richtig zu buchstabieren und jeder dachte, es sei ein Habratracker. Daher blieb der Name „Microhabr“ bald im Projekt.

Funktionen der ersten mobilen Version:

• Jede Seite wog durchschnittlich 5 Kilobyte (ohne Inhalt)
• Das völlige Fehlen von Werbung und unnötigen Elementen
• Jede Seite enthielt 40 Links zu Veröffentlichungen
• Gut angezeigt auf allen wichtigen mobilen Plattformen

In dieser Version waren die Funktionen Autorisierung, Abstimmung und Kommentieren nicht verfügbar. Das heißt, es konnte nur zum Lesen verwendet werden, was zu dieser Zeit tatsächlich von ihr verlangt wurde. Der Microhabr unterschied sich nicht wesentlich vom RSS-Aggregator, erforderte jedoch keine separate Anwendung (mit Ausnahme des Browsers).

Und sie sah so aus:

2010

Wenn Mikrohabr einen Twitter-Account hätte, wäre es für die nächsten Jahre wie ein Twitter eines Steins im Wald: Täglich „heute ist nichts passiert“. Nun, vielleicht haben Sie die Schriftarten einmal gekämmt, um sie größer und weniger verblasst zu machen:
In dieser Form (mit geringfügigen Änderungen im Layout) bestand die mobile Version bis 2014, da der mobile Verkehr zu diesem Zeitpunkt sehr unbedeutend war.

2013

Blogs, die früher bei Habr waren, wurden mit der einfachen Bewegung einer Hand zu eleganten Hubs. Es wurde möglich, jede Veröffentlichung mehreren Hubs zuzuordnen, sodass die Liste der Hubs unter die Überschrift verschoben werden musste. Die mobile Version ist immer noch ein primitiver Leser - der Boom des mobilen Verkehrs fand damals nicht statt und die gesamte Runet ignorierte einstimmig Telefonlösungen.

2014. Version 2.0 und die mobile Anwendung

Von 2009 bis 2014 blieb die mobile Version von Habr ein einfacher Leser. Das Wachstum des mobilen Publikums zwang uns jedoch, das Mobiltelefon auf die zweite Version zu aktualisieren, was wir am 10. Juni 2014 getan haben . Dies ist weniger ein Hobbyexperiment eines Mitarbeiters als vielmehr die bewusste Arbeit einer Personengruppe in einer vorläufigen Verschwörung.

Wenn früher die diagonalen Bildschirme (und ihre Auflösungen) verschiedener PDAs nicht besonders mit Einrückungen spielen durften, eroberten Smartphones bis 2014 den eisernen Thron des Empire- Marktes. Mit neuer Typografie und luftigeren Rändern war es bereits schwierig, 40 Veröffentlichungen pro Seite anzuzeigen, daher wurde ihre Anzahl auf 10 reduziert. Der Name „Microhabr“ erscheint nirgendwo - die „mobile Version“ ist überall.

Trotz der Tatsache, dass es sich in erster Linie um ein Facelifting handelte (da das vorherige Design veraltet war), hat das neue „Handy“ neue Funktionen erhalten: Es wurde eine Autorisierung angezeigt, und daher ist es möglich, neue Kommentare zu den Veröffentlichungen zu verfolgen, die der Benutzer bereits gelesen hat. Es gab auch die Möglichkeit, zum gewünschten Hub oder Unternehmensblog zu gehen.
Im selben Jahr wurde die offizielle Habr- Anwendung veröffentlicht, die sofort unter drei Plattformen (Psychoanuli) veröffentlicht wurde: iOS, Android und Windows Phone. Die Funktionalität ist ähnlich: Autorisierung, Lesen von Feeds, Abonnieren von Hubs, Abstimmen-Favoriten-Kommentare.



In der iOS-Anwendung hat der Avatar des Benutzers ein kleines Osterei, das kaum jemand jemals gefunden hat.

2015. TM Feed

Ende 2014 ereignete sich ein weiteres wichtiges Ereignis in der Geschichte von Habr - Geektimes hat sich daraus entwickelt. Einige Benutzer waren sehr empfindlich gegenüber der anschließenden Aufteilung von Veröffentlichungen in zwei Websites. Um dies irgendwie zu betäuben, haben wir TM Feed erstellt - eine Art Brücke zwischen den beiden Websites. Dieselbe mobile Version, jedoch mit der Möglichkeit, eine oder beide Sites als Quelle auszuwählen. Oder alle drei (als Megamind auch 2015 erschien).

2017

Einige Jahre nach der Trennung der Projekte beschlossen wir, einen Kurs im großen Internet zu belegen. Es wäre um ein Vielfaches schwieriger, mit mehreren Booten dorthin zu fahren als mit einem großen Eisbrecher. Daher wurde beschlossen, alle zuvor geteilten Projekte wieder zusammenzuführen. Der einfachste Weg, dies zu tun, bestand darin, Inhaltsprojekte zu kombinieren, da diese so ähnlich und strukturell wie möglich waren. Gleichzeitig wurde TM Feed nicht mehr benötigt und verschwand aus dem Hauptmenü.

2018

Mit Habr allein gelassen, beschlossen wir, seine mobile Version zu aktualisieren, die seit 2014 unverändert ist. In der alten Version war dies aufgrund der großen Menge an Legacy-Code vor langer Zeit schwierig. Daher wurde beschlossen, ihn nicht neu zu dekorieren, sondern zu überarbeiten: Alles von Grund auf neu zeichnen, das gesamte Backend und Frontend neu schreiben.

Wenn zwei Wochen von der Idee bis zum Start im Jahr 2009 vergingen, konnten wir uns 2018 keine solche Agilität leisten und versuchten, alles „auf erwachsene Weise“ zu tun: Mehrere Monate verbrachten wir allein mit Betatests , an denen mehr als 7000 Personen teilnahmen . Und wie Sie wissen, nicht umsonst - dank ihm, also Ihnen, konnten wir in der mobilen Version viele Fehler beheben: von kleinen unauffälligen Insekten bis zu riesigen Goliath-Käfern. Und heute, unter dem Läuten der Erstklässlerglocken, haben wir beschlossen, endlich grün zu werden.

Das Motto, an das wir uns halten wollten: die mobile Version - eine abgespeckte Version. Daher wurden der vorherigen Anforderung einige neue Funktionen hinzugefügt (bequemes Lesen von Veröffentlichungen) und der Grundstein für eine weitere Skalierung gelegt.

Aus dem neuen:

• Alle Entitäten wurden verfügbar: Streams, Hubs, Listen von Unternehmen und Benutzern
• Unterstützung beim Sortieren von Veröffentlichungen: nach Abonnement, alle hintereinander und am besten (pro Tag / Woche / Monat)
• Jeder Beitrag hat einen Zähler für neue Kommentare
• Es wurde nach Publikationen und Nutzern gesucht
• Am Ende der Veröffentlichung wurde ein Menü mit einem Bildlauf auf der Seite mit Metriken angezeigt
• Bequemere Abstimmung für Kommentare

Über Design

„Die geleistete Arbeit kann kaum als Neugestaltung bezeichnet werden. Tatsächlich haben wir ein neues Produkt erstellt, bei dem nur die Adresse von der alten übrig bleibt. Das Hauptziel war es, eine einheitliche visuelle Umgebung zu schaffen, die aus einem grafischen Stil des Projekts und sich wiederholenden Verhaltensszenarien besteht. “

// Designer

Über Technologie

„Die alte mobile Version arbeitete mit jQuery im Frontend und PHP mit der Blitz Template Engine im Backend. Der neue basiert auf moderneren und etablierteren Technologien. Vue und der gesamte Stapel in der Nähe (vuex, vue-router, vue-meta, vue-server-render), Express und Node.js: Es gibt ein Frontend in Form eines SPA, es gibt ein Backend (das dieses SPA für Suchmaschinen- und Proxy-Anfragen rendert in der API) und einem separaten API-Server. “

// Entwickler

Die Tesla-Besitzer geben bitter zu, dass die neue mobile Version deutlich schneller ist als ihre Elektroautos :)

Und wir müssen verstehen, dass wir vorerst die Basisversion des mobilen Habr veröffentlichen werden, aber nicht die endgültige: Wir werden etwas später neues Fleisch mit neuen Funktionen bekommen.

Na los? Wir haben erstellt: m.habr.com