IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Ochrana obsahu článku pre skopírovaním.

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Wal De Mar-Lad:28.8.2017 10:59

Aká je podľa vás najlepší "approach" ako zabezpečiť obsah stránky pred skopírovaním? Napíšte svoje nápady. Len nie príliš jednoduché nápady, ako napríklad zakázať right-click, lebo to sa dá obísť zobrazením zdrojového kódu stránky a skopírovaním odtiaľ. To isté tým pádom platí pre zakázanie "user-select", to proste nemá zmysel. Môj nápad je napríklad načítať (html) obsah príslušného článku asynchrónne javascriptom a následne vykresliť do canvas a zároveň zakázať right-click. Ak máte argumenty proti takémuto nápadu, viete ako by to šlo obísť a skopírovať, napíšte. Ak máte lepší nápad ako zabrániť skopírovaniu, napíšte. Možno tu spoločne vymyslíme nejaký rozumný postup...

Odpovědět
28.8.2017 10:59
Libraries over frameworks...
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Wal De Mar-Lad
David Hartinger:28.8.2017 11:03

Jakmile začneš články vykreslovat jako obrázky, tak ti je Google nebude indexovat a nebude je nikdo číst. Z ITnetwork pořád někdo něco krade, Google pozná, že byl článek dříve někde jinde a zařídí se podle toho např. snížením ranku zlodějovy stránky. Toto je něco jako blokace reklamy, prostě se to neřeší, jen bys tím ztrácel čas.

Editováno 28.8.2017 11:03
Nahoru Odpovědět
28.8.2017 11:03
New kid back on the block with a R.I.P
Avatar
Odpovídá na David Hartinger
Wal De Mar-Lad:28.8.2017 11:09

To sá dá vyriešiť. Napríklad názov článku a časť textu článku, vrátane aspoň jedného obrázka, až po značku "read more" vykreslíš normálne, google to aj zaindexuje, ale zvyšok článku, od "read more" by bol platený a vykreslený do canvasu a neskopírovateľný.

Nahoru Odpovědět
28.8.2017 11:09
Libraries over frameworks...
Avatar
Wal De Mar-Lad:28.8.2017 11:29

Pre upresnenie - pozrel som napríklad sme.sk a tam to funguje podobne. Základ článku plus jeden obrázok je free, google tak má čo zaindexovať, a zvyšok článku je len pre prihlásených - platiacich zákazníkov. Lenže platiaci zákazník ktorému sa vykreslí zvyšok článku by ho mohol pomerne bez problémov vykopírovať. A mne ide o systém, kde nie len, že bude zvyšok článku len pre platiacich - to nie je veľký problém urobiť, ale zároveň bude ten zvyšok aj ochránený proti kopírovaniu - a to už je problém urobiť :) A práve na to hľadám riešenie.

Nahoru Odpovědět
28.8.2017 11:29
Libraries over frameworks...
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Wal De Mar-Lad
Honza Bittner:28.8.2017 12:10

Neřešitelné. Vždy se najde cesta. Jakmile máš data na straně uživatele, může si s nimi prakticky dělat co se mu zachce.

Nahoru Odpovědět
28.8.2017 12:10
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Wal De Mar-Lad
David Hartinger:28.8.2017 12:12

Bys na ten canvas musel naimplementovat i nějaké označování textu myší a podobně, IMHO by uživatele štvalo, že si tam nemohou nic označit nebo vykopírovat termín do Googlu. Také by se to muselo překreslovat s resizem stránky, aby byl ten canvas responzivní. Ono to není tak jednoduché jak to vidíš a ve finále tím IMHO moc nezískáš.

Nahoru Odpovědět
28.8.2017 12:12
New kid back on the block with a R.I.P
Avatar
Wal De Mar-Lad:28.8.2017 12:16

Nesúhlasím. Pokiaľ viem, v JS sú dátové štruktúry, ktorých obsah môžeš načítať asynchrónne a následne ich obsah nezistíš nijak, ani debugovaním.

Nahoru Odpovědět
28.8.2017 12:16
Libraries over frameworks...
Avatar
Odpovídá na David Hartinger
Wal De Mar-Lad:28.8.2017 12:25

To by ľudia vôbec nevnímali ako problém. Bolo by to očakávané a logické obmedzenie - že nejde nič označiť ani kopírovať na stránke s originálnym, autorským právam chránenom obsahu. Veď sa to aj bežne používa v pdf.

Nahoru Odpovědět
28.8.2017 12:25
Libraries over frameworks...
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Wal De Mar-Lad
David Hartinger:28.8.2017 12:26

Na webu uživatel očekává jiné chování než v PDF, které prakticky simuluje kus papíru. Autorsky chráněné jsou všechny stránky na internetu a ještě jsem takovou opičárnu nikde neviděl. Ale dělej jak myslíš, je to tvůj čas a peníze.

Nahoru Odpovědět
28.8.2017 12:26
New kid back on the block with a R.I.P
Avatar
Odpovídá na David Hartinger
Wal De Mar-Lad:28.8.2017 12:36

Ale videl, napríklad na books.google.sk a podobne. Je to často požadovaná vlastnosť. Akurát, že google chráni knihy tak, že jednotlivé stránky knihy sú obrázky. Ale už hotové obrázky, ktoré načíta do img značky. A to je nedostatočná ochrana, stále môžem poukladať obrázky a vytvoriť z nich pdf. Takto skopírovaných kníh koluje po internete kopec, hoci to moc praktické nie je. Ja hľadám riešenie ako obrázok vygenerovať dynamicky, takže nebude existovať src ktoré si pomocou nástrojov vývojára nakopírujem, otvorím v novej karte a uložím.

Nahoru Odpovědět
28.8.2017 12:36
Libraries over frameworks...
Avatar
Odpovídá na Wal De Mar-Lad
Patrik Valkovič:28.8.2017 12:40

No tak ti někdo print screene obrazovku a stejně si nepomůžeš. Je to zbytečné řešit.

Nahoru Odpovědět
28.8.2017 12:40
Nikdy neumíme dost na to, abychom se nemohli něco nového naučit.
Avatar
Daniel
Člen
Avatar
Odpovídá na Wal De Mar-Lad
Daniel:28.8.2017 12:59

V prohlížeči Vivaldi je jedna taková funkcionalita - zachytí do obrázku celou www stránku, tak jak leží a běží. Mrkni se do přílohy. :-) Víš k čemu se používají OCR programy (optické rozpoznávání znaků)?

 
Nahoru Odpovědět
28.8.2017 12:59
Avatar
Daniel
Člen
Avatar
Odpovídá na David Hartinger
Daniel:28.8.2017 13:04

P.S. To David Čápka - tady na ITnetwork se nějak zmenšují nahrané obrázky?

 
Nahoru Odpovědět
28.8.2017 13:04
Avatar
Wal De Mar-Lad:28.8.2017 13:14

O tomto všetko viem a nejde mi o naprosto nepriestrelné riešenie. Ide mi o to, aby som kopírovanie tak sťažil, že prakticky stratí význam pokúšať sa oň, lebo spätná rekonštrukcia článku bude tak zložitá, že bude jednoduchšie zaplatiť si za prečítanie. Mám na mysli, že urobiť viacero printscreenov stránok článku, následne ich prehnať cez OCR, následne opraviť chyby, vystrihnúť obrázky z printscreenu, aj to v slabom rozlíšení a celé to následne naformátovať, to odradí drvivú väčšinu plagiátorov a mne osobne by samotnému pripadalo jednoduchšie zaplatiť si dajme tomu 10 centov za prečítanie, ako prejsť si takou námahou.

Nahoru Odpovědět
28.8.2017 13:14
Libraries over frameworks...
Avatar
Daniel
Člen
Avatar
Odpovídá na Wal De Mar-Lad
Daniel:28.8.2017 13:48

Ve Vivaldi stačí jen JEDNOU zadat, že chceš zachytit CELOU stránku do souboru (nebo do schránky) ať je třeba dlouhá na 30 tvých obrazovek LCD monitoru. Jen ten výsledný soubor je o to větší.
Zkus třeba zadat dotaz do google- "html to pdf online" . Jeden výsledek je https://uloz.to/…5ON/file-pdf
Kdybych zapátral, tak určitě najdu nějaký doplněk do prohlížeče, který konverzi z html do pdf umí.
Dále mícháš dohromady "tvůrce"(plagi­átory) obsahu webu a konzumenta obsahu webu. Není to tatáž osoba, která bude plagiátorovat obsah něčího webu, následně ho upravovat a pak ho za 10 centů kupovat. ;-)
Mi, jako konzumentu webu nevadí, když čtu obsah z pdf nebo ze screenu (pokud má jakžtaž čitelné rozlišení).

 
Nahoru Odpovědět
28.8.2017 13:48
Avatar
Wal De Mar-Lad:28.8.2017 13:54

