«Պարտեզապուրակային գործ» մասնագիտության դիպլոմային նախագիծ Նվարդ Սարգսյան

1. Երևանի «Մխիթար Սեբաստացի»
կրթահամալիրի Քոլեջ
Դիպլոմային նախագիծ
«Պարտեզապուրակային գործ» մասնագիտություն
Թեմա՝ «Կրթական պարտեզ» կայք
Նախագիծը Նվարդ Անդրանիկի Սարգսյանի
Դիպլոմային նախագծի ղեկավար՝ Գոհար Եղոյան
Երևան 2018

2. Դիպլոմային նախագծի կառուցվածք
 Ներածություն
 Կատարված աշխատանքները ըստ փուլերի
 սերվերային համակարգում edugarden.mskh.am ենթադոմեյնի գրանցում,
edugarden.mskh.am տարածքում wordpress պլատֆորմի տեղադրում
 թեմայի ընտրություն smthemes.com կայքի օգնությամբ
 թեմայի տեղադրում, ակտիվացում, փոփոխություններ թեմայի CSS-ում՝ գույներ,
տառաչափեր, լոգոներ, նկարներ, հայերեն CSS-ի հավաքում-թարգմանում
 խրվակների տեղադրում, ակտիվացում, համապատասխան փոփոխությունների
կատարում, խրվակների ներմուծում կայքի համապատասխան հատվածներում
 լոգոյի պատրաստում, ներբեռնում կայքում
 բաժինների բացում, մենյուի ստեղծում, բաժինների ներմուծում մենյու
 նյութերի տեղադրում, օգտատերերի, խմբագիրների գրանցում
 կայքի ներկայացում լայն հասարակությանը
Հաջորդ էջ

3. Ներածություն
Կրթահամալիրում արդեն քանի տարի է տարատեսակ աշխատանքներ են
իրականացնում «Կրթական պարտեզ բնակելի արվարձանում» նախագծի
իրականացման ուղղությամբ։
Կրթական պարտեզը իր մեջ ներառում է կրթահամալիրի բոլոր դպրոցները՝
Արևմտյան, Արևելյան, Հյուսիսային, Հարավային կողմերը։
Անհրաժեշտություն էր առաջացել Կրթական պարտեզում իրականացված բոլոր
աշխատանքները մի տեղում հավաքելու, արդյունքները ամփոփելու և հետագա
աշխատանքները միասնական համակարգում ներկայացնելու համար:
Այդ նպատակով պատրաստվեց edugarden.mskh.am՝ Կրթական պարտեզի
ներկայացուցչական կայքը։
Կայքը գտնվում է պատրաստի վիճակում, արդեն իսկ տեղադրվել են
իրականացված աշխատանքները ներկայացնող բազմաթիվ նյութեր։ Նյութերի
տեղադրումը շարունական է․ կրթահամալիրի յուրաքանչյուր դպրոց կայքում
ներկայացնում է Կրթական պարտեզում իր կատարած աշխատանքները։
Հաջորդ էջՆախորդ էջ

4. Ներածություն
Կայքը պատրաստվել է կրթահամալիրի սերվերային համակարգում․ wordpress
պլատֆորմի վրա։ Կայքը պատրաստվել է ելնելով մեր կրթական պահանջներից։
Կայքի պատրաստումը իրականացվել է մի քանի փուլերով․
 սերվերային համակարգում edugarden.mskh.am ենթադոմեյնի գրանցում,
edugarden.mskh.am տարածքում wordpress պլատֆորմի տեղադրում
 թեմայի ընտրություն smthemes.com կայքի օգնությամբ
 թեմայի տեղադրում, ակտիվացում, փոփոխություններ թեմայի CSS-ում՝
գույներ, տառաչափեր, լոգոներ, նկարներ, հայերեն CSS-ի հավաքում-
թարգմանում
Հաջորդ էջՆախորդ էջ

5. Ներածություն
 խրվակների տեղադրում, ակտիվացում, համապատասխան
