Freifunk-Scanner und Website v2: Unterschied zwischen den Seiten

Aus Maschinendeck Wiki
(Unterschied zwischen Seiten)
Zur Navigation springen Zur Suche springen
>Lang
 
>MikO
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{Project
{{Project
|Why=Handscanner zur Analyse des Freifunk Netzes
|Why=Überarbeiten der Webseite
|What=hardware
|What=software, culture
|Who=Lang,
|Who=MikO
|Status=running
|Status=running
|Tags=ESP8266, Arduino, WLAN
}}
}}
Problem: aktuelle Seite ist sehr Blog-orientiert und informiert nicht gut, was das Maschinendeck ist für Leute die nicht wissen um was es geht.




== Hardware ==
TODO
* 1x [http://www.ebay.de/sch/i.html?_from=R40&_sacat=0&_sop=15&_nkw=ESP8266+201&rt=nc&LH_BIN=1 ESP8266 ESP201] (ca 5,- €)
* 1x [http://www.ebay.de/sch/i.html?_odkw=1.8+TFT+Display+SPI+PCB&rmvSB=true&_sop=12&_mPrRngCbx=1&clk_rvr_id=985309328388&_osacat=0&_from=R40&_trksid=p2045573.m570.l1313.TR0.TRC0.H0.X1.8+TFT+Display+ST7735.TRS0&_nkw=1.8+TFT+Display+ST7735&_sacat=0 1.8" Serial SPI TFT Color LCD Module Display Screen 128X160 with SD Socket] (ca. 4,- €)
* 1x [http://www.ebay.de/itm/272028217622?_trksid=p2057872.m2749.l2649&ssPageName=STRK%3AMEBIDX%3AIT Mini PCI IPX to RP-SMA Pigtail Antenna WiFi Cable] (ca 2,- €)
* 1x [http://www.ebay.de/itm/6dBi-WLAN-DSL-Omni-Antenne-RP-SMA-Signal-Verstarker-Netgear-Router-2-4-5-8Ghz-/401058093297?hash=item5d60ecd8f1:g:XEgAAOSwdsFUPh0u 6dBi WLAN DSL Omni Antenne RP-SMA] (ca 1,- €)
* 1x Gehäuse eines defekten Fonera 2200 Routers ("kostenlos")
* 4x [http://www.ebay.de/itm/30-Stucke-6x6x4-3mm-Microtaster-Tactile-Drucktaster-Microschalter-/321988173003?hash=item4af7fd9ccb:g:n5gAAOSwaA5WjsxG Microtaster (6x6x4.3mm)] (ca 0,30 €)


== Software ==
* mehr Fotos
** Foto von Aussen
** ein Foto fuer jeden Bereich
* mehr Texte
** Projekte ("Was wird gemacht?")
* Themen
** Python meetup vorstellen
*** Es gibt Events im Wiki
** elektronisches Schließsystem vorstellen
*** Bilder?
*** Raumnutzungsstatistik anbinden ("Wie oft war der Raum offen?")
* Startseite
** Termine auf Startseite?
* Sonstiges
** Impressum
** Cookies
** Pressekit
** Spenden
** Subscribe Form fuer Mailingliste
* Bugs
** Termine in lokaler Zeitzone anzeigen (UTC+1/2)
** Website Menu auf Smartphones optimieren


Coming soon ...


== Bilder (Mark 1) ==
Inhalt der Startseite
[[File:Freifunk-Scanner-001.jpg|200px|thumb|left|ESP8266-201]]
 
[[File:Freifunk-Scanner-100.jpg|200px|thumb|left|Splash Screen]]
* Idee hinter dem Raum und Verein vorstellen
[[File:Freifunk-Scanner-101.jpg|200px|thumb|left|WiFi Scanner]]
* neuen Besuchern, die nicht wissen um was es geht gut informieren um was es geht
[[File:Freifunk-Scanner-102.jpg|200px|thumb|left|Freifunk Scanner]]
* Leuten, die schon wissen um was es geht über aktuelle Entwicklungen informieren
[[File:Freifunk-Scanner-103.jpg|200px|thumb|left|Freifunk Scanner]]
* "Was ist das Maschinendeck?"
* regelmäßige Treffen
* Anfahrt, Karte
* Kontaktmöglichkeit
* News: letzte News nur die Titel anzeigen auf der Startseite und dann weiter auf Einträge bzw. Blog verlinken
* Zugang zu Freenode Chat integrieren (http://wiki.maschinendeck.org/wiki/Chat)
 
* Das ALLES auf die Startseite? Könnte ein bisschen voll werden, oder?
** Alternativvorschlag: Menü, Unterseiten, eins oder zwei davon auf die "Startseite". (z.B. News + Idee)
 
 
Features
 
* es soll einfach sein neue Beiträge zu verfassen oder auch Themen für neue Beiträge vorzuschlagen
* mehrsprachig?
* Raumstatus
* weitere Meta-Information?
 
 
Design
 
* Bilder vom Raum, der Arbeit und den Projekten in einer Slideshow vorstellen, z.B. im Header. |-> haben wir aktuelle Bilder?
* welche Farben?
** Grün? Das ist freundlich und trotzdem oldschool-Hacker-Style. [http://paletton.com/#uid=12M0u0kllllaFw0g0qFqFg0w0aF Hier] unten auf "Examples" klicken.
* momentan sehr viel blau und relativ dunkel -> Etwas helleres, bunteres?
** Vorsicht mit bunt, wirkt schnell unseriös. Ein sauberes, reduziertes Farbschema wirkt Wunder. http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
* was soll die Sonne? WEG MIT DER SONNE!
 
 
Technik
 
* statisch vs. dynamisch
** Vorteil Statisch: Lightweight
** Vorteil Dynamisch: Leichtere Vorschaumöglichkeiten
* (lokales) testen bevor man Änderungen online stellt
 
 
CMS Systeme
 
* Jekyll
* [https://jaspervdj.be/hakyll/ Hakyll]
* Wordpress
* PHP
* Nanoc
* Etwas mit Vorschaumöglichkeit die nicht so kompliziert ist wie bei Jekyll
* "richtiges" CMS (Joomla, Typo3, Drupal, ...)

Version vom 7. Januar 2020, 18:59 Uhr

Website v2
Weshalb Überarbeiten der Webseite
Was software, culture
Wer MikO
Status läuft


Problem: aktuelle Seite ist sehr Blog-orientiert und informiert nicht gut, was das Maschinendeck ist für Leute die nicht wissen um was es geht.


TODO

  • mehr Fotos
    • Foto von Aussen
    • ein Foto fuer jeden Bereich
  • mehr Texte
    • Projekte ("Was wird gemacht?")
  • Themen
    • Python meetup vorstellen
      • Es gibt Events im Wiki
    • elektronisches Schließsystem vorstellen
      • Bilder?
      • Raumnutzungsstatistik anbinden ("Wie oft war der Raum offen?")
  • Startseite
    • Termine auf Startseite?
  • Sonstiges
    • Impressum
    • Cookies
    • Pressekit
    • Spenden
    • Subscribe Form fuer Mailingliste
  • Bugs
    • Termine in lokaler Zeitzone anzeigen (UTC+1/2)
    • Website Menu auf Smartphones optimieren


Inhalt der Startseite

  • Idee hinter dem Raum und Verein vorstellen
  • neuen Besuchern, die nicht wissen um was es geht gut informieren um was es geht
  • Leuten, die schon wissen um was es geht über aktuelle Entwicklungen informieren
  • "Was ist das Maschinendeck?"
  • regelmäßige Treffen
  • Anfahrt, Karte
  • Kontaktmöglichkeit
  • News: letzte News nur die Titel anzeigen auf der Startseite und dann weiter auf Einträge bzw. Blog verlinken
  • Zugang zu Freenode Chat integrieren (http://wiki.maschinendeck.org/wiki/Chat)
  • Das ALLES auf die Startseite? Könnte ein bisschen voll werden, oder?
    • Alternativvorschlag: Menü, Unterseiten, eins oder zwei davon auf die "Startseite". (z.B. News + Idee)


Features

  • es soll einfach sein neue Beiträge zu verfassen oder auch Themen für neue Beiträge vorzuschlagen
  • mehrsprachig?
  • Raumstatus
  • weitere Meta-Information?


Design

  • Bilder vom Raum, der Arbeit und den Projekten in einer Slideshow vorstellen, z.B. im Header. |-> haben wir aktuelle Bilder?
  • welche Farben?
    • Grün? Das ist freundlich und trotzdem oldschool-Hacker-Style. Hier unten auf "Examples" klicken.
  • momentan sehr viel blau und relativ dunkel -> Etwas helleres, bunteres?
  • was soll die Sonne? WEG MIT DER SONNE!


Technik

  • statisch vs. dynamisch
    • Vorteil Statisch: Lightweight
    • Vorteil Dynamisch: Leichtere Vorschaumöglichkeiten
  • (lokales) testen bevor man Änderungen online stellt


CMS Systeme

  • Jekyll
  • Hakyll
  • Wordpress
  • PHP
  • Nanoc
  • Etwas mit Vorschaumöglichkeit die nicht so kompliziert ist wie bei Jekyll
  • "richtiges" CMS (Joomla, Typo3, Drupal, ...)