Wojciech Poniatowski | A plus C Umbraco dziecinnie proste
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
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) Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Treść na stronie internetowej Content Management System Dokumenty Document Management Wiedza Knowledge Management Zasoby cyfrowe Digital Asset Management Obieg treści Enterprise Content Management Treść na stronie internetowej Web Content Management
Ogólna zasada działania systemu CMS Basia Dorota Admin O nas Galeria Blog Szablon Główny Użytkownicy Baza danych 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 Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
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 Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Wstęp / Budowa ASP.NET 4.0 Baza danych Razor (MVC 3) .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) Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Wstęp / Umbraco Zalety Wady 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! Duża popularność = większa podatność na ataki Błędy w pakietach Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Instalacja
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 Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Instalacja / Źródła Strona domowa CodePlex Microsoft WebApps Gallery Przeglądarka Web Platform Installer WebMatrix Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
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 Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Instalacja krok po kroku 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 Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Instalacja via WebApps Gallery Przeglądarka WebMatrix Web PI Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Demo Instalacja Umbraco Pierwsze uruchomienie (pierwsza część konfiguracji)
Konfiguracja
Konfiguracja Panel administratora Zarządzanie treścią Użytkownicy Typ dokumentu + Szablon + Treść Użytkownicy Zarządzanie, grupy, uprawnienia Witryny wielo-języczne Struktura witryny, domeny Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Panel administratora 7 sekcji 6+1 (translation) Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Demo Panel administratora
Zarządzanie treścią Typ dokumentu Treść Szablon (document type) Definicja Admin Treść (Content) Wypełnienie Użytkownik Szablon (Template) Końcowy układ Programista Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
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 ... Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309 ...
Strony zawartości (treść) O nas (document type) 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: Oddziała Kraków: Ul. Fabryczna 2 Ul. Królewska 12/3 30-123 Wrocław 12-123 Kraków Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Szablony Definicja układu Tytuł Definicja układu Rozmieszczenie elementów typu dokumentu na stronie Opis Adres Oddziały Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Typ dokumentu + treść + szablon Tytuł O nas 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ły Oddział Wrocław: Ul. Fabryczna 2 30-123 Wrocław Oddziała Kraków: Ul. Królewska 12/3 12-123 Kraków Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Demo Tworzenie treści
Zarządzanie użytkownikami Użytkownicy Członkowie Grupy użytkowników Uprawnienia Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Demo Zarządzanie użytkownikami
Witryny wielo-języczne Bez dodatkowej instalacji „out of the box” Minimum konfiguracji Obszary Treść Translation Workflow Słowniki Panel administratora Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
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 Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Struktura witryny wielo-języcznej PL EN Home Strona główna Autor Author Map Mapa Equipment Sprzęt Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309 Gallery Galeria
Strony w wielu językach Zalety Wady 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 Kopiowanie, powielanie tej samej treści Nowa strona -> nowe kopiej we wszystkich językach
Demo Strony w wielu językach
Słownik Zbiór haseł (1 klucz, n wartości) klucz PL DE EN title tytuł Titel subtutle podtytuł Untertitel subtitle products produkty Produkte error Wystąpił błąd Ein Fehler aufgetreten An error occurred Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Słownik / Zastosowanie Krótkie hasła Wyrazy Zdania Komunikaty Szablony Panel administratora Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Demo Słownik
Język w panelu administratora 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ł Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
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żytkownik tłumacz Nie działa z bazą SQL Server CE Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309
Proces tłumaczenia Translator Redaktor Umbraco CMS Tłumacz Autor (pl) Author (en) Authorpl->en Translator XML Redaktor Silverlight 5 Beta Tools for Visual Studio SP1 http://go.microsoft.com/fwlink/?LinkID=214309 Umbraco CMS Tłumacz
Demo Translation Workflow
Dodatkowe źródła 1/2 Umbraco (ENG) Instalacja MSDN (PL) 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) Virtual Study (PL) Centrum XP (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
Pytania?
Dziękuję za uwagę