Web_Conference Management System

Système de gestion de la conférence

Cette application Web gère des conférences, différents rôles utilisateur, soumissions de résumés et avis. Fabriqué avec Angular et Spring .

Les icônes sont attribuées dans le pied de page de la page d'accueil. Le thème des changements d'icône à gauche.

INDICE

• Photos de l'application
• Autorisation basée sur les rôles
• Exigences
• Étapes pour configurer le frontend
• Étapes pour configurer le backend
• Diagrammes

Photos de l'application

Thème léger	Thème extraterrestre

---

---

---

---

---

---

---

---

---

Autorisation basée sur les rôles

Rôles: président, auteur, membre du PC, coprésident, membre SC.

Chaque utilisateur peut avoir un rôle X dans la conférence 1 et le rôle Y dans une autre conférence.

Sauf «l'administrateur», qui est toujours président.

Avec le registre par défaut, vous êtes auteur. D'autres rôles obtiennent des liens d'invitation par e-mail lorsque le président crée une conférence.

Auteur

• Soumettre un document scientifique
• Voir les résultats
• participer aux sections où les articles sont présentés

Membre PC

• Soumettre un document scientifique
• Voir les résultats
• participer aux sections où les articles sont présentés
• Documents de soumission (montrez que vous aimeriez revoir)
• Documents de révision

Coprésident

• participer aux sections où les articles sont présentés
• Documents de soumission (montrez que vous aimeriez revoir)
• Documents de révision
• attribuer un papier à un soumissionnaire
• Voir toutes les critiques:
  • Choisissez le verdict final d'un papier
  • Envoyer à un autre réviseur
  • Demande de discussion (réinitialiser les revues à Not_reviewed )

Chaise

• Identique au coprésident
• Créer une section
• créer une conférence

Membre SC

• participer aux sections où les articles sont présentés

Exigences

• Angular + matériau angulaire
• Serveur mysql
• Java

Étapes pour configurer le frontend

• Installez Nodejs https://nodejs.org/en/, LTS
• J'espère que WebStor reconnaît la commande «NPM Install»
• Open Project in IDE (WebStorm, VS Code)
• Allez à l'intérieur du dossier «frontend» avec le terminal (l'IDE peut avoir «le dossier ouvert dans le terminal» lors d'un clic droit).
• Exécutez la commande npm install_ pour installer le dossier 'node_modules'.
• Démarrez l'application avec WebStorm, VS Code ou avec la commande «ng servir» dans le terminal.
• L'application s'exécutera sur l'adresse http: // localhost: 4200 / -> le port par défaut (4200) pour les projets angulaires

Étapes pour configurer le backend

Configuration de la base de données MySQL

In brief, you need: MySQL Server (username: root, password: iss2020) and an empty database 'cms'

• Téléchargez MySQL Server depuis Google. Windows (x86, 32 bits), installateur MSI. https://dev.mysql.com/downloads/windows/installer/8.0.html

  • (MySQL-Installer-web-Community-8.0.19.0.msi)
  • Choisissez «serveur uniquement»
  • Cliquez sur «Suivant» jusqu'à ce que vous puissiez choisir le mot de passe
  • Mettez le mot de passe «ISS2020»
  • Cliquez sur «Suivant» tout le chemin

• Téléchargez MySQL Workbench depuis Google (même fonctionnalité que SSMS-SQL Server Management Studio)

  • (MySQL-Workbench-Community-8.0.19-winx64.msi)
  • Cliquez sur «Instance locale mysql80» ou smth comme ça
  • À gauche, au milieu de l'écran, Choisissez des schémas (appartient à Tab Navigator), ici vous pouvez créer une base de données avec `` Créer un schéma '' à partir de la barre d'outils
  • Créer une base de données appelée «CMS»

Configuration du backend

Déjà fait pour ce projet. Écrit au cas où vous souhaitez vous reproduire à l'avenir.

• Créer un projet sur Internet avec Spring Initizr, Ajouter des dépendances: Web, JPA. Choisissez Gradle, Java 11.
• Projet ouvert dans IDE (Intellij, Eclipse)
• Collez le code ci-dessous dans «Ressources / application.properties». Il relie le projet à MySQL. Le configure pour connaître la chaîne de connexion, le nom DB, le port de la base de données et d'autres.

 spring:
  jpa:
    show-sql: true
    hibernate:
      ddl-auto: update
    properties:
      hibernate:
        dialect: org.hibernate.dialect.MySQL8Dialect
  datasource:
    url: jdbc:mysql://localhost/cms?serverTimezone=UTC
    username: root
    password: iss2020
    driverClassName: com.mysql.cj.jdbc.Driver
  servlet:
    multipart:
      enabled: true
      max-file-size: 10MB
      file-size-threshold: 10KB
      max-request-size: 15MB
server:
  servlet:
    context-path: /cms/api/

• Modifier 'application.properties' en 'application.yml'. C'est juste une forme plus simple de format de texte.
• Ajoutez ceci dans 'build.gradle' -> dépendances {..}. Il importe le pilote JDBC.

 implementation 'mysql:mysql-connector-java'

• Courir

Diagrammes

Trouvé dans «~ schémas et documents».