Cyfrowa Tablica Korkowa

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
4

Niby zwykła tablica korkowa a możliwości są nieskończone

Raport Porównawczy: Cyfrowa Tablica Korkowa vs. Fizyczna Tablica Korkowa
Instytut Badań Nad Rzeczami Oczywistymi i Niepotrzebnymi (IBNROiN), Warszawa 2026

Streszczenie wykonawcze
Badania przeprowadzone przez IBNROiN wykazały, że cyfrowa tablica korkowa przewyższa fizyczną w 143 kategoriach, z czego 141 zostało wymyślonych na potrzeby tego raportu. Fizyczna tablica korkowa okazała się natomiast obiektem o wysokim potencjale kontuzjogennym, metabolicznym oraz społecznym.

Metodologia
Badanie przeprowadzono na próbie 12 ochotników, 3 nieochotników oraz jednego przypadkowego przechodnia, który został wciągnięty do eksperymentu, bo "akurat przechodził obok tablicy".
Uczestnicy wykonywali następujące czynności:

  • Wstawanie z krzesła
  • Podejście do tablicy
  • Wpięcie szpilki
  • Odczytanie kartki
  • Powrót na krzesło
  • Podniesienie długopisu (grupa kontrolna)

🔥 Wyniki badań metabolicznych
Spalanie kalorii przy fizycznej tablicy:

  • Wstanie: 0.17 kcal
  • Podejście: 0.04 kcal
  • Wpięcie szpilki: 0.0000008 kcal
  • Powrót: 0.09 kcal
  • Podniesienie długopisu: 0.0000003 kcal
    Łącznie: 0.3000011 kcal To równowartość energii potrzebnej do:
  • poruszenia jednego elektronu o 3 mm,
  • westchnięcia z lekkim rozczarowaniem,
  • wypowiedzenia słowa "meh".
    Cyfrowa tablica korkowa spala 0 kcal, chyba że użytkownik się zdenerwuje, wtedy rośnie tętno, ale to już nie wina tablicy.

🩺 Ryzyko wypadków
Fizyczna tablica:
Najczęściej odnotowane incydenty:

  • Ukłucie szpilką (średnio 0.3 ukłucia na sesję przypinania)
  • Upadek kartki na podłogę (wywołujący panikę organizacyjną)
  • Zderzenie z innym użytkownikiem (tzw. "korek tablicowy")
  • Zaczepienie rękawem o tablicę i wykonanie nieplanowanego obrotu o 90°
  • Szpilka może spaść i wbić się w podłogę, tworząc pułapkę
  • Kartka może zsunąć się i wywołać efekt domina dokumentów

Cyfrowa tablica:
Zagrożenia:

  • Przypadkowe kliknięcie "usuń"
  • Przeciążenie mózgu nadmiarem możliwości
  • Zbyt duża satysfakcja z porządku (może prowadzić do uzależnienia)

🚶 Analiza korków w korytarzu
Fizyczna tablica korkowa generuje:

  • Zatory o długości od 0.5 do 3 metrów
  • Społeczne napięcia ("mogę przejść?", "stoję tu tylko sekundę")
  • Zjawisko "tablicowego gapia", który stoi i patrzy, choć nic nie przypina
    Cyfrowa tablica:
  • Nie generuje korków
  • Nie zajmuje przestrzeni
  • Nie wymaga fizycznej obecności
  • Pozwala przypinać notatki nawet z łóżka, toalety lub tramwaju
  • Nie krzyczy na ciebie pasywno‑agresywnym tonem "przypnij mnie"

🧬 Wniosek końcowy
Cyfrowa tablica korkowa jest naukowo, pseudonaukowo i logicznie lepsza od fizycznej. Eliminuje:
wysiłek, ryzyko, korki, szpilki, papier, chaos, przypadkowe ukłucia, niechęć do wstawania.
Fizyczna tablica natomiast istnieje. I to jej największy problem.
#vibecoding #tablicakorkowa #tablica #korkowa

UWAGA! Niebawem mogą nastąpić zmiany w trakcie rozwoju które popsują aktualne sejwy/exporty.

https://michalstankiewicz4-cell.github.io/CorkBoard/
corky.png

bakunet
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Wrocław
  • Postów: 1796
1

Fajne. To Twoje? Da się udostępniać między urządzeniami?

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
2

