18 Οκτωβρίου, 2014

Κατασκευή Ηλεκτρονικού Καταστήματος

Τα Συστήματα Διαχείρισης Περιεχομένου (Content Managment Systems) είναι πακέτα λογισμικού που χρησιμοποιούνται για την κατασκευή ιστοσελίδωνΣτην καθομηλουμένη CMS, με κορυφαία παραδείγματα τα Drupal, Wordpress, Joomla κ.α. Η επιλογή CMS για το website που θέλουμε να φτιάξουμε είναι κανονικά ένα πολύ μεγάλο κομμάτι της όλη εργασίας και η διαδικασία αυτή γίνεται κάθε φορά που ξεκινάμε να φτιάξουμε ένα website, επειδή αποτελεί και αφορμή να ενημερωνόμαστε για τις όποιες εξελίξεις. Το πεδίο αυτό τη πληροφορικής είναι από τα ταταχύτερα αναπτυσόμενα μιας και σχετίζεται άμεσα με το Ηλεκτρονικό Εμπόριο. 

Ένας developer (μηχανικός) είναι φύση αδύνατο να γνωρίζει το ίδιο καλά και να μπορεί να χειριστεί αποδοτικά το ίδιο όλα τα CMS. Μια τέτοια προσπάθεια είναι και αρνητική διότι δε θα καταφέρναμε να βελτιστοποιήσουμε την απόδοσή μας σε κανέναν από αυτά.  Πάντως οι γενικές αρχές που ακολουθούν τα CMS είναι λίγο πολύ ίδιες, οπότε αν υπάρχει η ανάγκη και με διάβσμα ένας μηχανικός μπορεί να κατασκευάσει οτιδήποτε του ζητηθεί πάνω σε οποιαδήποτε πλατφόρμα. 

Τελικά κάθε κατασκευαστής ιστοσελίδων έχει να προτείνει μεταξύ δύο ή το πολυ τριών επιλογών και θα προβάλλει τα πλεονεκτήματά τους ως τη βέλτιστη λύση. Σε κάθε περίπτωση η επιλογή CMS γίνεται αφού πρώτα ιεραρχίσουμε τις απαιτήσεις του συστήματος, δηλ.
  • ευκολία χειρισμού από μη προγραμματιστές (ωστόστο εξοικιωμένους χρήστες του διαδικτύου)
  • αναβαθμίσεις (πόσο εύκολα γίνονται)
  • τεχνική υποστήριξη, επίσημη κι ανεπίσημη, δηλ. και από τον κατασκευαστή και από forums
  • εμφάνιση : πολλά και μοντέρνα έτοιμα εικαστικά (themeforest.com) - Η αγορά ενός καλού εικαστικου κοστίζει λιγότερο από 50 ευρώ και προσφέρει ευκολίες και ευελιξία. Αισθητικά η διαφορά με τα δωρεάν είναι τεράστια. Ο χρόνος εγκατάσταστης είναι ελάχιστος.
  • εστιασμένη χρήση : Πολύ απλά υπάρχουν CMS που εστιάζουν στην ανάπτυξη e-shop παρά σε blog
  • επεκτασιμότητα : Εκτός απο την βασική λειτουργία, τι εργαλεία μπορεί να προσθέσει κάποιος
  • η βασική λειτουργία : Ειδεσεογραφικό που κάποια στιγμή θα αποκτήσει ένα μικρό κατάστημα;
  • ή e-shop με λίγα άρθρα για υποστήριξη?
  • τι επιπλέον χαρακτηριστικά έχουν : πχ υπάρχει πακέτο σύνδεσης με τράπεζες; ή θα χρειαστεί να το φτιάξουμε
