500 likes | 755 Vues
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: Wojciech.Poniatowski@srgm.pl Twitter: @ poniat. Agenda. Wstęp
E N D
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: Wojciech.Poniatowski@srgm.pl • Twitter: @poniat
Agenda • Wstęp • Instalacja i pierwsze uruchomienie • Konfiguracja • Praca z Umbraco • Tworzenie stron, treści • Zarządzanie użytkownikami • Witryny wielo-języczne
Wstęp • Co to jest CMS • Czym jest Umbraco • Możliwości • Budowa • Wady i zalety
Cykl życia aplikacji internetowej !@#$%^& Potrzebujemy stronę www Gotowe Mamy stronę !!! Potrzebujemy zmian w treści OK Dzięki Ale... jeszcze adres się zmienił.. • <html> • <head> • <title>Firma</title> • </head> • <body> • <p> • Witamy na • naszej stronie. • </p> • </body> • </html> Klient Programista
Wstęp / CMS • Content Management System • Od 1995 (System Prism) • Zarządzanie treścią przez osoby nie techniczne • Prezentacja (www) • Zarządzanie (www / panel administratora)
Content Management System Dokumenty Document Management Wiedza Knowledge Management Treść na stronie internetowej Web Content Management Zasoby cyfrowe Digital Asset Management Obieg treści Enterprise Content Management
Ogólna zasada działania systemu CMS Ania Basia Dorota Admin Galeria Blog Baza danych O nas Szablon Główny Użytkownicy Szablon Blog Grupy Wersjonowanie Szablon Galeria Mapa Uprawnienia System CMS Wycieczki Strona domoma www
Wstęp / Umbraco • Niels Hartvig (2005) • Całkowicie darmowe (licencja MIT) • Open Source • Wiodący CMS • 85.000+ witryn • zyliony użytkowników
Wstęp / Możliwości • Kontrola wersji (auto-backup, rollback) • Publiczne/prywatne treści (strony) • Witryny wielo-języczne • Wygodna edycja • Zarządzanie (użytkownicy, grupy, uprawnienia) • Rozszerzanie o nowe pakiety
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)
Wstęp / Umbraco Zalety Wady Duża popularność = większa podatność na ataki Błędy w pakietach • 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!
Instalacja • Wymagania • Źródła • Wersje • Demo(instalacja Umbraco)
Instalacja / Wymagania • IIS 6+ (zalecany IIS 7) • Medium-trust (zalecane Full-trust) • SQL Server 2005+ • ASP.NET 4.0
Instalacja / Źródła • Strona domowa • CodePlex • Microsoft WebApps Gallery • Przeglądarka • Web Platform Installer • WebMatrix
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
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
Instalacja via WebApps Gallery WebApps Gallery Przeglądarka WebMatrix Web PI
Demo Instalacja Umbraco Pierwsze uruchomienie (pierwsza część konfiguracji)
Konfiguracja • Panel administratora • Zarządzanie treścią • Typ dokumentu + Szablon + Treść • Użytkownicy • Zarządzanie, grupy, uprawnienia • Witryny wielo-języczne • Struktura witryny, domeny
Panel administratora • 7 sekcji • 6+1 (translation)
Demo Panel administratora
Zarządzanie treścią Typ dokumentu (document type) Admin Definicja Treść (Content) Użytkownik Wypełnienie Szablon (Template) Programista Końcowy układ
Typy dokumentów Strona domowa Strona tekstowa O nas • Struktura pojedynczej strony internetowej • Definicja pól, elementów • Szkielet • Bez treści • Bez układ Tytuł Tytuł Tytuł Opis Slogan Treść Adres Treść ... Oddziały ... ...
O nas (document type) Strony zawartości (treść) O Firmie (content) Tytuł • Instancja strony • Szkielet typu dokumentu wypełniony treścią • Dowolna treść • Ograniczona przez definicję typu dokumentu Tytuł Opis O nas Adres Opis Firma 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. Oddziały Adres Ul. Nasypowa 4 40-123 Katowice Oddziały Oddział Wrocław: Ul. Fabryczna 2 30-123 Wrocław Oddziała Kraków: Ul. Królewska 12/3 12-123 Kraków
Szablony Tytuł • Definicja układu • Rozmieszczenie elementów typu dokumentu na stronie Opis Adres Oddziały
Typ dokumentu + treść + szablon O nas Tytuł Firma 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. Opis Adres Siedziba: Ul. Nasypowa 4 40-123 Katowice Oddział Wrocław: Ul. Fabryczna 2 30-123 Wrocław Oddziała Kraków: Ul. Królewska 12/3 12-123 Kraków Oddziały
Demo Tworzenie treści
Zarządzanie użytkownikami • Użytkownicy • Członkowie • Grupy użytkowników • Uprawnienia
Demo Zarządzanie użytkownikami
Witryny wielo-języczne • Bez dodatkowej instalacji „out of the box” • Minimum konfiguracji • Obszary • Treść • TranslationWorkflow • Słowniki • Panel administratora
Strony i treści w wielu językach • Zastosowanie: • Bardzo długie teksty • Regulamin, o nas, produkty • Wiele języków == wiele witryn o tej samej strukturze
Struktura witryny wielo-języcznej EN PL Strona główna Home Author Autor Map Mapa Equipment Sprzęt Gallery Galeria
Strony w wielu językach Zalety Wady Kopiowanie, powielanie tej samej treści Nowa strona -> nowe kopiej we wszystkich językach • 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
Demo Strony w wielu językach
Słownik • Zbiór haseł (1 klucz, n wartości)
Słownik / Zastosowanie • Krótkie hasła • Wyrazy • Zdania • Komunikaty • Szablony • Panel administratora
Demo Słownik
Język w panelu administratora • 11 języków • Domyślnie angielski • Nie ma polskiego! • Ustawienie indywidualne dla użytkownika • Można dogrywać nowe języki i tworzyć je samemu • Pliki XML • Około 650 haseł
Demo Język w panelu administratora
Translation Workflow • Wsparcie procesu tłumaczenia treści na inne języki • Wymagania • Włączona obsługa wielu języków w witrynie • Konfiguracja poczty • web.config • smtp • Użytkowniktłumacz • Nie działa z bazą SQL Server CE
Proces tłumaczenia Autor (pl) Authorpl->en Author (en) Translator XML Redaktor Umbraco CMS Tłumacz
Demo Translation Workflow
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
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