Dodałem możliwość przyczepienia filmu oraz odtworzenia go na miejscu!
Dzięki pytaniu kolegi z posta wyżej @bakunet dodałem opcję restore from PNG która działa na tej samej zasadzie co dzielenie się linkiem. Zaszywa go w metadanych obrazu. Trzeba pamiętać, że odtworzenie linku z PNG może stać się niemożliwe gdy prześlesz go na media społecznościowe lub zedytujesz w programie typu paint.
W przyszłości spróbuję dodać w go postaci ukrytych pixeli aby dane nie zaginęły w mediach ...edit... Chyba nie będzie to możliwe bo wymaga ~20k pixeli przy tablicy z danymi demonstracyjnymi

  • W przygotowaniu kreator kartek które będzie można przyczepić do tablicy
  • Zmiana stylu/wyglądu tablicy
  • Nawigacja
  • Przełącznik Simple/Pro
  • Integracja z programami zewnętrznymi
  • a być może integracja z AI 😅

screenshot-20260628164114.png

bakunet
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Wrocław
  • Postów: 1796
1

Spoko, jak będziesz miał już jakąś stabilną wesję to chętnie przetestuję :) Z ciekawości, szukałeś czy są podobne rozwiązania?

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
1

Zrobiłem ładniejsze menu, zoptymalizowałem aby płynniej działało i dodałem kilka opcji które pozwolą działać na wolniejszym kompie.

  • może dodam potem optymalizację pod androida/ekrany dotykowe

screenshot-20260629201932.png

obscurity
  • Rejestracja: dni
  • Ostatnio: dni
1

Może dodaj jakiś algorytm automatycznego układania i rozplątywania żeby połączenia się nie przecinały.

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
1
obscurity napisał(a):

Może dodaj jakiś algorytm automatycznego układania i rozplątywania żeby połączenia się nie przecinały.

To co widzisz na screenie to tylko demonstracyjne dane do układania których się nie przykładałem dlatego jest takie poplątane
Ale mogę dodać naciąganie i luzowanie połączeń.
Jest opcja "widok" w której wszystkie karty zmieniają układ np w linii czasu itp. Czasowo go zablokowałem bo psuło tablicę, było niedopracowane

Dodałem tłumaczenie PL/EU

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
1

Tablica otrzymała możliwość importu "Ściennej tablicy korkowej" na wersję komputerową.
Robisz zdjęcie tablicy otwierasz ją w moim programie i importujesz w postaci "obrazków" lub "OCR" w przyszłości dodam: automatyczne rozpoznawanie zawartości skanu/zdjecia, rozpoznawanie krawędzi i utrzymanie pozycji obiektów na oryginalnych pozycjach.
Pierwszy test importu notatek na poniższym screenie.
screenshot-20260702175409.png
im.png

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
1

Tablica otrzymała wsparcie dla drukowania

Planned features:
🎨 SVG Paint — in-board drawing card with editable SVG objects (shapes, freehand, parametric curves: sinusoids, parabolas) and charts
📊 Table card — paste or OCR a table, display it as a formatted card
🖌️ Classic mini paint — pixel/raster drawing card
🔊 Sound player card — attach and play audio files directly on the board
🎞️ Animated GIF card — display animated GIFs as board objects
Other ideas:
🃏 Card creator — custom card templates
🎨 Theme / board appearance switcher
🗺 Auto views (parties, timeline, network, acts)
🧭 Navigation (breadcrumbs, view history)
⚙️ Simple / Pro mode toggle
🔌 External app integrations
🤖 Maybe AI integration 😅
📱 Android ready
📱 E-paper displays – ready

#korkowa #tablica #tablicakorkowa #online #www #corkboard #cork #board #javascript

screenshot-20260703010727.png

PaulGilbert
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 1164
1

Fajne.

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
3

Aplikacja otrzymała update dzięki któremu jest bardziej przystępna dla każdego.
Teraz możesz włączyć auto ukrywanie menu. Jeżeli cierpisz na ból głowy gdy twórca narzuca ci styl pracy lub daje opcje o które nie prosiłeś, to teraz możesz wyłączyć wszystkie niepotrzebne przyciski i opcje których nigdy nie użyjesz w tym i minimapę. Włącznie z niepotrzebnymi wodotryskami jak cienie itp.
screenshot-20260704225328.png
screenshot-20260704225154.png
screenshot-20260704225552.png

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
2

