piątek, 18 listopada 2016

Laboratorium WordPress: Podział postu na strony (dzielenie postów na strony).

Czas aby wprowadzić laboratorium WordPress na blog 4 webprogrammers. Pierwszy temat dotyczyć będzie podziału stron i jak zrobić taki podział oraz o wtyczkach, które umożliwiają taki podział zrobić.

Nie wiem jak jest na blogspot, ale jak dowiem się, to tu opiszę. Teraz zajmę się podziałem stron lub postów na strony.
Jak każdy wie, kto pisze długie wpisy i je się czyta, to czasem brakuje przycisku, odnośnika, aby przejść do następnej strony, niż czytać długi wpis. Nie jest to zbyt ładne. Dlatego są dwa rozwiązania.
Pierwsze rozwiązanie:
Należy wyjść z wizualnego edytora i wtedy ukaże się nasz tekst bez narzędzi formatowania. 
Ustalmy w którym miejscu ma kończyć się tekst i wpiszmy taki krótki tag:
<!-nextpage->
Po zapisaniu, możemy zobaczyć już odnośniki numerów stron i to zależy od ilości wstawienia takich tagów.

Drugi sposób, to skorzystanie z wtyczki. Nie będę wymieniać wszystkich, ale ja używam rozszerzenia o nazwie Custom NextPage. Po pobraniu i zainstalowaniu, pojawi się nowa ikona w edytorze (patrz na rysunku).


Klikając na przycisk, pojawi się okno z wprowadzeniem nazwy podziału. I tu uwaga!, nie trzeba wychodzić z edytora wizualnego, ale trzeba w miejscu, gdzie ma kończyć się tekst, wprowadzić nazwę podziału. Nie jest to trudne. Klikamy na ikonę, wprowadzamy nazwę i OK.
I możemy cieszyć się podziałem stron naszych postów.

Instalując wtyczki, musimy być i posiadać własny hosting, darmowy lub płatny, ponieważ na darmowych blogach nie można instalować wtyczek i trzeba stosować sposób pierwszy.

poniedziałek, 24 października 2016

Pisz czytelny kod! Używaj komentarzy w kodzie.

Każdy początkujący programista, webmaster, który tworzy program bez względu jaki jest, czy mały, czy duży, robi podstawowe błędy podczas pisania aplikacji. Nie chodzi mi o nazewnictwo zmiennych, bo musiałbym pisać o wielu językach programowania, ale o pisaniu samego kodu.
Nie ważne, czy tworzysz program w C++, C#, Java lub w czystym HTML'u. Ważne jest, aby pisać kod, który będzie czytelny i opisywał to, co dany kod robi.
Sam kiedyś robiłem błędy podczas pisania programu w C++ jak i też w HTML, a błąd był następujący:

 <html>   
 <head> 
 </head>
 <body>
 <div class="nazwa klasy">
 if(x==y){
 echo "Liczba X jest taka sama co Y";
 }
 </div>
 </body>     
 </html>

Jak widać w powyższym kodzie, nie ma wcięć i nie jest czytelny. Dlatego, jeżeli zabierasz się za pisanie kodu, to rób wcięcia!
Aby kod był bardziej czytelniejszy, zawsze przy danej funkcji lub kodzie, który wykonuje dane zadanie, pisz komentarz. Można na dwa sposoby pisać komentarze:
  • jednowierszowe, zaczynające się od //
  • wielowierszowe , zaczynające się od /*   kończący się na */
Jeżeli chodzi o sam html, to można dać inny sposób komentowania <!-- komentarz -->
Dobra a jak powinien wyglądać prawidłowo napisany kod, który jest powyżej?

 <html>   
          <head>
          </head>
        <body>
            <div class="nazwa klasy">
               if(x==y){
                echo "Liczba X jest taka sama co Y";
              }
            </div>
        </body>     
 </html>

Widać różnicę, prawda? To jest tylko prosty przykład.
Pamiętaj, jeżeli nie zadbasz  o jakość kodu i o porządek w kodzie, to sam pogubisz się a tym bardziej, jeżeli nie będziesz pisać komentarzy, co za co odpowiada. Doprowadzisz do tego, że będziesz musiał od zera napisać aplikację.

poniedziałek, 27 czerwca 2016

Popularna księga gości na stronach internetowych