Η δικής μας πρόταση είναι
  • Επιλογή μεταξύ Drupal ή WordPress με plugin για e-shop
  • Εγκατάσταση και παραμετροποίηση
  • Σύνδεση με PayPal
  • Αν θέλουμε και απευθείας σύνδεση με τράπεζα θα χρειαστεί και παραπάνω χρόνος ανάπτυξης
  • Παραμετροποίηση για 2 γλώσσες Εληνικά + Αγγλικά
  • Επιλογή εικαστικού και εγκατάσταση (responsive theme)
  • Επίδειξη δυνατοτήτων στον τελικό χρήστη & επιλογή εμφανισης αρχικής καi εσωτερικών σελίδων
  • Σχεδιασμός e-shop & περιεχομένου σε συνεργασία με τον ιδιοκτήτη
  • Κατασκευή σελίδων : e-shop, σελίδες κειμένου, μενού (σε 2 γλώσσες)
  • Αν υπάρχουν κείμενα πρέπει να μεταφραστοτούν από τον ιδιοκτήτη του site
  • On Site SEO
  • Σύνδεση με Google
  • Δοκιμαστική λειτουργία
  • Παράδοση
  • Εκπαίδευση

12 Οκτωβρίου, 2014

Αλφαβητάρι για Web-άδες ( Ελληνικό )

Συμπληρώνεται...

d : dnhost.gr - Καταχώρηση ονομάτων και υπηρεσίες φιλοξενίας
e : eett.gr - Ελληνική επιτροπή τηλεπικοινωνιών και ταχυδρομείων
f : forth.gr -
g : google.gr -
h : hol.gr -
i : internet.gr -
p : papaki.gr - Καταχώρηση ονομάτων και υπηρεσίες φιλοξενίας
s : simplepay.gr - Πληρωμές online
t : translate.google.gr - Μετάφραση
u : utorrent.com - μTorrent
v : viva.gr -
w : winbank.gr - Web Banking

11 Οκτωβρίου, 2014

Alphabeta για Web-άδες ( Διεθνές )


a : alexa.com - Υπηρεσία στατιστικών του ιστού
b : bing.com - Η μηχανή αναζήτησης της Microsoft
c : checkpagerank.net - Page rank checker
d : dropbox.com - Δικτυακός χώρος αποθήκευσης | drupal.org -  Open Source CMS
e : ebay.com - Electronics, Cars, Fashion, Collectibles, Coupons and More Online Shopping
f : facebook.com - Το μεγαλύτερο ηλεκτρονικό κοινωνικό δίκτυο
g : google.com - Το μεγαλύτερο Cloud, έχει σχεδόν όλα τα άλλα που περιέχει αυτή η λίστα
h : hotmail.com - Υπηρεσια ηλ. ταχυδρομείου
i : instagram.com - Photographs
j : joomla.org - Open Source CMS
l : linkedin.com - Biznes oriented social network
m : moz.com - SEO news
o : opensourcecms.com - CMS catalog
p : paypal.com | pingdom.com - Website Monitoring
s : strongpasswordgenerator.com - Strong Password Generator
t : themeforest.net - Web design
v : validator.w3.org - HTML validator
w : WordPress - Blog tool & Publishing platform
y : youtube.com - Video hosting

08 Οκτωβρίου, 2014

Βελτιστοποίηση για τις Μηχανές Αναζήτησης

H προώθηση ιστοσελίδων μέσω των μηχανών αναζήτησης (Search Engine Marketing) περιλαμβάνει:
  • τη βελτιστοποίηση ιστοσελίδων για τις Μηχανές Αναζήτησης (Search Engine Optimization), 
  • τη διαφήμιση με χρέωση ανά επίσκεψη (Pay-Per-Click) που εκμεταλεύεται τη δραστηριότητα αναζήτησης των χρηστών και 
  • την ανάλυση στατιστικών επισκεψιμότητας ώστε να αξιολογηθεί κάθε προσπάθεια που κάνουμε και να γίνουν βελτιωτικές ενέργειες (Google Analytics, Alexa Metrics)