փոփոխությունների կատարում, խրվակների ներմուծում կայքի
համապատասխան հատվածներում
 լոգոյի պատրաստում, ներբեռնում կայքում
 բաժինների բացում, մենյուի ստեղծում, բաժինների ներմուծում մենյու
 նյութերի տեղադրում, օգտատերերի, խմբագիրների գրանցում
 կայքի ներկայացում լայն հասարակությանը
Հաջորդ էջՆախորդ էջ

6. Կատարված աշխատանքները ըստ փուլերի
Ինչպես արդեն նշվել է, կայքի պատրաստումը իրականացվել է մի քանի
փուլերով։
Հետագա էջերում կներկայացվեն կատարված փուլային աշխատանքները՝ ըստ
նրանց կարևորության, դժվարության, առաջնահերթության։
Իրականացված աշխատանքներից շատերում ներգրավված են եղել Միջին
դպրոցի սովորողներ և Քոլեջի ուսանողներ։
Հաջորդ էջՆախորդ էջ

7. Սերվերային համակարգում
edugarden.mskh.am ենթադոմեյնի գրանցում,
edugarden.mskh.am տարածքում wordpress
պլատֆորմի տեղադրում
Կրթահամալիրը ունի իր սերվերային համակարգը, որը գտնվում է Մայր դպրոցի
ՏՏ լաբորատորիայում։
Սերվերի աշխատանքի պատասխանատու մասնագետը գրանցել է
համապատասխան ենթադոմեյնը՝ սաբդոմեյն, մեր սերվերում, կատարել
անհրաժեշտ կարգավորումները։ Ապա տվյալ կայքին համապատասխան
դերիկտորիայում տեղադրել է wordpress պլատֆորմը՝ գրանցելով գլխավոր
օգտատիրոջ մուտքանունն ու գաղտնաբառը։
Գլխավոր օգտատիրոջ գաղտնաբառն ու մուտքանունը տրամադրել է մեզ՝
դատարկ wordpress պլատֆորմում կայքի հավաքման համար։
Հաջորդ էջՆախորդ էջ

8. Թեմայի ընտրություն smthemes.com կայքի
օգնությամբ
Թեմայի ընտրությունը ամենաժամանակատար գործերից մեկն էր․ անհրաժեշտ
էր գտնել ներկայացված մինիմալ պահանջներին բավարարող որևէ թեմա, որը
հետագայում կենթարկվի բազմաթիվ փոփոխությունների։
Թեմայի ընտրությունը կատարվել է smthemes.com կայքի բազմաթիվ թեմաներից,
հաշվի առնելով կայքի հնարավորությունները, թեմատիկ պլանավորումը,
բաժինների առկայության անհրաժեշտությունը կայքի go up հատվածում,
տեղադրվող նյութերի առանձնացված լինելը, գրելաոճի մեծությունը և այլն։
Թեմային ներկայացվող մինիմալ պահանջների օրինակներ․
 նյութի մեջ տեղադրվող նկարը անհրաժեշտ է, որ լինի նյութի աջակողմյան
կամ ձախակողմյան հատվածում, այլ ոչ թե ամբողջ նյութի գլխամասում․
smthemes.com կայքում շատ են գլխամասային նկար պարունակող թեմաները,
բայց որոշ թեմաներում հնարավոր է լինում փոփոխել նկարի տեղը, այդ
պատճառով անհրաժեշտ է փորձարկել թեմաները։
Հաջորդ էջՆախորդ էջ

9. Թեմայի ընտրություն smthemes.com կայքի
օգնությամբ
 Թեմայի գունային համադրությունը պետք է համապատասխանի կայքի
պահանջներին կամ ունենա գունային երանգները CSS մակարդակով
փոխելու հանարվորություն այնպես, որ չառաջանան խնդիրներ
 Տեղադրվող նյութերը պետք է ունենան հստակ առանձնացրած սահմաններ,
որպեսզի ավելի տեսանելի լինեն, չխառնվեն մնացած նյութերին։
 Թեման պետք է ունենա հնարավորություն ստեղծված բաժինները, այսպես
