Strona do zaznaczania obejrzanych odcinków seriali

0

Witam

Chciałbym przedstawić projekt, który zrobiłem. Na stronie zaznacza się obejrzane odcinki seriali. Może to być szczególnie przydatne dla osób, które oglądają dużo seriali na raz. Strona ma bazę wszystkich seriali z IMDb, więc nie ma problemu, że czegoś nie będzie. Przedstawiam to tutaj, ponieważ to forum wiele mnie nauczyło, podziękowania dla @Patryk27.
Korzystanie ze strony jest proste, wystarczy się zarejestrować, wyszukać serial i już można zaznaczać obejrzane odcinki z listy.
Strona została napisana przeze mnie w symfony 4, na stronie nie ma żadnych reklam, bo sam ich nie lubię, dlatego nie będę ich umieszczał na stronie.

Do zrobienia zostało:
mikroblog (podobny jak ten tutaj)
jeszcze bardziej dokładna wyszukiwarka

Proszę o krytykę i porady.

https://watcheds.com

1
  1. brak reklam więc jaki pomysł na monetyzacje?
  2. jaki masz monitor? bo na fullhd landing page wygląda okropnie, wszystko jest za duże, dalej nie wchodzę bo skoro tu jest tak źle to pewnie wszędzie
0

@mr_jaro

  1. Zrobię dobrowolne wpłaty, utrzymanie strony kosztuje mnie 80zł/msc (a później pewnie trzeba będzie kupić mocniejszy vps), zrobię dobrowolne wpłaty na utrzymanie serwisu.
  2. Mam monitor fullhd, musisz mieć coś ze skalowaniem bo testowałem na kilku komputerach i jest dobrze. Patrz https://imgur.com/SkVoSE7 Chyba, że masz na myśli gify, rzeczywiście na fullhd nie są one idealne, dodam to do listy rzeczy do zrobienia.
1

Nie zwróci ci się na donacjach to co wkładasz. Reklamy, które nie są natrętne nikomu nie przeszkadzają, nawet 4p ma reklamy.

Nic nie mam przeskalowane, to jest po prostu za duże, powinieneś zrobić jakiś min-width dla całości.
screenshot-20181225203441.png

0

@mr_jaro

Dziękuje, poprawię to, będzie dobrze.Czy znalazłeś jeszcze coś?
Co do reklam to nawet nie wiedziałem, bo zawsze używam ublocka, jeszcze się nad tym zastanowię, aktualnie moim największym problemem jest brak użytkowników.

1

Przychylam się do zdania @mr_jaro, na mobile również się trochę rozjeżdża (jest tylko ustawienie div dla xl i lg, a nie ma dla mniejszych rozdziałek), co do vps to wybrałbym coś za 15-20zł/m, osiem dych to przesada zaiste.

0

@czysteskarpety:
vps właśnie jest jeden z najtańszych, ale api do imdb mnie kosztuje 50zł/msc, do tego koszt domeny .com i się robi 80zł/msc.
Miałem nadzieję na więcej uwag dotyczących mechanizmu zaznaczania, wyszukiwania a tu widzę, że landing page przykuł uwagę najbardziej.

0

@abcxyz: jak poprawisz wygląd to się zgłoś, po co testować coś co na wstępie odrzuca i nikt głębiej nie wejdzie?

0

Przy rejestracji nie da się zarejestrować ani przez FB ani przez Google - niby są przyciski, ale nic się dzieje,

Na stronie zaznacza się obejrzane odcinki seriali. Może to być szczególnie przydatne dla osób, które oglądają dużo seriali na raz.

O ile nie korzystają z Netflixa, który z automatu pamięta, gdzie skończyłeś który serial.

0

Moja siostra zaznacza obejrzane odcinki w apce na iPhone: https://itunes.apple.com/us/app/my-tv-episodes/id1092444912?mt=8

Jest też wersja na Androida: https://play.google.com/store/apps/details?id=com.obssmobile.mytvepisode

Także chyba w niszę nie trafiłeś, pewnie jest więcej aplikacji tego typu...

Przydałoby się oskryptować stopkę, żeby nie było kwiatków w stylu 2018-2018:

Copyright © 2018-2018 WatchedS
0
Spine napisał(a):

Moja siostra zaznacza obejrzane odcinki w apce na iPhone: https://itunes.apple.com/us/app/my-tv-episodes/id1092444912?mt=8
Jest też wersja na Androida: https://play.google.com/store/apps/details?id=com.obssmobile.mytvepisode
Także chyba w niszę nie trafiłeś, pewnie jest więcej aplikacji tego typu...

Niestety nie znałem tej aplikacji, ale czegoś takiego na przeglądarkę to chyba nie ma.

Przydałoby się oskryptować stopkę, żeby nie było kwiatków w stylu 2018-2018:

Copyright © 2018-2018 WatchedS

Ale to jest oskryptowane, za kilka dni będzie nowy rok i samo się zmieni na 2019.

0
LukeJL napisał(a):

Przy rejestracji nie da się zarejestrować ani przez FB ani przez Google - niby są przyciski, ale nic się dzieje,

