Η υπηρεσία αυτή παρέχει μια πλατφόρμα για την απευθείας δημιουργία-ενημέρωση περιεχομένου του Ιστότοπου από εξουσιοδοτημένους χρήστες.

Εάν επιθυμείτε τη δημιουργία δικού σας ιστότοπου, υποβάλλετε σχετικό αίτημα στο http://helpdesk.tuc.gr/ οπότε και θα δημιουργηθεί δικός σας λογαριασμός σε δική σας διεύθυνση. Στην αίτηση σημειώστε τη διεύθυνση κάτω από την οποία θέλετε να λειτουργεί ο ιστότοπος (π.χ. www.tuc.gr/xyz.html, www.xyz.tuc.gr, www.xyz.gr), το έργο ή το εργαστήριο που που αφορά ο ιστότοπος κλπ.

Παρακάτω δίνονται βασικές οδηγίες χρήσης της πλατφόρμας Typo3

Διαδικασία Login

Για να κάνουμε login ανοίγουμε ένα πρόγραμμα πλοήγησης (Internet Explorer, Mozilla Firefox κτλ) και πηγαίνουμε στην εξής διεύθυνση: https://www.tuc.gr/typo3

Στο πεδίο Username εισάγουμε το όνομα χρήστη, στο πεδίο Password εισάγουμε τον κωδικό χρήστη, ενώ στο πεδίο Interface επιλέγουμε το Backend. Στη συνέχεια πατάμε το Log In.

Ενημέρωση σελίδας

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

Κάνουμε κλικ πάνω στον τίτλο της σελίδας που θέλουμε να ενημερώσουμε.

Εντοπίζουμε την περιοχή της σελίδας που θέλουμε να ενημερώσουμε (συνήθως είναι το Main Content Area) και κάνουμε κλικ στο κίτρινο μολυβάκι.

Στον editor που εμφανίζεται κάνουμε τις αλλαγές που θέλουμε προσέχοντας να διατηρούμε το υφιστάμενο format. Για παράδειγμα στην εικόνα που ακολουθεί οι επικεφαλίδα «Ανακοινώσεις» είναι Heading 1.

Για να αποθηκεύσουμε μια αλλαγή κάνουμε κλικ στο . Αν θέλουμε να αποθηκεύσουμε και να δούμε πώς εμφανίζεται η σελίδα μετά την αλλαγή κάνουμε κλικ στο , ενώ αν θέλουμε να αποθηκεύσουμε και να κλείσουμε τη συγκεκριμένη περιοχή της σελίδας κάνουμε κλικ στο . Μπορούμε να μεγενθύνουμε τον editor πατώντας στο εικονίδιο  που βρίσκεται στα δεξιά του, αφού προηγουμένως έχουμε αποθηκεύσει τυχόν αλλαγές, αλλιώς θα χαθούν μετά τη μεγέθυνση.

Δημιουργία Κειμένου με Εικόνα

Ένας εύκολος τρόπος για να πλαισιώσετε ένα κείμενο με εικόνα είναι να δημιουργήσετε ένα "Page Content" τύπου "Text with Image ......".

Ακολουθήστε τα εξής βήματα

  1. εντοπίστε το ακριβές σημείο της σελίδας στο οποίο θέλετε να εισάγετε το κείμενο με την εικόνα καιπιέστε το εικονίδιο προσθήκης περιεχομένου (εικόνα 1)
  2. από τη λίστα των διαθέσιμων ειδών περιεχομένου, επιλέξτε κάποιο που περιλαμβάνει εικόνα (εικόνα 2). Προσέξτε η ιδιότητα Type να είναι "Text w/image" (εικόνα 3)
  3. εισάγετε το κείμενο που επιθυμείτε (εικόνα 4)
  4. ρυθμίστε τυχόν δευτερεύουσες επιλογές (εικόνα 5)
  5. στις δευτερεύουσες επιλογές επιλέξτε το αρχείο της εικόνας (είτε από το σκληρό σας δίσκο είτε από αρχείο που έχετε ανεβάσει), την που αυτή θα εμφανίζεται και εισάγετε έναν υπότιτλο (εικόνα 6)

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

