Komputerowe Sztuczki Strona Główna
Pokazywanie postów oznaczonych etykietą programowanie. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą programowanie. Pokaż wszystkie posty

Raspberry Pi - Mikrokomputery dla Twojego Biznesu i domu

 Raspebery Pi, najmniejszy komputer świata. 

Potrzebowałem fajnego rozwiązania aby zyskać miejsce na biurku w swoim sklepie bez płacenia ogromnych pieniędzy za komputery zintegrowane z komputerem. Wyruszyłem na poszukiwania komputera typu small PC. Moją uwagę przyciągnął produkt o nazwie Raspeberry.


Cena:

Cena takiego małego komputerka to okolice 300-400 zł. Podstawowy starter kit, w zupełności wystarczył do obsłużenia programu fakturingowego i preglądarki. Zaletą Raspeberry jest cicha praca na czym zależało mi aby komputer nie odstraszał klientów swoim hałasem. Dodatkowo mamy możliwość, rozszerzenia i dowolnej konfiguracji Raspeberry o dodatkowe moduły czy wyświetlacze, dzięki czemu możesz skonfigurować ekrany w Twojej firmie w kilku miejscach. Raspeberry możemy kupić  w Polsce na stronie autoryzowanego dealera botland.pl

Raspeberry  Pi w akcji(Video):

Raspeberry Pi - Prezentacja

Myślę, że za tą cenę Komputer Raspeberry, czyli malina robi niesamowitą robotę. Komputer możemy zakupić bezpośrednio na stronie producenta, poniżej link:

Raspeberry Pi - Mikrokomputery wprowadzenie do obsługi.

Jak oszczędzić czas pracując przy komputerze? - automatyzacja zadań macro scheduler.

Ikona uruchomienia Macroschedulera w menu start Windows
Macro Scheduler
(Kliknij aby powiększyć)
Pracując przy komputerze, czasami wykonujemy monotonne czynności, które powtarzamy kilkakrotnie. Po dłuższym czasie popadamy w rutynę i znużenie, aż na końcu mamy dosyć komputera. Jak sprawić aby praca przy komputerze była przyjemna?

MacroScheduler - program do powtarzania czynności wykonanych na ekranie.


Z pomocą przychodzi nam program Macroscheduler, który pozwala na tworzenie makr(skryptów) wykonywanych czynności dzięki czemu następnym razem zamiast mozolnie klikać w opcje możemy wcisnąć kombinację klawiszy i program sam wykona zaplanowane czynności, kliknięcia czy ruchy myszką.

Przykład zastosowania MacroSchedulera


Pamiętacie Kurs w gimpie gdzie dodawaliśmy prowadnice?? Ogólnie dodawaliśmy kilka prowadnic poziomych i pionowych, dodanie jednej prowadnicy wymagało (Ruchu myszki, kliknięcia, ruchu myszki, kliknięcia, wyboru prowadnicy, kliknięcia,ruchu myski i kliknięcia) a na końcu wpisania wartości.

Jak widzimy dodadnie prowadnicy wymagało od nas 7 czynności, które w dłuższym rozrachunku mogły nas znudzić a powtarzanie mogło powodować błędy i pomyłki przy wyborze opcji. Właśnie dla automatyzacji między innymi takich rzeczy powstał macro scheduler, w którym kilka kliknięć i ruchów myszą zastąpimy jednym. Ale na tym nie koniec możliwości programu. Postaram się jak znajdę chwilkę czasu wyszczególnić najważniejsze opcje i polecenia ale to nie dziś.

Dzisiaj zajmiemy się podstawami. Program w wersji trial(wersja testowa działa miesiąc) możemy pobrać z dowolnego serwisu z instalkami. A jeżeli bierzemy pracę przy komputerze na poważnie to myślę, że warto zainwestować 195 euro w pełną wersję. Cena naprawdę spora, ale jeżeli nasza roboczogodzina jest warta 100 zł to inwestycja szybko się zwróci oszczędzając nam multum czasu i pozwalając na produktywne wykorzystanie zaoszczędzonego czasu.

