andri xhitoni - open sourcing beni cms (oscal2014)

një prezantim i

nga Andri Xhitoni4 Maj 2014

designer & zhvillues

WebMobileTV interactive software

Bashkëthemelues i Fabrika.al

Andri Xhitoni

Ecën vetë

Ecën vetë

Përse?Ecën vetë

Ndërtuar për të përmbushur nevojat e mia në ndërtimin e siteve web

Përse?Ecën vetë

Ndërtuar për të përmbushur nevojat e mia në ndërtimin e siteve web

Nisur nga nevojat dhe kufizimet e tregut Shqiptar

Site web të vogla dhe të mesme

Përse?Ecën vetë

Ndërtuar për të përmbushur nevojat e mia në ndërtimin e siteve web

Nisur nga nevojat dhe kufizimet e tregut Shqiptar

Site web të vogla dhe të mesmeShumë g juhë

Përse?Ecën vetë

Ndërtuar për të përmbushur nevojat e mia në ndërtimin e siteve web

Nisur nga nevojat dhe kufizimet e tregut Shqiptar

Site web të vogla dhe të mesmeShumë g juhëPërdorim nga persona jo-teknikë

Përse?Ecën vetë

Ndërtuar për të përmbushur nevojat e mia në ndërtimin e siteve web

Nisur nga nevojat dhe kufizimet e tregut Shqiptar

Site web të vogla dhe të mesmeShumë g juhëPërdorim nga persona jo-teknikëPërmbajtja është shpesh e mangët dhe e vonuar

Pse një tjetër CMS?Ecën vetë

Pse një tjetër CMS?...shumë kohë më parë, në vitin 2009

Ecën vetë

Pse një tjetër CMS?...shumë kohë më parë, në vitin 2009

I lehtë në përdorim

Popullor

Kryesisht vetëm për Blog-e

Ecën vetë

Pse një tjetër CMS?...shumë kohë më parë, në vitin 2009

I lehtë në përdorim

Popullor

Kryesisht vetëm për Blog-e

I fuqishëm

I Sigurt

Kompleks

I rëndë për site të vogla

Ecën vetë

Pse një tjetër CMS?...shumë kohë më parë, në vitin 2009

I lehtë në përdorim

Popullor

Kryesisht vetëm për Blog-e

I fuqishëm

I Sigurt

Kompleks

I rëndë për site të vogla

Popullor

Ecën vetë

Pse një tjetër CMS?...shumë kohë më parë, në vitin 2009

I lehtë në përdorim

Popullor

Kryesisht vetëm për Blog-e

I fuqishëm

I Sigurt

Kompleks

I rëndë për site të vogla

Popullor

I vështirë në përdorim

Probleme sigurie

Markup jo-semantik

Ecën vetë

Pse një tjetër CMS?Mund t’u besoj ekstensioneve të palëve të treta?

Ecën vetë

Pse një tjetër CMS?Mund t’u besoj ekstensioneve të palëve të treta?

Po sikur të mos ekzistojë një ekstension që bën çfarë më duhet

Ecën vetë

Pse një tjetër CMS?Mund t’u besoj ekstensioneve të palëve të treta?

Po sikur të mos ekzistojë një ekstension që bën çfarë më duhet

Çfarë ndodh kur dy ose më shumë ekstensionenuk funksionojnë mirë me njëri-tjetrin?

Ecën vetë

Pse një tjetër CMS?Mund t’u besoj ekstensioneve të palëve të treta?

Po sikur të mos ekzistojë një ekstension që bën çfarë më duhet

Çfarë ndodh kur dy ose më shumë ekstensionenuk funksionojnë mirë me njëri-tjetrin?

Çfarë ndodh kur ekstensioni nuk mirëmbahet më nga autori

Ecën vetë

Pse një tjetër CMS?Mund t’u besoj ekstensioneve të palëve të treta?

Po sikur të mos ekzistojë një ekstension që bën çfarë më duhet

Çfarë ndodh kur dy ose më shumë ekstensionenuk funksionojnë mirë me njëri-tjetrin?

Çfarë ndodh kur ekstensioni nuk mirëmbahet më nga autori

A do kujtohen klientët e mi të bëjnë update sigurie? (JO)

Ecën vetë

Pse një tjetër CMS?Ecën vetë

Po sikur, pasi të kem investuarshumë kohë në mësimin e njësistemi, të kuptoj që nuk është i përshtatshëm për mua

Pse një tjetër CMS?Ecën vetë

Doja një zg jidhje qëtë përmbushte nevojate projektit,duke më siguruar kontroll të plotëmbi ndryshimet e ardhshme

Pse një tjetër CMS?Ecën vetë

Sepse të ri-shpikësh rrotënështë mënyra më e mirëpër të kuptuarse si rrotat funksionojnë.