կոչված, go up հատվածում տեղադրելու համար․ սա կայքին տալիս է
կոկիկություն, բաժիններն ավելի տեսանելի և ընկալելի են լինում։
 Պետք է ցուցադրի տեղադրված նյութի ամիս-ամսաթիվը, տեղադրողի
անունը։
 Պետք է տա էջերը համարակալելու հնարավորություն
Վերը թվարկված բոլոր կետերը հաշվի են առնվել կայքին համապատասխան
թեմա ընտրելուց։
Հաջորդ էջՆախորդ էջ

10. Թեմայի տեղադրում, ակտիվացում,
փոփոխություններ թեմայի CSS-ում՝ գույներ,
տառաչափեր, լոգոներ, նկարներ, հայերեն
CSS-ի հավաքում-թարգմանում
Ընտրվել է Idea կոչվող թեման։ Թեման սկզբում ներբեռնվել է համակարգչի մեջ, ապա
տեղադրվել ենթակայքում ու ակտիվացվել։
Թեման ի սկզբանե ուներ կանաչ-դեղին երանգավորում, այնպես որ, գունային
երանգների փոփոխությունները արվեցին մինիմալ կերպով։
Սկզբում արվեցին CSS-ի փոփոխությունները՝ կայքի աշխատասեղանի appearance –
editor բաժնում․ տառաչափի փոփոխություն և՛ վերնագրերի հատվածում, և՛
ընդհանուր գրվածքում, և՛ բաժինների-ենթաբաժինների մեջ։
Փոխվեցին տեքստի, վերնագրերի, բաժինների տառերի գույները՝ նախկին գունավոր
տառերը փոխվեցին սևով, որը ավելի ընթեռնելի է դարձնում տեքստը։
Թվարկված բոլոր փոփոխությունները արվել են style.css (stylesheet) կամ index.css
հատվածում։
Թեման ամբողջությամբ թարգմանվել է հայերեն՝ փոփոխություններ անելով բոլոր css
ֆայլերում և թեմայի ընդհանուր աշխատասեղանում։
Հաջորդ էջՆախորդ էջ

11. Խրվակների տեղադրում, ակտիվացում,
համապատասխան փոփոխությունների
կատարում, խրվակների ներմուծում կայքի
համապատասխան հատվածներում
Պատրաստի կայքում անհրաժեշտ է ներմուծել խրվակներ, որոնք, օրինակ,
կբարձրացնեն կայքի անվտանգությունը, թույլ կտան նյութերը արխիվացնելու,
արխիվը հավաքելու, կհեշտացնեն մուտքը ենթակայք, նյութերում տեղադրված
նկարները մեծացնելու հնարավորություն կտան և այլն։
Ամենակարևոր խրվակներից մեկը Akismet Anti-Spam խրվակն է, որը ավտոմատ
արգելափակում է սփամային ինֆորմացիա պարունակող հրապարակումները,
ip-ները։
Ներբեռնված խրվակները ակտիվացվել են և կատարվել են համապատասխան
փոփոխություններ՝ ժամային գոտու ավելացում, արգելափակված հասցեների
մաքսիմալ քանակության նշում, արգելափակումների արխիվացում և
պահպանման մաքսիմալ ժամանակահատվածի առանձնացում և այլն։
Հաջորդ էջՆախորդ էջ

