• Artykuł

          

WebMatrix 2 beta - Opis interfejsu Udostępnij na: Facebook

Autor: Tomasz Kowalczyk

Opublikowano: 2011-12-19

Niezwykle ważnym komponentem każdego programu użytkowego jest interfejs użytkownika (UI). Staranność jego wykonania, dbałość o każdy detal, ergonomia i użyteczność składają się na tzw. user experience aplikacji.

Podczas użytkowania programu WebMatrix 2 Beta powinieneś szybko docenić jego interakcję z użytkownikiem. Aby w pełni wykorzystać możliwości oprogramowania, warto zapoznać się z treścią poniższego artykułu.

Po przeczytaniu poniższego artykułu będziesz umiał:

  • sprawnie korzystać z WebMatrix 2 Beta,
  • efektywnie realizować zadania w środowisku WebMatrix 2 Beta.

Wprowadzenie

Interfejs użytkownika nowej wersji programu, już przy pierwszym spojrzeniu, różni się zasadniczo od wcześniejszej wersji. Zaraz po uruchomieniu programu WebMatrix 2 Beta, ukazują się 3 główne tryby jego działania (a nie 4, jak w poprzedniej wersji):

  • Open Site – po wybraniu tej opcji pojawi się menu kontekstowe, w którym możesz zdecydować, skąd będzie pochodził projekt, nad którym będziesz pracować. Masz tutaj do wyboru:
    —  My Sites –tę opcję wybierz w przypadku, jeśli będziesz chciał otworzyć stronę, która znajduje się w katalogu My Web Sites, utworzonym podczas instalacji programu w katalogu Dokumenty.
    —  Open Folder – ta opcja służy do założenia projektu programu WebMatrix 2 Beta z katalogu, w którym znajdują się pliki wcześniej przez Ciebie utworzone za pomocą innych narzędzi.
    —  Open Remote Site – za pomocą tej opcji, jesteś w stanie otworzyć projekt aplikacji internetowej bezpośrednio z serwera Web, na którym aplikacja ta jest hostowana.
  • Templates – w celu przyspieszenia tworzenia projektów o podobnej strukturze i funkcjonalności, możesz skorzystać z szablonów (Templates). Opcja to pozwoli w szybki sposób utworzyć między innymi galerię zdjęć lub stronę-wizytówkę.
  • App Galery – jeśli zamierzasz oprzeć swój projekt o jeden z gotowych frameworków, skorzystaj z następującej opcji. Po wybraniu interesującej Cię biblioteki, zostanie ona pobrana ze strony producenta, pozwalając na szybkie wprowadzenie modyfikacji i umieszczenie jej na serwerze.

Ekran uruchomieniowy programu WebMatrix 2 Beta został pokazany na Rys. 1. Opcje uruchomienia programu WebMatrix 2Beta.

Rys. 1. Opcje uruchomienia programu WebMatrix 2 Beta.

Interfejs użytkownika

Poniżej przedstawię poszczególne komponenty interfejsu użytkownika. Warto się z nimi zapoznać, gdyż właściwe poznanie środowiska, w którym wykonuje się pracę, ma kluczowy wpływ na jej efekty. Główne okno programu zostało przedstawione na Rys. 2. Okno główne programu WebMatrix 2 Beta.

Rys. 2. Okno główne programu WebMatrix 2 Beta.

Poznawanie interfejsu rozpoczniesz nietypowo, gdyż zaczniesz od menu, które znajduje się w lewej części aplikacji. Takie podejście nie jest zupełnie przypadkowe, gdyż to właśnie w zależności od opcji, wybranej przez Ciebie, z tego menu zmienia się zawartość menu głównego. Menu boczne zostało zaprezentowane na Rys. 3. Menu boczne WebMatrix 2Beta.

Rys. 3. Menu boczne WebMatrix 2 Beta.