Μπορούμε να βορύμε και να αναφέρουμε πολλούς Διαδικτυακούς Τόπους (Sites) που προσφέρουν υπηρεσίες αναζήτησης, ετκός από τη γνωστή σε όλους Google. Σ' αυτές ο χρήστης μπορεί να πληκτρολογήσει μία λέξη ή φράση και μια Μηχανή Αναζήτησης θα επιστρέψει στο χρήστη μια λίστα αποτελεσμάτων (διευθύνσεων του ιστού), ταξινομημένη έτσι ώστε πρώτες (ψηλά στη λίστα) να βρίσκονται οι διευθύνσεις που η Μηχανή θεωρεί ως πιο σχετικές με τη λέξη ή φράση που εισήγαγε ο χρήστης.

Αξίζει να σημειώσουμε τα εξής:
  1. Η κάθε Μηχανή Αναζήτησης έχει τους δικούς της αλγόριθμους, άρα και κριτίρια ταξινόμησης συνεπώς μπορεί να δίνει διαφορετικά αποτελέσματα για την ίδια αναζήτηση. Επίσης οι αλγόριθμοι μεταβάλλονται, έτσι ώστε να βελτιώνονται τα αποτελέσματα της αναζήτησης.
  2. Οι Μηχανές Αναζήτησης και ιδιαίτερα η Google δεν αποκαλύπτουν πως ακριβώς λειτουργούν οι αλγόριθμοί τους, δηλάδη τα ακριβή κριτίρια και τη βαρύτητα που δίνουν στο καθένα. Ωστόσο δίνουν γενικές οδηγίες για το 'τι' είναι σημαντικό για την ανάδειξη των ιστοσελίδων. Επιπλέον οι ερευνητές και οι επαγγελματίες του SEO, μέσα από ανάλυση στατιστικών δεδομένων αλλά και εμπειρικά προσπαθούν κάθε φορά να έχουν όσο το δυνατόν πιο καλή εικόνα του τρόπου λειτουργίας της Αναζήτησης μέσω Google (Google Search)
  3. Κατά κανόνα τα αποτελέσματα που δίνουν οι αλγόριθμοι των μηχανών δε επιρρεάζονται από χορηγίες ή πληρωμές. Οι διαδικτυακοί τόποι που προσφέρουν υπηρεσίες αναζήτησης φροντίζουν να διαχωρίσουν ευκρινώς τα αποτελέσματα της υπηρεσίας από τις διαφημίσεις που τοποθετούνται στην ίδια σελίδα
Οι εργασίες που μπορεί να κάνει κάποιος για τη βελτιστοποίηση ενός διαδικτυακού τόπου χωρίζονται σε δύο ομάδες:
  • Από τη μία είναι η βελτίωση της δομής (μενού, 'δεντρο' ιστότοπου), του περιεχομένου, της μορφοποίησης (μέσω HTML) και της ταχύτητας, τα οποία συνοψίζονται ως εργασίες εσωτερικές (On Page SEO) και πλήρως ελεγχόμενες από τους ιδιοκτήτες ή διαχειριστές. Βασική προϋπόθεση και μείζον κριτίριο είναι η ύπαρξη ποιοτικού περιεχόμενου (κείμενα).
  • Από την άλλη είναι οι εργασίες που πραγματοποιούνται σε άλλες ιστοσελίδες του παγκόσμιου ιστού και έξω από τον ιστότοπο που θέλουμε να αναδείξουμε (Off Page SEO), έτσι ώστε να διαδοθεί και να γίνει δημοφιλής στις μηχανές αναζήτησης. Οι εργασίες αυτές έχουν ως χρυσό κανόνα την Κατασκευή Συνδέσμων (Link Building) μέσα σε άλλες ιστοσελίδες οι οποίοι να οδηγούν στον συγκεκριμένο ιστότοπο.

04 Οκτωβρίου, 2014

Μετατροπή πολλαπλών HTML σε PHP Library

Για προγραμματιστές

Σε παλιά ή προβληματικά sites, στα οποία δεν έχουμε πρόσβαση στο περιβάλλον διαχείρισης μπορούμε να έχουμε τελικά πολλές (10+) HTML σελίδες με κοινη δομή και εμφάνιση και αλάζει μόνο ένα συγκεκριμένο τμήμα της σελίδας. Δηλαδή έχουμε παντού τα ίδια μενού, πλάγια μπάρα (sidebar), υποσέλιδο (footer) και αλλάζουν μόνο τα κείμενα και οι εικόνες του περιεχομένου, από σελίδα σε σελίδα. 