12. Խրվակների տեղադրում, ակտիվացում,
համապատասխան փոփոխությունների
կատարում, խրվակների ներմուծում կայքի
համապատասխան հատվածներում
Տեղադրվել և ակտիվացվել, ապա հայերեն լեզվով խմբագրման են ենթարկվել
հետևյալ խրվակները՝ Login With Ajax (կայք մուտք գործելու համար առավել
հեշտ և հարմար տարբերակ), Brute Force Login Protection (ապաակտիվացնում է
անընդհատ մուտ գործել փորձողներին, վիրուսներ ուղարկողների IP-ները
հավաքում և պահում սև ցուցակում և այլն), WP Image Zoom (խրվակը թույլ է
տալիս նյութերի մեջ տեղադրած նկարները zoom անելու՝ մեծացնելու), Archive
(նյութերը ախրիվացնելու և՛ ամսական, և՛ տարեկան կտրվածքով), Weather
Underground (եղանակը Երևանում կարգավորումներ)։
Ակտիվացված խրվակներից ոմանք տեղադրվել են կայքի աջակողմյան
հատվածում, ոմանք՝ վերին կամ ստորին հատվածներում, ոմանք՝
մեկնաբանությունների գրման տողում, իսկ կան այնպիսիք, որ տեսանելի չեն
սովորական այցելուին։
Հաջորդ էջՆախորդ էջ

13. Լոգոյի պատրաստում, ներբեռնում կայքում
Լոգոն պատրաստվել է photoshop ծրագրի օգնությամբ՝ gif ֆորմատով։ Հաշվի են
առնվել թեմայի գունային յուրահատկությունները, հատկացված տարածքի
չափը, տեղադրվել է այնպես, որ չխանգարի վերին մենյույում տեղակայված
բաժիններին։
Լոգոն ունի փափանցիկ գունավորում, որը թույլ է տալիս տեղադրել թեմայի
ցանկացած հատվածում՝ առանց այդ հատվածի գունային համադրության
խաթարման։
Հաջորդ էջՆախորդ էջ

14. Բաժինների բացում, մենյուի ստեղծում,
բաժինների ներմուծում մենյու
Կայքում բացվել են անվանական բաժիններ, որոնք հնարավորինս բավարարում
են ներկայացվող պահանջներին, ներկայացնում են Կրթահամալիրի դպրոցները,
Կրթահամալիրի տնօրենի գրի այն հատվածները, որ վերաբերվում են Կրթական
պարտեզին։ Բաժինները հնարավորություն են տալիս հեշտությամբ գտնել
անհրաժեշտ նյութերը, բարձրացնելով որոնման հնարավորությունը։
Բոլոր բաժինները ներմուծվել են երկու հիմնական մենյուի մեջ՝ վերին և
կենտրոնական, ապա հատուկ խրվակի օգնությամբ տեղադրվել կայքում։
Հաջորդ էջՆախորդ էջ

15. Նյութերի տեղադրում, օգտատերերի,
խմբագիրների գրանցում
Կայքում տեղադրվել են 2015 թվականից առ այսօր Կրթական պարտեզում
իրականացված աշխատանքների մասին պատմող նկարաշարերը, ֆիլմերը,
կրթահամալիրի տնօրենի անդրադարձը, լրատվամիջոցների անդրադարձները և
այլն։
«Կրթական պարտեզ բնակելի արվարձանում» նախագիծը իրականացվում է
Կրթահամալիրի բոլոր դպրոցներում, այդ աշխատանքները իրականացվում են
առ այսօր, այդ պատճառով կայքը դառնում է բոլոր աշխատանքների համար
ներկայացուցչական հարթակ։
Կրթահամալիրի ամեն դպրոց նշանակել է կայքի սպասարկման
պատասխանատու, ով ամենօրյա կտրվածքով թարմացնում է կայքը՝
տեղադրելով սովորողների իրականացրած բակային աշխատանքների
նկարաշարերը, պատում-տեսաֆիլմերը և այլն։
Հետագայում նախատեսվում է կայքում ավելացնել Կթահամալիրի
Բանգլադեշով վիրտուալ շրջայց կատարող անիմացիա, ինչպես նաև կայքը
կարող է դառնալ օնլայն վաճառքներ իրականացնելու հարմար հարթակ։
Հաջորդ էջՆախորդ էջ

16. Վերջաբան
Կարծում եմ, որ կատարվել է բավականին ծավալուն և օգտակար աշխատանք։
Շնորհակալություն ուշադրության համար։
Սիրով՝ Նվարդ Սարգսյան
Նախորդ էջ