Umbraco

50
Wojciech Poniatowski | A plus C Umbraco dziecinnie proste

description

Umbraco. dziecinnie proste. Wojciech Poniatowski | A plus C. about.me/poniat. Wojciech Poniatowski Programista • Projektant • Pasjonat ŚRGM, SCC, VS2010CL C# MVP Kontakt Blog: http://poniat.wordpress.com Mail: [email protected] Twitter: @ poniat. Agenda. Wstęp - PowerPoint PPT Presentation

Transcript of Umbraco

Page 1: Umbraco

Wojciech Poniatowski | A plus CUmbracodziecinnie proste

Page 2: Umbraco

Wojciech PoniatowskiProgramista • Projektant • PasjonatŚRGM, SCC, VS2010CLC# MVPKontakt• Blog: http://poniat.wordpress.com• Mail: [email protected]• Twitter: @poniat

about.me/poniat

Page 3: Umbraco

Agenda

WstępInstalacja i pierwsze uruchomienieKonfiguracjaPraca z Umbraco• Tworzenie stron, treści• Zarządzanie użytkownikami• Witryny wielo-języczne

Page 4: Umbraco

Wstęp

Page 5: Umbraco

Wstęp

Co to jest CMSCzym jest UmbracoMożliwościBudowaWady i zalety

Page 6: Umbraco

Cykl życia aplikacji internetowejPotrzebujemy stronę

www

<html> <head> <title>Firma</title> </head> <body>

<p> Witamy na naszej stronie.</p>

</body></html>

Klient Programista

Mamy stronę !!! OKPotrzebujemy zmian w

treści

Gotowe

DziękiAle... jeszcze adres się

zmienił..

!@#$%^&

Page 7: Umbraco

Wstęp / CMS

Content Management SystemOd 1995 (System Prism)

Zarządzanie treścią przez osoby nie technicznePrezentacja (www)

Zarządzanie (www / panel administratora)

Page 8: Umbraco

Content Management System

Dokumenty

DocumentManagement

Wiedza

Knowledge Management

Zasoby cyfrowe

Digital Asset Management

Obieg treści

Enterprise Content

Management

Treść na stronie

internetowej

Web Content Management

Page 9: Umbraco

Ogólna zasada działania systemu CMS

www

O nas

Galeria SzablonGłównySzablon

Blog

Wycieczki

Strona domoma

Użytkownicy

Uprawnienia System

CMS

Adm

in

Doro

ta

Basi aA

ni

a

Grupy

Baza danych

Wersjonowanie

Mapa

Blog

SzablonGaleria

Page 10: Umbraco

Wstęp / Umbraco

Niels Hartvig (2005)

Całkowicie darmowe (licencja MIT)

Open SourceWiodący CMS• 85.000+ witryn• zyliony użytkowników

Page 11: Umbraco

Wstęp / Możliwości

Kontrola wersji (auto-backup, rollback)

Publiczne/prywatne treści (strony)

Witryny wielo-języczneWygodna edycjaZarządzanie (użytkownicy, grupy, uprawnienia)

Rozszerzanie o nowe pakiety

Page 12: Umbraco

Wstęp / Budowa

ASP.NET 4.0• .NET 4.0 / C# / VB.NET• MasterPages, WebParts, kontrolki ASP.NET

Baza danych• Microsoft SQL Server 2005+ (Full , Express i CE)

• MySQL

Razor (MVC 3)

Page 13: Umbraco

Wstęp / Umbraco

Zalety• Duża popularność• Duże możliwości „out of the box”• Łatwe rozszerzanie możliwości

• Duża liczna gotowych pakietów

• Integracja z Flash i Silverlight• Darmowy i open source• Duża i otwarta społeczność

• 55.000+ użytkowników• Konferencja CodeGarden (od 2005)

• Umbraco MVP (od 2007)

• .NET 4.0, C#, ASP.NET• Pełna kontrola!

Wady• Duża popularność =

większa podatność na ataki

• Błędy w pakietach

Page 14: Umbraco

Instalacja

Page 15: Umbraco

Instalacja

WymaganiaŹródłaWersjeDemo (instalacja Umbraco)

Page 16: Umbraco

Instalacja / Wymagania

IIS 6+ (zalecany IIS 7)• Medium-trust (zalecane Full-trust)

SQL Server 2005+ASP.NET 4.0

Page 17: Umbraco