Σας συνιστούμε όμως να δοκιμάζετε πρώτα τις προκαθορισμένες ρυθμίσεις και μόνο αν αυτές δε σας καλύπτουν να αλλάζετε τα μεγέθη.

Εικόνα 1 - επιλογή σημείου εισαγωγής
Εικόνα 2 - επιλογή τύπου περιεχομένου
Εικόνα 3 - type είναι Text with Image
Εικόνα 4 - εισαγωγή κειμένου
Εικόνα 5 - δευτερεύουσες επιλογές
Εικόνα 6 - επιλογή αρχείου (ή πολλών αρχείων) και ρυθμίσεις εμφάνισης

Ανέβασμα αρχείου στον εξυπηρετητή

Για να μπορέσουμε να δημιουργήσουμε ένα σύνδεσμο από μια σελίδα σε ένα αρχείο (doc, pdf, excel κτλ) θα πρέπει πρώτα να ανεβάσουμε το αρχείο στον εξυπηρετητή (server). Αυτό γίνεται επιλέγοντας από τον κατάλογο File το Filelist, οπότε στο κυρίως μέρος της οθόνης εμφανίζεται η περιοχή στην οποία έχουμε δικαίωμα να αποθηκεύουμε αρχεία. Κάνουμε δεξί κλικ στον τίτλο της περιοχής (στο παράδειγμα που ακολουθεί είναι η test) και επιλέγουμε το Upload Files

Στη νέα σελίδα που ανοίγει πατάμε το Browse και επιλέγουμε (από τον δικό μας υπολογιστή) το αρχείο που θέλουμε να ανεβάσουμε. Στη συνέχεια πατάμε το Upload files.

Δημιουργία συνδέσμου (link)

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

Στο νέο παράθυρο που εμφανίζεται επιλέγουμε:

  • το Page, αν θέλουμε να δημιουργήσουμε σύνδεσμο σε άλλη σελίδα του ιστοτόπου του Πολυτεχνείου Κρήτης. Στο Page tree που εμφανίζεται κάνουμε κλικ στη σελίδα στην οποία θέλουμε να μας οδηγεί το link.
  • το File, αν θέλουμε να δημιουργήσουμε σύνδεσμο σε κάποιο αρχείο (doc, pdf, excel κτλ). Αρχικά κάνουμε κλικ στο εικονίδιο  για να εμφανίσουμε τη λίστα με τα αρχεία που είναι αποθηκευμένα στην περιοχή μας.

Από τα διαθέσιμα αρχεία κάτω από τη λίστα Files κάνουμε κλικ σε αυτό στο οποίο θέλουμε να μας οδηγεί το link.

  • το External URL, για να δημιουργήσουμε σύνδεσμο σε μια ιστοσελίδα εκτός του ιστοτόπου του Π.Κ. Στο πεδίο URL πληκτρολογούμε τη διεύθυνση της σελίδας στην οποία θέλουμε να μας οδηγεί ο σύνδεσμος και στη συνέχεια κάνουμε κλικ στο Set Link.
  • το Email, για να δημιουργήσουμε σύνδεσμο για αποστολή email. Στο πεδίο Email address πληκτρολογούμε την ηλεκτρονική διεύθυνση του παραλήπτη στον οποίο θέλουμε να αποστέλλεται το μήνυμα και στη συνέχεια κάνουμε κλικ στο Set Link.
  • το Remove link, αν θέλουμε να απενεργοποιήσουμε έναν υφιστάμενο σύνδεσμο.

Δημιουργία νέας σελίδας

Κάνουμε δεξί κλικ στον τίτλο της σελίδας κάτω από την οποία θέλουμε να δημιουργήσουμε την καινούρια. Επιλέγουμε το New

Στο νέο παράθυρο που εμφανίζεται επιλέγουμε το  αν θέλουμε να φτιάξουμε μια υποσελίδα μέσα στην υφιστάμενη ή το  αν θέλουμε να φτιάξουμε μια νέα σελίδα μετά την υφιστάμενη.

