ziroł.ziroł.siks czyli kolejny nowy Apinstall ;)
Wciagajce to jest, jak sie zacznie cos robic i z kazdym dniem sie to ulepsza, poprawia i dodaje nowe funkcjinalnosci.
W tej wersji nowych funkcjinalnosci nie ma 
Za to nie uswiadczycie meczacego spamu przez XmlHttpRequest przed i po wykonaniu skryptu.
Jako ze caly apinstall opiera sie na funckji setInterval(); (poki co) wiec innego rozwiazania nie ma 
A oto caly jQuerowy javascript ktory odpowiada za dzialanie:
-
function refresh(){
-
$(‘#apisubmit’).fadeOut(’slow’);
-
var intID = setInterval(function() {
-
-
$.ajax({
-
type: ‘GET’,
-
url: ‘cb41cdc0b660bf6d1a39d24d9a4c7f3ca9702db4.php’,
-
cache: false,
-
success: function(){
-
-
-
},
-
error : function (xhr, d, e) {
-
if (xhr.status == 404) {
-
clearInterval(intID);
-
$(‘#apinstall’).fadeOut(’slow’);
-
}
-
}
-
});
-
-
}, 200);
-
}
-
$(document).ready(function() {
-
$(‘#apiform’).submit(function() {
-
refresh();
-
});
-
-
});
Zasada dzialania jest prosta jak budowa cepa, co 200 milisekund ajax wysyla zapytanie do tymczasowo stworzonego pliku php, jesli jest uruchamia funkcje ladowania zawartosci w div, jesli jednak otrzymuje 404 – czysci setInterval oraz usuwa div z prgoress barem.
To byloby na tyle, znow nowa instrukcja na stronie projektu i nowe demo jak zwykle dostepne:
TUTAJ
A ja zawijam wrotki i szykuje sie do wyjazdu na narty do Zielenca, trzeba jakos z tych ferii skorzystac.
Apinstall – dostepne na Chrome, Safari oraz IE
Troche czasu mi zajelo szukanie dlaczego Apinstall nie wyswietla progress baru w przegladarkach opartych na Web Kit oraz na IE.
W tym wypadku google nie chcialo mi zbyt wiele pomoc, moze tylko ja mialem taki dziwny problem, chociaz watpie… W kazdym razie rozwiazanie problemu znalazlem w czyims kodzie javascript, byl to skrypt na upload plikow i na szczescie gosc zamiescil komentarz:
-
<!– Ok, you so need this iframe for Safari and Chrome to work, the webkit engine doesnt allow ajax calls to be made after a form begins submission –>
Chwala mu za to, bo inaczej nadal przeszukiwalbym czelusci internetu w poszukiwaniu odpowiedzi.
A wiec zadzialawszy na Chrome i Safari sprobowalem rowniez na IE, jakie bylo moje zdziwienie ze i tu dziala – tego sie nie da opisac 
Moze to zasluga wersji 8, a moze nie. W kazdym razie Apinstall sprawuje sie bardzo dobrze, gdyby nie jeden szczegol
Mianowicie po zakonczeniu wykonywania procesu, XHR nadal probuje ladowac plik z danymi, latwo to obejsc wpisujac header(‘Location:….’); po zakonczeniu procesu, ale to byloby za proste. Wiec bede musial przy kazdym wyslaniu load przez jQuery sprawdzic czy plik tymczasowy istnieje lub znalezc jakis inny sposob.
Nowe demo oraz nowa instrukcja (bardziej uproszczona) dostepna jest na stronie projektu: http://code.google.com/p/apinstall/.
Zapraszam do przetestowania. A juz niedlugo napisze jak za pomoca tej klasy zrobic innego niz wszedzie preloadera
PHP + jQuery czyli Apinstall progress bar
Niewiele mialem dzis czasu dla siebie, ale w przerwach wpadl mi do glowy calkiem ciekawy pomysl…
Nie pamietam ile to razy jakis skrypt w php wyswietlal dla mnie biala strone, a ja czekalem az ukonczy swoje dzielo. Jesli to byl krotki skrypt to ok, ale jesli chodzilo o cos co zabiera mnostwo czasu aby to przemielic nigdy nie wiadomo kiedy zakonczy sie skrypt i co aktualnie sobie przelicza.
To dalo mi duzo do myslenia, a wynikiem tego jest klasa Apinstall, ktora przed chwila skonczylem w wersji 0.0.4
A wiec, co to takiego i co potrafi?
Ta klasa, wazaca niewiele ponad 3kb moze sluzyc jako skrypt do:
- skryptu instalacyjnego
- czasochlonnych skryptow PHP
- zabawy w CSI super mega wypas loader ktory pokaze wszystko co zechcesz
Tak to wyglada w praktyce:
Nie jestem zbyt zadowolony z samego progress baru, wiec pewnikiem zostanie zmieniony, w kazdym razie obecnie mozna konfigurowac kolor paska w klasie, oraz backgroundu w css.
Jak widac na screenie to nie tylko sam progress bar, pod nim wyswietlane sa aktualne czynnosci wykonywane przez skrypt, programista sam je definiuje a klasa poiera i wyswietla wraz z postepem.
A skoro sam definiuje, mzoe to byc np:
- Otwieranie puszki browara
- Chlanie do dna
- Glosne bekniecie
- Proba pozbycia sie czkawki
- Wyrzucenie puszki
- Proba pozbycia sie czkawki, podejscie drugie
Wszystko zalezy wiec od Waszej inwencji.
Jak to sobie zainstalowac? Nic prostszego, najpierw sciagamy sobie klase:
http://code.google.com/p/apinstall/downloads/list
Nastepnie w <header> naszej strony includujemy klase i ja inicjujemy:
-
require_once(‘class/class.install.php’); //inlude apinstall class
-
-
$install = new Installer(); //initialize it
Nastepnie zaciagamy CSS, ustalamy sciezke do tymczasowego pliku logowania, definiujemy ile krokow bedzie mial nasz proces, i inicjujemy funckje generowania + opcjonalnie wybieramy kolor naszego progress bara:
-
$install->includeCSS(); //include CSS file
-
-
$install->setLogPath(‘/home/user/public_html/apinstall’); //path to logfile
-
//no trailing slash!
-
-
$install->setSteps(3); //set how many steps there will be (3 in this example)
-
-
$install->generate(‘#84AEBE’); //generate temporary files and choose colour of your bar.
Kolejny krokiem jest umieszczenie diva, w miejscu gdzie chcemy aby nasz progress bar sie pojawil:
No i najwazniejsza czesc, czyli definiujemy kroki:
-
#1 step
-
$output = ‘Sending mails’; //title of this process
-
$install->save($output);
-
/*
-
Process itself (f.e sending mails)
-
*/
-
-
#2 step
-
$output = ‘Optimizing database’;
-
$install->save($output);
-
/*
-
Optimizing database code
-
*/
-
-
//Inform user that script has finished
-
-
#3 step
-
$output = ‘Completed’;
-
$install->save($output);
-
$install->delay(5); //make delay in seconds to show finished state longer.
Jak widac najpierw jest $output, czyli definiujemy co sie pojawi pod preress barem w tym kroku, nastepnie save, ktory wprowadza te dane do tymczasowego pliku, po tym nastepuje to co chcecie robic, moze byc to mailing, polacznie z baza, wgrywanie schematu SQL czy cokolwiek innego.
Opcjonalnie mozna dodac delay, czyli opoznienie w zakonczeniu procesu, to mimo wszystko dosc wazny punkt, bowiem niektore operacje php wykonuje tak szybko, ze skrypt nie zdarzy zareagowac, oczywiscie jesli zalezy Wam na szybkosci – nie ma sensu wrzucania delaya – ale jesli chcecie zobaczyc krok po kroku co sie dzieje ze skryptem, mozna dac mu niewielki czas na to aby nam pokazal aktualnie co robi.
Na przyklad taki oto kroczek:
-
$output = ‘Wyswietlanie wartosci zmiennej’;
-
$install->save($output);
-
echo ‘$zmienna’;
-
$install->delay(0.20); //0.2 sekundy na to zeby wyswietlic zmienna
Oczywiscie nie ma sensu robic tak z calym skryptem, bo czas wykonania wydluzyl by sie kilkukrotnie, ale przy wysylaniu mailingu, czy pobieraniu bardzo zagniezdzonych danych w olbrzymich plikach jest to bardzo dobre rozwiazanie.
W klasie ktora mozecie pobrac jest plik install.php jako przyklad, trzeba tylko ustalic w nim sciezke i mozna sobie sprobowac jak to dziala.
Pare linkow na koniec:
Milego testowania
jQuery na Otsoftcie i schemat elektryczny ;)
Z raportu Azora wynika, ze wiekszosc userow odwiedzajacych nasz Otsoftowy download nie potrafi znalezc odnosnika do sciagniecia pliku, tym samym spamujac panel admina wiadomosciami ze plik nie istnieje.
Nie wiem jak mozna nie dostrzec tej sporej ikonki, nad ktora widnieje (zazwyczaj) rozmiar pliku do pobrania, ale pal licho, statystyk co do wielkosci wady wzroku uzytkownikow google mi nie zbiera, a szkoda :/
Tak czy siak pomysl z napisem DOWNLOAD bylby troche za prosty A po co uzytkownikom ulatwiac zycie? Szperajac po sieci znalazlem ciekawy javascript wykorzystujacy jQuery.
Link -> http://www.gayadesign.com/scripts/sNotify/
Banalnie latwy do zastosowania. Efekt jest widoczny po wejsciu na jakikolwiek link prowadzacy do pliku na otsofcie.
Teraz kwestia czy lud to zobaczy i sie zastosuje.
Kolejna kwestia, ktora dreczyla mnie juz jakis czas – ladowanie strony glownej Otsoftu. Mimo iz strona laduje sie szybko, srednio w 0.086 sekundy, to czasami przez bledy/restart apache lub wolne ladowanie sie multimediow (grafika, flv) zabiera to troche wiecej czasu a na ekranie mozna zobaczyc kolejne etapy lamania sie layoutu, przechodzenie przez kolejne divy, rozciaganie i inne akcje ktore psuja ogolne wrazenie.
Rozwiazaniem byl preloader, skrypt ktory zaladuje cala zawartosc strony zanim ja wyswietli i znow pomocne zdalo sie byc jQuery.
Caly algorytm wyglada tak:
- Zaladowanie diva preloadera (minimalistycznie: czarne tlo, maly progress bar, tekst)
- Div “przykrywa” soba caly lay strony do czasu az zostanie zaladowany ostatni tag html.
- Nastepuje zwolnienie blokady i jQuery usuwa div preloadera.
To co ujrzycie przed wyswietleniem sie strony wyglada tak:
Postanowilem to wykorzystac tylko i wylacznie dla strony glownej, podstrony beda sie ladowac tak jak poprzednio.
jQuery znalazlo tez zastosowanie na Akademickim, od teraz moge sobie podgladac to co sie dzieje w konsoli na biezaco przez strone z auto odswiezaniem co 3 sekundy, fajny bajer jak komus sie nie siedziec na ssh Linka z oczywistych wzgledow nie podam
A na koniec cos z zycia domowego ;D Coby nie bylo ze gnije przed kompem 24h (kogo ty chce oszukac? ).
A wiec postanowilem zrobic mojemu tacie dokumentacje techniczna pieca opalowego, ktory ostatnio podlaczylismy – jak wiadomo gaz tani nie jest, a mysl o tym ze na drugim koncu europy siedzi taki Sasza z Miszą i sobie kreca kurkami, pala w piecu bankotami 100 dolarowymi i smieja sie z Polaczkow jakos nas nie cieszy, wiec czas byl zadzialac.
Piecor smiga az milo, dodatkowo pelna automatyka domowej roboty na zasadzie przekaznikow i czujnikow temperatury, a co!
Jakby ktos byl zainteresowany rozwiazaniem jak polaczyc ze soba piec gazowy i opalowy (plus wymiennik ciepla) to zapraszam do zajrzenia do tego schemaciku: LINK
Z tego miejsca poklony dla mojego taty projektanta i wykonawcy projektu.
Ok, dzien uwazam za bardoz udany, czas spac, salute!
Ja vs Sesja (9:0)
Dziewiata juz sesja na tej uczelni zakonczona! Tym razem obylo sie bez wiekszych hockow-klockow jak to zazwyczaj bywa.
W nagrode za ukonczenie sesji poprawilem formularz szukajki na otsoftcie i dodalem mala popierdolke z jquery coby milej ogladalo sie ilosc gosci online w serwisie Jak ktos ma ochote niech sobie spojrzy.
Na forum jeszcze nie wracam, nie mam zamiaru sobie psuc humoru ;p Fajnie ze Azor dodal kilka nowych plikow do downloadu, ruch na stronie zawsze cieszy. Czas wrocic do serwera i listy. Do przeczytania.