Αυτό είναι προβληματικό, επειδή στην περίπτωση που θελήσουμε να κάνουμε μια αλλαγή, π.χ. να προσθέσουμε ένα στοιχείο στο menu, θα πρέπει να κάνουμε την ίδια αλλαγή πολλές φορές : όσα είναι όλα τα αρχεία. Με τον παρακάτω τρόπο θα απομονώσουμε τα κομμάτια ενός website που είναι κοινά σε όλες τις σελίδες, σε μοναδικά αρχεία php, έτσι ώστε να τα έχουμε σε ένα μόνο σημείο και να κάνουμε την αλλαγή μόνο μία φορά όταν χρειαστεί.
  • Επιλέγουμε μια σελίδα του site που έχει την εμφάνιση που θέλουμε και την αποθηκεύουμε τοπικά, π.χ. την index.html
    • Υπάρχει η περίπτωση κάποιες 'εσωτερικές' σελίδες να είναι διαφορετικές από την Αρχική 
  • Αντιγράφουμε το index.html σε ένα νέο αρχείο με όνομα index.php και ανοίγουμε το αρχείο για επεξεργασία με το Notepad++ 
  • Βρίσκουμε κομμάτια κώδικα του αρχείου που επαναλλαμβάνονται σε όλες τις σελίδες π.χ. ένα sidebar div.
    • Πιθανόν να να χρειαστεί να ανοίξουμε πολλές σελίδες για να βεβαιωθούμε με ποιο τρόπο επαναλαμβάνονται κομμάτια HTML από σελίδα σε σελίδα.
  •  Το μετακινούμε σε ένα νέο αρχείο με όνομα sidebar.php μέσα στο φάκελο library και στην παλιά του θέση γράφουμε : <?php include 'library/sidebar.php'; ?>
  • Αφού ολοκληρώσουμε αυτή τη διαδικασία και θα έχουμε δημιουργήσει π.χ. τα top-menu.php, sidebar.php, footer.php θα έχουμε μια βιβλιοθήκη αρχείων (php library) 
    • Για διαφοροποίηση κάποιων σελίδων μπορεί να τα top-menu και footer να παραμένουν ίδια σε όλες τις σελίδες, και να έχουμε παραλλαγές όπως : sidebar1 / sidebar2, leftmenu / rightmenu κ.ο.κ. τα οποία να ποικίλουν από σελίδα σε σελίδα.
  • Τέλος πρέπει να αποθηκεύσουμε όλες τις html σελίδες τοπικά, να δημιουργήσουμε αντίγραφα σε php αρχεία και για κάθε αρχείο να επαναλάβουμε τη διαδικασία αντικατάστασης της html με php includes των υπαρχόντων αρχείων.
Από δω και πέρα μπορούμε να κάνουμε οπτικές ή προγραμματιστικές αλλαγές μέσα στη βιβλιοθήκη μας και αυτομάτως θα ενημερώνεται όλο το website.

Μετατροπή πολλαπλών HTML σε PHP Template

Για προγραμματιστές

Επιλέγουμε μία HTML σελίδα και την αντιγράφουμε σε ένα νέο αρχείο php που θα αποτελέσει το πρότυπό μας (template).


Αντικαθιστούμε το περιεχόμενο (π.χ. μία παράγραφος) που αλλάζει από σελίδα σε σελίδα, με ένα php include της μορφής : 
<?php include('content/' . $page . '.htm'); ?>
όπου :
  • το content είναι ο φάκελος που έχει μέσα αρχεία περιεχομένου με HTML μορφοποίηση ( κείμενο / εικόνα )
  • το $page είναι παράμετρος που παίρνει την τιμή της από το url, όπως για παράδειγμα : http://ellhnika.gr/index.php?page=about
  • χρησιμοποιώ την κατάληξη .htm στα αρχεία που δεν είναι ολοκληρωμένες σελίδες html, αλλά περιέχουν κώδικα HTML