Znalazłem ciekawy film na podstawie którego postanowiłem zrobić automatyczną analizę AI przez VS Code z pomocą tablicy
W przyszłości planuję dodać moduł AI który będzie robił takie analizy z automatu w samym projekcie
Wczoraj dodałem selektor Y/N
screenshot-20260916100908.png

board-2026-09-16_08-05.png

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
0

Dodałem termometr z możliwością regulacji
screenshot-20260916172839.png

JG
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 259
0

@Pyxis @somekind i pewnie inni - zróbcie jakiś audyt kodu, to już kolejny projekt, wygenerowany w AI i nie chce się sypać, a przecież podobno takie rzeczy nigdy nie działają i wybuchają.

Pyxis
  • Rejestracja: dni
  • Ostatnio: dni
1

Nie piszę w tym języku, więc będzie ciężko. Ale spojrzałem. Slop, ściana tekstu, bardzo dużo hardkodowania wartości, zbyt mała granulacja projektu. Na dodatek często funkcje mają po wiele inline funkcji, których jednostkowo nie otestujesz, bo są zaszyte (chyba że JS to jakiś magiczny język, a ja nie znam jego niuansów).

Oczywiście możemy kupować, tanie, niesprawdzone elektryki z Chin, a potem czekać aż niektóre z nich ulegną samozapłonowi.

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
0
Pyxis napisał(a):

Nie piszę w tym języku, więc będzie ciężko. Ale spojrzałem. Slop, ściana tekstu, bardzo dużo hardkodowania wartości, zbyt mała granulacja projektu. Na dodatek często funkcje mają po wiele inline funkcji, których jednostkowo nie otestujesz, bo są zaszyte (chyba że JS to jakiś magiczny język, a ja nie znam jego niuansów).

Oczywiście możemy kupować, tanie, niesprawdzone elektryki z Chin, a potem czekać aż niektóre z nich ulegną samozapłonowi.

Tak, tego projektu nie poprawiałem jeszcze pod kątem "programistycznym"

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
0

@Pyxis Dziękuję za uwagi, jestem jeszcze w trakcie poprawiania (jeszcze będą poprawki i testowanie)

A teraz:
Architektura poprawiona i wypchnięta (f336b24..23798d6)
Zrealizowałem plan w całości. Skrócona odpowiedź na feedback:

"Ściana tekstu" — app.js skurczył się z 1674 do ~250 linii. Był jednym plikiem robiącym ~14 niepowiązanych rzeczy (stan, pan/zoom, undo/redo, CRUD kart/pinezek/nitek, dwa color-pickery, cały moduł OCR, modal, eksport PNG, druk). Teraz to cienki "rdzeń kompozycyjny" — 24 nowe, małe pliki, każdy z jedną odpowiedzialnością (state.js, history.js, viewport.js, board-events.js, card-actions.js, modal.js, import-notes.js, itd.).

"Hardkodowanie wartości / zbyt mała granulacja" — każdy typ karty był ręcznie duplikowany w 5 plikach (dymek w karuzeli, switch w cards.js, 3 osobne bloki if/else w app.js, klucze i18n). Teraz src/js/cards/registry.js to jedno źródło prawdy — dodanie nowego typu karty to jeden plik, nie pięć. Karuzela i panel Opcje→Obiekty generują się z tego rejestru automatycznie.

"Nie da się jednostkowo przetestować, bo funkcje są zaszyte" — wyciągnąłem matematykę przeciągania suwaków (Scale/Spectrum) z domknięć w osobne, czyste funkcje (ratioFromVerticalDrag itd.) i dodałem Vitest (dev-only, nic nie trafia na stronę) — 96 testów jednostkowych, wszystkie zielone.

Zero regresji — zweryfikowałem całość w przeglądarce (Playwright): wszystkie 15 typów kart (dodawanie/edycja/undo-redo), przeciąganie, pin/nitka/kontekstowe menu, obie istniejące tablice z tablice/*.json importują się z identyczną liczbą kart, eksport JSON zgadza się 1:1, panel reorderowania karuzeli działa tak samo jak wcześniej.

JG
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 259
1

Przekleiłeś tu odpowiedź agenta? 🤔

Michał_Stankiewicz
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 307
0

Jak co to wszystkie moje projekty są MIT więc nie mam problemu jak ktos je sobie zrobi nawet na bazie mojego vibe kodu

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.