COMENIUS EGYETEM BRATISZLÁVÁBAN MATEMATIKA, FIZIKA ÉS INFORMATIKA KAR Gmail asszisztens 2011 Andrej Bihuň
COMENIUS EGYETEM BRATISZLÁVÁBAN MATEMATIKA, FIZIKA ÉS INFORMATIKA KAR GMAIL Személyi asszisztens Alapképzés Regisztráció száma: 90c46108-c979-48e9-9f94-f129e76e77b4 Tanulmányi program: Alkalmazott Informatikai Alkalmazott Informatikai Tanszék: 9.2. Pavel Petrovic, PhD. Pozsony, 2011 Andrej Bihuň
Becsületnyilatkozat Megtiszteltetésemre kijelentem, hogy önállóan készítettem el ezt a szakdolgozatot Pavel Petrovič szakmai irányításával és irányításával, az irodalom felhasználásával. Pozsonyban. 2 szerző aláírása
Köszönetnyilvánítás Szeretném megköszönni edzőmnek ötleteit, tanácsait és különösen a türelmét. Szüleim a tanulmányaik során nyújtott támogatásukért. 3
Absztrakt Szakdolgozatom célja egy olyan webalkalmazás megtervezése és megvalósítása, amely kiterjeszti a Gmailt a felhasználást javító funkciókkal. Az alkalmazásnak az e-maileket kronologikusan kell megjelenítenie, ellentétben az eredetivel, ahol beszélgetésekbe vannak rendezve. Emellett lehetőséget kell kínálnia e-mailek küldésére és nem utolsó sorban a mellékletek kezelésére is. Kulcsszavak: Gmail, email, imap, smtp Absztrakt A dolgozat célja egy webes alkalmazás megtervezése és megvalósítása, amely számos új funkcióval bővíti a Gmailt, gazdagítva felhasználói élményét. Míg a Gmail az e-maileket beszélgetésekként jeleníti meg, alkalmazásunk időrendben jeleníti meg őket. Ezenkívül hozzáadtuk az automatizált e-mail küldés ütemezésének támogatását és átfogó rendszert vezettünk be a mellékletek kezelésére. Kulcsszavak: Gmail, e-mail, imap, smtp 4
TARTALOMJEGYZÉK 1. BEVEZETÉS. 7 2. A PROBLÉMA ÁTTEKINTÉSE. 8 2.1. Email. 8 2.1.1. E-mail formátum. 8 2.2. Hogyan működik az e-mail. 9 2.3. E-mail kliens. 9 2.3.1. Web-alapú. 10 2.3.1.1. Gmail. 10 2.3.1.1.1. Gmail Labs. 10 2.3.1.1.2. Jobb Gmail. 10 2.3.2. Asztali alkalmazások. 11 2.3.2.1. Microsoft Outlook. 12 2.3.2.2. Mozilla Thunderbird. 12 2.4. Mail szerver. 12 2.5. Protokollok. 12 2.5.1. SMTP. 12 2.5.2. POP. 13 2.5.3. IMAP. 13 2.6. PHP. 13 2.7. (X) HTML + CSS. 14 2.8. Javascript + AJAX. 15 2.9. MySQL. 15 3. JAVASLAT. 16 3.1. Belépés. 16 3.1.1. Jelszó visszaállítása. 16 3.2. E-mailek megtekintése - HOME. 16 3.3. Küldés - SEND. 17 3.4. Tervezés - KÜLDÉS. 17 3.5. Fájlok megtekintése - FILES. 17 3.6. Beállítások - BEÁLLÍTÁSOK. 17 3.7. Használt könyvtárak/keretrendszerek. 18 3.7.1. Dibi. 18 3.7.2. HTML_Template_IT. 19 3.7.3. jquery. 19 3.7.4. LiveValidation. 19 4. VÉGREHAJTÁS. 20 4.1. Adatbázis tervezés. 20 4.2. Csatlakozás e-mail szerverhez. 22 4.3. E-mailek fogadása. 22 4.4. Postafiók lista. 23 4.5. A mellékletek átvétele. 24 4.6. E-mailek küldése. 24 4.7. Tervezés. 24 4.8. Fájlok (mellékletek). 25 5. KÖVETKEZTETÉS. 26 6. HASZNÁLT IRODALOM. 27 5
Képek listája 1. ábra: Az e-mail működés vázlata 9 2. ábra: Gmail környezet 10 3a ábra: Microsoft Outlook 2007 e-mail kliens 11 3b ábra: Mozilla Thunderbird e-mail kliens a 3.1.10 változatban 11 6
1. BEVEZETÉS Ma az internet annyira elterjedt, hogy szinte minden háztartásban megtalálható. Diplomamunkám célja egy olyan webalkalmazás megtervezése és megvalósítása, amely kibővíti a Gmail webes mail szolgáltatást olyan funkciókkal, amelyek javítják és megkönnyítik a használatát. Az alkalmazásnak az e-maileket kronologikusan kell megjelenítenie, ellentétben az eredetivel, ahol beszélgetésekbe vannak rendezve. Emellett lehetőséget kell kínálnia e-mailek küldésére és nem utolsó sorban a mellékletek kezelésére is. 7
2.2. Hogyan működik az e-mail Tegyük fel, hogy Andrej ([email protected]) e-mailt akar küldeni Jankának ([email protected]). Andrej az Email Client használatával ír egy e-mailt a küldéshez. Ezt az e-mailt a Google SMTP Mail szerverére (smtp.google.com) küldjük. A levelező szerver fogadja, feldolgozza és elküldi az üzenetet. A feldolgozás az e-mail cím két részre osztásával történik. @ Előtti (helyi rész) és utána (távoli rész) @. A második részben a DNS-ben keresnek, majd üzenetet küld a seznam.sk szervernek, ahol a zoznam.sk továbbítja az e-mailt a jana.xyz felhasználónak. A felhasználó SMTP vagy IMAP segítségével tölti le az e-mailt az e-mail kliensre. 1 * 1 + ábra: Az e-mail működésének diagramja 2.3. A Mail User Agent (MUA) [2] egy olyan program (alkalmazás), amelyet e-mailek kezelésére, küldésére és fogadására terveztek. A legismertebb alkalmazás a Microsoft Outlook, mert integrálva van a Windows rendszerbe. További ismertek például a Mozilla Thunderbird, a Lotus Notes, a The Bat! és egyéb. 9.
2.3.1. Webalapú webalkalmazás, amelyet e-mailek kezelésére terveztek, más néven webmail. A szokásos asztali alkalmazásoktól eltérően bárhonnan elérhető, ahol van internet-hozzáférésünk. Példák a webmailre: Gmail (gmail.com, mail.google.com), List (mail.zoznam.sk), Yahoo (mail.yahoo.com) és egyéb webmail-szolgáltatások. 2.3.1.1. Gmail Ez egy ingyenes e-mail szolgáltatás, amelyet a Google nyújt. A webes felületen keresztül vagy protokollok segítségével érhető el. 2. ábra: Gmail környezet 2.3.1.1.1. Gmail Labs Segítő, kiterjesztési csomagok, amelyek lehetővé teszik a Google Műhely új funkcióinak kipróbálását. Az egyik csomag például a Nested Labels, amely lehetővé teszi a címkék (dobozok) fahierarchikus struktúrába rendezését. A felhasználók bármikor aktiválhatják és deaktiválhatják ezeket a csomagokat. Hátránya a programozók csoportjának bezárása, valamint a saját csomag programozásának vagy a meglévő módosításának képtelensége. 2.3.1.1.2. Jobb Gmail Ez a felhasználói szkriptek javascriptben írt csomagja a Greasemonkey számára. 10.
A Greasemonkey a Firefox kiterjesztése (kiegészítője), amely lehetővé teszi a megjelenített weboldal megjelenésének és viselkedésének testreszabását a felhasználói szkripteknek köszönhetően. Hátránya a Firefox böngészővel való kapcsolat. 2.3.2. Asztali alkalmazások Számos asztali (helyi) alkalmazás létezik. Íme 2 példa, amelyek eddigi tapasztalataim szerint a leggyakrabban használtak a Windows rendszereken. 3a ábra: Microsoft Outlook 2007 e-mail kliens 3b ábra: Mozilla Thunderbird e-mail kliens a 3.1.10 változatban 11
2.7. (X) HTML + CSS HyperText Markup Language (HTML) egy SGML alkalmazás. Az XHTML (Extensible HyperText Markup Language) egy XML alkalmazás (az SGML részhalmaza). Hasonló a HTML-hez, de itt inkább a szintaxist vizsgálja. Ez egy jelölő nyelv, amelyet weboldalak létrehozására használnak. A nyelv elemek (címkék, címkék) és attribútumainak összessége. Az elemek nevei szögletes zárójelben vannak feltüntetve. Ismerünk párosított és párosítatlan elemeket. Párok:,,