-/u/vz0

FilozofiaEcën vetë

i lehtë

diku në mes(shpresoj)

i fuqishëm

Të jetë...

...e lehtë për Redaktorët në punën e përditshme

FilozofiaEcën vetë

...e lehtë për Zhvilluesit në modifikim

Të jetë...

...e lehtë për Redaktorët në punën e përditshme

FilozofiaEcën vetë

...e lehtë për Zhvilluesit në modifikim

Të jetë...

...e lehtë për Redaktorët në punën e përditshme

...e vështirë që Redaktorët të prishin sitin

FilozofiaEcën vetë

Çfarë e bën të ndryshëm?

Ecën vetë

Për RedaktorëtÇfarë e bën të ndryshëm?

Ecën vetë

Për Redaktorët

Shumë-gjuhëshEcën vetë

Shto, ndrysho dhe fshi sa g juhë të duash, në çdo kohë, pa ndërhyrjen e zhvilluesit.

Për Redaktorët

Shumë-gjuhëshEcën vetë

Çdo tekst që shfaqet në site është i përkthyeshëm.

Për Redaktorët

Shumë-gjuhëshEcën vetë

Çdo tekst që shfaqet në site është i përkthyeshëm.

Për RedaktorëtEcën vetë

Magazinë Qëndrore e Media-veImazhet e përmbajtjes

Për RedaktorëtEcën vetë

Magazinë Qëndrore e Media-veImazhet e përmbajtjes

Sekdarët e shkarkueshëm

Për RedaktorëtEcën vetë

Magazinë Qëndrore e Media-veImazhet e përmbajtjes

Sekdarët e shkarkueshëm

Videot YouTube Vimeo DailyMotion

Për RedaktorëtEcën vetë

Magazinë Qëndrore e Media-veBeni mban mendkur një imazh,video apo skedarpërdoretnë përmbajtjene sitit,dhe ndalonfshirjen aksidentaleduke parandaluardëmtimin e faqeve.

Për Redaktorët

ImazhetEcën vetë

Ngarko imazhetnë përmasa sa më të medha.

Beni ruan kopje me cilësi të lartë ne magazinënqëndrore të imazheve.

Për Redaktorët

ImazhetEcën vetë

Shkallëzon dhe krasit (crop)sipas nevojave të sitit,pa patur nevojë të zvogëlohennë Photoshop.

Për Redaktorët

ImazhetEcën vetë

Editor i brendshëm për të rrotulluar dhe krasiturimazhet.

Për Redaktorët

ImazhetEcën vetë

Përdor të njëjtin burim imazhi sa here të duashnëpër përmbajtje, pa patur nevojë per ri-ngarkim.

Drag & Drop(risi në vitin 2009)

Për Redaktorët

ImazhetEcën vetë

Mund të marrinpërshkrimeshumë-g juhëshe.

Kjo ndikonpozitivishtnë rankimine motorrëve tëkërkimit.

Për Redaktorët

Përmbajtja ≠ Prezantimi

Ecën vetë

Për Redaktorët

Përmbajtja nuk është Prezantimi

Ecën vetë

Pamja e sitit është në dorë të Dizajnerit / Zhvilluesit

Për Redaktorët

Përmbajtja nuk është Prezantimi

Ecën vetë

Pamja e sitit është në dorë të Dizajnerit / Zhvilluesit

Përmbajtja është në dorë të Redaktorit

Për Redaktorët

Përmbajtja nuk është Prezantimi

Ecën vetë

Pamja e sitit është në dorë të Dizajnerit / Zhvilluesit

Përmbajtja është në dorë të Redaktorit

Beni lejon të fokusohesh në “çfarë do shfaqet”pa u shqetësuar se “si do duket”

Për Redaktorët

WYSIWYG(what you see is what you get)

Ecën vetë

Për Redaktorët

WYSIWYG

WYSIWYM

(what you see is what you get)

(what you see is what you MEAN)

Ecën vetë

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Editor Semantik

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Editor Semantik

Përcakto çfarënjë element është(Paragraf, Heading,Liste, Link, etj)

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Editor Semantik

Përcakto çfarënjë element është(Paragraf, Heading,Liste, Link, etj)

Klasifiko

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Editor Semantik

Përcakto çfarënjë element është(Paragraf, Heading,Liste, Link, etj)

Klasifiko

Pamjen e përcaktonDizajni i sitit (CSS)

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Përdor imazhenga magazina

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Përdor imazhenga magazina

Përcaktomadhësinëdhe llojin eshkallëzimit

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Përdor imazhenga magazina

Përcaktomadhësinëdhe llojin eshkallëzimit

Ri-organizome Drag & Drop

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Krijo lidhjeme skedarëte shkarkueshëm

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Krijo lidhjeme skedarete shkarkueshem

