Mariusz Chwedoruk 13 stycznia 2014 r. INSTRUKCJA ZAMIESZCZANIA AKTUALNOŚCI NA STRONIE GOPSOLSZANKA.PL, WITRYNIE GMINNEGO OŚRODKA POMOCY SPOŁECZNEJ W OLSZANCE S P I S T R E Ś C I WPROWADZENIE 2 LOGOWANIE 2 DODAWANIE OGŁOSZEŃ 4 TREŚĆ OGŁOSZENIA 4 HIPERŁĄCZE 5 DODAWANIE OBRAZKA 5 ODNOŚNIK DO PLIKU NA STRONIE 6 USUWANIE WYBRANEGO BLOKU TREŚCI 7 WYLOGOWYWANIE 7 USUWANIE OGŁOSZEŃ 7 EDYCJA OGŁOSZEŃ 7 ARCHIWUM OGŁOSZEŃ 8 TWORZENIE PLIKU PDF Z DOKUMENTU DOC. 10 INFORMACJE TECHNICZNE O WITRYNIE 11-1 -
WPROWADZENIE Witryna Gminnego Ośrodka Pomocy w Olszance została wyposażona w funkcje umożliwiające zamieszczanie ogłoszeń poprzez czynności wykonywane bezpośrednio na stronie WWW tej instytucji, z poziomu przeglądarki internetowej. Możliwe jest zatem zarządzanie aktualnościami z dowolnego miejsca na świecie mając do dyspozycji przeglądarkę i dostęp do Internetu. Ta instrukcja dostępna jest również po zalogowaniu na stronie GOPS. Również jej aktualizacje będą dostępne z tego źródła. Pamiętaj Opisane poniżej czynności wymagają logowania na stronie. Korzystając z komputerów dostępnych publicznie, nie korzystaj z możliwości zapisu danych logowania, proponowanych przez przeglądarkę. Więcej o sposobie logowania przeczytasz w dalszej części dokumentu. Cechą charakterystyczną zaimplementowego mechanizmu dodawania ogłoszeń jest to, iż poszczególne typy treści (bloki informacji takie jak treść ogłoszenia, zdjęcia czy hiperłącza) dodawane są osobno, poprzez wybranie odpowiedniej funkcji. Upraszcza to edycję danych, które są odpowiednio interpretowane i formatowane do postaci kodu HTML bez konieczności ręcznego wprowadzania większości typowych dla tego języka znaczników (tagów). Możliwe jest wprowadzanie poniższych typów treści (bloków informacji): tytuł ogłoszenia, treść (opis), odnośniki do stron WWW odnośniki do plików zamieszczonych na stronie (dokumenty PDF i DOC), oraz grafika. Ogłoszenia można dodawać, usuwać, edytować oraz w dowolnej chwili zmieniać datę ich zamieszczenia. Możliwe jest też zamieszczanie kilku ogłoszeń jednego dnia (poprzednio nie było to możliwe). Poprawność działania tych funkcji została sprawdzona na przeglądarkach: Opera, Mozilla Firefox i Maxthon. LOGOWANIE. Celem dodania, edycji bądź usunięcia ogłoszenia zamieszczonego na stronie należy w przeglądarce internetowej przejść na adres gopsolszanka.pl i kliknąć Logowanie, dostępne w dolnej, środkowej części strony (rysunek 1). - 2 -
Rysunek 1. Wybór funkcji logowania. Na poniższym ekranie należy podać login i hasło. Rysunek 2. Okno logowania. Po poprawnym logowaniu, lista ogłoszeń wzbogacona zostaje o funkcje umożliwiające zarządzanie nimi. Po prawej stronie znajduje się link najnowszej wersji instrukcji, którą czytasz. [Pomoc] Rysunek 3. Widok zakładki Aktualności po zalogowaniu. Dodawanie aktualności Po kliknięciu Dodaj nowe ogłoszenie (rys. 3, ) pojawia się strona, na której należy wprowadzić treść ogłoszenia (rys. 4). Rysunek 3. Okno Aktualności po zalogowaniu. - 3 -
2 1 4 7 8 6 Rysunek 4. Widok zakładki umożliwiającej dodanie ogłoszenia. 3 5 9 DODAWANIE OGŁOSZEŃ Aby dodać nowe ogłoszenie kliknij Dodaj nowe ogłoszenie (rysunek 3). Ustaw datę zamieszczenia ogłoszenia w obszarze (1) (rysunek 4). Domyślnie jest to aktualny dzień. Wpisz tytuł (2). Z panelu Opcje edycji (3) poniżej wybieraj i uzupełniaj typy treści które chcesz zamieścić: TREŚĆ OGŁOSZENIA (POLE TEKSTOWE). Aby dodać treść kliknij Wstaw pole tekstowe (4) (rys. 4). Używaj tradycyjnych znaków podziału wiersza (Enter), zostaną one przekonwertowane do odpowiadającego mu znacznika <br />. Aby pogrubić tekst użyj znacznika <b> wg poniższego przykładu: <b>pogrubiony tekst</b> Rysunek 5. Wprowadzanie treści ogłoszenia. - 4 -
Przeglądarka Opera umożliwia powiększenie rozmiaru pola tekstowego dla większej wygody wprowadzania informacji. W tym celu przeciągnij te pole klikając kursorem myszy w jego prawym dolnym rogu (rys. 5) Na koniec kliknij Zapisz/Podgląd (5) (rys. 4) by zapisać zmiany. Treść ogłoszenia wyświetli się w postaci widocznej dla odwiedzających stronę. Aby kontynuować edycję kliknij Edytuj (rys. 6). Rysunek 6. Fragment okna strony po zapisaniu zmian. HIPERŁĄCZE ODNOŚNIK DO ZEWNĘTRZNEJ STRONY WWW. Wybierz opcję Wstaw odnośnik (8) (rys.4) a następnie wpisz jego adres oraz nazwę pod jaką ma być widoczny na stronie (rys. 7). W najprostszym przypadku nazwa wyświetlana może być taka sama jak adres. Następnie kliknij Zapisz zmiany/podgląd. Aby zrezygnować z dodawania odnośnika bądź usunąć wcześniej dodany, kliknij Usuń (rys. 7). Rysunek 7. Dodawanie hiperłącza. DODAWANIE OBRAZKA W dowolnym momencie można wpleść obrazek w treść aktualności. Nie wskazane jest wrzucanie zdjęć o dużych rozmiarach (pow. 4MB), które są typowe dla nowszych aparatów fotograficznych. Duże zdjęcia wymagają dłuższego czasu oczekiwania na załadowanie, i podwyższają ryzyko niepowodzenia operacji. Po załadowaniu na serwer zdjęcia o szerokości bądź wysokości większej niż 1024 pikseli są automatycznie zmniejszane do szerokości akapitu. Mniejsze obrazki będą widoczne na stronie w swoich oryginalnych rozmiarach. Aby zamieścić obrazek, kliknij Dodaj obrazek (7) (rys.4), następnie kliknij Przeglądaj lub Wybierz (nazwa tej opcji zależna jest od przeglądarki) (rys. 8) i podaj lokalizację obrazka - 5 -
na dysku komputera. Akceptowane są tylko pliki graficzne typu JPG. Na koniec kliknij Wyślij plik (rys. 8). Poczekaj chwilę. W przypadku dużych zdjęć (pow. 1MB), operacja potrwa kilka, kilkanaście sekund. W dowolnej chwili możesz zrezygnować i usunąć grafikę klikając Usuń. Aby zmienić zdjęcie na inne, kliknij ponownie Wybierz, podaj lokalizację pliku i kliknij Wyślij. Maksymalny rozmiar pliku graficznego wynosi 3MB. Rysunek 8. Dodanie obrazka do ogłoszenia. ODNOŚNIK DO PLIKU NA STRONIE Jeśli treść ogłoszenia jest oryginalnie przygotowana w formacie dokumentu PDF (Acrobat Reader) lub DOC (MS Word) wystarczy skopiować ten dokument na serwer i wstawić do niego odnośnik z odpowiednim opisem. W tym celu kliknij Wstaw dokument PDF/DOC (6) (rys. 4). Kliknij Przeglądaj (lub Wybierz, w zależności od przeglądarki) (rys. 9). W nowo otwartym oknie, z listy Plik typu: wybierz jedną z opcji: dla dokumentu PDF: application/pdf dla dokumentu DOC: application/msword dla dokumentu DOCX: application/vnd.openxmlformats Następnie z listy wybierz rodzaj dokumentu (PDF lub DOC) i podaj jego lokalizację. Rysunek 9. Dodawanie dokumentu w formacie PDF lub DOC. Maksymalny rozmiar tego rodzaju pliku wynosi 7 MB. Uzupełnij pole Nazwa wyświetlana. Kliknij Dodaj plik (rys. 9). Plik zostanie skopiowany na serwer. Jeśli nastąpi kolizja nazw z plikami już istniejącymi na serwerze, nazwa dodawanego pliku zostanie zmieniona. - 6 -
USUWANIE WYBRANEGO BLOKU TREŚCI W każdej chwili można usunąć jakiś blok treści korzystając ze znajdującego się pod nim przycisku Usuń. Kolejność poszczególnych bloków treści danego ogłoszenia widoczna dla odwiedzających, będzie taka sama jak ta, widoczna w trybie edycji. Nie można zmieniać względem siebie położenia dodanych już bloków informacji. Można natomiast dodać jakąś treść pomiędzy już istniejące grupy. W tym celu kliknij na odpowiednie pole wyboru rozdzielające te bloki aby w tym miejscu wstawić nową treść. Po wybraniu opcji z panelu, nowy blok zostanie wstawiony w żądane miejsce ogłoszenia. Pamiętaj Edytując pola: data, tytuł lub treść należy każdorazowo zapisać zmiany. W przeciwnym wypadku użycie dowolnej funkcji z panelu (3) (rys. 4) spowoduje, iż wprowadzone zmiany nie zapiszą się. Dodawaj i sukcesywnie zapisuj dane aż całe ogłoszenie będzie gotowe. WYLOGOWANIE Po skończeniu pracy przewiń stronę na dół i kliknij Wyloguj. USUWANIE OGŁOSZEŃ Ogłoszenia, które są już nieaktualne, przedawnione można usunąć. W tym celu na liście aktualności przy odpowiedniej pozycji kliknij Usuń (rys. 3). Bądź, jeśli ogłoszenie jest w trybie edycji, kliknij Usuń ogłoszenie (9) (rys. 4). Zostanie wyświetlony monit proszący o potwierdzenie woli usunięcia. EDYCJA OGŁOSZEŃ Podobnie postępuje się w przypadku edycji wcześniej zamieszczonych ogłoszeń. Po zalogowaniu się kliknij Edytuj (rys. 3) przy wybranym ogłoszeniu i zmodyfikuj jego treść zapisując etapowo dane. PROBLEMY Problemy napotkane w trakcie redagowania aktualności oraz sugestie zmian, poprawek można zgłaszać na poniższy adres: mariuszmr1@wp.pl - 7 -
ARCHIWUM OGŁOSZEŃ Ogłoszenia, które się zdezaktualizowały można usunąć lub przenieść do Archiwum wiadomości. Ta druga opcja jest przydatna, gdy istnieje prawdopodobieństwo ponownego użycia treści ogłoszenia w przyszłości. Wiadomości archiwalne widoczne są tylko dla zalogowanych użytkowników. Nie są dostępne dla osób odwiedzających stronę. Ogłoszeń znajdujących się aktualnie w archiwum nie można edytować. Jest to możliwe dopiero po ponownym przeniesieniu ich do Aktualności. Aby przejść do wiadomości archiwalnych kliknij Archiwum wiadomości w zakładce Aktualności (rys. 10). Rysunek 10. Opcja przejścia do zakładki Archiwum wiadomości. Aby przenieść dane ogłoszenie do archiwum zaloguj się, wejdź w tryb edycji ogłoszenia. U dołu strony kliknij Przenieś do archiwum (rys. 11). Rysunek 11. Funkcja przeniesienia ogłoszenia do archiwum. - 8 -
Aby przenieść ogłoszenie ponownie do zakładki Aktualności przejdź do zakładki Archiwum wiadomości (rys. 10) następnie kliknij Dodaj do aktualności (rys. 12). By trwale usunąć ogłoszenie, kliknij Usuń. Rysunek 12. Zakładka Archiwum wiadomości. - 9 -
TWORZENIE PLIKU PDF Z DOKUMENTU DOC. Istnieje prosty sposób tego typu konwersji. Należy pobrać z sieci i zainstalować darmowy program dopdf. Następnie w dokumencie MS Word wybrać opcję Drukuj W oknie Drukowanie (rys. 11) wybrać z listy wirtualną drukarkę dopdf i kliknąć OK. W kolejnym oknie (rys. 12) należy podać, gdzie dokument ma zostać zapisany, pod jaką nazwą i kliknąć OK. Pliki wysyłane na serwer nie powinny w nazwie zawierać spacji i znaków specjalnych takich jaki przecinek, średnik, cudzysłów. Rysunek 10. Wybór drukarki dopdf. Rysunek 11. Wybór miejsca zapisu dokumentu PDF. - 10 -
INFORMACJE TECHNICZNE O WITRYNIE GOPSOLSZANKA.PL Strona GOPS funkcjonuje obecnie na serwerze hostinger.pl. Dostęp do wszelkich danych, administrowanie stroną, statystyki, zarządzanie bazami, możliwy jest za pomocą poniższych informacji: DANE HOSTINGOWE: Adres Login Hasło http://www.hostinger.pl mariuszmr1@wp.pl olszanka42 DOSTĘP FTP Host FTP gopsolszanka.pl IP FTP 31.170.164.109 Port FTP 21 Nazwa użytkownika FTP u888380812 Hasło FTP olszanka42 BAZY DANYCH Używane są dwie bazy danych MySQL: news i archiwum. Hasło do baz: vertrigo - 11 -