Hm... Čiže zatiaľ to vyzerá skôr naopak. Že autor webu by musel vyvinúť neprimeranú snahu na ochranu obsahu a účinnosť by pritom bola viac menej sporná :(

Nahoru Odpovědět
28.8.2017 13:54
Libraries over frameworks...
Avatar
Martin Dráb
Tvůrce
Avatar
Odpovídá na Wal De Mar-Lad
Martin Dráb:28.8.2017 14:06

Na secit.sk jsme to řešili netechnickými způsoby – občas jsme se podívali, zda někde jsou kopie a těm lidem napsali, že s tím nesouhlasíme. Někdy to bylo trochu ostřejší, ale snad vždy jsme je donutili články stáhnout. Přitom naše politika nebyla nijak ostrá (ano, odmítali jsme copy-pastovat články do diplomek a bakalářek... ale když někdo vzal náš článek a převyprávěl jej vlastními slovy, tak jsme proti tomu nic neměli).

Zabraňováním kopírování a podobnými vylomeninami se pak dostaneš do stavu, kdy čtenář může pociťovat nepohodlí při čtení/použití toho článku. Např. pokud tam je ukázkový kód a já si jej nemůžu zkopírovat (poté bych si jej upravil), tak tím u mě rozhodně body nezískáš.

Nahoru Odpovědět
28.8.2017 14:06
2 + 2 = 5 for extremely large values of 2
Avatar
Odpovídá na Martin Dráb
Wal De Mar-Lad:28.8.2017 14:08

Niečo na tých vašich pripomienkach bude... Asi to naozaj nemá zrovna veľký zmysel.

Nahoru Odpovědět
28.8.2017 14:08
Libraries over frameworks...
Avatar
jakubho
Člen
Avatar
jakubho:28.8.2017 14:55

Znáte tady někdo Wattpad? Já zkoušel prolomit to jejich zabezpečení a nepodařilo se mi to... Nevíte jak to mají zabezpečené v principu oni?

Nahoru Odpovědět
28.8.2017 14:55
Chyba-Jediná jistota v životě programátora.
Avatar
Odpovídá na jakubho
Wal De Mar-Lad:28.8.2017 15:29

Tam nie je čo prelamovať. Obsah, jednotlivé odseky textu, sú normálne P značky. Toto je obsah prvej strany z náhodne vybranej knihy:

<pre><p data-p-id="f58b8aab9f32ccd3ef59bd34b862a2a7"><em>Hlavu hore princezná, padá ti korunka</em> - už od mala mi to opakuje moja mamina. Vždy keď som smutná príde ku mne s horúcou čokoládou , sadne si vedľa mňa a na hlavu mi dá korunku, jemne ukazovákom mi tú hlavu nadvihne a povie mi tento citát, potom mi podá horúcu čokoládu . Vždy so mnou všetko riešila už od mojich piatich rokov. <span class="comment-marker on-inline-comments-modal">
  <span class="num-comment">
    1
  </span>
  <span class="fa fa-comment-count fa-wp-mediumgrey " aria-hidden="true" style="font-size:28px;"></span>
</span>
</p>
                <p data-p-id="86d58f67b7432c93226d602eda49bc62"> Keď mi toto povedala vždy som jej odpovedala :"Ale ja nie som princezná...<span class="comment-marker hide-marker on-inline-comments-modal">
  <span class="num-comment">
    +
  </span>
  <span class="fa fa-comment-count fa-wp-mediumgrey " aria-hidden="true" style="font-size:28px;"></span>
</span>
</p>
                <p data-p-id="f7e82593073677d3187e23de0a6d32e1"><em>"Ale áno si, pochopíš keď budeš staršia"&nbsp; </em>Stále to nechápem...<span class="comment-marker hide-marker on-inline-comments-modal">
  <span class="num-comment">
    +
  </span>
  <span class="fa fa-comment-count fa-wp-mediumgrey " aria-hidden="true" style="font-size:28px;"></span>
</span>
</p>
                <p data-p-id="3b5b62eb38a8fd5b1317ab843486be9f">Som Fleur Waldner a je mi 16 rokov. Môj otec ma nenávidí a ja neviem prečo , vždy je ku mne hnusní , donútil ma aby som ho volala "papa" . Celá moja rodina žije vo Francúzsku , a prečo ? pretože to môj "papa" chcel. Moja mamina už od mala vyrastala v Londýne, hlavnom meste Anglicka. Mamina išla do Francúzska len na výlet no tam stretla môjho papu , hneď sa do seba zamilovali, vzali a zostali vo Francúzsku. Ja som nikdy nevidela moju babku a ani dedka. Priateľov som tu nemala lebo som bola iná ale neviem v čom.<span class="comment-marker hide-marker on-inline-comments-modal">
  <span class="num-comment">
    +
  </span>
  <span class="fa fa-comment-count fa-wp-mediumgrey " aria-hidden="true" style="font-size:28px;"></span>
</span>
</p>
                <p data-p-id="ed2f00c2fc3ca77bebc98bf4464e6d31">Teraz idem do Anglicka študovať, budem bývať u mojej bohatej babky ktorú som nikdy nevidela. Neviem sa dočkať. Anglicky viem perfektne len ten môj prízvuk. Nenávidím ho.<span class="comment-marker hide-marker on-inline-comments-modal">
  <span class="num-comment">
    +
  </span>
  <span class="fa fa-comment-count fa-wp-mediumgrey " aria-hidden="true" style="font-size:28px;"></span>
</span>
</p>
                <p data-p-id="fa4d783cf67fe458d920f72315dd5830">Ďalšia vec ktorú by ste mali o mne vedieť , už od mala mám hrozné nočné mori. Nie sú to nejako extra veľké nočné mori , ale mávam ich každú noc a neviem aké to je keď sa vám sníva niečo krásne...<span class="comment-marker hide-marker on-inline-comments-modal">
  <span class="num-comment">
    +
  </span>
  <span class="fa fa-comment-count fa-wp-mediumgrey " aria-hidden="true" style="font-size:28px;"></span>
</span>
</p>
                <p data-p-id="f698d62d1c8f273ef174e48da8ac6005">A posledná vec... ešte nikdy som nemala chalana... môj papa mi to nedovolil a tak som teraz skončila, v blízkosti nejakého chalana sa začnem červenať... Ďakujem papa ....<span class="comment-marker hide-marker on-inline-comments-modal">
  <span class="num-comment">
    +
  </span>
  <span class="fa fa-comment-count fa-wp-mediumgrey " aria-hidden="true" style="font-size:28px;"></span>
</span>
</p></pre>
Nahoru Odpovědět
28.8.2017 15:29
Libraries over frameworks...
Avatar
jakubho
Člen
Avatar
Odpovídá na Wal De Mar-Lad
jakubho:1.9.2017 13:37

No to je podivné, já když se podívám do jejich zdrojáku, tak to vidím takhle:

<p data-p-id="33dd90e362f71f152b03a3c829cb506a">&#x201E;Tak&#x17E;e?&#x201C; p&#x159;ipomenul Leroy svoji ot&#xE1;zku, proto&#x17E;e Caleb nevypadal, &#x17E;e by se chytal odpov&#x11B;d&#x11B;t. Odv&#xE1;&#x17E;ila jsem se na n&#x11B;j pod&#xED;vat a v tu chv&#xED;li jsem zachytila jeho pohled. Rychle se oto&#x10D;il zp&#xE1;tky na Leroye.</p>
                     <p data-p-id="3e577cdfadceca8eae904a466bdbc321">&#x201E;Uhm, prost&#x11B; ji budeme muset zamaskovat. Snad se nikdo nebude vypt&#xE1;vat, a kdyby ano -&#x201C;</p>
                     <p data-p-id="811caf2d8a4ea15c09625f2296ce274c">&#x201E;Kamery, idiote,&#x201C; povzdechl si Leroy a zavrt&#x11B;l hlavou. &#x201E;Nem&#x16F;&#x17E;e se tam jen tak zjevit, vyj&#xED;t z laborato&#x159;e &#x2013; je&#x161;t&#x11B; k tomu zrovna z t&#xE9;hle!&#x201C;</p>
                     <p data-p-id="391e588de39edf8dbadbd23d0342cc93">Caleb se zamra&#x10D;il. Asi se mu nel&#xED;bilo, &#x17E;e ho Leroy nazval idiotem, co&#x17E; podle m&#x11B; opravdu nebylo moc hezk&#xE9;.</p>
                     <p data-p-id="04550818b388b42b924897bad6f28a5e">&#x201E;Sma&#x17E;eme to,&#x201C; navrhl, ale u&#x17E; se netv&#xE1;&#x159;il tak jist&#x11B;.</p>
                     <p data-p-id="a46dc4b7e7ba03c009422f78e9f9d2f8">Leroy nadzvedl obo&#x10D;&#xED;. &#x201E;Chce&#x161; mi tvrdit, &#x17E;e se dostane&#x161; do syst&#xE9;mu cel&#xE9; budovy?&#x201C; zeptal se, ale usm&#xED;val se p&#x159;itom. Jako by v&#x11B;d&#x11B;l n&#x11B;co, co mi unikalo.</p>
                     <p data-p-id="3ff5e75843132f52b4dc1e665eacbe21">Caleb se na n&#x11B;j dlouze zad&#xED;val, zd&#xE1;lo se, &#x17E;e ti dva p&#x159;esn&#x11B; v&#xED;, o co jde, na rozd&#xED;l ode m&#x11B;.</p>
                     <p data-p-id="4c4f5195065e481086976df7847af7ff">&#x201E;Do toho, Calebe. Kouzeln&#xE9; slov&#xED;&#x10D;ko,&#x201C; zubil se Leroy a vypadalo to, &#x17E;e nechyb&#xED; moc a za&#x10D;ne se chechtat jako bl&#xE1;zen.</p>

Asi by šly ty kódy přeložit, kdybych si napsal program, ale bez toho mě nic nenapadá...

Edit:

Koukám, že přes vývojářské nástroje to lze po jednotlivých <p> kopírovat, pořád to je ale pro člověka hodně práce, aby se někomu vyplatilo takhle kopírovat celé knihy...

Editováno 1.9.2017 13:39
Nahoru Odpovědět
1.9.2017 13:37
Chyba-Jediná jistota v životě programátora.
Avatar
Odpovídá na jakubho
Wal De Mar-Lad:1.9.2017 14:09

Popravde, Tvoja posledná veta zhruba vystihuje to, k čomu som pátraním dospel: ak máš knihu (článok) zobraziť, nemáš ako zároveň zabrániť skopírovaniu. Všetko čo môžeš urobiť, je čo najviac to plagiátorovi sťažiť. A v ideálnom prípade mu to sťažíš až tak, že ho prácnosť odradí od zámeru.

Nahoru Odpovědět
1.9.2017 14:09
Libraries over frameworks...
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na jakubho
David Hartinger:1.9.2017 14:27

Čeština se někdy takto kóduje, hlavně na anglických webech, to není IMHO záměrná ochrana. kdyby to chtěli zakódovat, tak to přece udělají celé a ne jen diakritické znaky.

Nahoru Odpovědět
1.9.2017 14:27
New kid back on the block with a R.I.P
Avatar
jakubho
Člen
Avatar
Odpovídá na David Hartinger
jakubho:1.9.2017 19:17

To jsem nevěděl, máš pravdu že by to nedávalo smysl.

Děkuju za odpovědi :)

Nahoru Odpovědět
1.9.2017 19:17
Chyba-Jediná jistota v životě programátora.
Avatar
gorri
Člen
Avatar
Odpovídá na Wal De Mar-Lad
gorri:4.9.2017 12:07

Já osobně proti kopírování používám toto.

<body oncopy="return false" oncut="return false" onpaste="return false">

Co se týká zobrazení zdrojového kódu, tak tam se tomu nevyhneš. A zákaz kopírování platí jen pro stránku, nikoli pro zdrojový kód.
Toto vyřadí right-click a zamezí kopírování textů. Ostatní je nejspíše smůla. Nicméně myslím, že toto stačí :-)

Nahoru Odpovědět
4.9.2017 12:07
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
gorri:5.9.2017 18:03

:-D :-D :-D
Jsem já to ale ocas :-D
Nepřečetl jsem si pořádně celé vlákno. :-D
Tak se omlouvám za blbost co jsem tady napsal :-D

Nahoru Odpovědět
5.9.2017 18:03
Když vím, tak poradím. Nikdo neví všechno :-)
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 27 zpráv z 27.