Πέμπτη 22 Μαΐου 2008

Ιστοσελίδες με Μαθηματικά - μέρος 1ο

 Σίγουρα έχει χρειαστεί να στείλετε / λάβετε μέσω internet περιεχόμενο που να έχει να κάνει με μαθηματικά. Δεν είναι λίγο (εώς υπερβολικά) ξενέρωτο να βλέπεις το:


Να λυθεί η 5x^2 + 3x - 6 = 0 στο C


σε σχέση με το:


Να λυθεί η στο align box


Για να μην αναφερθώ στο:
Να βρείτε την παράγωγο της f(x)=(x^2 - lnx) / ((3/4) + 8x) - 6x^2


ή αλλιώς:


Και υπάρχουν άπειρα άλλα παραδείγματα που είναι μέχρι και αδύνατο να γραφούν με “κανονικές” μεθόδους όπως πχ



 Πως βάζουμε λοιπόν τα μαθηματικά στο site, to blog ή ακόμα και στον messenger που χρησιμοποιούμε;

 Επειδή το πρόβλημα με παρουσιάστηκε πρακτικά λόγω του Youreka (όσοι δεν το έχετε δει ρίξτε του μια ματιά) το έψαξα λιγάκι και κατέληξα σε τέσσερις μεθόδους που μπορούν να μεταμορφώσουν μια σελίδα με μαθηματικά.


  1. Απλή HTML ⇒ σιγουριά, αλλά δεν είναι για “δύσκολα”
  2. MathMl ⇒ αβέβαιη υποστήριξη από μερικούς browsers (προς το παρόν), καλές δυνατότητες
  3. Αρχείο εικόνας ⇒ άπειρες δυνατότητες αλλά δύσχρηστο
  4. άπειρες δυνατότητες, ευελιξία αλλά απαιτεί είτε δικό σας server είτε χρήση 3ου site

 Στο πρώτο μέρος θα ασχοληθούμε με την 4η λύση, που είναι και αυτή που χρησιμοποιεί το YouReka.


Για να πάρετε μια ιδέα των διαφορών:


HTML code: x<sup>2</sup> +5x = 20

αποτέλεσμα: x2 + 5x = 20


code: <img src=”http://codecogs.com/eq.latex? x^2+5x=20″/>

αποτέλεσμα:


 Αν παρατηρήσετε θα δείτε ότι αυτό που κάνουμε είναι να βάλουμε ένα HTML link σε μια “εικόνα”. Η εικόνα δεν υπάρχει ήδη κάπου αλλά δημιουργείτε επί τόπου από ένα renderer που υπάρχει στο συγκεκριμένο site (codecogs.com) και επιστρέφετε στον αναγνώστη. Υπάρχουν διάφορα τέτοια site που κάνουν αυτή τη δουλειά.

 Η δομή του link είναι <img src=”http://codecogs.com/eq.latex? -εδώ μπαίνει ο κώδικας Latex- “/>. Εισάγοντας αυτό σε μια δημοσίευσή μας το αποτέλεσμα θα είναι η εισαγωγή μιας φωτογραφίας με το ανάλογο περιεχόμενο. Προσέξτε ότι το “<img …..” πρέπει να γραφτεί σαν κώδικας HTML και όχι σαν κείμενο!

 Το πλεονέκτημα αυτού του τρόπου είναι ότι επί της ουσίας γράφουμε κώδικα άρα μπορούμε να κάνουμε πολύ εύκολα τροποποιήσεις. Επίσης δεν καταναλώνουμε καθόλου χώρο στο site μας μια και οι εικόνες δεν αποθηκεύονται τοπικά… Το μειονέκτημα είναι ότι αν πέσει ο server του τρίτου site αυτομάτως όλα τα link αχρηστεύονται… Επίσης αντικειμενικά το εισαγωγικό <img src=”http://codecogs.com/eq.latex? …”/> δεν είναι και ότι πιο μικρό υπάρχει…


 Για όσους δε θέλουν να μπλέκουν με υπάρχει στο www.codecogs.com/components/equationeditor/equationeditor.php ένας γραφικός editor που σας δίνει κατευθείαν το link!

 Το τι μπορείς να κάνεις με αυτή τη μέθοδο είναι απίστευτο….πειραματιστείτε και θα δείτε….


 Για τις άλλες μεθόδους - και για το πως χρησιμοποιούμε το χωρίς τη βοήθεια τρίτου site - θα πρέπει να περιμένετε το part 2.


 Για όσους αναρωτιούνται τι είναι το δείτε το άρθρο στη wikipedia.


Δεν υπάρχουν σχόλια: