Samouczek dla zdających maturę z j. ang.

Samouczek dla zdających maturę z j. ang.
LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
1

Na podstawie tego projektu:
Narzędzie do budowania testów językowych

zacząłem budować samouczek dla maturzystów:

https://mt4p.vercel.app

Stronę wyróżnia od innych podobnych to, że docelowo uczeń będzie mógł kliknąć na praktycznie każde sprawiające mu problemy zdanie i rozbić je na pojedyncze wyrazy oraz struktury, poznać ich znaczenie, dodać do notatek, przećwiczyć itp.

Zanim zacznę dodawać kolejne arkusze, struktury i funkcje, chętnie poznam wasze zdanie. Będę szczególnie wdzięczny za wszelkie wskazówki.

Strona nie obsługuję na razie małych ekranów.

Korzystam z nextjs, postgresql, material-ui i wielu, wielu innych bibliotek.

Pozdr

edytowany 3x, ostatnio: Lukasz B
LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:około godziny
  • Postów:8398
0

Pomysł pewnie dobry, ale:

  • nie da się kliknąć na inne lata czy zmienić poziomu na rozszerzony (może więc w ogóle lepiej nie wyświetlać tych elementów?)
  • mały kontrast między niebieskim tłem, a tekstem (2022, 2020, ROZSZERZONY itp.)
  • nie działa przycisk wstecz w przeglądarce. Jak wejdę w test i przejdę np. do 5 strony, to potem nie mogę się cofnąć do pierwszej, tylko od razu mnie cofa do strony domowej

Strona nie obsługuję na razie małych ekranów.

A powinna.


LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
0
LukeJL napisał(a):

Pomysł pewnie dobry, ale:

  • nie da się kliknąć na inne lata czy zmienić poziomu na rozszerzony (może więc w ogóle lepiej nie wyświetlać tych elementów?)
  • mały kontrast między niebieskim tłem, a tekstem (2022, 2020, ROZSZERZONY itp.)
  • nie działa przycisk wstecz w przeglądarce. Jak wejdę w test i przejdę np. do 5 strony, to potem nie mogę się cofnąć do pierwszej, tylko od razu mnie cofa do strony domowej

Strona nie obsługuję na razie małych ekranów.

A powinna.

Dzięki za odpowiedź.

  • nie da się kliknąć na inne lata czy zmienić poziomu na rozszerzony (może więc w ogóle lepiej nie wyświetlać tych elementów?)
  • mały kontrast między niebieskim tłem, a tekstem (2022, 2020, ROZSZERZONY itp.)

Te elementy są disabled, bo mam tylko arkusz z 2021 na poziomie podstawowym.

Strona nie obsługuję na razie małych ekranów.

A powinna.