Tworzymy pierwsze makro w programie


Zakładam, że już pobraliśmy, zainstalowaliśmy i uruchomiliśmy z menu start MacroSchedulera.
Okno główne programu MacroS cheduler
Okno główne programu Macro
Scheduler (Kliknij aby powiększyć)
Jak widzimy na obrazku powyżej, nasze okno macroschedulera wygląda schludnie i na razie jeszcze nie ma mamy tam żadnych makr. Przystąpmy więc do stworzenia naszego makra i nagrajmy czynności niezbędne do dodania prowadnicy, w tym przykładzie.

Nagrywanie makra w MacroSchedulerze

Opcją która nas interesuje jest opcja nagrywania zdarzeń na ekranie "Record" widoczna na rysunku poniżej. Po jej uruchomieniu program wyświetli nam jeszcze jedno okno dialogowe gdzie będziemy mogli wprowadzić nazwę dla noworejestrowanego makra, a także ustawić kombinację klawiszy przerywającą nagrywanie makra(rysunek obok). Po wprowadzeniu odpowiednich danych klikamy na przycisk start aby rozpocząć proces rejestracji makra.

Opcja nagrywania makra w programie MacroScheduler
Włączenie nagrywania makra w
programie Macro Scheduler
(Kliknij aby powiększyć)
Opcja nagrywania nowego Makra w Macroscheduler
Okno ustawień nagrywania
makra w programie Macro
Scheduler (Kliknij aby
powiększyć)

Jeżeli nagraliśmy już wszystkie czynności to wciskamy kombinację, którą ustawiliśmy jako przerwanie procesu nagrywania makra. Po całej tej operacji nasze nowe makro powinno automatycznie się zapisać i pojawić w głównym oknie programu pod wprowadzoną wcześniej nazwą jak na rysunku poniżej.




Modyfikacja makra w programie


Nowoutworzone makro na liście programu Macroscheduler
Okno z nagranymi makrami w
Programie (Kliknij aby powiększyć)
Klikając na nazwę makra prawym przyciskiem myszy, możemy z menu kontekstowego wybrać menu edycji makra i ustawień skrótów klawiszowych uruchamiania makra oraz opcjonalnych wyzwalaczy czasowych jak na rysunku poniżej. Wyzwalacze czasowe działają tylko w pełnej wersji programu, ale możemy to obejść zapisując Plik z makrem na pulpicie i ustawiając uruchamianie czasowe w harmonogramie zadań Windows.
Macroscheduler ustawienia wywoływania makra o określonej godzinie i dacie
Opcje edycji nagranego makra, kiedy
ma się uruchamiać automatycznie
(Kliknij aby powiększyć)
Wywołanie makra skrótem klawiszowym

Poniżej na rysunku wspomniana konfiguracja ustawień skrótów klawiszowych dla wywołania makra. Aby makro się uruchomiło za pomocą skrótów, musimy pamiętać aby program macroscheduler był uruchomiony. Zazywczaj pracuje w tle a jego aktywność symbolizuje ikona niebieskiego kwiatka w zasobniku systemowym.

Konfiguracja skrótów klawiszowych do wywołania makra w programie MacroScheduler
Modyfikacja skrótu klawiszowego do
wywołania makra (Kliknij aby
powiększyć zdjęcie)

Najważniejsza jednak dla nas w przypadku opcji edycji makra, jest zakładka z kodem makra jak na rysunku niżej. Ja jako użytkownik zaawansowany w tym programie tworzę makra od podstaw bez wykorzystania opcji nagrywania, co pozwala na szybkie tworzenie nowych makr.

Krótkie omówienie kodu makra

