ServerSolutions Blog

Ο Firefox αργεί όταν τρέχετε σελίδες από localhost υπό ανάπτυξη με Visual Studio

sdagkas@serversolutions.gr (Stelios Dagkas) — Thu, 16 Sep 2010 00:00:00 GMT

Αν αναπτύσσετε web εφαρμογές σε .ΝΕΤ και προσπαθήσετε να τις τρέξετε από localhost στον Firefox τότε σίγουρα θα έχετε παρατηρήσει μια σημαντική καθυστέρηση στην φόρτωση της σελίδας σε σύγκριση με τον Internet Explorer. Το πρόβλημα όμως εξαφανίζεται όταν ανεβάζετε την εφαρμογή στον live server. Αυτό δεν οφείλετε σε λάθος σχεδίαση της σελίδας αλλά σε ένα "θέμα" του Firefox με τα νέα λειτουργικά συστήματα που αφορά στην εύρεση της IPv6 διεύθυνσης του localhost και υπάρχουν 2 τρόποι να το διορθώσετε:

Ο πρώτος τρόπος είναι η απενεργοποίηση του IPv6 στον Firefox. Ριζική λύση αλλά αν δεν την προτιμάτε συνεχίστε παρακάτω στην επόμενη.

Πληκτρολογήστε about:config στην μπάρα διεύθυνσης του firefox. Προσπεράστε τον έλεγχο ασφαλείας και θα εμφανιστεί η λίστα των ρυθμίσεων.
Πληκτρολογήστε v6 στο πλαίσιο φίλτρου για να εμφανιστεί η ρύθμιση network.dns.disableIPv6.
Κάνετε διπλό κλικ για να αλλάξετε την ρύθμιση σε true
Επανεκκίνηση του Firefox

Ο δεύτερος τρόπος είναι παρόμοιος αλλά αντί να απενεργοποιήσετε εντελώς το IPv6 απλά προσθέστε το localhost στη λίστα των domain που το αγνοούν

Πληκτρολογήστε about:config στην μπάρα διεύθυνσης του firefox. Προσπεράστε τον έλεγχο ασφαλείας και θα εμφανιστεί η λίστα των ρυθμίσεων.
Πληκτρολογήστε ipv4Only στο πλαίσιο φίλτρου για να εμφανιστεί η ρύθμιση network.dns.ipv4OnlyDomains.
Κάνετε διπλό κλικ στην ρύθμιση για να την επεξεργαστείτε και να προσθέσετε το localhost
Επανεκκίνηση του Firefox

Html parsing με το HtmlAgilityPack και Windows-1253 greek encoding

sdagkas@serversolutions.gr (Stelios Dagkas) — Thu, 01 Apr 2010 12:00:00 GMT

Το HtmlAgilityPack είναι ένας Html parser για την πλατφόρμα .NET και υποστηρίζει XPATH και XSLT parsing. Μας δίνει την δυνατότητα να διαχειριστούμε το DOM με όποιον τρόπο θέλουμε με μεγάλη ευκολία και είναι πολύ ανεκτικό στο κακοδιαμορφωμένο Html που πολλές φορές μπορεί να συναντήσουμε sto web.Το object model μοιάζει πολύ με αυτό που προτείνει το System.Xml αλλά για Html documents. Επίσης το HtmlAgilityPack υποστηρίζει και Linq to Objects (μέσω Linq to Xml Like Interface).

Παραδείγματα εφαρμογής:

Διόρθωση σελίδας ή παραγωγή Html. Μπορείτε να "φτιάξετε" μια σελίδα με τον τρόπο που θέλετε, να προσθέσετε / αντιγράψετε / διαγράψετε nodes, να πειράξετε το DOM κλπ.
Web scanners. Μπορείτε εύκολα να διαβάσετε τα img/src ή a/href με ελάχιστα XPATH queries.
Web scrappers. Μπορείτε για παράδειγμα να μετατρέψετε εύκολα μια υπάρχουσα σελίδα σε RSS, με μόνο ένα XSLT αρχείο που θα χρησιμεύει για binding.