Masz rację, ale nie umiem :(. Nie wiem też, czy budować UI specjalnie na małe ekrany czy próbować dostosować to, co mam.

Spine
  • Rejestracja:prawie 22 lata
  • Ostatnio:około godziny
  • Postów:6626
0

Strona nie obsługuję na razie małych ekranów.

A powinna.

Masz rację, ale nie umiem :(. Nie wiem też, czy budować UI specjalnie na małe ekrany czy próbować dostosować to, co mam.

No to na spokojnie się naucz. Co z tego, że teraz nie umiesz?
Zobacz jak wygląda TEN serwis na telefonie i na PC.
Może wpadniesz na coś. Są też tutoriale.


🕹️⌨️🖥️🖱️🎮
LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
0
Spine napisał(a):

Strona nie obsługuję na razie małych ekranów.

A powinna.

Masz rację, ale nie umiem :(. Nie wiem też, czy budować UI specjalnie na małe ekrany czy próbować dostosować to, co mam.

No to na spokojnie się naucz. Co z tego, że teraz nie umiesz?
Zobacz jak wygląda TEN serwis na telefonie i na PC.
Może wpadniesz na coś. Są też tutoriale.

Strona jest już nieco lepiej dostosowana do małych ekranów. Dodałem też kilka arkuszy, w tym z tego roku.

S7
  • Rejestracja:prawie 5 lat
  • Ostatnio:5 dni
  • Postów:354
0

Przydatny i wartościowy projekt. Tylko zamiast od razu pokazywać użytkownikowi czy ma dobrą czy zła odpowiedź powinien być przycisk w rodzaju "sprawdź", bo zawsze ktoś może zrobić missclicka, stwierdzić że chce zmienić odpowiedź, no i sugerować się już sprawdzonymi odpowiedziami.
No i front wydaje się kanciasty, ale rozumiem że to nie jest priorytet :D


Competitive Google searcher
LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
0
Suchy702 napisał(a):

Przydatny i wartościowy projekt. Tylko zamiast od razu pokazywać użytkownikowi czy ma dobrą czy zła odpowiedź powinien być przycisk w rodzaju "sprawdź", bo zawsze ktoś może zrobić missclicka, stwierdzić że chce zmienić odpowiedź, no i sugerować się już sprawdzonymi odpowiedziami.
No i front wydaje się kanciasty, ale rozumiem że to nie jest priorytet :D

Dzięki za miłe słowa.

Taki przycisk sprawdź rzeczywiście jest potrzebny, dodam go przy pierwszej okazji.

Front jest jaki jest, bo dopiero poznaję CSS i podstawy interfejsów graficznych. Poza tym, nie mam jeszcze jakiejś spójnej wizji co do interfejsu.

LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
0

Cześć,

Wprowadziłem sporo zmian. Najważniejsze z nich to uwierzytelnianie użytkowników za pomocą Firebase i zapisywanie ich danych w Firestore. Mam wątpliwości, czy wspomniane dane są odpowiednio zabezpieczone. Dlatego zanim udostępnię stronę swoim uczniom, chcę poprosić użytkowników o sprawdzenie, czy nie wyciekają z niej np. adresy e-mail zarejestrowanych. A tak w ogóle będę wdzięczny za każdą uwagę.

Pzdr

LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
0

Cześć.

Tegoroczne matury (w tym w Formule 2023) za nami. Dodałem nowe arkusze, możecie sprawdzić, jak byście sobie poradzili.

Zacząłem też dodawać testy z gramatyki, będę wdzięczny za komentarze co do ich budowy i treści.

Inna sprawa, to kolorystyka i grafika na stronie. Może ktoś doradzi, jak stronę pokolorować, urozmaicić grafiką, coby bardziej "młodzieżowo" wyglądała? :)

https://mt4p.vercel.app

LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
0

https://mt4p.vercel.app/

Witam w kolejnym roku. 😀

A jak byście sobie poradzili z tegoroczną maturą? Możecie już się przekonać. Poza tym, dostępne są już arkusze aż do 2020 r. wstecz i jeszcze więcej ćwiczeń. Odtąd możecie też przesyłać własne teksty i sprawdzać je pod kątem gramatyki i słownictwa.

Będę dalej dodawał kolejne arkusze z poprzednich lat i ćwiczenia, przymierzam się też do wprowadzenia trybu egzaminu w arkuszach (np. ograniczenie czasu na rozwiązanie, ukrywanie odpowiedzi, odtwarzanie nagrań jak na egzaminie itp.). Może też w końcu pokoloruje te wszystkie prostokąty 😀.Jakie inne funkcje mogłyby być przydatne wg. forumowiczów? Chciałbym też zbudować podobną aplikację dla moich ósmoklasistów.

LB
  • Rejestracja:około 8 lat
  • Ostatnio:3 miesiące
  • Postów:32
0

Jeszcze prośba. Napisałem krótki tekst dla użytkowników strony, bo zaraz zacznie się nowy semestr. Będę wdzięczny za uwagi do tekstu.

Opis aplikacji

Aplikacja ma mieć prosty i intuicyjny interfejs, aby użytkownicy mogli samodzielnie poznać jej funkcje, ale być może krótki opis najważniejszych funkcji pomoże użytkownikom zrozumieć, do czego służy i jak z niej korzystać.

Aplikacja ma na celu pomaganie w przygotowaniach do matury z j. angielskiego. Wyróżnia ją to, że uczniowie mogą przeanalizować praktycznie każde wyrażenie z arkuszy maturalnych i własnych tekstów, rozbić je na pojedyncze wyrazy, poznać zastosowane w nich struktury gramatyczne, ich znaczenie, a także dodać te wyrażenia, struktury i wyrazy do notatek. Uczniowie mają też dostęp do testów gramatycznych bazujących na tekstach z arkuszy.

Na stronie głównej są trzy zakładki: ARKUSZE, GRAMATYKA i SPRAWDŹ TEKST.

W zakładce ARKUSZE do wyboru są arkusze na poziomie podstawowym i rozszerzonym z kilku ostatnich lat. Niedługo dostępne będą arkusze z lat sprzed 2020 r., a także arkusze z matury dwujęzycznej.

Na ekranie arkusza mamy okno z zadaniami, odtwarzacz do nagrań dla arkuszy, panel do nawigacji po zadaniach i następujące przyciski. Pierwszy przycisk od góry wyświetla ekran z transkrypcją nagrań dla ćwiczenia. Drugi przycisk prowadzi do wyszukiwarki struktur gramatycznych w bieżącym zadaniu (układ strony, nazwy i przykłady są zaczerpnięte z informatora dla maturzystów). Po wybraniu struktury, zdania w treści zadań i transkrypcji będą podkreślone. Trzeci przycisk wyświetla wybrane komentarze komisji egzaminacyjnej do wybranego zadania. Po naciśnięciu czwartego przycisku wyświetli się punktacja dla danego arkusza.

Niemal każde zdanie w zadaniach i ich transkrypcji w arkuszach zawiera szereg informacji dla uczniów. Po najechaniu kursorem na zdanie wyświetli się jego tłumaczenie i zastosowane struktury gramatyczne. Kliknięcie na zdanie wywoła okno ze zdaniem rozbitym na pojedyncze wyrazy (kodowane kolorami według poziomu (wg. CEFR)), jego tłumaczeniem, a także strukturami gramatycznymi, jakie prezentuje. Po kliknięciu na wybrane słowo wyświetlą się jego definicje ze słowników EN-PL i EN-EN.

Każdy wyraz, zdanie czy strukturę można zapisać w Notatkach; wystarczy na ekranie wybranego zdania czy wyrazu kliknąć odpowiednią ikonę. Aby dodać strukturę gramatyczną, klikamy jej nazwę pod tłumaczeniem. Z ekranu wybranej struktury można też przejść do ćwiczeń z daną strukturą (o ile takie są dostępne).

Aby przejść bezpośrednio do ćwiczeń gramatycznych, na ekranie głównym wybieramy zakładkę GRAMATYKA. Ćwiczenia wybieramy w wyszukiwarce, w której układ, nazwy struktur i przykłady są zaczerpnięte z informatora dla maturzystów. Ćwiczenia są pogrupowane w różnych kategoriach (np. w “Present Simple” mamy Zdania twierdzące, Przeczenia, Pytania, Porównanie z innymi czasami) oraz według poziomu trudności (od 1 do 3). Ćwiczenia w danej kategorii można filtrować wg. poziomu, tego czy ćwiczenie zostało wykonane czy oznaczone, klikając odpowiednie przyciski w menu po lewej.

W ostatniej zakładce SPRAWDŹ TEKST można wkleić lub wpisać dowolny tekst do 3500 znaków i otrzymać posegmentowane i przetworzone zdania. Zdania będą zawierać taki sam rodzaj informacji, jakie zawierają zdania w arkuszach, z wyjątkiem ich tłumaczeń. Podobnie jak w przypadku zdań z arkuszy, można dodawać zdania jak ich struktury i wyrazy do Notatek. W menu po lewej wybieramy struktury, które chcemy wyróżnić w tekście.

W prawym górnym rogu ekranu jest przycisk NOTATKI. Wyświetla on zdania, wyrazy i struktury dodane przez ucznia, które są pogrupowane w zakładkach ZDANIA, WYRAZY i GRAMATYKA. Wyświetlamy je, klikając na ostatnio dodane pozycje lub wybierając je z listy. Na ekranie listy możemy też dodane pozycje edytować, sortować i oznaczać. Wszystkie wyrazy i struktury w Notatkach są odpowiednio oznaczane w arkuszach, przesłanych tekstach, a nawet w zdaniach w samych Notatkach. Na przykład, jeśli do Notatek dodamy wyraz z przesłanego tekstu, wyraz ten będzie wyróżniony w każdym wyświetlonym tekście, czy to w arkuszu czy innym przesłanym tekście. Zakładkę GRAMATYKA od innych wyróżnia to, że oprócz dodanych struktur, uczeń może wyświetlić przykładowe zdania z tymi strukturami, a także edytować ich definicje.

Aby korzystać ze wszystkich funkcji aplikacji i zapisać dane ucznia (jak Notatki i odpowiedzi z ostatnio przeglądanych arkuszy i testów) nie trzeba się rejestrować. Dane są zapisywane w pamięci danego urządzenia. Dopiero gdy chcemy wczytać te dane na innym urządzeniu należy się zarejestrować, i tylko wtedy dane użytkownika są wysyłane poza jego urządzenie.

Aplikacja działa najlepiej w przeglądarce Chrome. Niemal wszystkie strony w aplikacji są dostosowane do urządzeń mobilnych.

Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)