Instalacja / Źródła

Strona domowaCodePlexMicrosoft WebApps Gallery• Przeglądarka• Web Platform Installer• WebMatrix

Page 18: Umbraco

Instalacja / Dostępne wersje

4.7.0 (marzec 2011)• CodePlex: http://umbraco.codeplex.com/releases/view/62573

4.6.1 (styczeń 2011)• WebApps Gallery:

http://www.microsoft.com/web/gallery/umbraco.aspx

5.0 CTP1 Alfa (czerwiec 2011)• CodePlex: http://umbraco.codeplex.com/releases/view/68327

Page 19: Umbraco

Instalacja krok po kroku

Instalacja• WebMatrix / WebAppsGallery• Instalacja Umbraco

Pierwsze uruchomienie i I część konfiguracji• WebMatrix / Run• Konfiguracja bazy danych• Wybór zestawu startowego• Wybór skórki

II część konfiguracji• Panel administratora

Page 20: Umbraco

Instalacja via WebApps Gallery

WebApps Gallery

Przeglądarka

WebMatrix

Web PI

Page 21: Umbraco

DemoInstalacja UmbracoPierwsze uruchomienie(pierwsza część konfiguracji)

Page 22: Umbraco

Konfiguracja

Page 23: Umbraco

Konfiguracja

Panel administratoraZarządzanie treścią• Typ dokumentu + Szablon + Treść

Użytkownicy• Zarządzanie, grupy, uprawnienia

Witryny wielo-języczne• Struktura witryny, domeny

Page 24: Umbraco

Panel administratora

7 sekcji• 6+1 (translation)

Page 25: Umbraco

DemoPanel administratora

Page 26: Umbraco

Zarządzanie treścią

Typ dokumentu(document type)

Treść(Content)

Szablon(Template)

Definic

jaW

ypełn

ien

ieKoń

cow

yukła

d

Adm

inU

żytk

ow

ni

kPro

gra

mis

ta

Page 27: Umbraco

Typy dokumentów

O nas

Tytuł

Opis

Adres

Oddziały

...

Strona tekstowa

Tytuł

Treść

Strona domowa

Tytuł

Slogan

Treść ...

...

Struktura pojedynczej strony internetowejDefinicja pól, elementówSzkielet• Bez treści• Bez układ

Page 28: Umbraco

Strony zawartości (treść)

O Firmie (content)

TytułO nas

OpisFirma Contonso jest światowym liderem w produkcji oprogramowania, świadczenia usług informatycznych. Założona w 2001 roku oferuje szeroki zakres produktów i usług, zaprojektowanych tak aby pomagać ludziom i organizacjom w realizowaniu potencjału.

AdresUl. Nasypowa 440-123 Katowice

OddziałyOddział Wrocław:Ul. Fabryczna 230-123 Wrocław

Oddziała Kraków:Ul. Królewska 12/3

12-123 Kraków

O nas(document type)

Tytuł

Opis

Adres

Oddziały

Instancja stronySzkielet typu dokumentu wypełniony treściąDowolna treść• Ograniczona przez

definicję typu dokumentu

Page 29: Umbraco

Szablony

Definicja układuRozmieszczenie elementów typu dokumentu na stronie

Tytuł

Opis Adres

Oddziały

Page 30: Umbraco

Typ dokumentu + treść + szablon

O nasFirma Contonso jest światowym liderem w produkcji oprogramowania, świadczenia usług informatycznych. Założona w 2001 roku oferuje szeroki zakres produktów i usług, zaprojektowanych tak aby pomagać ludziom i organizacjom w realizowaniu potencjału.

Siedziba:Ul. Nasypowa 440-123 KatowiceOddział Wrocław:Ul. Fabryczna 230-123 Wrocław

Oddziała Kraków:Ul. Królewska 12/312-123 Kraków

Tytuł

Opis Adres

Oddziały

Page 31: Umbraco

DemoTworzenie treści

Page 32: Umbraco

Zarządzanie użytkownikami

UżytkownicyCzłonkowieGrupy użytkownikówUprawnienia

Page 33: Umbraco

DemoZarządzanie użytkownikami

Page 34: Umbraco

Witryny wielo-języczne

Bez dodatkowej instalacji „out of the box”Minimum konfiguracjiObszary• Treść

oTranslation Workflow

• Słowniki• Panel administratora

Page 35: Umbraco