Będzie w przyszłości zrobione.

Na stronie zaznacza się obejrzane odcinki seriali. Może to być szczególnie przydatne dla osób, które oglądają dużo seriali na raz.
O ile nie korzystają z Netflixa, który z automatu pamięta, gdzie skończyłeś który serial.

Wiem, że netflix posiada taką funkcjonalność, jednak nie każdego stać na netflixa, nie każdy chce kupować.

1
abcxyz napisał(a):
Spine napisał(a):

Moja siostra zaznacza obejrzane odcinki w apce na iPhone: https://itunes.apple.com/us/app/my-tv-episodes/id1092444912?mt=8
Jest też wersja na Androida: https://play.google.com/store/apps/details?id=com.obssmobile.mytvepisode
Także chyba w niszę nie trafiłeś, pewnie jest więcej aplikacji tego typu...

Niestety nie znałem tej aplikacji, ale czegoś takiego na przeglądarkę to chyba nie ma.

A po co osoba oglądająca film w telewizji, bądź na telewizorze prosto z pendrive miałaby wchodzić na stronę internetową, żeby odhaczyć dany odcinek?
Nie bez powodu wszelkie internetowe molochy mają swoje aplikacje na telefon (facebook, linkedin, imgur, tłumacz google itd.). Żeby zwiększyć komfort użytkownika i żeby ikonki na pulpicie danego urządzenia przypominały o sobie.. Nieważne, że Twoja stronka działa na mobile. Samodzielną aplikacją możesz lepiej obsłużyć swoich klientów ;) Stronka sobie może stać, ale dorób do niej apkę mobilną, jeśli wciąż chcesz konkurować z innymi apkami tego typu.

abcxyz napisał(a):

Przydałoby się oskryptować stopkę, żeby nie było kwiatków w stylu 2018-2018:

Copyright © 2018-2018 WatchedS

Ale to jest oskryptowane, za kilka dni będzie nowy rok i samo się zmieni na 2019.

Nie o takie oskryptowanie mi chodziło... po prostu jeśli obecny_rok == początkowy_rok, to wyświetlaj sam początkowy rok, w przeciwnym razie wyświetlaj początkowy_rok-obecny_rok.
Niby to jest szczegół, ale gdybyś chciał komuś zainstalować na serwerze ten skrypt w lutym, to i tak musiałbyś naprawić to niedociągnięcie. Bo Internet nie czeka do końca roku :D

abcxyz napisał(a):

Na stronie zaznacza się obejrzane odcinki seriali. Może to być szczególnie przydatne dla osób, które oglądają dużo seriali na raz.
O ile nie korzystają z Netflixa, który z automatu pamięta, gdzie skończyłeś który serial.

Wiem, że netflix posiada taką funkcjonalność, jednak nie każdego stać na netflixa, nie każdy chce kupować.

Za 54zł można mieć netflixa na 4 ekrany, czyli w najtańszej opcji wykupionej na spółkę ze znajomymi można zapłacić 13,5 zł miesięcznie.

2

A po co osoba oglądająca film w telewizji, bądź na telewizorze prosto z pendrive miałaby wchodzić na stronę internetową, żeby odhaczyć dany odcinek?

No właśnie czemu ktoś by miał to robić? Ludzie mają zwykle papierowe notatniki od takich rzeczy
https://www.instagram.com/p/BW_AbgdjZRg/

Wiem, że netflix posiada taką funkcjonalność, jednak nie każdego stać na netflixa, nie każdy chce kupować.

Ale ja nie neguję pomysłu, nawet uważam, że spoko pomysł, tylko zwracam uwagę z jakich powodów może się nie przyjąć.

0

Wyszukiwarka rzuca taki error po kliknięciu na pole tekstowe.
Screenshot_20181226-122321.jpg

0

@Spine: Dodaje do listy rzeczy do poprawy rok w stopce. Aplikacja mobilna to dobry pomysł, chociaż długi w realizacji.
@LukeJL: Być może tylko ja tak robię, ale wolę pisać na komputerze niż na papierze.
@Aventus: sprawdzałem u siebie i nie widzę tego błędu. Mógłbyś podać treść całego błędu?

2

Szczerze?

Stronka wygląda jak zrobiona w tydzień przy użyciu bootstrapa - takie moje wizualne odczucia. Ten nagłówek strasznie mnie odrzuca bo jest moim zdaniem zbyt bootstrapowy. W dodatku ten dobór koloru - niebieski + cyan + biały, no to nie jest zbyt dobre połączenie.

Moim zdaniem dodatkowo rodzaj/rodzina czcionki totalnie nie pasuje do strony. To jest jakiś arial/times new roman?

Szczerze bez hejtu - wygląda jak pierwsza stronka na zaliczenie z jakiegoś kursu programowania typu BOOTCAMP. Jeżeli byłaby to stronka w celu nauki frontu, to na pierwszy projekt nie ma tragedii, ale jeżeli chcesz tą stronkę udostępniać publicznie dla ludzi i zebrać fanów/użytkowników to musisz zadbać o każdy szczegół.