Poświęcę teraz chwilkę na wyjaśnienie co widzimy w tym przykładowym kodzie:
Opcje edycji kodu Makra w Macroscheduler
Listing wykonanych komend podczas
nagrywania makra
(Kliknij aby powiększyć)
Funkcja MouseMove - odpowiada za ruch kursora na współrzedne X,Y, aktualne współrzędne kursora możemy odczytać w prawym górnym rogu edycji kodu makra.
Funkcja LClick - odpowiada za symulowanie kliknięcia lewym przyciskiem myszy.
Funkcja Wait - Pozwala odczekać określony okres czasu w sekundach, dzięki czemu możemy uwzględnić sekundowe przerwy w naszym skrypcie na lagi i wszelkie zwieszenia programu ewentualnie łącza internetowego.

To by było na tyle na dzisiaj, jeżeli chodzi o makra i automatyzację zadań przy komputerze.



  1. Strona Główna




  2. Windows




  3. Programy




  4. Porady


Blogger widoki dynamiczne - modyfikacje

Postanowiłem założyć jeden zbiorczy post w którym, znajdziecie wszelkie modyfikacje i tricki jakie można użyć w bloggerze w widokach dynamicznych. Pozwolą one nam na poprawienie niedociągnieć ze strony autorów i uzyskać zamierzony efekt.

1. Wysunięcie menu z gadżetami - w nowych szablonach menu z gadżetami jest mocno ukryte i widać zaledwie 5 pikseli tego menu. Niezorientowany użytkownik odwiedzający bloga na platformie blogger raczej nie znajdzie tego menu i wogóle nie wiadomo czy dowie się o jego istnieniu. A więc do dzieła.

1.1. Przechodzimy do menu "Szablon" naszego bloga.
1.2. Klikamy "Dostosuj".
1.3. W następnej sekcji wybieramy "Zaawansowane" i "Dodaj arkusz CSS".
1.4. Dopisujemy linijkę #gadget-dock{right:0px;}
1.5. Klikamy zastosuj do Bloga. Odświeżamy stronę bloga.

W tej chwili nasz Gadget dock powinien być dobrze widoczny dla czytelników.

2. Obrazek jako nagłówek bloga - Omówione to zostało w osobnym poście Tutaj



  1. Strona Główna




  2. Internet




  3. Blogger


Blogger widoki dynamiczne obrazek w nagłówku

Google jakiś czas temu wprowadziło do swojej platformy blogowej Blogger nowe szablony opierające się na widokach dynamicznych. Szablony wyglądają naprawdę fajnie jednak nadal zostały niedopracowane i niemożliwe jest wstawienie własnego obrazka jako logo. Jednak dzięki temu poradnikowi będziemy mogli zmodyfikować nasz blog aby wyświetlał obrazek jako logo. Jako przykład postanowiłem wykorzystać blog z adresu: http://wom3ns.blogspot.com/ prawda, że fajnie wygląda? No to przejdźmy do sedna jak uzyskałem taki efekt.

1. Przechodzimy w menu Bloga do sekcji "Szablon".
2. Klikamy "Dostosuj".
3. W nowym menu wybieramy opcję: "Zaawansowane".
4. Klikamy na "Dodaj arkusz CSS".

W arkuszu CSS wpisujemy:

body{
background-image: url("http://i59.tinypic.com/idf32v.png");
background-size: cover;
}
h1
{
display:none;
}
#header .header-bar .title h1{display:none;}
#header .header-bar {background:transparent;}
#header .header-drawer{background:transparent;}
#header-container
{
background-image: url("http://i59.tinypic.com/6s6o0i.png");
background-repeat:no-repeat;
background-position:280px 5px;
}


Teraz krótkie objaśnienie. Pierwsza sekcja body w arkuszu CSS odpowiada za wyświetlenie tła. Jest to obrazek garderoby w przykładzie bloga. W drugiej sekcji h1 ukrywamy nagłówek tekstowy aby nie był widoczny, podobnie robimy w następnej sekcji ukrywając aktywnego linka do strony głównej, którą funkcję spełnia właśnie tekstowy nagłówek.