Παράδειγμα κώδικα (C#):

HtmlDocument doc = new HtmlDocument();
 doc.Load("file.htm");
 foreach(HtmlNode link in doc.DocumentElement.SelectNodes("//a[@href"])
 {
    HtmlAttribute att = link["href"];
    att.Value = FixLink(att);
 }
 doc.Save("file.htm");

Ένα πρόβλημα που συνάντησα με το HtmlAgiltyPack ήταν κατά το parsing σελίδας με ελληνικό κείμενο και encoding windows-1253. Για κάποιο λόγο οι ελληνικοί χαρακτήρες δεν εμφανίζονταν σωστά και δεν μπορούσα να το διορθώσω ότι encoding και να έβαζα στο HtmlDocument. Ο κώδικας με το πρόβλημα:

HtmlWeb web = New HtmlWeb();
HtmlDocument doc = New HtmlDocument();
doc = web.Load("http://www.site-with-greek-encoding.com");
doc.OptionDefaultStreamEncoding = Encoding.GetEncoding("windows-1253");

Τελικά αναγκάστηκα να διαβάσω το html από τη σελίδα με τον παραδοσιακό τρόπο και ύστερα να το κάνω parse με το HtmlAgilityPack όπως παρακάτω:

HtmlDocument doc = New HtmlDocument();
WebRequest req  = WebRequest.Create("http://www.site-with-greek-encoding");
StreamReader stream  = New StreamReader(req.GetResponse().GetResponseStream(), Encoding.GetEncoding("windows-1253"));
doc.LoadHtml(stream.ReadToEnd());

Το project στο Codeplex:
http://htmlagilitypack.codeplex.com

Element:hover στον IE7

sdagkas@serversolutions.gr (Stelios Dagkas) — Thu, 14 Jan 2010 00:00:00 GMT

Εάν είχατε την εντύπωση ότι ο Internet Explorer 7 υποστηρίζει hover σε οποιοδήποτε element αλλά ότι και να προσπαθήσατε δεν καταφέρατε να το κάνετε να δουλέψει, μην βιαστείτε να αμφισβητήσετε τον εαυτό σας ως web developer (αν και με τον IE6 το περίεργο θα ήταν το αντίθετο!). Η λύση είναι απλή και όπως πάντα λίγο κρυμμένη στο MSDN.

Για να υπακούσει ο explorer στο hover πρέπει να έχουμε δηλώσει DOCTYPE τύπου STRICT όπως παρακάτω:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

ούτως ώστε να μην μεταβεί σε quirks mode και να έχουμε την επιθυμητή λειτουργία.

Ολοκλήρωση ανάπτυξης πλατφόρμας ηλεκτρονικού καταστήματος Stiger Eshop

sdagkas@serversolutions.gr (Stelios Dagkas) — Sun, 20 Dec 2009 10:15:00 GMT

Ύστερα από εκτενείς δοκιμές ολοκληρώθηκε η ανάπτυξη της πλατφόρμας ηλεκτρονικού καταστήματος - ηλεκτρονικού εμπορίου Stiger Eshop.

Σε συνεργασία με διάφορους πελάτες μας καταφέραμε να σχεδιάσουμε και να αναπτύξουμε ένα προϊόν βασισμένο στις δικές τους ανάγκες, στις ανάγκες μιας μεσαίας επιχείρισης με τρόπο τέτοιο ώστε η παραγωγηκότητα, η εξυπηρέτηση πελατών και η απλότητα χρήσης να είναι πρώτη προτεραιότητά μας.

Ορισμένες από τις δυνατότητες της πλατφόρμας μας:

Απεριόριστος αριθμός κατηγοριών και υποκατηγοριών
Απεριόριστος αριθμός προϊόντων
Το κάθε προϊόν μπορεί να περιέχει απεριόριστο κείμενο, φωτογραφίες και χαρακτηριστικα
Αναζήτηση προϊόντων με λέξεις κλειδιά
Ειδικές κατηγορίες προώθησης προϊόντων (Hot προϊόντα, Τελευταίες αφήξεις, Προσφορές)
Διαχείριση προϊόντων για εμφάνιση στην πρώτη σελίδα
Πλήθος τρόπων πληρωμής (πχ Αντικαταβολή, Πιστωτική κάρτα, Κατάθεση σε τράπεζα, Παραλαβή από κατάστημα κλπ.)
Σύνδεση με Eurobank, Millennium, Τράπεζα Πειραιώς ή με τράπεζα της επιλογής σας
Έξοδα αποστολής για εντός και εκτός έδρας
Πλήρες ιστορικό παραγγελιών για κάθε πελάτη και παρακολούθησή τους
Πλήθος στατιστικών στοιχείων επισκεψημότητας μέσω Google Analytics
Πλήθος αναφορών πωλήσεων και γραφήματα κέρδους
Δυνατότητα αποστολής Newsletter στους εγγεγραμμένους χρήστες
Απλό σύστημα διαχείρισης στα ελληνικά

3 τρόποι για κάνετε invert μια μεταβλητή τύπου bit σε SQL

sdagkas@serversolutions.gr (Stelios Dagkas) — Fri, 23 Oct 2009 00:00:00 GMT

SET @bitVariable = ~@bitVariable   --Bitwise Not

SET @bitVariable = @bitVariable ^ 1   --XOR

SET @bitVariable = 1 - @bitVariable   --Απλή αφαίρεση

LightingDesigner.gr - Ολοκλήρωση νέου έργου από την ομάδα ServerSolutions

sdagkas@serversolutions.gr (Stelios Dagkas) — Wed, 16 Sep 2009 00:00:00 GMT

Η ομάδα μας ολοκλήρωσε με επιτυχία το νέο website της εταιρείας Lighting Designer - Μελέτη-Σχεδιασμός Αρχιτεκτονικού & Διακοσμητικού Φωτισμού.

Η Lighting Designer είναι μια εταιρεία με κύρος και πολύχρονη εμπειρία στον χώρο της μελέτης και σχεδίασης φωτισμού τόσο εξωτερικών όσο και εσωτερικών χώρων. Για αυτόν τον λόγο είχαμε σαν προτεραιότητά μας την άριστη και προσεγμένη εικαστική παρουσίασή της.

Θέσαμε σαν στόχο την ανάδειξη της μοναδικότητας του ταλέντου που διαθέτει το ανθρώπινο δυναμικό της και αυτό φαίνεται στις έξυπνες, δημιουργικές και με φαντασία ιδέες και τεχνικές που εφαρμόζουν στα έργα τους και στις υπηρεσίες που η εταιρεία παρέχει.

Το site έπρεπε να ήταν απλό στην περιήγηση με σχεδιαστικά έξυπνο μενού, με χρώμα και στυλ που δεν κουράζει τον επισκέπτη και με τέτοια δομή ώστε να κάνει της υπηρεσίες της εταιρείας ακόμη πιο γνωστές στο ευρύ κοινό με τρόπο συγκροτημένο και κατανοητό. Όλα τα παραπάνω μπόρεσαν να επιτευχθούν στο ακέραιο με τη βοήθεια του εργαλείου Flash της Adobe.

Εκτός από την εμφάνιση, απαίτηση του πελάτη ήταν το site να είναι δυναμικό, δηλαδή να μπορεί ο ίδιος ο πελάτης (διαχειριστής της εταιρείας) να ανανεώνει το περιεχόμενό του, τόσο σε κείμενα όσο και σε φωτογραφίες και video. Οι παραπάνω λόγοι μας έκαναν να εξελίξουμε την πλατφόρμα διαχείρισης Stiger CMS που έχουμε αναπτύξει έτσι ώστε να μπορεί να συνδέεται και να υποστηρίζει πλέον και full flash site, πράγμα που στέφθηκε με απόλυτη επιτυχία.

Αποτέλεσμα είναι ένα φρέσκο, δυναμικό και πρωτότυπο site που σας καλούμε να το επισκεφτείτε!

url: www.lightingdesigner.gr, www.y-k.gr

Google chart API

sdagkas@serversolutions.gr (Stelios Dagkas) — Wed, 19 Aug 2009 00:00:00 GMT

Το Google chart API, άλλη μια νέα υπηρεσία της Google για προγραμματιστές, μας επιτρέπει να δημιουργούμε δυναμικά διαγράμματα (charts) χωρίς τη χρήση κάποιου dll ή άλλου component και χωρίς να καταναλώνουμε την υπολογιστική ισχύ του server μας.

Για να το δείτε στην πράξη εισάγετε το παρακάτω url σε ένα παράθυρο browser:

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World

Πατήστε Enter και αμέσως θα πρέπει να δείτε την παρακάτω εικόνα

Δεν υπάρχει κάποιο ημερήσιο όριο στον αριθμό τον κλήσεων που μπορούμε να κάνουμε στο API παρολαυτά αν οι απαιτήσεις σας σκοπεύουν να ξεπεράσουν τις 250000 κλήσεις την ημέρα μπορείτε να επικοινωνήσετε με τη Google και να το διευθετήσετε!!!

Για περισσότερες πληροφορίες και αναλυτικές οδηγίες επισκεφθείτε τον παρακάτω σύνδεσμο:

http://code.google.com/intl/en/apis/chart/

ASP.NET: Απενεργοποίηση button μετά από κλικ

sdagkas@serversolutions.gr (Stelios Dagkas) — Mon, 06 Jul 2009 16:00:00 GMT

Οι περισσότεροι χρήστες είναι συνήθως ανυπόμονοι και ειδικά όταν ο browser και η γραμμή του internet δεν τα πάνε και τόσο καλά μεταξύ τους ή ο server εκτελεί τον super-περίπλοκο αλγόριθμο που έχουμε σχεδιάσει, το αγαπημένο τους hobby είναι να προσπαθούν να σπάσουν το ρεκόρ των συνεχόμενων κλικ στο κουμπί που κάνει submit μέχρι τελικά ο browser να υποκύψει στις πιέσεις και να κάνει post τη φόρμα 2, 3 ή και 4 φορές (για τους πολύ γρήγορους)!
Σαν developers αυτό δεν είναι και από τα αγαπημένα μας σενάρια για άπειρους λόγους γιαυτό αναγκαζόμαστε να πάρουμε μέτρα και να ενημερώσουμε τον επίδοξο κάτοχο νέου ρεκόρ ταχύτητας κλικ πως όσο βαρετά και να είναι μερικά κλάσματα του δευτερολέπτου, δυστυχώς θα πρέπει να περιμένει. Και επειδή ξέρουμε πολύ καλά ότι δεν πρόκειται να μας δώσει σημασία αναγκαζόμαστε να πρέπει να απενεργοποιήσουμε το συγκεκριμένο κουμπί μετά το πρώτο κλικ.

Ο πρώτος τρόπος που μπορούμε να σκεφτούμε είναι να χρησιμοποιήσουμε το OnClientClick event του Button ή LinkButton κάπως έτσι:

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="this.disabled=true;this.value='Please wait...';" />

Αφού το δοκιμάσουμε όμως θα παρατηρήσουμε πως αυτό δουλεύει μόνο για το LinkButton που η λογική του postback βρίσκεται στο href tag (href="javascript:__doPostBack...") που αφήνουμε ανέπαφο. Το απλό Button ναι μεν απενεργοποιείται αλλά για αυτόν τον λόγο ο browser αρνείται να ξεκινήσει postback.

Υπάρχουν 2 απλές λύσεις σε αυτό το πρόβλημα:

1. Προσθέτουμε στο Button το property UseSubmitBehavior="false" που αναγκάζει το framework να προσθέσει των απαραίτητο κώδικα για το submit οπότε έχουμε το παρακάτω:

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="this.disabled=true" UseSubmitBehavior="false" />

2. Προσθέσουμε στο Page_Load μας την εξής γραμμή:

Button1.Attributes.Add("onclick", "this.disabled=true;this.value='Please wait...';" + ClientScript.GetPostBackEventReference(Button1, "").ToString())

Έτσι ένα άγχος λιγότερο για εμάς και ένα παιχνίδι λιγότερο για τους χρήστες!

SQL: If Exists Update Else Insert

sdagkas@serversolutions.gr (Stelios Dagkas) — Wed, 01 Jul 2009 09:44:00 GMT

Αυτό είναι ένα πολύ συνηθισμένο σενάριο όταν έχουμε να κάνουμε με διαχείριση δεδομένων. Καλούμε μια stored procedure και θέλουμε να κάνουμε Update εάν τα δεδομένα υπάρχουν ήδη ή Insert εάν δεν υπάρχουν. Το Books Online documentation μας δίνει το ακόλουθο παράδειγμα για την επίτευξη του παραπάνω στόχου:

IF EXISTS (SELECT * FROM Table1 WHERE Column1='Value1')
    UPDATE Table1 SET (...) WHERE Column1='Value1'
ELSE
    INSERT INTO Table1 VALUES (...)

Ο τρόπος αυτός φυσικά και δουλεύει παρόλαυτα δεν είναι η καλύτερη λύση στο πρόβλημά μας. Και αυτό συμβαίνει γιατί ο Sql server θα κάνει table/index scan και για το SELECT και για το UPDATE. Ο παρακάτω τρόπος, αντίθετα με το παράδειγμα πιο πάνω, αποφεύγει τα δύο scan και καταφέρνει να κάνει μόνο ένα:

UPDATE Table1 SET (...) WHERE Column1='Value1'
IF @@ROWCOUNT=0
    INSERT INTO Table1 VALUES (...)

Αν ο πίνακάς μας έχει αρκετό αριθμό εγγραφών, το scan που αφαιρέσαμε μπορεί να ανεβάσει την απόδοση σε σημαντικό βαθμό.

Τα παραδείγματα του MSDN μπορεί να είναι πολύ απλά στην εφαρμογή τους, αυτό όμως δεν σημαίνει πως είναι πάντα και τα πιο σωστά από άποψη απόδοσης. Όπως πάντα όμως καλό είναι να δοκιμάζουμε και να μετράμε την απόδοση του τρόπου που επιλέγουμε πριν να τον εφαρμόσουμε σε production σενάριο. Πολλές φορές ο τρόπος που πιστεύουμε ότι είναι ο χειρότερος αποδεικνύεται τελικά ο καλύτερος.

Νέο λογότυπο από την ομάδα του Web Design

sdagkas@serversolutions.gr (Stelios Dagkas) — Thu, 25 Jun 2009 22:44:00 GMT

Η εμπιστοσύνη που μας δείχνετε από τα πρώτα μας βήματα, γέννησε την ανάγκη να ανανεωθούμε. Η αρχή έγινε με το καινούργιο μας λογότυπο και την εταιρική ταυτότητα που η ομάδα Flow δημιούργησε για εμάς.