Każdy z nas widział stronę, na której była księga gości. Co to takiego było? To była strona z formularzem, gdzie wpisywało się nazwę użytkownika i treść a następnie klikaliśmy zapisz. Do dziś jeszcze można spotkać księgę gości, ale moim zdaniem, obecnie tego nie stosuje się.
A jaka jest budowa księgi gości?
Popatrzmy na rysunek, który jest poniżej.


  • Po pierwsze, aby stworzyć księgę gości, trzeba mieć formularz z polami.
  • Po drugie, potrzebna jest baza danych, choć nie którzy mogą napisać lub powiedzieć, że lepiej zapisywać do pliku, ja wolę zapis do bazy,
  • Po trzecie, trzeba napisać skrypt w PHP, aby formularz zapisywał dane do bazy i dopiero na samym końcu możemy nadać wygląd stylom CSS.
To co jest elipsą zaznaczone, jest krokiem, fundamentem podstawowym, aby księga gości działała. wystarczy, że skryptu PHP nie będzie i nic nie zapisze się do bazy.
Co do bazy, nie wystarczy uruchomić, trzeba stworzyć bazę i tabelę, w innym przypadku zapis zakończy się niepowodzeniem.

czwartek, 19 maja 2016

Integracja aplikacji internetowej z portalami społecznościowymi - czy warto?

Pisząc aplikację internetową lub kto woli nazywać stronę internetową, prędzej czy później natknie się na jeden problem. Czy połączyć swoją aplikację z portalami społecznościowymi?
Dziś można spotkać na stronach internetowych wiele opcji logowania do strony. Kiedyś i teraz też jest tak, że logujemy się za pomocą nazwy użytkownika (tzw.nick) lub za pomocą adresu e-mail. Teraz  i to praktycznie można spotkać na każdej stronie, opcje, możliwości  logowania np: za pomocą konta facebook, twitter, pinterest itd.




Pytanie, czy warto taką możliwość, opcję wdrażać?
Odpowiadając, należy zastanowić się nad przekazem strony i grupą docelową.
Nawet gdyby była to strona społecznościowa, nie trzeba integrować się z portalami social media. Już CMS'y mają wtyczki, które umożliwiają taką opcję.
Należy pamiętać, że większość ma właśnie konta na takich portalach, i woli logować się przez facebook  niż przez nazwę użytkownika. Dlaczego?
Jeżeli musi dodać komentarz a nie ma na tej stronie konta, za to ma konto na facebook'u, to wykorzysta tę opcję niż wybierze proces rejestracji.
Czasem to ułatwia sprawę, ale też i utrudnia.

Jeżeli piszemy stronę od zera, to musimy wykorzystać frameworki, które umożliwią integrację z tymi portalami.

Moim zdaniem, gdybym miał stronę z logowaniem i rejestracją, nie integrowałbym z social media, jest to zbędne dla mnie. 

czwartek, 31 marca 2016

Bootstrap: Jak zmienić tło, zmiana koloru tła na inny

Aktualizacja 2.05.2017
Bootstrap jest to framewrok, który jest stosowany przez webmasterów i programistów tworzących aplikacje lub strony internetowe.
W internecie pojawiają się też pytania, jak zmienić kolor tła na inny.
Kto zna CSS nie powinien mieć z tym żadnych problemów. Wystarczy zmienić w jednej linii kolor na inny.Jak robimy? To proste!
Należy odszukać w pliku css, który mamy dołączony do dokumentu html (bootstrap.css lub bootstrap.min.css), element  body a w nim zmienić po  background-color: #XXXXXX  na inny kolor, gdzie #XXXXXX to nazwa koloru. Przykład:
Mamy w pliku bootstrap.css:
background-color: #000000; i chcemy zmienić na inny kolor. Wystarczy zmienić z #000000 na #ffffff i nic więcej.
Uwaga!
Jeżeli po zmianie nie będzie działać, należy po danym kolorze dodać słowo !important, który łamie zasady styli CSS i nadaje kolor taki jaki ma być.
Jeżeli w odpowiednim miejscu zmieniłeś ( w BODY) kolor tła  i nadal brak efektu, to drugim i sprawdzonym rozwiązaniem będzie utworzenie nowego pliku CSS. I wystarczy to samo napisać:

  BODY{background-color: #XXXXXX !important; // dany kolor }

Tak samo robimy jeżeli chcemy dać obrazek tła. Wystarczy zamiast background-color napisać background-image: ścieżka obrazka.

Wystarczy znać CSS i zmienić jedną linię kodu i mamy inne tło. To samo dotyczy zmiany tła graficznego.
Po background-image: url("ścieżka do pliku") !important;, dajemy słowo !important.

To tyle na ten temat:)

piątek, 12 lutego 2016

Vertigo: błąd Server HTTP Apache - nie jest prawidłową aplikacją systemu win32