Składa się ono z czterech paneli:

  • Site – panel ten posiada dostęp do historii odwołań do Twojej strony (zakładka Request), gdzie możesz monitorować odwołania do poszczególnych podstron Twojego serwisu(m.in. śledzić status zwracany przez serwer). Zakładka Settings pozwala na wprowadzanie zmian w ustawieniach serwisu. Możesz tu zdefiniować, jakie strony będą uznawane za główne, aktywować obsługę bezpiecznego protokołu SSL, czy też aktywować obsługę języka PHP;
  • Files – panel ten zawiera wszystkie pliki źródłowe, które składają się na Twój serwis. Znajdują się tu zarówno pliki statyczne (np. obrazki), jak i elementy dynamiczne, takie jak pliki języków ASP.NET lub PHP;
  • Databases – panel ten daje możliwość zarządzania bazami danych. Możesz tutaj zarówno zakładać nowe bazy danych, do których będzie łączyła się Twoja witryna, jak i dokonywać operacji na poszczególnych tabelach i relacjach między nimi;
  • Reports – panel ten przechowuje raporty, które są generowane na podstawie Twojego serwisu. Z raportów możesz dowiedzieć się, jakie występują błędy na stronie, jak je naprawić, w którym pliku występują oraz co zrobić, aby Twoja strona była bardziej przyjazna dla wyszukiwarek internetowych (SEO).

Główne menu programu zostało przygotowane zgodnie z obecnie panującą modą oprogramowania Microsoft – Ribbon Interface. Takie podejście pozwala oddalić się od dotychczas wszechobecnych toolbarów i popup’ów na rzecz zwinnych wstążek, intuicyjnych w obsłudze. Menu główne programu zostało pokazane na Rys. 4. Menu główne WebMatrix 2Beta.

Rys. 4. Menu główne WebMatrix 2 Beta – Files.

Poniżej znajduje się spis mniej oczywistych opcji programu oraz opis ich możliwości:

  • Run – pozwala na uruchomienie przygotowywanego serwisu w jednej z zainstalowanych na lokalnym komputerze przeglądarek internetowych, co pozwala przetestować jej działa wśród szerokiego grona odbiorców;
  • Publish – daje możliwość publikacji aplikacji internetowej na serwerze WWW;
  • New – pozwala dodawać do serwisu nowe pliki stron internetowych;
  • Visual Studio – kliknięcie tej ikony spowoduje uruchomienie środowiska Visual Studio (o ile jest zainstalowane), co pozwoli na zaawansowaną edycję aplikacji internetowej;
  • Gallery – opcja ta pozwala rozszerzyć możliwości programu WebMatrix 2 Beta o dodatkowe moduły, które będą pobierane dzięki galerii Nuget.

 

Rys. 5. Menu główne WebMatrix 2 Beta – Site.

W panelu, przedstawionym na Rys. 5. Menu główne WebMatrix 2 Beta – Site, widać opcje, jakie są dostępne w obrębie zakładki Site menu bocznego. Możesz wybrać tutaj rodzaj powiadomień serwera, ignorowanie obrazków, wchodzących w skład aplikacji podczas wykonywania odwołań do poszczególnych podstron oraz opcję inicjalizującą przechwytywania zapytań do serwisu i ich analizy (Capture Request).

Panel ten pozwala na przeprowadzenie następujących operacji:

  • New Database – tworzenie nowej bazy danych, która zostanie podłączona jako źródło danych do Twojej aplikacji;
  • New Connection – tworzenie nowego połączenia do założonej bazy danych. Może to być baza danych MSSQL lub MySQL;
  • New Table – zakładanie nowych tabel w bazie (o ile baza danych jest już utworzona, wtedy ta opcja jest aktywna);
  • New Query – tworzenie i wykonywanie nowego zapytania na naszej bazie danych;
  • Migrate – opcja ta pozwala na migracje i połączenie się z bazą danych, umieszczoną na serwerze SQL Server.

Omawiane Menu zostało pokazane na Rys. 6. Menu główne WebMatrix 2 Beta - Databases.

Rys. 6. Menu główne WebMatrix 2 Beta – Databases.

Menu to zawiera opcje, które pozwalają na generowania raportów witryny, związanych z optymalizacją SEO, oraz zgłaszaniem błędów aplikacji. Możesz tutaj tworzyć, zarówno nowe raporty, jak i eksportować już wykonane. Menu to zostało zobrazowane na Rys. 7.

Rys. 7. Menu główne WebMatrix 2 Beta – Reports.

Podsumowanie

W tym artykule poznałeś interfejs użytkownika programu WebMatrix 2 Beta. Informacje w nim zawarte pozwolą Ci szybko i sprawnie poruszać się pomiędzy rozbudowanymi opcjami programu.

W następnej części nauczysz się, jak za pomocą oprogramowania WebMatrix 2 Beta instalować oprogramowanie z Web App Gallery.