Ergasia Programming

Τίτλος:
Εργασία 1
Περιγραφή:
Πιστοποίηση εισόδου χρηστών μέσω php και βάσης δεδομένων.
 Προδιαγραφές:
- Για τις ανάγκες της εργασίας μπορείτε να χρησιμοποιείστε μία από τις ιστοσελίδες που έχετε ήδη αναπτύξει στο πλαίσιο κάποιας άλλης εργασίας του ΠΜΣ.
- Στην αρχική σελίδα θα πρέπει να παρουσιάζεται το βασικό περιεχόμενο της υπηρεσίας που προσφέρεται από την εφαρμογή.
- Η αρχική σελίδα θα πρέπει να περιλαμβάνει μενού με τρεις επιλογές κατ' ελάχιστο.
- Θα πρέπει να υπάρχουν ενδεικτικές ιστοσελίδες στις οποίες θα μεταβαίνει η εφαρμογή με τη χρήση των επιλογών του μενού.
- Η αρχική σελίδα θα πρέπει να περιλαμβάνει interface για την δυνατότητα εισόδου χρήστη (login) στην διαδικτυακή εφαρμογή.
- Η αρχική σελίδα πρέπει να υλοποιηθεί σε αρχείο με όνομα index.php.
- Κατά την είσοδο του χρήστη στην εφαρμογή η πιστοποίηση χρήστη πρέπει να γίνεται 
σύμφωνα με πίνακα χρηστών που θα πρέπει να τηρείται σε βάση δεδομένων.(mysqlcon) 
Κατά τη διαδικασία σύνδεσης χρήστη θα πρέπει να γίνεται σύγκριση των στοιχείων που έδωσε ο χρήστης, με αυτά του πίνακα. 
- Μετά την επιτυχημένη είσοδο ενός χρήστη στην εφαρμογή, θα πρέπει να οδηγούμαστε σε σελίδα προστατευμένης πρόσβασης όπου θα αναγράφεται σχετικό καλωσόρισμα με τα στοιχεία του χρήστη, τα οποία θα αντλούνται από την βάση δεδομένων
- Επιθυμητή είναι η χρήση συναρτήσεων, γενικά στην υλοποίηση της διαδικτυακής εφαρμογής.


Steps
1 δημιουργώ τα tables στη ΒΔ 
2 γεμίζω τα tables
****** 
3 username & password από το front end που δίνει ο πελάτης
4 ελέγχουμε αν υπάρχει connection με τη ΒΔ
5 κάνουμε validation αν τα στοιχεία που μας δίνει υπάρχουν στη ΒΔ
6 αποθηκεύουμε τα συνολικά στοιχεία του χρήστη που υπάρχουν στη ΒΔ σε μεταβλητές για να είναι διαθέσιμα στην σελίδα admin.php
7 admin.php κάνουμε απεικόνιση των στοιχείων αυτών



Απάντηση
Το παραδοτέο υπάρχει και στο link : https://lab.mst.ihu.gr/dm/eltzako/webprog1/ 
Σχετικά με την πιστοποίηση χρήστη γίνεται σύμφωνα με πίνακα χρηστών η οποία τηρείται σε βάση δεδομένων 
και έχει τα εξής χαρακτηρίστηκα 
Ονομα χρηστη : eltzako 
Κωδικός Χρηστη : 1234 
Ονομα χρηστη : ioanthc 
Κωδικός Χρηστη : 1234 
Πιο συγκεκριμένα έχει κατασκευαστεί ένα αυτοματοποιημένο script στην  php 
που είναι το https://lab.mst.ihu.gr/dm/eltzako/webprog1/mysql_con.php και εκτελώντας το δημιουργεί την ΒΔ της εφαρμογής μας 
για όλες τις εργασίες με τα εξής βήματα : 

Α ) Σε περίπτωση που υπάρχει ο πίνακας με τους χρήστες τον διαγράφει και τον δημιουργεί εκ νέου 
( 'DROP TABLE IF EXISTS eltzako_users') 
Σε περίπτωση που υπάρχει ο πίνακας με τους πελάτες τον διαγράφει και τον δημιουργεί εκ νέου 
( 'DROP TABLE IF EXISTS eltzako_customers' ) 
Σε περίπτωση που υπάρχει ο πίνακας με τους πελάτες τον διαγράφει και τον δημιουργεί εκ νέου 
( 'DROP TABLE IF EXISTS eltzako_orders')  