Sama funkcjonalność to za mało, w dzisiejszych czasach strona powinna zarówno wizualnie przejrzysta, płynna i dobrze zoptymalizowana. W dodatku pomysł nie wiem czy do końca trafiony, jeżeli celowałeś w niszę, Zazwyczaj nawet jeśli oglądam seriale to pamiętam który odcinek ostatnio obejrzałem, a listę obejrzenia seriali TO-DO zapisuję sobie w notatniku. Nie chciałobymi się szczerze mówiąc specjalnie rejestrować i zaznaczać po każdym odcinku, który obejrzałem.

To by było fajne, gdyby to było powiązane z jakąś aplikacją do oglądania filmów np AllPlayer (PC)/MX player(Android) jeżeli ktoś ogląda lokalnie, lub z jakimś netfliksem. Odtwarzacz video pobierałby informacje o odcinku z bazy danych i dodawał informacje po obejrzeniu odcinka przypisując tą informacje do konta - to byłoby ciekawe. Samodzielne klikanie mnie nie zachęca.

Takie moje odczucia, ale może komuś takie rozwiązanie się spodoba. W każdym razie polecałbym zmienić czcionkę, kolorystkę i trochę mnie bootstapa, żeby tak nie raziło po oczach.

1

@Boog: problem w tym, że nie jestem grafikiem, nie umiem robić dobrej estetycznie strony, dlatego korzystam z bootstrap. Co miałbym zmienić w nagłówku? Pewnie zaprojektować jakieś ładne logo, ale tak poza tym to nie wiem co jeszcze można zmienić w nagłówku, teraz tam ujednoliciłem kolory, chyba jest lepiej.

Changelog:
rok w stopce poprawnie zapisany (specjalnie dla @Spine)
informacja o ciasteczkach
logowanie z navbartitle
przeglądanie listy odcinków dla użytkoników nie zarejestrowanych
plusowanie, avatary, linki w mikroblogu

Wszystkie rady zbieram, zapisuje i poprawki wykonuje.

https://watcheds.com

1

Z takich fajniejszych fontów jakie ostatnio używałem:
https://fonts.google.com/specimen/Saira+Semi+Condensed
Latin extended też jest w razie coś.

3

to nie jest tak, że my jesteśmy wybitnymi projektantami interfejsów, zazwyczaj od tego w firmach są inne osoby. Sam długo nie miałem zmysłu by cokolwiek zrobić samemu i dalej nie mam jakiegoś super, dlatego zawsze potrzebuje jakiegoś startera, ale startera nie bootstrapa tylko czegoś co już wygląda indywidualnie. I tobie też to polecam. Nie musi to być coś co wykorzystasz/przerobisz, ale coś na czym się będziesz wzorował. Wszystko przychodzi z czasem. Zmysł stylistyczny idzie w sobie wypracować. Np u ciebie strasznie razi mnie złe wyrównanie elementów albo zbyt małe paddingi albo złe wielkości, po prostu otwieram i takie rzeczy od razu widzę, ale potrzebowałem kilku lat by taki zmysł w sobie wyćwiczyć bo kiedyś wiedziałem, że coś jest źle ale nie wiedziałem co, dziś już wiem.

2

Sam jeśli potrzebuję znaleźć inspirację do budowy interfejsu – czy to strony czy aplikacji okienkowej – to korzystam po prostu z Google. Wpisuję jakąś frazę i przeglądam obrazki jakie mi wyszukiwarka wypluwa w wynikach. Po przeglądnięciu kilkudziesięciu stron zawsze znajdzie się jakiś przykład, na którym mogę się wzorować.

3

Wchodze i od razu mnie rażą takie elementy, mam nadzieje, że się rozczytasz, za małe odstępy i elementy które nie są w żaden sposób wycentrowane

screenshot-20181229124852.png

0

@mr_jaro: co sądisz o text-align: right przy dwóch lewych gifach? Myślę, że jest lepiej. Dodano paddingi pomiędzy dla login dropdown, nowa czcionka, logo.
titlehttps://i.imgur.com/8bo4fmP.jpg

1

Ikonka w lewym górnym rogu - pixeloza.

Zdjęcia w tle jako real photo nie pasują. Podstawowa paleta barw strony to kilka kolorów, trzymaj się tego. Duże zdjęcia się kojarzą z reklamami i zróżnicowane kolory przeszkadzają, jeśli na nich chcesz umieścić wyraźny tekst bez żadnego outline'a.

0

Na posty odpisuj postami...

Bo ja wiem... designerem nie jestem... może oryginalnie, CSS'owy telewizor :> ? Górna belka Twojej strony to by mogła być górna krawędź telewizora.

screenshot-20181229155232.png

Trzeba by dobrać barwę ekranu telewizora na trochę jaśniejszą niż ramka TV.

Możesz jeszcze odgapić od OpenFM, bo chyba mają podobną koncepcję do Twojej ;) https://open.fm/

1 użytkowników online, w tym zalogowanych: 0, gości: 1