Στο νέο παράθυρο που εμφανίζεται επιλέγουμε τον τύπο της σελίδας στο πεδίο Type (συνήθως το Standard το οποίο είναι προεπιλεγμένο), ενώ στο πεδίο Pagetitle γράφουμε τον τίτλο της σελίδας ο οποίος θα εμφανίζεται και στο μενού. Φροντίζουμε οι τίτλοι να είναι σύντομοι και στο πνεύμα των υπολοίπων σχετικών σελίδων.

Εισαγωγή/Απόκρυψη Τίτλου

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

Υπάρχει, ακόμα, η δυνατότητα εισαγωγής τίτλου είτε ως μέρος του κειμένου που περιέχεται στη σελίδα (αυτόματος τρόπος) είτε ως τίτλος ενός Content Element (text ή text with image) από το αντίστοιχο πεδίο "Header" στο περιβάλλον σύνθεσης του περιεχομένου του Content Element (μη αυτόματος τρόπος).

Εάν πραγματοποιηθεί εισαγωγή τίτλου με τον δεύτερο, μη αυτόματο τρόπο, θα εμφανίζονται δύο τίτλοι στη νέα σελίδα. Είναι δυνατή, εφόσον είναι επιθυμητή, η απόκρυψη του τίτλου που εισάγεται αυτόματα, ακολουθώντας με τη σειρά που απεικονίζονται τα βήματα της παρακάτω εικόνας:

Απόκρυψη Δεξιάς Κενής Στήλης

Στο δεξί μέρος της ιστοσελίδας εμφανίζεται μία κενή κατακόρυφη στήλη. Είναι δυνατή η απόκρυψη της στήλης αυτής, ακολουθώντας με τη σειρά που απεικονίζονται τα βήματα της παρακάτω εικόνας:

  1.  Δεξί click στην προς τροποποίηση σελίδα
  2. Επιλογή "Edit Page Properties"
  3. Scroll down στη σελίδα που εμφανίζεται δεξιά και διπλό click στην επιλογή no_right_col.css
  4. Αποθήκευση της τροποποίησης

Υποσύστημα Νέων

Ο ιστότοπος προσφέρει το υποσύστημα νέων tt_news για χρήση από τους επιμέρους ιστότοπους που φιλοξενούνται στο typo3. Με αυτό το υποσύστημα μπορούν όλοι οι χρήστες να δημιουργήσουν μία ενότητα νέων ή/και ανακοινώσεων στον ιστότοπό τους, η οποία, εκτός των άλλων, έχει τις εξής δυνατότητες:

  • αντιστοίχιση μηνυμάτων σε πολλαπλές κατηγορίες (οι κατηγορίες είναι προκαθορισμένες και προσθήκες μπορεί να γίνουν με σχετικό αίτημα στην ομάδα διαχείρισης)
  • αρχείο νέων
  • επεξεργασία κειμένων με wysiwyg
  • συνημμένα αρχεία
  • περίληψη σχετικών συνδέσμων
  • ροές RSS

Οδηγίες Χρήσης

Συμβουλευτείτε την ακόλουθη σειρά εικόνων για οδηγίες χρήσης της υπηρεσίας.