Shto Video

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Krijo lidhjeme skedarete shkarkueshem

Shto Video

Ose komponentekomplekse

Për Redaktorët

WYMEditor (www.wymeditor.org)

Ecën vetë

Ne sa g juhete duash

Për Redaktorët

Organizim i Strukturuar

Krijo vetëm një herëPërdor sa herë të duash

Ecën vetë

Për Redaktorët

Organizim i StrukturuarEcën vetë

Përmbajtja mundtë organizohetnë faqe standarteose të specializuara

Për Redaktorët

Organizim i StrukturuarEcën vetë

Përmbajtja mundtë organizohetnë faqe standarteose të specializuara

Ri-organizimi thjeshtë

Gjenerim automatiki menuve

Për Redaktorët

Organizim i StrukturuarEcën vetë

Elementët e përmbajtjesmund të përdorenpër të ndërtuarelementë më të pasur

Autor AEmriFotoPershkrimi

Autor BEmriFotoPershkrimi

Autor CEmriFotoPershkrimi

Artikull A

Kategori A Kategori B Kategori C

TitullPershkrimAutorDataPermbajtjaKategorite

Artikull CTitullPershkrimAutorDataPermbajtjaKategorite

Artikull BTitullPershkrimAutorDataPermbajtjaKategorite

Për Redaktorët

Organizim i StrukturuarEcën vetë

Autor AEmriFotoPershkrimi

Autor BEmriFotoPershkrimi

Autor CEmriFotoPershkrimi

Artikull A

Kategori A Kategori B Kategori C

TitullPershkrimAutorDataPermbajtjaKategorite

Artikull CTitullPershkrimAutorDataPermbajtjaKategorite

Artikull BTitullPershkrimAutorDataPermbajtjaKategorite

1

11

2

2

0

000

Elementët e përmbajtjesmund të përdorenpër të ndërtuarelementë më të pasur

Çdo përdorimnumërohet.Mund të fshihenvetëm ata elementëme përdorim zero.

Për ZhvilluesitÇfarë e bën të ndryshëm?

Ecën vetë

Krijo tipe faqesh,përmbajtjesh dhekomponentësh.

Për Zhvilluesit

Arkitekturë FleksibëlEcën vetë

Krijo tipe faqesh,përmbajtjesh dhekomponentësh.

Vendosi nëmarrdhëniehierarkike.

Për Zhvilluesit

Arkitekturë FleksibëlEcën vetë

Krijo tipe faqesh,përmbajtjesh dhekomponentësh.

Vendosi nëmarrdhëniehierarkike.

Percaktonivelet e aksesit(Dev, Admin, User)

Për Zhvilluesit

Arkitekturë FleksibëlEcën vetë

Query Builder i sigurt (auto escaping) dhe fleksibel.

në vend të:

Për Zhvilluesit

Shtresë Abstragimi e DatabazësEcën vetë

$q = Query::Select(’articles’) ->fields([’ID’,’title’,’author’,’date’,’content’]) ->eq(’active’,1) ->desc(’date’) ->limit(8);

$q = “SELECT ’ID’,’title’,’author’,’date’,’content’FROM `articles` WHERE ‘active’=1 ORDER BY date DESC LIMIT 8”

Percaktondërvartësitë eskedarëve js & css

Për Zhvilluesit

Manaxher Automatik i AseteveEcën vetë

Percaktondërvartësitë eskedarëve js & css

Çdo pjesë e sititthërret asset-inqe i duhet.

Për Zhvilluesit

Manaxher Automatik i AseteveEcën vetë

Percaktondërvartësitë eskedareve js & css

Çdo pjesë e sititthërret asset-inqe i duhet.

Renditje, kombinimdhe minifikimautomatik.

Për Zhvilluesit

Manaxher Automatik i AseteveEcën vetë

Sintaksëe thjeshtë

Për Zhvilluesit

Twig Templates (twig.sensiolabs.org)

Ecën vetë

Sintaksëe thjeshtë

E sigurtë(sandboxing,auto-escaping)

Për Zhvilluesit

Twig Templates (twig.sensiolabs.org)

Ecën vetë

Sintaksëe thjeshtë

E sigurtë(sandboxing,auto-escaping)

E shpejtëKompilion PHP

Për Zhvilluesit

Twig Templates (twig.sensiolabs.org)

Ecën vetë

Përse Open Source?

Ecën vetë

Përse Open Source?

Ecën vetë

ide potenciale për tu eksploruar

Përse Open Source?

Ecën vetë

ide potenciale për tu eksploruar

për t’i kthyer sadopak favorin komunitetit botëror Open Source

Përse Open Source?

Ecën vetë

Përse Open Source?

Ecim së bashkuEcën vetë

Për më shumë,fabrika.al/beni

sot në orën 16:30Workshop

php.org.al

faleminderit!