W dzisiejszym temacie zajmę się popularnym serwerem jakim jest vertrigo. No nie jest aż tak popularny jak xampp czy wamp, ale jest używany. Ja na jednym komputerze używam xampp a na drugim vertrigo.
Patrząc na nazwę tematu, zastanawiacie się o jaki błąd chodzi, pewnie nie zmieniłem portów, czy nie skonfigurowałem firewalla, ale po kolei.
Wczoraj postanowiłem zainstalować najnowszą wersję Vertrigo 2.38 x86. Pobrałem i zainstalowałem bez żadnych problemów. Problem jaki był, pojawiał się zaraz po uruchomieniu. I o to taki komunikat dostałem:


Trochę mnie zdziwiło, bo nigdy czegoś takiego nie było, ewentualnie miałem w xampp, gdy miałem zainstalowany skype.
Niestety kroki jakie zrobiłem a takie jak:
  • zmiana portów w config.php,
  • wyłączenie firewalla (sprawdzenie czy ruszy serwer),
  • sprawdzenie, czy nie ma uruchomionej usługi IIS, ale nie miałem, była usługa jako Serwer - wyłączyłem,
 Nie dało rezultatu!
Czytałem na funpage na facebooku (ktoś też miał problemy i dostał odpowiedź), aby uruchomić z wiersza poleceń otrzymałem taki wynik:


Taki komunikat, że v_apache.exe, nie jest prawidłową aplikacją systemu win32, zobaczymy uruchamiając, wchodząc w program files/Vertrigo/Apache/bin/v_apache.exe.
Można powiedzieć, dobra pewnie nie mam zainstalowanej biblioteki, ok, ale jakiej? Jak sama nazwa pliku instalacyjnego wskazuje x86 dotyczy systemów 32-bitowych i na takim instalowałem.

Takie błędy zaczynają się od wersji 2.34, wiem bo sprawdzałem, mimo, że wersja 2.34 nie ma w nazwie instalatora x86. Dopiero wersja 2.33 jest bezproblemowa i można śmiało pobrać z tej strony:
http://www.programosy.pl/program,vertrigoserv.html

Niestety zmiana na nowszą wersje niż miałem, nie dała oczekiwanego rezultatu, chodzi o wersję php. Chciałem mieć wersję php 5.5.2, która obsługuje password_hash.

Z drugiej strony można powiedzieć, że mogę też xampp, wamp zainstalować, ale xampp wolno chodzi na tym komputerze, na którym mam vertrigo a wamp, też podczas instalacji ma problemy z plikiem apache.

Gdyby coś w tych wersjach zmieniło się, to zaktualizuję:)

Aktualizacja  
Jak dowiedziałem się z supportu, nowsze wersje nie są kompatybilne z Windowsem XP, dlatego są takie błędy. W takim razie jak chcemy korzystać z vertrigo, to na wersji 2.33.

środa, 13 stycznia 2016

PHP - połączenia z bazą danych. Zalecane połączenia i przestarzałe!

Język PHP jest dość popularnym językiem do tworzenia od małych aplikacji po duże projekty informatyczne, które mogą być stroną społecznościową napisaną w tym języku.
Jednak można zauważyć, że większość tutoriali w internecie (na forum) stosuje przestarzałe i nie wspierane połączenie z bazą danych = mysql_connect!
Popularny CMS  PHP-Fusion korzysta  z takiego połączenia z bazą! Nie jest to dobrze jak na obecne czasy, gdy przeważnie stosuje się inne połączenia niż mysql_connect.
Przeważnie początkujący zaczynają od tego typu połączeń i nie ukrywam, że kiedyś i ja takiego połączenia używałem.
Obecnie stosuje się i zależy już to od gustu programisty, takie połączenia jak new mysqli i PDO.
PDO stosuje się przeważnie przy dużych lub bardzo dużych projektach, chociaż o wyżej wspomnianych CMS'ach typu: Joomla, Drupal, WordPress  lub Facebook - tylko, że facebook nie jest typu cms, gdzie można pobrać i zainstalować na własnym serwerze.
Jaka jest różnica między mysql_connect a new mysqli? Proszę zobaczyć na poniższe kody:
1. Mysql_Connect


2. New Mysqli


Jak widać różnicę widać oraz też pokazałem jak przy pomocy pętli to się odbywa. tam gdzie pisze "instrukcje", możemy dać instrukcje warunkową lub echo.

Natomiast o połączeniu PDO, można tu przeczytać:
https://pl.wikibooks.org/wiki/PHP/Biblioteka_PDO

A o tym, że mysql_connect, który nie jest wspierany w nowszych wersjach PHP, można przeczytać tutaj:
http://php.net/manual/en/function.mysql-connect.php

To tyle:)