Z punktu widzenia SEO nie jest to zbyt etyczne rozwiązanie, jeżeli chodzi o ukrywanie nagłówka h1. No ale jeżeli mamy stałą rzeszę czytelników i zależy nam na atrakcyjnym wyglądzie to czemu nie.

Następnie dodajemy przeźroczystość do górnej belki menu, tak aby było widać tło aby obrazek wypełniał całkowicie przestrzeń bloga. No i przechodzimy do dodania nagłówka. Za dodanie obrazka jako nagłówka odpowiada sekcja "#header-container" w powyższym kodzie i jest to pierwsza linijka. Gdzie podajemy jako wartość link do naszego obrazka na nagłówek. Ustawiamy wartość "no-repeat" aby obrazek nie był powtarzany i ustawiamy położenie nagłówka.

Ważne jest to, że w obrazku nagłówka została użyta alfa czyli przeźroczystość dlatego możemy ustawić jego pozycję jak nam się podoba. Oczywiście idzie też wykonać nagłówek z obrazka bez przezroczystości jednak musimy się wtedy trochę bardziej napracować z dopasowaniem wymiarów. To by było na tyle i mam nadzieję, że ten artykuł był pomocny.



  1. Strona Główna




  2. Internet




  3. Blogger


Jak zmniejszyć stronę?

Rozmiar strony internetowej i plików zyskał ostatnio duże znaczenie w oczach webmasterów i programistów. Wszystko to dzięki temu, że google zaczęło brać pod uwagę szybkość działania strony jako jeden z czynników przy ustalaniu pozycji w wynikach wyszukiwarki. Jakie więc możemy przedsiewziąć środki aby uzyskać szybką i wydajną stronę internetową?

Techniki zmniejszające strony www:


1. Po pierwsze powinniśmy zapoznać się z postem z mojego bloga pt. "jak zmniejszyć rozmiar zdjęcia" i pkt 3. Sam osobiście używam tego rozwiązania i zyski w rozmiarze plików graficznych są duże.

2. Wykonujemy kopię zapasową wszystkich plików będzie to kopia developerska czyli z ładnymi wcięciami i etc.

3. Wykonujemy wersję produkcyjną kodu:

3.1. Wykonujemy skrypt który usunie Nam z kodu wszystkie znaki tabulacji,entery,puste znaki czy spacje.

3.2. Rozwijamy Nasz skrypt i kompresujemy długość zmiennych w pliku. Przykładowo zamiast zmiennej "imie" która zajmuje 4 bajty możemy dać zmienną "i1" która zajmuje już dwa bajty. Co daje nam już 2 bajty zysku na jednym wystąpieniu tej zmiennej.

3.3. Kompresujemy również nazwy id oraz klas html w plikach html i css do krótkich dwu bajtowych zamiast rozwlekłych nazw.

3.4. Zamiast wykorzystywania fontów ttf. Stosujemy małe fonts google.

3.5. W przypadku jQuery staramy się aby mieć jak najmniejszą bibliotekę ściągniętą. W tym przypadku plig nosi nazwę jQuery.min...

Zdjęcie tematyczne - jak zmniejszyć rozmiar strony www3.6. Staramy się dobrać odpowiednie typ pliku graficznego. Jeżeli nie potrzebujemy przezroczystości stosujemy format JPG, w przeciwnym przypadku PNG. Dla obrazków z małą liczbą kolorów stosujemy format GIF.

Jakbyście potrzebowali to mogę napisać funkcję php do punktów 3.1.,3.2.,3.3. jak znajdę czas. A poniżej efekt oszczędności przy wykorzystaniu programu pngout dla plików png o rozdzielczości 1280 x 1024:



  1. Strona Główna




  2. Internet