Β) Σε περίπτωση που δεν υπάρχει ο πίνακας με τους χρήστες τον δημιουργεί 
‘CREATE TABLE IF NOT EXISTS eltzako_users ‘ 
με τα εξής attributers : 
'CREATE TABLE IF NOT EXISTS eltzako_users ( 
id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, 
uname VARCHAR(50) , 
pass VARCHAR(255) , 
firstname VARCHAR(30), 
lastname VARCHAR(30) , 
email VARCHAR(50), 
phone VARCHAR(20), 
reg_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP 
)' 


Γ) Και στο επόμενο βήμα κάνει εισαγωγή των στοιχείων στο πίνακα eltzako_users 
στα αντίστοιχα πεδία του πίνακα με τους χρήστες 
'INSERT INTO eltzako_users (uname, pass, firstname,lastname,email,phone) 
VALUES ("eltzako", "1234","Eleftherios-Paraskevas","Tzakos",etzakos@gmail.com,"00306976555636")' 
'INSERT INTO eltzako_users (uname, pass, firstname,lastname,email,phone) 
VALUES ("ioanthc", "1234","Ioannis","Anthoulidis",ioanisanth@gmail.com,"6976551234")' 


Ομοίως και για τον πίνακα που αφορά τους πελάτες (eltzako_customers) : 
'CREATE TABLE IF NOT EXISTS eltzako_customers ( 
Customer_id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, CustomerName VARCHAR(50) , address VARCHAR(255) , city VARCHAR(255) , PostalCode VARCHAR(30), Country VARCHAR(30) , email VARCHAR(50), phone VARCHAR(20) )' 'INSERT INTO eltzako_customers (CustomerName, address, city,PostalCode,Country,email,phone) VALUES ("Ελευθέριος Τζάκος", "Ομηρου 40","Ελευσίνα","19200","ΕΛΛΑΔΑ",etzakos@gmail.com,"00306976555636")' 'INSERT INTO eltzako_customers (CustomerName, address, city,PostalCode,Country,email,phone) VALUES ("Ιωάννης Ανθουλίδης", "Περικλεους 83","Θεσσαλονίκη","15800","ΕΛΛΑΔΑ",ioanisanth@gmail.com,"6976551234")' 
Ομοίως και για τον πίνακα που αφορά τις παραγγελίες δηλαδή (eltzako_orders) : 'CREATE TABLE IF NOT EXISTS eltzako_orders ( Customer_id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, CustomerName VARCHAR(50) , address VARCHAR(255) , phone VARCHAR(20), status VARCHAR(50) ) 'INSERT INTO eltzako_orders (CustomerName,address,phone,status) VALUES ("Ελευθέριος Τζάκος", "Μιαουλη 40","00306976555636","ΠΑΡΑΔΩΘΗΚΕ")' 'INSERT INTO eltzako_orders (CustomerName,address,phone,status) VALUES ("Ιωάννης Ανθουλίδης", "Περικλεους 40","6976551234","ΠΑΡΑΔΩΘΗΚΕ")' 
Με εκτίμηση , Ελευθέριος -Παρασκεύας Τζάκος & Ιωάννης Ανθουλίδης


 

  




Πρόσβαση στη ΒΔ της σχολής http://lab.mst.ihu.gr/phpmyadmin/index.php
με username & pass όπως φαίνεται πιο κάτω
$user='eltzako';
$pass='y3eODbLF';