Άρα διαμορφώνουμε κατάλληλα τα links του template (index.php?page=about, index.php?page=contact κ.ο.κ.) και μέσα στο φάκελο content αποθηκεύουμε κείμενα μορφοποιημένα με HTML κώδικα και πιθανόν εικόνες.

Αν δεν έχουμε σκοπό να προσθέσουμε εκτελέσιμο κώδικα, τα αρχεία περιεχομένου παραμένουν .htm ( και όχι .php ) για λόγους ασφάλειας και ταχύτητας.


Με αυτό τον τρόπο διατηρούμε ένα, μοναδικό αρχείο στο οποίο κάνουμε οποιεσδήποτε αλλαγές μορφοποίησης χρειαστούν μελλοντικά.

Τον κώδικα που απαιτείταi για να πάρει η μεταβλητή $page την τιμή της από το URL μπορείτε να το βρείτε πολύ εύκολα αν ψάξετε για τη χρήστη του $_GET μέσα στο website http://php.net

H php ήταν .net πολύ πριν τη vb
:P


03 Οκτωβρίου, 2014

Δωρεάν Web Hosting στη Google...

Γίνεται...

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

Παρακάτω περιγράφουμε έναν τρόπο αποθήκευσης και διαμοιρασμού (sharing) αρχείων, που μπορεί να χρησιμοποιθεί σαν ένα κομμάτι στο παζλ της Δωρεάν Φιλοξενίας Ιστοσελίδων. 
Δωρεάν Web Hosting που ταυτόχρονα όμως θα είναι :
  • Ανταγωνιστικά αποδοτικό
  • Ταχύτατο & Ασφαλέστατο
  • Λειτουργικό & Αξιόπιστο
  • Φιλικό προς τις Αναζητήσεις ( Search Engine Friendly )
Τη Google την ξέρουμε για τη Μηχανή Αναζήτησης, πιθανόν να έχουμε και Gmail. Αν δεν έχουμε, φτιάχνουμε άμεσα έναν επαγγελματικό/επιχειρισιακό λογαριασμό. Ο λογαριασμός αυτός εξασφαλίζει πρόσβαση σε όλα τα προϊόντα και υπηρεσίες της Google. 

Το Google Drive μας δίνει τη δυνατότητα να αποθηκεύσουμε διαδικτυακά αρκετά Giga-Bytes αρχείων, άρα μπορούμε να ανεβάσουμε εκεί μεγάλα αρχεία περιεχομένου που θα θέλαμε να συμπεριλάβουμε σε κάποιο website. Αυτό θα γίνει για αυτούσια αρχεία (κειμένου) που μπορεί να κεταβάσει ή να ανοίξει ο χρήστης ξεχωριστά (word, pdf, xps) και όχι για λειτουργικά αρχεία κώδικα ή εικόνων από τα οποία εξαρατάται η εμφάνιση της ιστοσελίδας.

Μέσα από το περιβάλλον διαχείρισης των αρχείων και κάνοντας δεξί κλικ πάνω στο αρχείο που θέλουμε να μοιραστούμε, μας δίνονται επιλογές και ένα σύνδεσμος (link) διαμοιρασμού του αρχείου. Θέτουμε τις επιλογές έτσι ώστε οι χρήστες μόνο να μπορούν να δουν το αρχείο και όχι να το πεξεργαστούν. Αντιγράφουμε το σύνδεσμο και τον χρησιμοποιούμε μέσα στο website που κατασκευάζουμε αντικαθιστώντας πιθανούν συνδέσμους που έχει παράγει αυτόματα το όποιο CMS χρησιμοποιούμε (WP, Drupal, Joomla)!
  1. https://drive.google.com/
  2. Install Drive for your computer
    • Select Google Drive folder
  3. Organize you documents
  4. Copy share link