Strony i treści w wielu językach

Zastosowanie:• Bardzo długie teksty

oRegulamin, o nas, produkty

Wiele języków == wiele witryn o tej samej strukturze

Page 36: Umbraco

Struktura witryny wielo-języcznej

Map

Equipment

Home

Author

Strona główna

Autor

Mapa

Gallery

Sprzęt

PL EN

Galeria

Page 37: Umbraco

Strony w wielu językach

Zalety• Niezależność od siebie

• Dostosowanie treści do odbiorcy

• Nie trzeba czekać na tłumaczenie

• Mechanizm zarządzania procesem tłumaczenia treści (użytkownik tłumacz)

• Uprawnienia użytkownika do treści w 1 języku

Wady• Kopiowanie, powielanie tej

samej treści• Nowa strona -> nowe kopiej

we wszystkich językach

Page 38: Umbraco

DemoStrony w wielu językach

Page 39: Umbraco

Słownik

Zbiór haseł (1 klucz, n wartości)

klucz PL DE EN

title tytuł Titel title

subtutle podtytuł Untertitel subtitle

products produkty Produkte products

error Wystąpił błąd Ein Fehler aufgetreten

An error occurred

Page 40: Umbraco

Słownik / Zastosowanie

Krótkie hasłaWyrazyZdaniaKomunikatySzablonyPanel administratora

Page 41: Umbraco

DemoSłownik

Page 42: Umbraco

Język w panelu administratora

11 języków• Domyślnie angielski• Nie ma polskiego!

Ustawienie indywidualne dla użytkownikaMożna dogrywać nowe języki i tworzyć je samemu• Pliki XML• Około 650 haseł

Page 43: Umbraco

DemoJęzyk w panelu administratora

Page 44: Umbraco

Translation Workflow

Wsparcie procesu tłumaczenia treści na inne językiWymagania• Włączona obsługa wielu języków w witrynie• Konfiguracja poczty

o web.configo smtp

• Użytkownik tłumacz

Nie działa z bazą SQL Server CE

Page 45: Umbraco

Proces tłumaczenia

XML

Tłumacz

Redaktor

Authorpl->en

Autor

(pl)

Author

(en)

Umbraco CMS

Translator

Page 46: Umbraco

DemoTranslation Workflow

Page 47: Umbraco

Dodatkowe źródła 1/2

Umbraco (ENG)

• Strona domowa: http://umbraco.com | CodePlex: http://umbraco.codeplex.com/

Instalacja• Web Platform Installer: http://www.microsoft.com/web/• WebApps Gallery: http://www.microsoft.com/web/gallery/• SQL Server 2008 Express:

http://www.microsoft.com/sqlserver/en/us/editions/express.aspx

MSDN (PL)

• Cykl artykułów o Umbraco: http://msdn.microsoft.com/pl-pl/library/hh304404.aspx• Cykł artykułów o IE9 i HTML: http://msdn.microsoft.com/pl-pl/library/hh223526.aspx• Kurs podstaw HTML: http://msdn.microsoft.com/pl-pl/library/hh343292.aspx

Page 48: Umbraco

Dodatkowe źródła 2/2

Channel 9 (PL)• Cykl webcastów m.in. o WebMatrix i Umbraco

http://channel9.msdn.com/Series/Kurs-aplikacji-web-od-podstaw

Virtual Study (PL)• Kurs C# (24 webcasty):

http://virtualstudy.pl/pl/forum/spotkania/1700-6-miesiczny-kurs-c-skadajcy-si-z-24-spotka

Centrum XP (PL)• Multimedialny kurs VS 2010 i C#: http://

www.centrumxp.pl/dotNet/578,1,kategoria,Kurs_Visual_Studio_2010_i_C.aspx• Kurs C# część I: http://www.centrumxp.pl/dotNet/20,1,kategoria,Kurs_C.aspx• Kurs C# część II: http://www.centrumxp.pl/dotNet/116,1,kategoria,Kurs_C_cz_II.aspx• Kurs ASP.NET 2.0: http://www.centrumxp.pl/dotNet/22,1,kategoria,Kurs_ASPNET_2.aspx• Kurs SQL Server 2005: http://www.centrumxp.pl/dotNet/21,1,kategoria,Kurs_SQL.aspx

Page 49: Umbraco

Pytania?

Page 50: Umbraco

Dziękuję za uwagę