(Για να βρούμε τον πίνακα eltzako_user http://lab.mst.ihu.gr/phpmyadmin/sql.php?server=1&db=eltzako&table=eltzako_users&pos=0



Τίτλος:
Εργασία 2
Περιγραφή:
Session και διαχείριση οντοτήτων με χρήση php
Προδιαγραφές:
- Μετά την επιτυχημένη είσοδο ενός χρήστη στην εφαρμογή, 
θα πρέπει να δημιουργείται μια σύνοδος (session), 
έτσι ώστε να απαγορεύεται η παράκαμψη της διαδικασίας εισόδου.

Webprog2 
Submit 
config.php για σύνδεση με τη ΒΔ
ανοίγει session -> admin.php 
δε δουλεύει η εισαγωγή -> folder customers 

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




Τίτλος:
Εργασία 3
Περιγραφή:
Διαχείριση οντοτήτων με χρήση Javascript
Προδιαγραφές:
- Τροποποιήστε την εφαρμογή ώστε να μην γίνεται χρήση κουμπιών τύπου submit. Η υλοποίηση των POST που απαιτούνται για την επικοινωνία της εφαρμογής με το server θα πρέπει να χρησιμοποιεί Javascript.
 - Προσθέστε στην εφαρμογή την δημιουργία διαφόρων οπτικών εφέ καθώς ο δείκτης του ποντικιού περνάει πάνω από κάποια αντικείμενα της σελίδας. Π.χ. θα μπορούσε να υλοποιηθεί το εφέ της αλλαγής του χρώματος ή του στυλ του κουμπιού όταν ο δείκτης περνάει πάνω από αυτό.

Αντί για submit
Functionsubmitform
Change color 
Change color2



Τίτλος:
Εργασία 4
Περιγραφή:
Προδιαγραφές:
- Τροποποιήστε την εφαρμογή έτσι ώστε να γίνεται χρήση της τεχνολογίας Ajax για την υλοποίηση των POST που απαιτούνται για την επικοινωνία της εφαρμογής με το server.

Webprog4
Admin index.php 
Quiry -> submit -> return do login 
Post index.php 
Redirect index.php 
Session -> admin.php otherwise 

Mysql για να εισαγγουμε περισσότερους users


******************************************************************************************

 <div class="row featurette">
	
	      <div class="col-md-7 order-md-2">
        <h3 class="featurette-heading">ΜΕΤΑΦΟΡΕΣ ΣΕ ΟΛΗ ΤΗΝ ΕΛΛΑΔΑ <span class="text-muted"></span></h3>
        <p class="lead"></p> Φτάνουμε και στο πιο μικρό χωριό! Ρωτήστε μας για το δίκτυο κάλυψης των υπηρεσιών μας!
		Μέγιστος χρόνος παράδοσης 2 εργάσιμες ημέρες! Στις περιπτώσεις απομακρυσμένων προορισμών οι χρόνοι επεκτείνονται ανάλογα.
      </div>
      <div class="col-md-5 order-md-1">
        <img src="LV/LV2.png" >
      </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
      <div class="col-md-7">
        <h3 class="featurette-heading">ΜΕΤΑΦΟΡΕΣ ΣΕ ΟΛΟ ΤΟΝ ΚΟΣΜΟ <span class="text-muted"></span></h2>
        <p class="lead"></p> Νιώστε ασφάλεια για κάθε μικρό και μεγάλο δέμα σας!Μαζί φτάνουμε σε κάθε γωνιά του κόσμου.Δυνατότητα παρακολούθησης παραγγελίας σε κάθε στάδιο! </p>
      </div>
      <div class="col-md-5">
        <img src="LV/LV3.png" ">
      </div>
    </div>
	
	 <hr class="featurette-divider">

    <div class="row featurette">
      <div class="col-md-7 order-md-2">
        <h3	class="featurette-heading">ΠΑΡΑΔΟΣΗ ΑΥΘΗΜΕΡΟΝ </h2>
        <p class="lead">Θέλεις να στείλεις δώρο στον αγαπημένο σου σήμερα? Έχουμε την λύση! Υπηρεσία αυθημερον παραδοσης γιατί ο χρόνος σου μετράει!</p>
      </div>
      <div class="col-md-5 order-md-1">
        <img src="LV/LV4.png" >
      </div>
    </div>
	
	
	
	

    <hr class="featurette-divider">

    

  </div><!-- /.container -->


  <!-- FOOTER -->
  
  <footer class=" mt-auto" "fixed-bottom">
      <p class="mt-5 mb-3 text-center" text-muted">&copy; <a href="index.php">lt.gr</a> / Support : +30 2101234567  /  email: <a href="mailto:tzakos@lt.gr">support@lt.gr </a> 

</p>
	</footer>
</main>


   <script src="https://getbootstrap.com/docs/5.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

<script language="javascript">  
               function ChangeColor()  
               {  
                    document.getElementById('log_in').style.backgroundColor='green';  
                     
               }  
			   
			   function ChangeColor2()  
               {  
                   
					document.getElementById('log_in').style.backgroundColor='blue'; 
					
                   
               }  
               
          </script>  
      
  </body>
</html>