Suite

Comment trier une colonne dans la table attributaire par programme

Comment trier une colonne dans la table attributaire par programme


Existe-t-il un moyen de trier (par ordre alphabétique) une colonne de la table attributaire par programmation (sans cliquer sur l'en-tête de colonne) dans QGIS ?


Essayer de trier sur deux champs, deuxième puis premier

J'essaye de trier sur plusieurs colonnes. Les résultats ne sont pas ceux attendus.

Ce qui suit fonctionne correctement :

Mais ce qui suit ne fonctionne pas comme prévu :

J'essayais de trier par nom puis par prénom, mais vous verrez que les Villamors ne sont pas dans le bon ordre. J'espérais trier par nom de famille, puis quand les noms de famille correspondaient, trier par prénom.

Il semble qu'il y ait quelque chose sur la façon dont cela devrait fonctionner que je ne comprends pas. Je pourrais bien sûr le faire d'une autre manière (en utilisant awk), mais je veux comprendre sort.

J'utilise le shell Bash standard sur Mac OS X.


Je devrais présumer que le problème provient des données apparaissant sous la forme d'une chaîne réelle à l'algorithme de tri, produisant ainsi un tri lexicographique (par exemple, un tri sous forme de chaîne). Vous avez le choix entre de nombreux choix si vous souhaitez introduire un tri facile : AngularJS a une directive orderBy, jQuery a un tableSort, module que vous pouvez y ajouter (et d'autres, recherchez-les), ainsi que la plupart des autres frameworks JS . Bien sûr, il serait assez facile de lancer votre propre commande de tri dans environ 20 à 40 lignes de code, comme indiqué sur StackExchange.

Internet Explorer 7 et 8 perdent bientôt leur support sur salesforce.com, et il est généralement temps de passer à la version supérieure car les développeurs dans leur ensemble travaillent à la prise en charge des normes au lieu du passé fragmenté de détection de navigateur/de fonctionnalité engendré par la guerre des navigateurs. Assurez-vous de tester votre code dans IE 9 ou, mieux encore, IE 10, qui a déjà éclipsé les versions précédentes, en grande partie grâce aux mises à jour automatiques fournies par Microsoft.

Personnellement, j'écrirais mon propre algorithme de tri de table en utilisant un attribut de données ou un paramètre de fonction JavaScript sur la colonne d'en-tête qui demanderait à ma fonction de traiter les valeurs comme du texte, des nombres ou des dates, et d'analyser les valeurs de chaque colonne de manière appropriée avec certains expressions régulières pratiques pour réduire les nombres à quelque chose que je pourrais passer dans parseFloat, trier l'ensemble de données résultant, puis réorganiser les tables. Je ne pense pas que cela pèserait beaucoup plus de 100 lignes de code, en haut, étant donné les liens que j'ai fournis ci-dessus.


6 réponses 6

Au fur et à mesure que la largeur est réduite, le tableau se transforme en une liste. Vous perdez la possibilité de faire des comparaisons de lignes, mais cela garantit que les données restent accessibles pour les petites tailles d'écran.

Il est intéressant pour moi que le problème des grands tableaux à plusieurs colonnes ne soit pas résolu en créant une meilleure architecture de contenu et d'information, car quelle que soit la réactivité ou l'accessibilité du tableau, les informations seront toujours inutilisables pour le lecteur s'il y a tout simplement trop d'informations. La question de savoir comment intégrer une grande quantité d'informations dans une petite quantité d'espace d'écran vous donnera toujours la réponse « pas grand-chose ». La question est alors : « Combien suffit-il ? et "Combien est assez utile?"

La réponse fournie par nightning est un exemple de cas où vous devez proposer différentes stratégies de contenu lorsque vous disposez de différentes quantités d'espace disponible avec lesquelles vous pouvez travailler, et il est également important de se rappeler que même dans une conception réactive, il est peu probable que cela se produise. un utilisateur doit constamment basculer entre différents ports d'affichage, mais plutôt qu'il existe un flux ou un lien cohérent et logique lorsque l'on change le canal ou l'appareil via lequel il accède aux informations.

D'un point de vue UX, les grandes tables multi-colonnes ne sont pas très utilisables ou accessibles à moins qu'elles ne soient spécifiquement conçues pour une application de bureau à écran large. Je pense que vous devez revoir le cas pour afficher une telle quantité d'informations sur une application Web, surtout si elle est susceptible d'être affichée sur un appareil mobile avec un espace limité. Du point de vue de la conception du contenu, les tableaux à plusieurs colonnes présentent un défi, surtout si les informations ne conviennent pas à une structure de tableau, car la relation entre les lignes et les colonnes de chaque tableau n'est pas linéaire ou univoque, ce qui signifie que vous ne pouvez pas nécessairement développer ou réduire la hiérarchie lorsque vous souhaitez progressivement divulguer ou masquer du contenu de manière sensée ou logique.

Vous pouvez cependant vous épargner un peu de maux de tête en calculant la quantité minimale d'informations, ou le bloc atomique d'informations qui a du sens pour l'utilisateur, et construire la hiérarchie ou la structure de la table en fonction de plusieurs unités de ce bloc d'informations à faire. aussi responsable et accessible que possible pour l'utilisateur. C'est ainsi que de nombreux sites Web réactifs tentent de résoudre leurs problèmes de mise en page et de conception, et cela s'applique à tous les niveaux de la stratégie de contenu, y compris les grandes tables.


Accéder à un tableau

Vous pouvez afficher les détails d'une table, lire, mettre à jour et supprimer une table.

Voir les détails du tableau

La vue des détails de la table affiche le schéma de la table et des exemples de données.

Cliquez sur Données dans la barre latérale.

Dans le dossier Bases de données, cliquez sur une base de données.

Dans le dossier Tables, cliquez sur le nom de la table.

Dans la liste déroulante Cluster, sélectionnez éventuellement un autre cluster pour afficher l'aperçu de la table.

Pour afficher l'aperçu de la table, une requête Spark SQL s'exécute sur le cluster sélectionné dans le Groupe menu déroulant. Si le cluster a déjà une charge de travail en cours d'exécution, l'aperçu de la table peut prendre plus de temps à charger.

Interroger une table

Ces exemples vous montrent comment interroger et afficher une table appelée diamonds .

Python

Scala


Filtrage personnalisé - recherche de plage

Il peut arriver que vous souhaitiez rechercher des données présentées à l'utilisateur final à votre manière, des exemples courants sont les recherches par plage de numéros (entre deux chiffres) et les recherches par plage de dates. DataTables fournit une méthode API pour ajouter vos propres fonctions de recherche, $.fn.dataTable.ext.search . Il s'agit d'un ensemble de fonctions (poussez les vôtres dessus) qui seront exécutées au moment du tirage de la table pour voir si une ligne particulière doit être incluse ou non.

Cet exemple montre une recherche effectuée sur la colonne d'âge dans les données, sur la base de deux entrées.

Âge minimum:
Âge maximal :
Nom Position Bureau Âge Date de début Un salaire
Tigre Nixon Architecte système Edinbourg 61 2011/04/25 $320,800
Garrett Winters Comptable Tokyo 63 2011/07/25 $170,750
Ashton Cox Auteur technique junior San Francisco 66 2009/01/12 $86,000
Cédric Kelly Développeur Javascript Sénior Edinbourg 22 2012/03/29 $433,060
Airi Satou Comptable Tokyo 33 2008/11/28 $162,700
Brielle Williamson Spécialiste de l'intégration New York 61 2012/12/02 $372,000
Herrod Chandler Assistant des ventes San Francisco 59 2012/08/06 $137,500
Rhona Davidson Spécialiste de l'intégration Tokyo 55 2010/10/14 $327,900
Colleen Hurst Développeur Javascript San Francisco 39 2009/09/15 $205,500
Sonya Frost Ingénieur logiciel Edinbourg 23 2008/12/13 $103,600
Iéna Gaines Responsable administratif Londres 30 2008/12/19 $90,560
Quinn Flynn Responsable de l'assistance Edinbourg 22 2013/03/03 $342,000
Charde Maréchal Directeur régional San Francisco 36 2008/10/16 $470,600
Haley Kennedy Concepteur marketing sénior Londres 43 2012/12/18 $313,500
Tatiana Fitzpatrick Directeur régional Londres 19 2010/03/17 $385,750
Michel Silva Concepteur marketing Londres 66 2012/11/27 $198,500
Paul Byrd Directeur financier (CFO) New York 64 2010/06/09 $725,000
Gloria Petite Administrateur des systèmes New York 59 2009/04/10 $237,500
Bradley Greer Ingénieur logiciel Londres 41 2012/10/13 $132,000
Dai Ríos Responsable du personnel Edinbourg 35 2012/09/26 $217,500
Jenette Caldwell Responsable du développement New York 30 2011/09/03 $345,000
Yuri Berry Directeur Marketing (CMO) New York 40 2009/06/25 $675,000
César Vance Assistance avant-vente New York 21 2011/12/12 $106,450
Doris Wilder Assistant des ventes Sydney 23 2010/09/20 $85,600
Angélique Ramos Président Directeur-Général (PDG) Londres 47 2009/10/09 $1,200,000
Gavin Joyce Développeur Edinbourg 42 2010/12/22 $92,575
Jennifer Chang Directeur régional Singapour 28 2010/11/14 $357,650
Brenden Wagner Ingénieur logiciel San Francisco 28 2011/06/07 $206,850
Fiona Vert Chef de l'exploitation (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Commercialisation régionale Tokyo 20 2011/08/14 $163,000
Maison Michelle Spécialiste de l'intégration Sydney 37 2011/06/02 $95,400
Suki Burks Développeur Londres 53 2009/10/22 $114,500
Prescott Bartlett Auteur technique Londres 27 2011/05/07 $145,000
Gavin Cortez Chef d'équipe San Francisco 22 2008/10/26 $235,500
Martena Mccray Assistance après-vente Edinbourg 46 2011/03/09 $324,050
Majordome de l'unité Concepteur marketing San Francisco 47 2009/12/09 $85,675
Howard Hatfield Responsable administratif San Francisco 51 2008/12/16 $164,500
Espoir Fuentes secrétaire San Francisco 41 2010/02/12 $109,850
Viviane Harrell Contrôleur financier San Francisco 62 2009/02/14 $452,500
Timothée Mooney Responsable administratif Londres 37 2008/12/11 $136,200
Jackson Bradshaw Réalisateur New York 65 2008/09/26 $645,750
Olivia Liang Ingénieur support Singapour 64 2011/02/03 $234,500
Bruno Nash Ingénieur logiciel Londres 38 2011/05/03 $163,500
Sakura Yamamoto Ingénieur support Tokyo 37 2009/08/19 $139,575
Thor Walton Développeur New York 61 2013/08/11 $98,540
Finn Camacho Ingénieur support San Francisco 47 2009/07/07 $87,500
Serge Baudouin Coordonnateur des données Singapour 64 2012/04/09 $138,575
Zénaida Frank Ingénieur logiciel New York 63 2010/01/04 $125,250
Zorita Serrano Ingénieur logiciel San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Développeur Javascript junior Edinbourg 43 2013/02/01 $75,650
Cara Stevens Assistant des ventes New York 46 2011/12/06 $145,600
Hermione majordome Directeur régional Londres 47 2011/03/21 $356,250
Lael Greer Administrateur des systèmes Londres 21 2009/02/27 $103,500
Jonas Alexandre Développeur San Francisco 30 2010/07/14 $86,500
Decker Shad Directeur régional Edinbourg 51 2008/11/13 $183,000
Michael Bruce Développeur Javascript Singapour 29 2011/06/27 $183,000
Donna Snider Service client New York 27 2011/01/25 $112,000
Nom Position Bureau Âge Date de début Un salaire
  • Javascript
  • HTML
  • CSS
  • Ajax
  • Script côté serveur
  • commentaires

Le Javascript montré ci-dessous est utilisé pour initialiser la table montrée dans cet exemple :

En plus du code ci-dessus, les fichiers de bibliothèque Javascript suivants sont chargés pour être utilisés dans cet exemple :

Le code HTML affiché ci-dessous est l'élément de tableau HTML brut, avant qu'il ne soit amélioré par DataTables :

Cet exemple utilise un peu de CSS supplémentaire au-delà de ce qui est chargé à partir des fichiers de bibliothèque (ci-dessous), afin d'afficher correctement le tableau. Le CSS supplémentaire utilisé est indiqué ci-dessous :

Les fichiers de bibliothèque CSS suivants sont chargés pour être utilisés dans cet exemple pour fournir le style du tableau :

Cette table charge les données par Ajax. Les dernières données chargées sont indiquées ci-dessous. Ces données seront mises à jour automatiquement au fur et à mesure que des données supplémentaires seront chargées.

Le script utilisé pour effectuer le traitement côté serveur de cette table est indiqué ci-dessous. Veuillez noter qu'il ne s'agit que d'un exemple de script utilisant PHP. Les scripts de traitement côté serveur peuvent être écrits dans n'importe quel langage, en utilisant le protocole décrit dans la documentation DataTables.


Principe 1 – Perceptible

Les informations et les composants de l'interface utilisateur doivent être présentables aux utilisateurs de manière à ce qu'ils puissent les percevoir.

Ligne directrice 1.1 – Alternatives textuelles

1.1.1 Contenu non textuel

Contrôles, entrée : Si le contenu non textuel est un contrôle ou accepte une entrée utilisateur, alors il a un nom qui décrit son objectif. (Reportez-vous au critère de succès 4.1.2 pour les exigences supplémentaires concernant les contrôles et le contenu qui accepte les entrées de l'utilisateur.)

Médias basés sur le temps : Si le contenu non textuel est un média temporel, alors des alternatives textuelles fournissent au moins une identification descriptive du contenu non textuel. (Reportez-vous à la directive 1.2 pour les exigences supplémentaires relatives aux supports.)

Test: Si le contenu non textuel est un test ou un exercice qui serait invalide s'il était présenté sous forme de texte, alors les alternatives textuelles fournissent au moins une identification descriptive du contenu non textuel.

Sensoriel: Si le contenu non textuel est principalement destiné à créer une expérience sensorielle spécifique, alors les alternatives textuelles fournissent au moins une identification descriptive du contenu non textuel.

CAPTCHA : Si le but du contenu non textuel est de confirmer que le contenu est accessible par une personne plutôt que par un ordinateur, alors des alternatives textuelles qui identifient et décrivent le but du contenu non textuel sont fournies, et des formes alternatives de CAPTCHA utilisant des modes de sortie pour différents types de perception sensorielle sont fournis pour s'adapter à différents handicaps.


En-têtes complexes (rowspan et colspan)

Lorsque vous utilisez des tableaux pour afficher des données, vous souhaiterez souvent afficher les informations de colonne en groupes. DataTables prend entièrement en charge colspan et rowspan dans l'en-tête de la table, en attribuant les écouteurs d'ordre requis à l'élément TH approprié pour cette colonne.

Chaque colonne doit avoir une cellule TH qui lui est unique pour que les auditeurs soient ajoutés. Par défaut, DataTables utilisera la cellule unique inférieure de la colonne pour attacher l'écouteur de commande, si plusieurs cellules pour une colonne sont trouvées. L'option orderCellsTop peut être utilisée pour indiquer à DataTables d'utiliser la cellule supérieure si vous préférez.

L'exemple ci-dessous a deux ensembles d'informations groupées, regroupées par colspan dans l'en-tête.

Nom Informations RH Contact
Position Un salaire Bureau Poste E-mail
Tigre Nixon Architecte système $320,800 Edinbourg 5421 [email protected]
Garrett Winters Comptable $170,750 Tokyo 8422 [email protected]
Ashton Cox Auteur technique junior $86,000 San Francisco 1562 [email protected]
Cédric Kelly Développeur Javascript senior $433,060 Edinbourg 6224 [email protected]
Airi Satou Comptable $162,700 Tokyo 5407 [email protected]
Brielle Williamson Spécialiste de l'intégration $372,000 New York 4804 [email protected]
Herrod Chandler Assistant des ventes $137,500 San Francisco 9608 [email protected]
Rhona Davidson Spécialiste de l'intégration $327,900 Tokyo 6200 [email protected]
Colleen Hurst Développeur Javascript $205,500 San Francisco 2360 [email protected]
Sonya Frost Ingénieur logiciel $103,600 Edinbourg 1667 [email protected]
Iéna Gaines Responsable administratif $90,560 Londres 3814 [email protected]
Quinn Flynn Responsable de l'assistance $342,000 Edinbourg 9497 [email protected]
Charde Maréchal Directeur régional $470,600 San Francisco 6741 [email protected]
Haley Kennedy Concepteur marketing sénior $313,500 Londres 3597 [email protected]
Tatiana Fitzpatrick Directeur régional $385,750 Londres 1965 [email protected]
Michel Silva Concepteur marketing $198,500 Londres 1581 [email protected]
Paul Byrd Directeur financier (CFO) $725,000 New York 3059 [email protected]
Gloria Petite Administrateur des systèmes $237,500 New York 1721 [email protected]
Bradley Greer Ingénieur logiciel $132,000 Londres 2558 [email protected]
Dai Ríos Responsable du personnel $217,500 Edinbourg 2290 [email protected]
Jenette Caldwell Responsable du développement $345,000 New York 1937 [email protected]
Yuri Berry Directeur Marketing (CMO) $675,000 New York 6154 [email protected]
César Vance Assistance avant-vente $106,450 New York 8330 [email protected]
Doris Wilder Assistant des ventes $85,600 Sydney 3023 [email protected]
Angélique Ramos Président Directeur-Général (PDG) $1,200,000 Londres 5797 [email protected]
Gavin Joyce Développeur $92,575 Edinbourg 8822 [email protected]
Jennifer Chang Directeur régional $357,650 Singapour 9239 [email protected]
Brenden Wagner Ingénieur logiciel $206,850 San Francisco 1314 [email protected]
Fiona Vert Chef de l'exploitation (COO) $850,000 San Francisco 2947 [email protected]
Shou Itou Commercialisation régionale $163,000 Tokyo 8899 [email protected]
Maison Michelle Spécialiste de l'intégration $95,400 Sydney 2769 [email protected]
Suki Burks Développeur $114,500 Londres 6832 [email protected]
Prescott Bartlett Auteur technique $145,000 Londres 3606 [email protected]
Gavin Cortez Chef d'équipe $235,500 San Francisco 2860 [email protected]
Martena Mccray Assistance après-vente $324,050 Edinbourg 8240 [email protected]
Majordome de l'unité Concepteur marketing $85,675 San Francisco 5384 [email protected]
Howard Hatfield Responsable administratif $164,500 San Francisco 7031 [email protected]
Espoir Fuentes secrétaire $109,850 San Francisco 6318 [email protected]
Viviane Harrell Contrôleur financier $452,500 San Francisco 9422 [email protected]
Timothée Mooney Responsable administratif $136,200 Londres 7580 [email protected]
Jackson Bradshaw Réalisateur $645,750 New York 1042 [email protected]
Olivia Liang Ingénieur support $234,500 Singapour 2120 [email protected]
Bruno Nash Ingénieur logiciel $163,500 Londres 6222 [email protected]
Sakura Yamamoto Ingénieur support $139,575 Tokyo 9383 [email protected]
Thor Walton Développeur $98,540 New York 8327 [email protected]
Finn Camacho Ingénieur support $87,500 San Francisco 2927 [email protected]
Serge Baudouin Coordonnateur des données $138,575 Singapour 8352 [email protected]
Zénaida Frank Ingénieur logiciel $125,250 New York 7439 [email protected]
Zorita Serrano Ingénieur logiciel $115,000 San Francisco 4389 [email protected]
Jennifer Acosta Développeur Javascript junior $75,650 Edinbourg 3431 [email protected]
Cara Stevens Assistant des ventes $145,600 New York 3990 [email protected]
Hermione majordome Directeur régional $356,250 Londres 1016 [email protected]
Lael Greer Administrateur des systèmes $103,500 Londres 6733 [email protected]
Jonas Alexandre Développeur $86,500 San Francisco 8196 [email protected]
Decker Shad Directeur régional $183,000 Edinbourg 6373 [email protected]
Michael Bruce Développeur Javascript $183,000 Singapour 5384 [email protected]
Donna Snider Service client $112,000 New York 4226 [email protected]
Nom Position Un salaire Bureau Poste E-mail
  • Javascript
  • HTML
  • CSS
  • Ajax
  • Script côté serveur
  • commentaires

Le Javascript montré ci-dessous est utilisé pour initialiser la table montrée dans cet exemple :

En plus du code ci-dessus, les fichiers de bibliothèque Javascript suivants sont chargés pour être utilisés dans cet exemple :

Le code HTML affiché ci-dessous est l'élément de tableau HTML brut, avant qu'il ne soit amélioré par DataTables :

Cet exemple utilise un peu de CSS supplémentaire au-delà de ce qui est chargé à partir des fichiers de bibliothèque (ci-dessous), afin d'afficher correctement le tableau. Le CSS supplémentaire utilisé est indiqué ci-dessous :

Les fichiers de bibliothèque CSS suivants sont chargés pour être utilisés dans cet exemple pour fournir le style du tableau :

Cette table charge les données par Ajax. Les dernières données chargées sont indiquées ci-dessous. Ces données seront mises à jour automatiquement au fur et à mesure que des données supplémentaires seront chargées.

Le script utilisé pour effectuer le traitement côté serveur de cette table est indiqué ci-dessous. Veuillez noter qu'il ne s'agit que d'un exemple de script utilisant PHP. Les scripts de traitement côté serveur peuvent être écrits dans n'importe quel langage, en utilisant le protocole décrit dans la documentation DataTables.


Colonne d'index

Les tableaux hautement interactifs nécessitent souvent une colonne « compteur » qui contient la position de chaque ligne du tableau. Cette colonne ne doit pas être triable et changera dynamiquement au fur et à mesure que l'ordre et la recherche appliqués à la table sont modifiés par l'utilisateur final.

Cet exemple montre comment cela peut être réalisé avec DataTables, où la première colonne est la colonne de compteur et est mise à jour lors de la commande ou de la recherche. Cela se fait en écoutant les événements de commande et de recherche émis par la table. Lorsque ces événements sont détectés, la méthode column().nodes() est utilisée pour obtenir les nœuds TD/TH pour la colonne cible et la fonction d'assistance each() utilisée pour itérer sur chacun, dont le contenu est mis à jour si nécessaire. Notez que les options de filtre et d'ordre utilisent dans la méthode column() pour obtenir les nœuds dans l'ordre actuel et avec le filtre actuellement appliqué.

Nom Position Bureau Âge Un salaire
Tigre Nixon Architecte système Edinbourg 61 $320,800
Garrett Winters Comptable Tokyo 63 $170,750
Ashton Cox Auteur technique junior San Francisco 66 $86,000
Cédric Kelly Développeur Javascript senior Edinbourg 22 $433,060
Airi Satou Comptable Tokyo 33 $162,700
Brielle Williamson Spécialiste de l'intégration New York 61 $372,000
Herrod Chandler Assistant des ventes San Francisco 59 $137,500
Rhona Davidson Spécialiste de l'intégration Tokyo 55 $327,900
Colleen Hurst Développeur Javascript San Francisco 39 $205,500
Sonya Frost Ingénieur logiciel Edinbourg 23 $103,600
Iéna Gaines Responsable administratif Londres 30 $90,560
Quinn Flynn Responsable de l'assistance Edinbourg 22 $342,000
Charde Maréchal Directeur régional San Francisco 36 $470,600
Haley Kennedy Concepteur marketing sénior Londres 43 $313,500
Tatiana Fitzpatrick Directeur régional Londres 19 $385,750
Michel Silva Concepteur marketing Londres 66 $198,500
Paul Byrd Directeur financier (CFO) New York 64 $725,000
Gloria Petite Administrateur des systèmes New York 59 $237,500
Bradley Greer Ingénieur logiciel Londres 41 $132,000
Dai Ríos Responsable du personnel Edinbourg 35 $217,500
Jenette Caldwell Responsable du développement New York 30 $345,000
Yuri Berry Directeur Marketing (CMO) New York 40 $675,000
César Vance Assistance avant-vente New York 21 $106,450
Doris Wilder Assistant des ventes Sydney 23 $85,600
Angélique Ramos Président Directeur-Général (PDG) Londres 47 $1,200,000
Gavin Joyce Développeur Edinbourg 42 $92,575
Jennifer Chang Directeur régional Singapour 28 $357,650
Brenden Wagner Ingénieur logiciel San Francisco 28 $206,850
Fiona Vert Chef de l'exploitation (COO) San Francisco 48 $850,000
Shou Itou Commercialisation régionale Tokyo 20 $163,000
Maison Michelle Spécialiste de l'intégration Sydney 37 $95,400
Suki Burks Développeur Londres 53 $114,500
Prescott Bartlett Auteur technique Londres 27 $145,000
Gavin Cortez Chef d'équipe San Francisco 22 $235,500
Martena Mccray Assistance après-vente Edinbourg 46 $324,050
Majordome de l'unité Concepteur marketing San Francisco 47 $85,675
Howard Hatfield Responsable administratif San Francisco 51 $164,500
Espoir Fuentes secrétaire San Francisco 41 $109,850
Viviane Harrell Contrôleur financier San Francisco 62 $452,500
Timothée Mooney Responsable administratif Londres 37 $136,200
Jackson Bradshaw Réalisateur New York 65 $645,750
Olivia Liang Ingénieur support Singapour 64 $234,500
Bruno Nash Ingénieur logiciel Londres 38 $163,500
Sakura Yamamoto Ingénieur support Tokyo 37 $139,575
Thor Walton Développeur New York 61 $98,540
Finn Camacho Ingénieur support San Francisco 47 $87,500
Serge Baudouin Coordonnateur des données Singapour 64 $138,575
Zénaida Frank Ingénieur logiciel New York 63 $125,250
Zorita Serrano Ingénieur logiciel San Francisco 56 $115,000
Jennifer Acosta Développeur Javascript junior Edinbourg 43 $75,650
Cara Stevens Assistant des ventes New York 46 $145,600
Hermione majordome Directeur régional Londres 47 $356,250
Lael Greer Administrateur des systèmes Londres 21 $103,500
Jonas Alexandre Développeur San Francisco 30 $86,500
Decker Shad Directeur régional Edinbourg 51 $183,000
Michael Bruce Développeur Javascript Singapour 29 $183,000
Donna Snider Service client New York 27 $112,000
Nom Position Bureau Âge Un salaire
  • Javascript
  • HTML
  • CSS
  • Ajax
  • Script côté serveur
  • commentaires

Le Javascript montré ci-dessous est utilisé pour initialiser la table montrée dans cet exemple :

En plus du code ci-dessus, les fichiers de bibliothèque Javascript suivants sont chargés pour être utilisés dans cet exemple :

Le code HTML affiché ci-dessous est l'élément de tableau HTML brut, avant qu'il ne soit amélioré par DataTables :

Cet exemple utilise un peu de CSS supplémentaire au-delà de ce qui est chargé à partir des fichiers de bibliothèque (ci-dessous), afin d'afficher correctement le tableau. Le CSS supplémentaire utilisé est indiqué ci-dessous :

Les fichiers de bibliothèque CSS suivants sont chargés pour être utilisés dans cet exemple pour fournir le style du tableau :

Cette table charge les données par Ajax. Les dernières données chargées sont indiquées ci-dessous. Ces données seront mises à jour automatiquement au fur et à mesure que des données supplémentaires seront chargées.

Le script utilisé pour effectuer le traitement côté serveur de cette table est indiqué ci-dessous. Veuillez noter qu'il ne s'agit que d'un exemple de script utilisant PHP. Les scripts de traitement côté serveur peuvent être écrits dans n'importe quel langage, en utilisant le protocole décrit dans la documentation DataTables.


Portée etSéquence (F-10)

Les données sont l'ingrédient essentiel à la création d'informations et de solutions numériques. Les élèves doivent collecter différents types de données, telles que du texte, des chiffres, des sons et des images (fixes et animés) pour répondre à une question significative, puis utiliser différents logiciels pour organiser et présenter les données, tels que des feuilles de calcul et des logiciels d'animation. Enseignez explicitement aux élèves comment saisir des données dans une feuille de calcul pour organiser et présenter les données. Utilisez différents logiciels pour présenter les données. Les élèves explorent une gamme de formats différents pour présenter des données et des informations.

Flux d'activités

Activité Collecter et organiser les données

Comment organisons-nous les données ?

Alignement du programme d'études australien

C'est à propos de quoi?

Les données peuvent être classées en groupes selon les caractéristiques communes présentes dans les données.

Les données peuvent être classées selon une série de facteurs, tels que :

  • attributs, par exemple le pays d'origine, le sexe, la couleur des yeux ou des cheveux, le type d'animal ou le type de voiture
  • montants/valeurs : par exemple, taille, âge, poids, nombre de membres de la famille, coût ($)
  • emplacement géographique, par exemple, état ou territoire, pays ou code postal
  • occurrence de temps, par exemple, jours, semaines, mois ou années.

Tâches d'apprentissage

  1. Examinez une gamme d'ensembles de données et discutez de l'utilisation du texte et des nombres.
  2. Utilisez un contexte significatif pour collecter des données afin de répondre à une question. Par exemple, les déchets et le recyclage sont un sujet qui peut être utilisé pour intégrer HAAS : Géographie avec la collecte et la présentation de données.
  3. Collectez des données via des entretiens ou des enquêtes, ou utilisez des ensembles de données existants. Par exemple, en utilisant le contexte des déchets et du recyclage, définissez des moyens d'acquérir les données, puis guidez les élèves sur la manière d'organiser les données, par exemple :
    • attribut &ndash trier les données par types de déchets.
    • montant (kg) de déchets éliminés ou recyclés, estimés en fonction de la taille du bac
    • localisation géographique &ndash trier les données sur les déchets par état et territoire
    • occurrence de temps &ndash trier les données sur les déchets par semaines ou par mois.
  4. Discutez de la manière dont les données peuvent être présentées, par exemple sous forme d'image (photos/collage), de texte (avis pour kiosque d'information ou bulletin quotidien) ou de chiffres, présentés dans un tableau ou sous forme de graphique.

Alternativement, vous pouvez présenter l'intelligence artificielle (IA) et explorer comment un ordinateur voit l'utilisation des données d'images et de vidéos. L'IA détecte un objet et fait une prédiction de sa classification par exemple une voiture ou un feu de circulation. Introduire la classification en utilisant le tri d'images, par exemple les animaux australiens. Identifiez les caractéristiques ou les caractéristiques et triez en fonction de celles-ci. Les données peuvent être organisées de différentes manières.