1) Επιλέγετε List από το αριστερό μενού.
2) Επιλέγετε τη σελίδα νέων (την αρχική δημιουργία τη ζητάτε από το διαχειριστή).
3) Στο κυρίως μέρος του περιεχομένου εμφανίζονται τυχόν υπάρχουσες ανακοινώσεις, τις οποίες μπορείτε να επεξεργαστείτε (4).
5) Για τη δημιουργία νέας ανακοίνωσης βλέπε επόμενη εικόνα
Για δημιουργία νέας ανακοίνωσης:
1) Επιλέγετε το πράσινο "+" από το επάνω μέρος της οθόνης.
2) Επιλέγετε "News" από τις επιλογές που θα εμφανιστούν
Στην πρώτη καρτέλα με όνομα "General" (1), επιλέγετε τον τίτλο και υπότιτλο (2) και γράφετε το κείμενο της ανακοίνωσης (3).
Στη δεύτερη καρτέλα "Special" (1), χρήσιμο είναι το πεδίο "Archive Date" (2) που είναι η ημερομηνία από την οποία θα μπει το νέο στο αρχείο.
Στην τρίτη καρτέλα "Media" (1), μπορείτε να προσθέσετε μία ή περισσότερες φωτογραφίες (2), να προσθέσετε έναν ή περισσότερους συνδέσμους που θα εμφανίζονται μαζί με το άρθρο (3) ή/και να προσθέσετε κάποια αρχεία που θα μπορεί να κατεβάσει κάποιος τρίτος ενδιαφερόμενος (4).
Στην τέταρτη καρτέλα "Categories" πρέπει οπωσδήποτε να αντιστοιχίσετε κάποιες κατηγορίες με το νέο σας. Οι κατηγορίες είναι προκαθορισμένες και προσθήκες νέων πιθανών κατηγοριών γίνονται μόνο από την ομάδα διαχείρισης. Οι επιλογές γίνονται από την περιοχή (1) και εμφανίζονται στο πεδίο (2).
Μπορείτε να αντιστοιχίσετε πολλές κατηγορίες ταυτόχρονα. Σημαντικές κατηγορίες είναι "Αντικείμενο" που δηλώνει το θέμα της ανακοίνωσης, "Εκδότες" που δηλώνει ποιος εκδίδει την ανακοίνωση και "Απευθύνεται σε" που έχει σχέση με το σε ποιον αφορά. Ανάλογα με τις αντιστοιχίσεις, το νέο θα εμφανιστεί σε διαφορετικά σημεία στο site του Πολυτεχνείου.

Εναλλασσόμενες Εικόνες (Image Slider)

Εικόνα 1
Εικόνα 2
Εικόνα 3

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

Για αυτή τη λειτουργία απαιτούνται 2 βήματα:

  1. προσθήκη του στοιχείου περιεχομένου στη σελίδα
  2. προσθήκη των εικόνων

Προσθήκη στοιχείου περιεχομένου

Το πρώτο βήμα γίνεται με όμοιο τρόπο με αυτόν που θα προσθέτατε ένα στοιχείο κειμένου. Συγκεκριμένα, πιέζετε στη στήλη "Normal" το εικονίδιο για προσθήκη περιεχομένου

Από τη λίστα των τύπων περιεχομένου που θα εμφανιστεί, επιλέγετε το "Flex Slider" (βλέπε εικόνα 1). Εισάγετε προαιρετικά έναν τίτλο για το στοιχείο περιεχομένου. Μπορείτε επίσης να κάνετε διάφορες ρυθμίσεις για τις εναλλαγές εικόνων στο Tab "Plugin" και στα υπο-tabs "Settings", "Slideshow" και "Animation".

Αφού προσθέσαμε το στοιχείο περιεχομένου, πρέπει να προσθέσουμε τις εικόνες που θα εμφανίζονται.

Προσθήκη εικόνων

Η προσθήκη των εικόνων γίνεται από την κεντρική επιλογή "List" στο αριστερό μενού του typo3. Αφού πατήσετε το List, επιλέξτε τη σελίδα στην οποία εισάγατε το στοιχείο περιεχομένου. Από την επάνω μπάρα εικονιδίων, επιλέξτε το εικονίδιο για να προσθέσετε νέα εγγραφή. Από τους διαθέσιμους τύπων εγγραφών που θα εμφανιστούν, επιλέξτε τον τύπο "Flex Slider" (βλέπε εικόνα 2).

Θα εμφανιστεί μια φόρμα για τα στοιχεία της εικόνας. Η κάθε εικόνα μπορεί να έχει ένα όνομα (δε φαίνεται στο site), έναν τίτλο (φαίνεται με μεγάλα γράμματα στο site) και μια περιγραφή. Η περιγραφή μπορεί να μορφοποιηθεί. Επίσης στο πεδίο "Image Link" μπορείτε να βάλετε έναν σύνδεσμο στον οποίο θα οδηγεί το κλικ της εικόνας. Το πιο σημαντικό είναι το πεδίο "Image" όπου επιλέγετε την εικόνα (βλέπε εικόνα 3).

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

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

© Πολυτεχνείο Κρήτης 2012