TECHNICKÁ DOKUMENTACE SOCIÁLNÍ SÍŤ MRSHARE David Malát, Adam Novák, David Vurbs, Dominik Walta SPŠ Na Proseku 2012/13 Pod velením Davida Vurbse
Sociální síť Mrshare – technická dokumentace Adam Novák, David Malát, David Vurbs, Dominik Walta
Zadání práce Adam Novák-Vytvořit zeď a její funkce a technickou dokumentaci David Malát-Vytvořit css pro zeď, ikony, uživatelská dokumentace, prezentace a nastavení David Vurbs-Upravit funkci žádostí o přátelství, skupiny, chat, javascript, ajax a css Dominik Walta-Vytvořit login s registrací a testovat
2
Sociální síť Mrshare – technická dokumentace Adam Novák, David Malát, David Vurbs, Dominik Walta
Obsah Obsah Zadání práce ............................................................................... 2 Prohlášení o autorství.................................................................. 4 Anotace ...................................................................................... 4 Klíčová slova ............................................................................... 4 Rozbor zdrojových kódů .............................................................. 5
3
Sociální síť Mrshare – technická dokumentace Adam Novák, David Malát, David Vurbs, Dominik Walta
Prohlášení o autorství Prohlašuji, že jsme tento projekt na téma Mrshare – sociální síť, vypracovali samostatně a využili jsme pouze zdrojů uvedených níže. http://jquery.com/ http://php.net/
Anotace Práce se zabývá pouze projektem na předmět webové stránky. Obsahuje popis zdrojových kódů a co kód udělá. The work deals only with the project on the subject web sites. It contains description of the source codes and what are the codes doing.
Klíčová slova Webové stránky * 2012/2013 * Čtvrtletní práce * Sociální síť * Databáze * PHP *Chat*Příspěvky*
4
Sociální síť Mrshare – technická dokumentace Adam Novák, David Malát, David Vurbs, Dominik Walta
Rozbor zdrojových kódů Index.php Při návštěvě stránek mrshare.carpo.cz se zapnou session a stránky se přihlásí do databáze, přes soubor fw.php, kterou hostuje „web4u“. Dále se nastaví, že jazyk stránek je český, kódování je UTF-8 a v hlavičce se načte ikona.Dále se zkontroluje, jestli jsme náhodou na stránkách neklikli na něco co by nás odkazovalo na jinou stránku. Jestli jsme na nic neklikli pak se proměnná PAGE rovná „home“ a tak se nám načte úvod. Jestli jsme na něco klikli pak se proměnná PAGE rovná proměnné, kterou vytáhneme z adresního řádku za page=x Poté se nastaví, kde stránka najde css což je „css/main.css“ a v databázi se nalezne naše přezdívka. Nyní se nastaví oblast css a zobrazí se logo stránky které odkazuje samo na sebe.Nyní se nastaví css pro tabulku. Dále se do proměnné gpc dosadí překlady. Poté jestli existuje soubor room/proměnná gpc , pak ji stránka zobrazí. Jestli to možné není, zobrazí se stránka room/404.php Nyní se opět ukončí všechny označení pro css.
fw.php Soubor fw.php slouží primárně k připojení k databázi, kterou nám hostuje web4u , konkrétně sql6.web4u.cz také vyplnění funkcí které jsou nezbytné pro zhezčení stránky. Nejdříve se nastaví error reporting aby se nezobrazovali chyby, které pro nás nejsou důležité. V souboru se v dalších 4 řádcích do proměnných db_host,db_user , db_pass a db_name doplní hosting , uživatelské jméno, heslo a databáze. Na řádku 9 se uskuteční to nejdůležitější z celého souboru, připojení pomocí mysql_connect. Na dalším řádku se zvolí databáze pomocí mysql_select_db, a na řádku číslo 11 se nastaví kódování databáze na utf8. Dále se nastaví kódování do md5 aby byli stránky bezpečné. Na řádcích 20 až 23 se nastaví funkce refresh. Ta „zobrazí“ aktualizaci výpisu a na řádcích 25 až 28 se nastaví funkce alert do které se doplňuje proměnná string. Tato funkce zobrazuje výstražné okno s proměnnou string. Na řádcích 30 až 33 se nastaví funkce location do které se doplňuje proměnná string. Tato funkce zobrazuje umístění s odkazem na proměnnou string. Na řádcích 35 až 40 se nastaví funkce sendmail do které se doplňuje proměnná predmet , telo a komu. Slouží k odeslání mailů od
[email protected] na adresu proměnná komu s předmětem předmět a textem proměnná telo. 5
Sociální síť Mrshare – technická dokumentace Adam Novák, David Malát, David Vurbs, Dominik Walta
404.php Tento soubor obsahuje vzhled stránky v případě, že byla stránka přesunuta nebo nikdy neexistovala,…. To znamená, že je v současnosti nepoužitelný.
Login_script.php Tento soubor slouží k přihlášení uživatele. Do login, pwd se dosadí uživatelské jméno a heslo převedené do md5. Na dalších řádcích je ochrana sql proti chytrým uživatelům kteří umí mysql a chtěli by škodit. Dále se do proměnné sql dosadí příkaz zobrazujícího uživatele, který splňuje požadavky username a password. Jestli již je uživatel přihlášen zobrazí se mu hláška „již jste přihlášen“, jinak jestli vše souhlasí, uživatel je přihlášen, jinak se zobrazí informace o nesprávném jméně nebo hesle.
odhlasit.php Tento soubor slouží k odhlášení uživatele. Funguje jednoduše- zničí session a zobrazí hlášku „Byl jste odhlášen“. Nyní se pozice nastaví jako index.php.
friends.php Tento soubor slouží k přidávání přátel. Zobrazí se tlačítko „Přidat“ a „Přidat RANDOM uživatele“, které míří na hledání přátel a na vygenerování uživatele. V PHP se nastaví kódování mysql a do proměnné sql_navrat se dosadí sql hledání lidí z friends kde user_id_from se rovná id uživatele nebo user_id_to se rovná id uživatele. Nyní dokud se neasociuje, následující se bude opakovat. Jestli je řádek user_id_from rovný id uživatele pak je proměnná friends_id id uživatele kterému byl poslán požadavek na přátelství. Jinak je to přesně naopak. Proměnná sql_navrat2 pak obsahuje sql na zobrazení dat z tabulky tl_users kde id_user se rovná proměnné friend_id. Nyní se dokončí všechny cykly a pouze se zobrazí funkce zobPridani a uzivatele.
6
Sociální síť Mrshare – technická dokumentace Adam Novák, David Malát, David Vurbs, Dominik Walta
uvod.php Tento soubor slouží k zobrazování uvítací obrazovky při návštěvě mrshare.carpo.cz. Nejdříve se velkými písmeny zobrazí „Sdílejte se svými přáteli vše na, co si vzpomenete!“ a poté „MrShare je sociální síť zdarma.“. Nyní se dosadí hodnota pro css a zobrazí se formulář s údaji přihlašovací jméno, heslo a tlačítko. Pod formulářem se zobrazuje odkaz na stránku, na které se řeší zapomenuté heslo. Dále se zobrazí formulář mířící na pre-register. Obsahuje hodnoty přihlašovací jméno, heslo, heslo znovu, email a tlačítko registrovat se.
7
